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