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.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.gif");
 142 }
 143
 144 groupbox tree {
 145   margin: 0 3px;
 146   border: none;
 147 }
 148
 149 #securityBox description {
 150   -moz-margin-start: 10px;
 151 }
 152
 153 #general-security-identity {
 154   white-space: pre-wrap;
 155   line-height: 2em;
 156 }
 157
 158 /* Media Tab */
 159 #imagetree {
 160   min-height: 10em;
 161   margin-bottom: 0;
 162 }
 163
 164 #mediaSplitter {
 165   border-style: none;
 166   background: none;
 167   height: .8em;
 168 }
 169
 170 #mediaGrid {
 171   min-height: 9em;
 172 }
 173
 174 #mediaLabelColumn {
 175   min-width: 10em;
 176 }
 177
 178 #thepreviewimage {
 179   margin: 1em;
 180 }
 181
 182 treechildren::-moz-tree-cell-text(broken) {
 183   font-style: italic;
 184   color: #8050B0;
 185 }
 186
 187 /* Feeds Tab */
 188 #feedtree {
 189   margin-bottom: 0px;
 190 }
 191
 192 #feedListbox richlistitem {
 193   padding-top: 6px;
 194   padding-bottom: 6px;
 195   -moz-padding-start: 7px;
 196   -moz-padding-end: 7px;
 197   min-height: 25px;
 198   border-bottom: 1px dotted #9C9CFF;
 199 }
 200 /*
 201 #feedListbox richlistitem[selected="true"] {
 202   background-color: -moz-Dialog;
 203   color: -moz-DialogText;
 204 }
 205
 206 #feedListbox {
 207   border: 2px solid;
 208   -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
 209   -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
 210   -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
 211   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
 212 }
 213 */
 214 .feedTitle {
 215   font-weight: bold;
 216 }
 217
 218 /* Permissions Tab */
 219 #permList {
 220   margin-top: .5em;
 221   overflow: auto;
 222   border: 2px solid;
 223 /*  -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
 224   -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
 225   -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
 226   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
 227   background-color: -moz-field; */
 228 }
 229
 230 .permission {
 231   padding-top: 6px;
 232   padding-bottom: 6px;
 233   -moz-padding-start: 7px;
 234   -moz-padding-end: 7px;
 235   min-height: 25px;
 236   border-bottom: 1px dotted #9C9CFF;
 237 }
 238
 239 .permissionLabel {
 240   font-weight: bold;
 241 }
 242 /*
 243 .permission:hover {
 244   background-color: -moz-dialog;
 245 }
 246 */
 247 /* Security Tab */
 248 #securityPanel .caption-icon {
 249   display: none;
 250 }
 251
 252 #securityPanel .header {
 253   font-size: 120%;
 254 }
 255
 256 #securityPanel .fieldLabel {
 257   margin: 2px 10px 3px 10px;
 258 }
 259
 260 #securityPanel .fieldValue {
 261   font-weight: bold;
 262   margin: 2px 10px 0px 10px;
 263 }