1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/toolkit/themes/osx/global/inContentUI.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,137 @@
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 +%include shared.inc
1.9 +
1.10 +/*
1.11 + * The default namespace for this file is XUL. Be sure to prefix rules that
1.12 + * are applicable to both XUL and HTML with '*|'.
1.13 + */
1.14 +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
1.15 +@namespace html url("http://www.w3.org/1999/xhtml");
1.16 +
1.17 +/* Page background */
1.18 +*|*:root {
1.19 + -moz-appearance: none;
1.20 + padding: 18px;
1.21 + background-image: /* Texture */
1.22 + url("chrome://global/skin/inContentUI/background-texture.png"),
1.23 + /* Gradient */
1.24 + linear-gradient(#ADB5C2, #BFC6D1);
1.25 +}
1.26 +
1.27 +html|html {
1.28 + font: message-box;
1.29 +}
1.30 +
1.31 +/* Content */
1.32 +*|*.main-content {
1.33 + /* Needed to allow the radius to clip the inner content, see bug 595656 */
1.34 + overflow: hidden;
1.35 + background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.05));
1.36 + border: 1px solid rgba(50, 65, 92, 0.4);
1.37 + border-radius: 5px;
1.38 +}
1.39 +
1.40 +/* Buttons */
1.41 +*|button,
1.42 +menulist,
1.43 +colorpicker[type="button"] {
1.44 + -moz-appearance: none;
1.45 + padding: 1px 4px;
1.46 + min-width: 60px;
1.47 + border-radius: 3px;
1.48 + border: 1px solid rgba(60,73,97,0.5);
1.49 + box-shadow: inset 0 1px rgba(255,255,255,0.25), 0 1px rgba(255,255,255,0.25);
1.50 + background-color: transparent;
1.51 + background-image: linear-gradient(rgba(255,255,255,0.45), rgba(255,255,255,0.2));
1.52 + background-clip: padding-box;
1.53 + color: #252F3B;
1.54 + text-shadow: @loweredShadow@;
1.55 +}
1.56 +
1.57 +button:-moz-focusring > .button-box,
1.58 +menulist:-moz-focusring:not([open="true"]) > .menulist-label-box,
1.59 +colorpicker[type="button"]:-moz-focusring:not([open="true"]) > .colorpicker-button-colorbox {
1.60 + outline: 1px dotted #252F3B;
1.61 +}
1.62 +
1.63 +html|button[disabled],
1.64 +button[disabled="true"],
1.65 +menulist[disabled="true"],
1.66 +colorpicker[type="button"][disabled="true"] {
1.67 + opacity: 0.8;
1.68 + color: #505050;
1.69 +}
1.70 +
1.71 +html|button:not([disabled]):active:hover,
1.72 +button:not([disabled="true"]):active:hover,
1.73 +menulist[open="true"]:not([disabled="true"]),
1.74 +colorpicker[type="button"][open="true"]:not([disabled="true"]) {
1.75 + box-shadow: inset 0 1px 3px rgba(0,0,0,.2), 0 1px rgba(255,255,255,0.25);
1.76 + background-image: linear-gradient(rgba(45,54,71,0.3), rgba(45,54,71,0.1));
1.77 + border-color: rgba(60,73,97,0.7);
1.78 +}
1.79 +
1.80 +menulist {
1.81 + -moz-padding-end: 0;
1.82 + margin-left: 5px;
1.83 + margin-right: 5px;
1.84 +}
1.85 +
1.86 +/* Tweak margins so the focus ring is in the right place. */
1.87 +menulist > .menulist-label-box {
1.88 + -moz-margin-end: 3px;
1.89 + margin-top: 1px;
1.90 +}
1.91 +
1.92 +menulist > .menulist-label-box > .menulist-label {
1.93 + margin-top: 0px !important;
1.94 + margin-bottom: 0px !important;
1.95 +}
1.96 +
1.97 +menulist > .menulist-dropmarker {
1.98 + -moz-appearance: none;
1.99 + display: -moz-box;
1.100 + background: transparent;
1.101 + border: none;
1.102 + -moz-border-start: 1px solid rgba(60,73,97,0.5);
1.103 + margin-top: -1px;
1.104 + margin-bottom: -1px;
1.105 +}
1.106 +
1.107 +colorpicker[type="button"] {
1.108 + margin: 1px 5px 2px 5px;
1.109 + padding: 3px;
1.110 + height: 25px;
1.111 +}
1.112 +
1.113 +spinbuttons {
1.114 + -moz-appearance: none;
1.115 +}
1.116 +
1.117 +spinbuttons > .spinbuttons-box > .spinbuttons-button {
1.118 + min-width: 12px;
1.119 +}
1.120 +
1.121 +.spinbuttons-button > .button-box > .button-text {
1.122 + display: none;
1.123 +}
1.124 +
1.125 +.spinbuttons-button[disabled="true"] > .button-box > .button-icon {
1.126 + opacity: 0.5;
1.127 +}
1.128 +
1.129 +spinbuttons > .spinbuttons-box > .spinbuttons-up {
1.130 + list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
1.131 + border-bottom-width: 0;
1.132 + border-bottom-left-radius: 0;
1.133 + border-bottom-right-radius: 0;
1.134 +}
1.135 +
1.136 +spinbuttons > .spinbuttons-box > .spinbuttons-down {
1.137 + list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
1.138 + border-top-left-radius: 0;
1.139 + border-top-right-radius: 0;
1.140 +}
