browser/themes/windows/pageInfo.css

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/browser/themes/windows/pageInfo.css	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,258 @@
     1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public
     1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this
     1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
     1.7 +
     1.8 +@import "chrome://global/skin/";
     1.9 +
    1.10 +/* View buttons */
    1.11 +#viewGroup {
    1.12 +  -moz-padding-start: 10px;
    1.13 +}
    1.14 +
    1.15 +#viewGroup > radio {
    1.16 +  list-style-image: url("chrome://browser/skin/pageInfo.png");
    1.17 +  -moz-box-orient: vertical;
    1.18 +  -moz-box-align: center;
    1.19 +  -moz-appearance: none;
    1.20 +  padding: 5px 3px 1px 3px;
    1.21 +  margin: 0 1px;
    1.22 +  min-width: 4.5em;
    1.23 +}
    1.24 +
    1.25 +#viewGroup > radio:hover {
    1.26 +  background-color: #E0E8F6;
    1.27 +  color: black;
    1.28 +}
    1.29 +
    1.30 +#viewGroup > radio[selected="true"] {
    1.31 +  background-color: #C1D2EE;
    1.32 +  color: black;
    1.33 +}
    1.34 +
    1.35 +#topBar {
    1.36 +  border-bottom: 2px groove ThreeDFace;
    1.37 +  -moz-padding-start: 10px;
    1.38 +  background-color: -moz-Field;
    1.39 +  color: -moz-FieldText;
    1.40 +}
    1.41 +
    1.42 +#generalTab {
    1.43 +  -moz-image-region: rect(0px, 32px, 32px, 0px)
    1.44 +}
    1.45 +
    1.46 +#generalTab:hover, #generalTab[selected="true"] {
    1.47 +  -moz-image-region: rect(32px, 32px, 64px, 0px)
    1.48 +}
    1.49 +
    1.50 +#mediaTab {
    1.51 +  -moz-image-region: rect(0px, 64px, 32px, 32px)
    1.52 +}
    1.53 +
    1.54 +#mediaTab:hover, #mediaTab[selected="true"] {
    1.55 +  -moz-image-region: rect(32px, 64px, 64px, 32px)
    1.56 +}
    1.57 +
    1.58 +#feedTab {
    1.59 +  -moz-image-region: rect(0px, 96px, 32px, 64px)
    1.60 +}
    1.61 +
    1.62 +#feedTab:hover, #feedTab[selected="true"] {
    1.63 +  -moz-image-region: rect(32px, 96px, 64px, 64px)
    1.64 +}
    1.65 +
    1.66 +#permTab {
    1.67 +  -moz-image-region: rect(0px, 128px, 32px, 96px)
    1.68 +}
    1.69 +
    1.70 +#permTab:hover, #permTab[selected="true"] {
    1.71 +  -moz-image-region: rect(32px, 128px, 64px, 96px)
    1.72 +}
    1.73 +
    1.74 +#securityTab {
    1.75 +  -moz-image-region: rect(0px, 160px, 32px, 128px)
    1.76 +}
    1.77 +
    1.78 +#securityTab:hover, #securityTab[selected="true"] {
    1.79 +  -moz-image-region: rect(32px, 160px, 64px, 128px)
    1.80 +}
    1.81 +
    1.82 +deck {
    1.83 +  padding: 10px 10px 10px 10px;
    1.84 +}
    1.85 +
    1.86 +/* Misc */
    1.87 +tree {
    1.88 +  margin: .5em;
    1.89 +}
    1.90 +
    1.91 +.gridSeparator {
    1.92 +  width: .5em;
    1.93 +}
    1.94 +
    1.95 +textbox {
    1.96 +  background: transparent !important;
    1.97 +  border: none;
    1.98 +  padding: 0px;
    1.99 +  margin-top: 1px;
   1.100 +  -moz-appearance: none;
   1.101 +}
   1.102 +
   1.103 +textbox.header {
   1.104 +  -moz-margin-start: 0;
   1.105 +}
   1.106 +
   1.107 +.iframe {
   1.108 +  margin: .5em;
   1.109 +  background: white;
   1.110 +  overflow: auto;
   1.111 +}
   1.112 +
   1.113 +.fixedsize {
   1.114 +  height: 8.5em;
   1.115 +}
   1.116 +
   1.117 +textbox[disabled] {
   1.118 +  font-style: italic;
   1.119 +}
   1.120 +
   1.121 +/* General Tab */
   1.122 +groupbox.collapsable caption .caption-icon { 
   1.123 +  width: 9px;
   1.124 +  height: 9px;
   1.125 +  background-repeat: no-repeat;
   1.126 +  background-position: center;
   1.127 +  -moz-margin-start: 2px;
   1.128 +  -moz-margin-end: 2px;
   1.129 +  background-image: url("chrome://global/skin/tree/twisty-open.png");
   1.130 +}
   1.131 +
   1.132 +groupbox.collapsable[closed="true"] {
   1.133 +  border: none;
   1.134 +  margin-bottom: 9px;
   1.135 +  -moz-appearance: none;
   1.136 +}
   1.137 +
   1.138 +groupbox.collapsable[closed="true"] caption .caption-icon { 
   1.139 +  background-image: url("chrome://global/skin/tree/twisty-clsd.png");
   1.140 +}
   1.141 +
   1.142 +groupbox tree { 
   1.143 +  margin: 0 3px;
   1.144 +  border: none;
   1.145 +}
   1.146 +
   1.147 +#securityBox description { 
   1.148 +  -moz-margin-start: 10px;
   1.149 +}
   1.150 +
   1.151 +#general-security-identity {
   1.152 +  white-space: pre-wrap;
   1.153 +  line-height: 2em;
   1.154 +}
   1.155 +
   1.156 +/* Media Tab */
   1.157 +#imagetree {
   1.158 +  min-height: 10em;
   1.159 +  margin-bottom: 0;
   1.160 +}
   1.161 +
   1.162 +#mediaSplitter {
   1.163 +  border-style: none;
   1.164 +  background: none;
   1.165 +  height: .8em;
   1.166 +}
   1.167 +
   1.168 +#mediaGrid {
   1.169 +  min-height: 9em;
   1.170 +}
   1.171 +
   1.172 +#mediaLabelColumn {
   1.173 +  min-width: 10em;
   1.174 +}
   1.175 +
   1.176 +#thepreviewimage {
   1.177 +  margin: 1em;
   1.178 +}
   1.179 +
   1.180 +treechildren::-moz-tree-cell-text(broken) {
   1.181 +  font-style: italic;
   1.182 +  color: graytext;
   1.183 +}
   1.184 +
   1.185 +/* Feeds Tab */
   1.186 +#feedtree {
   1.187 +  margin-bottom: 0px;
   1.188 +}
   1.189 +
   1.190 +#feedListbox richlistitem {
   1.191 +  padding-top: 6px;
   1.192 +  padding-bottom: 6px;
   1.193 +  -moz-padding-start: 7px;
   1.194 +  -moz-padding-end: 7px;
   1.195 +  min-height: 25px;
   1.196 +  border-bottom: 1px dotted #C0C0C0;
   1.197 +}
   1.198 +
   1.199 +#feedListbox richlistitem[selected="true"] {
   1.200 +  background-color: -moz-Dialog;
   1.201 +  color: -moz-DialogText;
   1.202 +}
   1.203 +
   1.204 +#feedListbox {
   1.205 +  border: 2px solid;
   1.206 +  -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
   1.207 +  -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
   1.208 +  -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
   1.209 +  -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
   1.210 +}
   1.211 +
   1.212 +.feedTitle { 
   1.213 +  font-weight: bold;
   1.214 +}
   1.215 +
   1.216 +/* Permissions Tab */
   1.217 +#permList {
   1.218 +  margin-top: .5em;
   1.219 +  overflow: auto;
   1.220 +  border: 2px solid;
   1.221 +  -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
   1.222 +  -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
   1.223 +  -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
   1.224 +  -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
   1.225 +  background-color: -moz-field;
   1.226 +}
   1.227 +
   1.228 +.permission {
   1.229 +  padding-top: 6px;
   1.230 +  padding-bottom: 6px;
   1.231 +  -moz-padding-start: 7px;
   1.232 +  -moz-padding-end: 7px;
   1.233 +  min-height: 25px;
   1.234 +  border-bottom: 1px dotted #C0C0C0;
   1.235 +}
   1.236 +
   1.237 +.permissionLabel {
   1.238 +  font-weight: bold;
   1.239 +}
   1.240 +
   1.241 +.permission:hover {
   1.242 +  background-color: -moz-dialog;
   1.243 +}
   1.244 +
   1.245 +/* Security Tab */
   1.246 +#securityPanel .caption-icon {
   1.247 +  display: none;
   1.248 +}
   1.249 +
   1.250 +#securityPanel .header {
   1.251 +  font-size: 120%;
   1.252 +}
   1.253 + 
   1.254 +#securityPanel .fieldLabel {
   1.255 +  margin: 2px 10px 3px 10px;
   1.256 +}
   1.257 +
   1.258 +#securityPanel .fieldValue {
   1.259 +  font-weight: bold;
   1.260 +  margin: 2px 10px 0px 10px;
   1.261 +}

mercurial