elbaitemoon

Elbaite theme for Pale Moon
Log | Files | Refs

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 }