The Tor Browser / file comparison
comparison: toolkit/themes/osx/global/inContentUI.css
toolkit/themes/osx/global/inContentUI.css
- branch
- TOR_BUG_9701
- changeset 15
- b8a032363ba2
equal
deleted
inserted
replaced
| -1:000000000000 | 0:8f6d8ffab0ac |
|---|---|
| 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 %include shared.inc | |
| 6 | |
| 7 /* | |
| 8 * The default namespace for this file is XUL. Be sure to prefix rules that | |
| 9 * are applicable to both XUL and HTML with '*|'. | |
| 10 */ | |
| 11 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); | |
| 12 @namespace html url("http://www.w3.org/1999/xhtml"); | |
| 13 | |
| 14 /* Page background */ | |
| 15 *|*:root { | |
| 16 -moz-appearance: none; | |
| 17 padding: 18px; | |
| 18 background-image: /* Texture */ | |
| 19 url("chrome://global/skin/inContentUI/background-texture.png"), | |
| 20 /* Gradient */ | |
| 21 linear-gradient(#ADB5C2, #BFC6D1); | |
| 22 } | |
| 23 | |
| 24 html|html { | |
| 25 font: message-box; | |
| 26 } | |
| 27 | |
| 28 /* Content */ | |
| 29 *|*.main-content { | |
| 30 /* Needed to allow the radius to clip the inner content, see bug 595656 */ | |
| 31 overflow: hidden; | |
| 32 background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.05)); | |
| 33 border: 1px solid rgba(50, 65, 92, 0.4); | |
| 34 border-radius: 5px; | |
| 35 } | |
| 36 | |
| 37 /* Buttons */ | |
| 38 *|button, | |
| 39 menulist, | |
| 40 colorpicker[type="button"] { | |
| 41 -moz-appearance: none; | |
| 42 padding: 1px 4px; | |
| 43 min-width: 60px; | |
| 44 border-radius: 3px; | |
| 45 border: 1px solid rgba(60,73,97,0.5); | |
| 46 box-shadow: inset 0 1px rgba(255,255,255,0.25), 0 1px rgba(255,255,255,0.25); | |
| 47 background-color: transparent; | |
| 48 background-image: linear-gradient(rgba(255,255,255,0.45), rgba(255,255,255,0.2)); | |
| 49 background-clip: padding-box; | |
| 50 color: #252F3B; | |
| 51 text-shadow: @loweredShadow@; | |
| 52 } | |
| 53 | |
| 54 button:-moz-focusring > .button-box, | |
| 55 menulist:-moz-focusring:not([open="true"]) > .menulist-label-box, | |
| 56 colorpicker[type="button"]:-moz-focusring:not([open="true"]) > .colorpicker-button-colorbox { | |
| 57 outline: 1px dotted #252F3B; | |
| 58 } | |
| 59 | |
| 60 html|button[disabled], | |
| 61 button[disabled="true"], | |
| 62 menulist[disabled="true"], | |
| 63 colorpicker[type="button"][disabled="true"] { | |
| 64 opacity: 0.8; | |
| 65 color: #505050; | |
| 66 } | |
| 67 | |
| 68 html|button:not([disabled]):active:hover, | |
| 69 button:not([disabled="true"]):active:hover, | |
| 70 menulist[open="true"]:not([disabled="true"]), | |
| 71 colorpicker[type="button"][open="true"]:not([disabled="true"]) { | |
| 72 box-shadow: inset 0 1px 3px rgba(0,0,0,.2), 0 1px rgba(255,255,255,0.25); | |
| 73 background-image: linear-gradient(rgba(45,54,71,0.3), rgba(45,54,71,0.1)); | |
| 74 border-color: rgba(60,73,97,0.7); | |
| 75 } | |
| 76 | |
| 77 menulist { | |
| 78 -moz-padding-end: 0; | |
| 79 margin-left: 5px; | |
| 80 margin-right: 5px; | |
| 81 } | |
| 82 | |
| 83 /* Tweak margins so the focus ring is in the right place. */ | |
| 84 menulist > .menulist-label-box { | |
| 85 -moz-margin-end: 3px; | |
| 86 margin-top: 1px; | |
| 87 } | |
| 88 | |
| 89 menulist > .menulist-label-box > .menulist-label { | |
| 90 margin-top: 0px !important; | |
| 91 margin-bottom: 0px !important; | |
| 92 } | |
| 93 | |
| 94 menulist > .menulist-dropmarker { | |
| 95 -moz-appearance: none; | |
| 96 display: -moz-box; | |
| 97 background: transparent; | |
| 98 border: none; | |
| 99 -moz-border-start: 1px solid rgba(60,73,97,0.5); | |
| 100 margin-top: -1px; | |
| 101 margin-bottom: -1px; | |
| 102 } | |
| 103 | |
| 104 colorpicker[type="button"] { | |
| 105 margin: 1px 5px 2px 5px; | |
| 106 padding: 3px; | |
| 107 height: 25px; | |
| 108 } | |
| 109 | |
| 110 spinbuttons { | |
| 111 -moz-appearance: none; | |
| 112 } | |
| 113 | |
| 114 spinbuttons > .spinbuttons-box > .spinbuttons-button { | |
| 115 min-width: 12px; | |
| 116 } | |
| 117 | |
| 118 .spinbuttons-button > .button-box > .button-text { | |
| 119 display: none; | |
| 120 } | |
| 121 | |
| 122 .spinbuttons-button[disabled="true"] > .button-box > .button-icon { | |
| 123 opacity: 0.5; | |
| 124 } | |
| 125 | |
| 126 spinbuttons > .spinbuttons-box > .spinbuttons-up { | |
| 127 list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); | |
| 128 border-bottom-width: 0; | |
| 129 border-bottom-left-radius: 0; | |
| 130 border-bottom-right-radius: 0; | |
| 131 } | |
| 132 | |
| 133 spinbuttons > .spinbuttons-box > .spinbuttons-down { | |
| 134 list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif"); | |
| 135 border-top-left-radius: 0; | |
| 136 border-top-right-radius: 0; | |
| 137 } |
