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 /* This would be ideal but doesn't work */
 112 /*
 113 html|*.textbox-input > .anonymous-div,
 114 html|*.textbox-input::placeholder {
 115   line-height: 1em !important;
 116 }
 117 */
 118
 119 textbox[readonly="true"] html|*.textbox-input {
 120   max-height: 1em; /* work around the above rule that does not work */
 121 }
 122
 123 textbox.header {
 124   margin-inline-start: 0;
 125 }
 126
 127 .iframe {
 128   margin: .5em;
 129   background: white;
 130   overflow: auto;
 131 }
 132
 133 .fixedsize {
 134   height: 8.5em;
 135 }
 136
 137 textbox[disabled] {
 138   font-style: italic;
 139 }
 140
 141 /* General Tab */
 142 groupbox.collapsable caption .caption-icon {
 143   width: 9px;
 144   height: 9px;
 145   background-repeat: no-repeat;
 146   background-position: center;
 147   margin-inline-start: 2px;
 148   margin-inline-end: 2px;
 149   background-image: url("chrome://global/skin/tree/twisty.svg#open-hover");
 150 }
 151
 152 groupbox.collapsable[closed="true"] {
 153   border: none;
 154   margin-bottom: 9px;
 155   -moz-appearance: none;
 156 }
 157
 158 groupbox.collapsable[closed="true"] > caption > .caption-icon {
 159   background-image: url("chrome://global/skin/tree/twisty.svg#clsd-hover");
 160 }
 161
 162 groupbox.collapsable > caption:hover {
 163   background-color: #FFCF00;
 164 }
 165
 166 groupbox.treebox {
 167   padding: 0;
 168 }
 169
 170 groupbox.treebox > tree {
 171   margin: 2px;
 172   margin-top: 0;
 173   border: none;
 174   border-top-right-radius: 0;
 175   border-top-left-radius: 0;
 176 }
 177
 178 groupbox.treebox > tree > treecols > treecol {
 179   border: none;
 180   border-bottom: 1px solid #FF9F00;
 181   background-color: #A09090;
 182   border-radius: 0;
 183 }
 184
 185 groupbox.treebox > tree > treechildren::-moz-tree-cell {
 186   padding: 0 3px;
 187 }
 188
 189 #securityBox description {
 190   margin-inline-start: 10px;
 191 }
 192
 193 #general-security-identity {
 194   white-space: pre-wrap;
 195   line-height: 2em;
 196 }
 197
 198 /* Media Tab */
 199 #imagetree {
 200   min-height: 10em;
 201   margin-bottom: 0;
 202 }
 203
 204 #mediaSplitter {
 205   border-style: none;
 206   background: none;
 207   height: .8em;
 208 }
 209
 210 #mediaGrid {
 211   min-height: 9em;
 212 }
 213
 214 #mediaLabelColumn {
 215   min-width: 10em;
 216 }
 217
 218 #thepreviewimage {
 219   margin: 1em;
 220 }
 221
 222 treechildren::-moz-tree-cell-text(broken) {
 223   font-style: italic;
 224   color: #8050B0;
 225 }
 226
 227 /* Feeds Tab */
 228 #feedtree {
 229   margin-bottom: 0px;
 230 }
 231
 232 #feedListbox richlistitem {
 233   padding-top: 6px;
 234   padding-bottom: 6px;
 235   padding-inline-start: 7px;
 236   padding-inline-end: 7px;
 237   min-height: 25px;
 238   border-bottom: 1px dotted #9C9CFF;
 239 }
 240 /*
 241 #feedListbox richlistitem[selected="true"] {
 242   background-color: -moz-Dialog;
 243   color: -moz-DialogText;
 244 }
 245
 246 #feedListbox {
 247   border: 2px solid;
 248   -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
 249   -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
 250   -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
 251   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
 252 }
 253 */
 254 .feedTitle {
 255   font-weight: bold;
 256 }
 257
 258 /* Permissions Tab */
 259 #permList {
 260   margin-top: .5em;
 261   overflow: auto;
 262   border: 2px solid;
 263 /*  -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
 264   -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
 265   -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
 266   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
 267   background-color: -moz-field; */
 268 }
 269
 270 .permission {
 271   padding-top: 6px;
 272   padding-bottom: 6px;
 273   padding-inline-start: 7px;
 274   padding-inline-end: 7px;
 275   min-height: 25px;
 276   border-bottom: 1px dotted #9C9CFF;
 277 }
 278
 279 .permissionLabel {
 280   font-weight: bold;
 281 }
 282 /*
 283 .permission:hover {
 284   background-color: -moz-dialog;
 285 }
 286 */
 287 /* Security Tab */
 288 #securityPanel .caption-icon {
 289   display: none;
 290 }
 291
 292 #securityPanel .header {
 293   font-size: 120%;
 294 }
 295
 296 #securityPanel .fieldLabel {
 297   margin: 0px 10px;
 298 }
 299
 300 #securityPanel .fieldValue {
 301   font-weight: bold;
 302   margin: 0px 10px;
 303 }
 304
 305 #securityPanel row {
 306   -moz-box-align: center;
 307 }
 308
 309 #security-technical-box > .fieldValue,
 310 #security-technical-box > .fieldLabel {
 311   margin-bottom: .5em;
 312 }