pageInfo.css (4299B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 5 @import "chrome://global/skin/"; 6 7 /* View buttons */ 8 #viewGroup { 9 padding-inline-start: 10px; 10 } 11 12 #viewGroup > radio { 13 list-style-image: url("chrome://browser/skin/pageInfo.png"); 14 -moz-box-orient: vertical; 15 -moz-box-align: center; 16 -moz-appearance: none; 17 padding: 5px 3px 1px 3px; 18 margin: 0 1px; 19 min-width: 4.5em; 20 } 21 22 #viewGroup > radio:hover { 23 background-color: #181411; 24 color: #bfbbb6; 25 } 26 27 #viewGroup > radio[selected="true"] { 28 background-color: #181411; 29 color: #bfbbb6; 30 } 31 32 #topBar { 33 border-bottom: 1px solid rgb(64,64,64); 34 padding-inline-start: 10px; 35 background-color: #181411; 36 color: #bfbbb6; 37 } 38 39 #generalTab { 40 -moz-image-region: rect(0px, 32px, 32px, 0px) 41 } 42 43 #generalTab:hover, #generalTab[selected="true"] { 44 -moz-image-region: rect(32px, 32px, 64px, 0px) 45 } 46 47 #mediaTab { 48 -moz-image-region: rect(0px, 64px, 32px, 32px) 49 } 50 51 #mediaTab:hover, #mediaTab[selected="true"] { 52 -moz-image-region: rect(32px, 64px, 64px, 32px) 53 } 54 55 #feedTab { 56 -moz-image-region: rect(0px, 96px, 32px, 64px) 57 } 58 59 #feedTab:hover, #feedTab[selected="true"] { 60 -moz-image-region: rect(32px, 96px, 64px, 64px) 61 } 62 63 #permTab { 64 -moz-image-region: rect(0px, 128px, 32px, 96px) 65 } 66 67 #permTab:hover, #permTab[selected="true"] { 68 -moz-image-region: rect(32px, 128px, 64px, 96px) 69 } 70 71 #securityTab { 72 -moz-image-region: rect(0px, 160px, 32px, 128px) 73 } 74 75 #securityTab:hover, #securityTab[selected="true"] { 76 -moz-image-region: rect(32px, 160px, 64px, 128px) 77 } 78 79 deck { 80 padding: 10px 10px 10px 10px; 81 } 82 83 /* Misc */ 84 tree { 85 margin: .5em; 86 } 87 88 .gridSeparator { 89 width: .5em; 90 } 91 92 textbox { 93 background: transparent !important; 94 border: none; 95 padding: 0px; 96 margin-top: 1px; 97 -moz-appearance: none; 98 } 99 100 textbox.header { 101 margin-inline-start: 0; 102 } 103 104 .iframe { 105 margin: .5em; 106 background: white; 107 overflow: auto; 108 } 109 110 .fixedsize { 111 height: 8.5em; 112 } 113 114 textbox[disabled] { 115 font-style: italic; 116 } 117 118 /* General Tab */ 119 groupbox.collapsable caption .caption-icon { 120 width: 9px; 121 height: 9px; 122 background-repeat: no-repeat; 123 background-position: center; 124 margin-inline-start: 2px; 125 margin-inline-end: 2px; 126 background-image: url("chrome://global/skin/tree/twisty-open.png"); 127 } 128 129 groupbox.collapsable[closed="true"] { 130 border: none; 131 margin-bottom: 9px; 132 -moz-appearance: none; 133 } 134 135 groupbox.collapsable[closed="true"] caption .caption-icon { 136 background-image: url("chrome://global/skin/tree/twisty-clsd.png"); 137 } 138 139 groupbox tree { 140 margin: 0 3px; 141 border: none; 142 } 143 144 #securityBox description { 145 margin-inline-start: 10px; 146 } 147 148 #general-security-identity { 149 white-space: pre-wrap; 150 line-height: 2em; 151 } 152 153 /* Media Tab */ 154 #imagetree { 155 min-height: 10em; 156 margin-bottom: 0; 157 } 158 159 #mediaSplitter { 160 border-style: none; 161 background: none; 162 height: .8em; 163 } 164 165 #mediaGrid { 166 min-height: 9em; 167 } 168 169 #mediaLabelColumn { 170 min-width: 10em; 171 } 172 173 #thepreviewimage { 174 margin: 1em; 175 } 176 177 treechildren::-moz-tree-cell-text(broken) { 178 font-style: italic; 179 color: graytext; 180 } 181 182 /* Feeds Tab */ 183 #feedtree { 184 margin-bottom: 0px; 185 } 186 187 #feedListbox richlistitem { 188 padding-top: 6px; 189 padding-bottom: 6px; 190 padding-inline-start: 7px; 191 padding-inline-end: 7px; 192 min-height: 25px; 193 border-bottom: 1px dotted rgb(75,75,75); 194 } 195 196 #feedListbox richlistitem[selected="true"] { 197 background-color: #181411; 198 color: #bfbbb6; 199 } 200 201 #feedListbox { 202 border: 1px solid rgb(64,64,64); 203 } 204 205 .feedTitle { 206 font-weight: bold; 207 } 208 209 /* Permissions Tab */ 210 #permList { 211 margin-top: .5em; 212 overflow: auto; 213 border: 1px solid rgb(64,64,64); 214 background-color: #181411; 215 color: #bfbbb6; 216 } 217 218 .permission { 219 padding-top: 6px; 220 padding-bottom: 6px; 221 padding-inline-start: 7px; 222 padding-inline-end: 7px; 223 min-height: 25px; 224 border-bottom: 1px dotted rgb(64,64,64); 225 } 226 227 .permissionLabel { 228 font-weight: bold; 229 color: #bfbbb6; 230 } 231 232 .permission:hover { 233 background-color: #181411; 234 } 235 236 /* Security Tab */ 237 #securityPanel .caption-icon { 238 display: none; 239 } 240 241 #securityPanel .header { 242 font-size: 120%; 243 } 244 245 #securityPanel .fieldLabel { 246 margin: 2px 10px 3px 10px; 247 } 248 249 #securityPanel .fieldValue { 250 font-weight: bold; 251 margin: 2px 10px 0px 10px; 252 }