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