LCARStrek/browser/pageInfo.css

   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 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
   8 @namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
   9
  10 /* View buttons */
  11 #viewGroup {
  12   padding-inline-start: 10px;
  13 }
  14
  15 #viewGroup > radio {
  16   list-style-image: url("chrome://browser/skin/pageInfo.png");
  17   -moz-box-orient: vertical;
  18   -moz-box-align: center;
  19   -moz-appearance: none;
  20   padding: 5px 3px 1px 3px;
  21   margin: 0 1px;
  22   min-width: 4.5em;
  23   border-radius: 3px;
  24 }
  25
  26 #viewGroup > radio:hover {
  27   background-color: #FFCF00;
  28   color: #000000;
  29 }
  30
  31 #viewGroup > radio[selected="true"] {
  32   background-color: #008484;
  33   color: #FFCF00;
  34 }
  35
  36 #topBar {
  37   border-bottom: 2px solid #9C9CFF;
  38   padding-inline-start: 10px;
  39   background-color: #000000;
  40   color: #FF9F00;
  41 }
  42
  43 #generalTab {
  44   -moz-image-region: rect(0px, 32px, 32px, 0px)
  45 }
  46
  47 #generalTab:hover, #generalTab[selected="true"] {
  48   -moz-image-region: rect(32px, 32px, 64px, 0px)
  49 }
  50
  51 #mediaTab {
  52   -moz-image-region: rect(0px, 64px, 32px, 32px)
  53 }
  54
  55 #mediaTab:hover, #mediaTab[selected="true"] {
  56   -moz-image-region: rect(32px, 64px, 64px, 32px)
  57 }
  58
  59 #feedTab {
  60   -moz-image-region: rect(0px, 96px, 32px, 64px)
  61 }
  62
  63 #feedTab:hover, #feedTab[selected="true"] {
  64   -moz-image-region: rect(32px, 96px, 64px, 64px)
  65 }
  66
  67 #permTab {
  68   -moz-image-region: rect(0px, 128px, 32px, 96px)
  69 }
  70
  71 #permTab:hover, #permTab[selected="true"] {
  72   -moz-image-region: rect(32px, 128px, 64px, 96px)
  73 }
  74
  75 #securityTab {
  76   -moz-image-region: rect(0px, 160px, 32px, 128px)
  77 }
  78
  79 #securityTab:hover, #securityTab[selected="true"] {
  80   -moz-image-region: rect(32px, 160px, 64px, 128px)
  81 }
  82
  83 deck {
  84   padding: 10px 10px 10px 10px;
  85 }
  86
  87 /* Misc */
  88 tree {
  89   margin: .5em;
  90 }
  91
  92 .gridSeparator {
  93   width: .5em;
  94 }
  95
  96 row > label {
  97   padding: 0;
  98   margin-top: 0;
  99   margin-bottom: 0;
 100   min-height: 19px; /* match textbox */
 101 }
 102
 103 textbox {
 104   background: transparent !important;
 105   border: none;
 106   padding: 0px;
 107   margin-top: 0px;
 108   -moz-appearance: none;
 109 }
 110
 111 html|*.textbox-input > .anonymous-div,
 112 html|*.textbox-input > html|*.anonymous-div,
 113 html|div.anonymous-div,
 114 .anonymous-div,
 115 div,
 116 html|*.textbox-input,
 117 html|*.textbox-input::placeholder {
 118   line-height: 1em !important;
 119 }
 120
 121 textbox.header {
 122   margin-inline-start: 0;
 123 }
 124
 125 .iframe {
 126   margin: .5em;
 127   background: white;
 128   overflow: auto;
 129 }
 130
 131 .fixedsize {
 132   height: 8.5em;
 133 }
 134
 135 textbox[disabled] {
 136   font-style: italic;
 137 }
 138
 139 /* General Tab */
 140 groupbox.collapsable caption .caption-icon {
 141   width: 9px;
 142   height: 9px;
 143   background-repeat: no-repeat;
 144   background-position: center;
 145   margin-inline-start: 2px;
 146   margin-inline-end: 2px;
 147   background-image: url("chrome://global/skin/tree/twisty.svg#open-hover");
 148 }
 149
 150 groupbox.collapsable[closed="true"] {
 151   border: none;
 152   margin-bottom: 9px;
 153   -moz-appearance: none;
 154 }
 155
 156 groupbox.collapsable[closed="true"] > caption > .caption-icon {
 157   background-image: url("chrome://global/skin/tree/twisty.svg#clsd-hover");
 158 }
 159
 160 groupbox.collapsable > caption:hover {
 161   background-color: #FFCF00;
 162 }
 163
 164 groupbox.treebox {
 165   padding: 0;
 166 }
 167
 168 groupbox.treebox > tree {
 169   margin: 2px;
 170   margin-top: 0;
 171   border: none;
 172   border-top-right-radius: 0;
 173   border-top-left-radius: 0;
 174 }
 175
 176 groupbox.treebox > tree > treecols > treecol {
 177   border: none;
 178   border-bottom: 1px solid #FF9F00;
 179   background-color: #A09090;
 180   border-radius: 0;
 181 }
 182
 183 groupbox.treebox > tree > treechildren::-moz-tree-cell {
 184   padding: 0 3px;
 185 }
 186
 187 #securityBox description {
 188   margin-inline-start: 10px;
 189 }
 190
 191 #general-security-identity {
 192   white-space: pre-wrap;
 193   line-height: 2em;
 194 }
 195
 196 /* Media Tab */
 197 #imagetree {
 198   min-height: 10em;
 199   margin-bottom: 0;
 200 }
 201
 202 #mediaSplitter {
 203   border-style: none;
 204   background: none;
 205   height: .8em;
 206 }
 207
 208 #mediaGrid {
 209   min-height: 9em;
 210 }
 211
 212 #mediaLabelColumn {
 213   min-width: 10em;
 214 }
 215
 216 #thepreviewimage {
 217   margin: 1em;
 218 }
 219
 220 treechildren::-moz-tree-cell-text(broken) {
 221   font-style: italic;
 222   color: #8050B0;
 223 }
 224
 225 /* Feeds Tab */
 226 #feedtree {
 227   margin-bottom: 0px;
 228 }
 229
 230 #feedListbox richlistitem {
 231   padding-top: 6px;
 232   padding-bottom: 6px;
 233   padding-inline-start: 7px;
 234   padding-inline-end: 7px;
 235   min-height: 25px;
 236   border-bottom: 1px dotted #9C9CFF;
 237 }
 238 /*
 239 #feedListbox richlistitem[selected="true"] {
 240   background-color: -moz-Dialog;
 241   color: -moz-DialogText;
 242 }
 243
 244 #feedListbox {
 245   border: 2px solid;
 246   -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
 247   -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
 248   -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
 249   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
 250 }
 251 */
 252 .feedTitle {
 253   font-weight: bold;
 254 }
 255
 256 /* Permissions Tab */
 257 #permList {
 258   margin-top: .5em;
 259   overflow: auto;
 260   border: 2px solid;
 261 /*  -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
 262   -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
 263   -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
 264   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
 265   background-color: -moz-field; */
 266 }
 267
 268 .permission {
 269   padding-top: 6px;
 270   padding-bottom: 6px;
 271   padding-inline-start: 7px;
 272   padding-inline-end: 7px;
 273   min-height: 25px;
 274   border-bottom: 1px dotted #9C9CFF;
 275 }
 276
 277 .permissionLabel {
 278   font-weight: bold;
 279 }
 280 /*
 281 .permission:hover {
 282   background-color: -moz-dialog;
 283 }
 284 */
 285 /* Security Tab */
 286 #securityPanel .caption-icon {
 287   display: none;
 288 }
 289
 290 #securityPanel .header {
 291   font-size: 120%;
 292 }
 293
 294 #securityPanel .fieldLabel {
 295   margin: 0px 10px;
 296 }
 297
 298 #securityPanel .fieldValue {
 299   font-weight: bold;
 300   margin: 0px 10px;
 301 }
 302
 303 #securityPanel row {
 304   -moz-box-align: center;
 305 }
 306
 307 #security-technical-box > .fieldValue,
 308 #security-technical-box > .fieldLabel {
 309   margin-bottom: .5em;
 310 }