toolkit/themes/windows/global/global.css

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/toolkit/themes/windows/global/global.css	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,358 @@
     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 +/* ===== global.css =====================================================
     1.9 +  == Styles that apply everywhere.
    1.10 +  ======================================================================= */
    1.11 +
    1.12 +/* all localizable skin settings shall live here */
    1.13 +@import url("chrome://global/locale/intl.css");
    1.14 +
    1.15 +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
    1.16 +
    1.17 +/* ::::: XBL bindings ::::: */
    1.18 +
    1.19 +radio {
    1.20 +  -moz-binding: url("chrome://global/skin/globalBindings.xml#radio");
    1.21 +}
    1.22 +
    1.23 +menulist > menupopup,
    1.24 +.menulist-menupopup {
    1.25 +  -moz-binding: url("chrome://global/content/bindings/popup.xml#popup-scrollbars");
    1.26 +}
    1.27 +
    1.28 +.menulist-compact {
    1.29 +  -moz-binding: url("chrome://global/skin/globalBindings.xml#menulist-compact");
    1.30 +}
    1.31 +
    1.32 +/* ::::: root elements ::::: */
    1.33 +
    1.34 +window,
    1.35 +page,
    1.36 +dialog,
    1.37 +wizard,
    1.38 +prefwindow {
    1.39 +  -moz-appearance: window;
    1.40 +  background-color: -moz-Dialog;
    1.41 +  color: -moz-DialogText;
    1.42 +  font: message-box;
    1.43 +}
    1.44 +
    1.45 +/* deprecated */
    1.46 +window.dialog {
    1.47 +  padding-top: 8px;
    1.48 +  padding-bottom: 10px;
    1.49 +  -moz-padding-start: 8px;
    1.50 +  -moz-padding-end: 10px;
    1.51 +}
    1.52 +
    1.53 +/* ::::: alert icons :::::*/
    1.54 +
    1.55 +.message-icon,
    1.56 +.alert-icon,
    1.57 +.error-icon,
    1.58 +.question-icon {
    1.59 +  width: 32px;
    1.60 +  height: 32px;
    1.61 +}
    1.62 +
    1.63 +.message-icon {
    1.64 +  list-style-image: url("chrome://global/skin/icons/information-32.png");
    1.65 +}
    1.66 +
    1.67 +.alert-icon {
    1.68 +  list-style-image: url("chrome://global/skin/icons/Warning.png");
    1.69 +}
    1.70 +
    1.71 +.error-icon {
    1.72 +  list-style-image: url("chrome://global/skin/icons/Error.png");
    1.73 +}
    1.74 +
    1.75 +.question-icon {
    1.76 +  list-style-image: url("chrome://global/skin/icons/Question.png");
    1.77 +}
    1.78 +
    1.79 +/* ::::: iframe ::::: */
    1.80 +
    1.81 +iframe {
    1.82 +  border: none;
    1.83 +  width: 100px;
    1.84 +  height: 100px;
    1.85 +  min-width: 10px;
    1.86 +  min-height: 10px;
    1.87 +}
    1.88 +
    1.89 +/* ::::: statusbar ::::: */
    1.90 +
    1.91 +statusbar {
    1.92 +  -moz-appearance: statusbar;
    1.93 +  border-top: 1px solid ThreeDLightShadow;
    1.94 +  border-left: 1px solid ThreeDShadow;
    1.95 +  border-right: 1px solid ThreeDHighlight;
    1.96 +  border-bottom: 1px solid ThreeDHighlight;
    1.97 +  background-color: -moz-Dialog;
    1.98 +  min-height: 22px;
    1.99 +}
   1.100 +
   1.101 +statusbarpanel {
   1.102 +  -moz-appearance: statusbarpanel;
   1.103 +  -moz-box-align: center;
   1.104 +  -moz-box-pack: center;
   1.105 +  border-left: 1px solid ThreeDHighlight;
   1.106 +  border-top: 1px solid ThreeDHighlight;
   1.107 +  border-right: 1px solid ThreeDShadow;
   1.108 +  border-bottom: 1px solid ThreeDShadow;
   1.109 +  padding: 0 4px;
   1.110 +}
   1.111 +
   1.112 +statusbarpanel:not(.statusbar-resizerpanel):-moz-lwtheme {
   1.113 +  -moz-appearance: none;
   1.114 +  border-top-style: none;
   1.115 +  border-bottom-style: none;
   1.116 +  -moz-border-start-style: none;
   1.117 +}
   1.118 +
   1.119 +.statusbar-resizerpanel {
   1.120 +  -moz-box-align: end;
   1.121 +  -moz-box-pack: end;
   1.122 +  -moz-appearance: resizerpanel;
   1.123 +  padding: 0;
   1.124 +  border: none;
   1.125 +}
   1.126 +
   1.127 +.statusbarpanel-iconic,
   1.128 +.statusbarpanel-iconic-text,
   1.129 +.statusbarpanel-menu-iconic {
   1.130 +  padding: 0 1px;
   1.131 +}
   1.132 +
   1.133 +/* XXXBlake yeah, shoot me -- these don't belong here.  I'll move them later. */
   1.134 +
   1.135 +sidebarheader {
   1.136 +  height: 25px;
   1.137 +  background-color: -moz-Dialog;
   1.138 +  -moz-appearance: toolbox;
   1.139 +  border-bottom: 1px solid ThreeDShadow;
   1.140 +  border-top: 1px solid ThreeDHighlight;
   1.141 +}
   1.142 +
   1.143 +sidebarheader > label {
   1.144 +  -moz-padding-start: 4px;
   1.145 +}
   1.146 +
   1.147 +.toolbar-focustarget {
   1.148 +  -moz-user-focus: ignore !important;
   1.149 +}
   1.150 +
   1.151 +toolbar[mode="text"] .toolbarbutton-text {
   1.152 +  padding: 0 !important;
   1.153 +  margin: 3px 5px !important;
   1.154 +}
   1.155 +
   1.156 +/* ::::: miscellaneous formatting ::::: */
   1.157 +
   1.158 +:root:-moz-lwtheme,
   1.159 +[lwthemefooter="true"] {
   1.160 +  -moz-appearance: none;
   1.161 +}
   1.162 +
   1.163 +:root:-moz-lwtheme-darktext {
   1.164 +  text-shadow: 0 -0.5px 1.5px white;
   1.165 +}
   1.166 +
   1.167 +:root:-moz-lwtheme-brighttext {
   1.168 +  text-shadow: 1px 1px 1.5px black;
   1.169 +}
   1.170 +
   1.171 +statusbar:-moz-lwtheme,
   1.172 +sidebarheader:-moz-lwtheme {
   1.173 +  -moz-appearance: none;
   1.174 +  background: none;
   1.175 +  border-style: none;
   1.176 +}
   1.177 +
   1.178 +.inset {
   1.179 +  border: 1px solid ThreeDShadow;
   1.180 +  border-right-color: ThreeDHighlight;
   1.181 +  border-bottom-color: ThreeDHighlight;
   1.182 +  margin: 0 5px 5px;
   1.183 +}
   1.184 +
   1.185 +.outset {
   1.186 +  border: 1px solid ThreeDShadow;
   1.187 +  border-left-color: ThreeDHighlight;
   1.188 +  border-top-color: ThreeDHighlight;
   1.189 +}
   1.190 +
   1.191 +/* separators */
   1.192 +separator:not([orient="vertical"]) {
   1.193 +  height: 1.5em;
   1.194 +}
   1.195 +separator[orient="vertical"] {
   1.196 +  width: 1.5em;
   1.197 +}
   1.198 +
   1.199 +separator.thin:not([orient="vertical"]) {
   1.200 +  height: 0.5em;
   1.201 +}
   1.202 +separator.thin[orient="vertical"] {
   1.203 +  width: 0.5em;
   1.204 +}
   1.205 +
   1.206 +separator.groove:not([orient="vertical"]) {
   1.207 +  border-top: 1px solid ThreeDShadow;
   1.208 +  border-bottom: 1px solid ThreeDHighlight;
   1.209 +  height: 0;
   1.210 +  margin-top: 0.4em;
   1.211 +  margin-bottom: 0.4em;
   1.212 +}
   1.213 +separator.groove[orient="vertical"] {
   1.214 +  border-left: 1px solid ThreeDShadow;
   1.215 +  border-right: 1px solid ThreeDHighlight;
   1.216 +  width: 0;
   1.217 +  margin-left: 0.4em;
   1.218 +  margin-right: 0.4em;
   1.219 +}
   1.220 +
   1.221 +.small-margin {
   1.222 +  margin: 1px 2px;
   1.223 +}
   1.224 +
   1.225 +.plain {
   1.226 +  -moz-appearance: none;
   1.227 +  margin: 0 !important;
   1.228 +  border: none;
   1.229 +  padding: 0;
   1.230 +}
   1.231 +
   1.232 +description,
   1.233 +label {
   1.234 +  cursor: default;
   1.235 +  margin-top: 1px;
   1.236 +  margin-bottom: 2px;
   1.237 +  -moz-margin-start: 6px;
   1.238 +  -moz-margin-end: 5px;
   1.239 +}
   1.240 +
   1.241 +description {
   1.242 +  margin-bottom: 4px;
   1.243 +}
   1.244 +
   1.245 +label[disabled="true"] {
   1.246 +  color: GrayText;
   1.247 +}
   1.248 +
   1.249 +label[disabled="true"]:-moz-system-metric(windows-classic) {
   1.250 +  color: ThreeDShadow;
   1.251 +  text-shadow: 1px 1px ThreeDHighlight;
   1.252 +}
   1.253 +
   1.254 +.tooltip-label {
   1.255 +  margin: 0;
   1.256 +}
   1.257 +
   1.258 +.header {
   1.259 +  font-weight: bold;
   1.260 +}
   1.261 +
   1.262 +.monospace {
   1.263 +  font-family: monospace;
   1.264 +}
   1.265 +
   1.266 +.indent {
   1.267 +  -moz-margin-start: 23px;
   1.268 +}
   1.269 +
   1.270 +.box-padded {
   1.271 +  padding: 5px;
   1.272 +}
   1.273 +
   1.274 +.spaced {
   1.275 +  margin: 3px 5px 4px;
   1.276 +}
   1.277 +
   1.278 +.wizard-box {
   1.279 +  padding: 20px 44px 10px;
   1.280 +}
   1.281 +
   1.282 +.text-link {
   1.283 +  color: -moz-nativehyperlinktext;
   1.284 +  border: 1px solid transparent;
   1.285 +  cursor: pointer;
   1.286 +}
   1.287 +
   1.288 +.text-link:hover {
   1.289 +  text-decoration: underline;
   1.290 +}
   1.291 +
   1.292 +.text-link:-moz-focusring {
   1.293 +  border: 1px dotted -moz-DialogText;
   1.294 +}
   1.295 +
   1.296 +/* :::::: autoscroll popup ::::: */
   1.297 +
   1.298 +.autoscroller {
   1.299 +  height: 28px;
   1.300 +  width: 28px;
   1.301 +  border: none;
   1.302 +  margin: -14px;
   1.303 +  padding: 0;
   1.304 +  background-image: url("chrome://global/skin/icons/autoscroll.png");
   1.305 +  background-color: transparent;
   1.306 +%ifdef XP_WIN
   1.307 +  background-position: right top;
   1.308 +%endif
   1.309 +  -moz-appearance: none;
   1.310 +}
   1.311 +
   1.312 +.autoscroller[scrolldir="NS"] {
   1.313 +%ifdef XP_WIN
   1.314 +  background-position: right center;
   1.315 +%else
   1.316 +  background-position: left center;
   1.317 +%endif
   1.318 +}
   1.319 +
   1.320 +.autoscroller[scrolldir="EW"] {
   1.321 +%ifdef XP_WIN
   1.322 +  background-position: right bottom;
   1.323 +%else
   1.324 +  background-position: left bottom;
   1.325 +%endif
   1.326 +}
   1.327 +
   1.328 +/* :::::: Close button icons ::::: */
   1.329 +
   1.330 +.close-icon {
   1.331 +  list-style-image: url("chrome://global/skin/icons/close.png");
   1.332 +  -moz-image-region: rect(0, 16px, 16px, 0);
   1.333 +}
   1.334 +
   1.335 +.close-icon:hover {
   1.336 +  -moz-image-region: rect(0, 32px, 16px, 16px);
   1.337 +}
   1.338 +
   1.339 +.close-icon:hover:active {
   1.340 +  -moz-image-region: rect(0, 48px, 16px, 32px);
   1.341 +}
   1.342 +
   1.343 +%ifdef XP_WIN
   1.344 +@media (-moz-windows-theme: luna-blue) {
   1.345 +  .close-icon {
   1.346 +    list-style-image: url("chrome://global/skin/icons/close-lunaBlue.png");
   1.347 +  }
   1.348 +}
   1.349 +
   1.350 +@media (-moz-windows-theme: luna-olive) {
   1.351 +  .close-icon {
   1.352 +    list-style-image: url("chrome://global/skin/icons/close-lunaOlive.png");
   1.353 +  }
   1.354 +}
   1.355 +
   1.356 +@media (-moz-windows-theme: luna-silver) {
   1.357 +  .close-icon {
   1.358 +    list-style-image: url("chrome://global/skin/icons/close-lunaSilver.png");
   1.359 +  }
   1.360 +}
   1.361 +%endif

mercurial