The Tor Browser / file comparison
comparison: toolkit/themes/windows/global/datetimepicker.css
toolkit/themes/windows/global/datetimepicker.css
- branch
- TOR_BUG_9701
- changeset 15
- b8a032363ba2
equal
deleted
inserted
replaced
| -1:000000000000 | 0:5983ff161081 |
|---|---|
| 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 /* ===== datetimepicker.css ============================================= | |
| 6 == Styles used by the XUL datepicker and timepicker elements. | |
| 7 ======================================================================= */ | |
| 8 | |
| 9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); | |
| 10 @namespace html url("http://www.w3.org/1999/xhtml"); | |
| 11 | |
| 12 datepicker, timepicker { | |
| 13 margin: 2px 4px; | |
| 14 padding: 0; | |
| 15 border: none; | |
| 16 background: none; | |
| 17 cursor: default; | |
| 18 } | |
| 19 | |
| 20 .datetimepicker-input-box { | |
| 21 -moz-appearance: textfield; | |
| 22 cursor: text; | |
| 23 -moz-margin-end: 2px; | |
| 24 border: 2px solid; | |
| 25 -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; | |
| 26 -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow; | |
| 27 -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; | |
| 28 -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; | |
| 29 padding: 2px 0 3px 0; | |
| 30 -moz-padding-start: 4px; | |
| 31 -moz-padding-end: 2px; | |
| 32 background-color: -moz-Field; | |
| 33 color: -moz-FieldText; | |
| 34 } | |
| 35 | |
| 36 .datetimepicker-input-subbox { | |
| 37 width: 1.6em; | |
| 38 } | |
| 39 | |
| 40 html|*.datetimepicker-input { | |
| 41 text-align: end; | |
| 42 } | |
| 43 | |
| 44 .datetimepicker-separator { | |
| 45 margin: 0 !important; | |
| 46 } | |
| 47 | |
| 48 .datetimepicker-year { | |
| 49 width: 3.2em; | |
| 50 } | |
| 51 | |
| 52 datepicker[readonly="true"], | |
| 53 timepicker[readonly="true"] { | |
| 54 background-color: -moz-Dialog; | |
| 55 color: -moz-DialogText; | |
| 56 } | |
| 57 | |
| 58 datepicker[disabled="true"], | |
| 59 timepicker[disabled="true"] { | |
| 60 cursor: default; | |
| 61 background-color: -moz-Dialog; | |
| 62 color: GrayText; | |
| 63 } | |
| 64 | |
| 65 .datepicker-mainbox { | |
| 66 margin: 2px 4px; | |
| 67 border: 2px solid; | |
| 68 -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; | |
| 69 -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow; | |
| 70 -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; | |
| 71 -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; | |
| 72 background-color: -moz-Field; | |
| 73 color: -moz-FieldText; | |
| 74 } | |
| 75 | |
| 76 .datepicker-popupgrid > .datepicker-mainbox { | |
| 77 margin: 0; | |
| 78 border: none; | |
| 79 } | |
| 80 | |
| 81 .datepicker-gridlabel, .datepicker-weeklabel { | |
| 82 text-align: center; | |
| 83 } | |
| 84 | |
| 85 .datepicker-gridlabel[today="true"] { | |
| 86 background-color: darkgrey; | |
| 87 color: white; | |
| 88 } | |
| 89 | |
| 90 .datepicker-gridlabel[selected="true"] { | |
| 91 background-color: Highlight; | |
| 92 color: HighlightText; | |
| 93 } | |
| 94 | |
| 95 .datepicker-button { | |
| 96 -moz-appearance: none; | |
| 97 min-width: 8px; | |
| 98 padding: 0px; | |
| 99 } | |
| 100 | |
| 101 .datepicker-previous { | |
| 102 list-style-image: url("chrome://global/skin/arrow/arrow-lft.gif"); | |
| 103 } | |
| 104 | |
| 105 .datepicker-next { | |
| 106 list-style-image: url("chrome://global/skin/arrow/arrow-rit.gif"); | |
| 107 } | |
| 108 | |
| 109 .datepicker-previous:hover { | |
| 110 list-style-image: url("chrome://global/skin/arrow/arrow-lft-hov.gif"); | |
| 111 } | |
| 112 | |
| 113 .datepicker-next:hover { | |
| 114 list-style-image: url("chrome://global/skin/arrow/arrow-rit-hov.gif"); | |
| 115 } | |
| 116 | |
| 117 .datepicker-previous[disabled="true"] { | |
| 118 list-style-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif"); | |
| 119 } | |
| 120 | |
| 121 .datepicker-next[disabled="true"] { | |
| 122 list-style-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif"); | |
| 123 } | |
| 124 | |
| 125 .datepicker-previous:-moz-locale-dir(rtl) { | |
| 126 list-style-image: url("chrome://global/skin/arrow/arrow-rit.gif"); | |
| 127 } | |
| 128 | |
| 129 .datepicker-next:-moz-locale-dir(rtl) { | |
| 130 list-style-image: url("chrome://global/skin/arrow/arrow-lft.gif"); | |
| 131 } | |
| 132 | |
| 133 .datepicker-previous:-moz-locale-dir(rtl) { | |
| 134 list-style-image: url("chrome://global/skin/arrow/arrow-rit-hov.gif"); | |
| 135 } | |
| 136 | |
| 137 .datepicker-next:-moz-locale-dir(rtl):hover { | |
| 138 list-style-image: url("chrome://global/skin/arrow/arrow-lft-hov.gif"); | |
| 139 } | |
| 140 | |
| 141 .datepicker-previous[disabled="true"]:-moz-locale-dir(rtl) { | |
| 142 list-style-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif"); | |
| 143 } | |
| 144 | |
| 145 .datepicker-next[disabled="true"]:-moz-locale-dir(rtl) { | |
| 146 list-style-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif"); | |
| 147 } |
