datetimepicker.css (3283B)
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: none; 22 cursor: text; 23 margin-inline-end: 2px; 24 border: 1px solid rgb(50,50,50); 25 padding: 2px 0 3px 0; 26 padding-inline-start: 4px; 27 padding-inline-end: 2px; 28 background-color: #181411; 29 color: #bfbbb6; 30 } 31 32 .datetimepicker-input-subbox { 33 width: 1.6em; 34 } 35 36 html|*.datetimepicker-input { 37 text-align: end; 38 } 39 40 .datetimepicker-separator { 41 margin: 0 !important; 42 } 43 44 .datetimepicker-year { 45 width: 3.2em; 46 } 47 48 datepicker[readonly="true"], 49 timepicker[readonly="true"] { 50 background-color: #181411; 51 color: rgb(219,219,219); 52 } 53 54 datepicker[disabled="true"], 55 timepicker[disabled="true"] { 56 cursor: default; 57 background-color: #181411; 58 color: rgb(200,200,200); 59 } 60 61 .datepicker-mainbox { 62 margin: 2px 4px; 63 border: 1px solid #181411; 64 background-color: #181411; 65 color: #bfbbb6; 66 } 67 68 .datepicker-popupgrid > .datepicker-mainbox { 69 margin: 0; 70 border: none; 71 } 72 73 .datepicker-gridlabel, .datepicker-weeklabel { 74 text-align: center; 75 } 76 77 .datepicker-gridlabel[today="true"] { 78 background-color: darkgrey; 79 color: white; 80 } 81 82 .datepicker-gridlabel[selected="true"] { 83 background-color: rgb(1,1,1); 84 color: #bfbbb6; 85 } 86 87 .datepicker-button { 88 -moz-appearance: none; 89 min-width: 8px; 90 padding: 0px; 91 } 92 93 .datepicker-previous { 94 list-style-image: url("chrome://global/skin/arrow/arrow-lft.gif"); 95 } 96 97 .datepicker-next { 98 list-style-image: url("chrome://global/skin/arrow/arrow-rit.gif"); 99 } 100 101 .datepicker-previous:hover { 102 list-style-image: url("chrome://global/skin/arrow/arrow-lft-hov.gif"); 103 } 104 105 .datepicker-next:hover { 106 list-style-image: url("chrome://global/skin/arrow/arrow-rit-hov.gif"); 107 } 108 109 .datepicker-previous[disabled="true"] { 110 list-style-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif"); 111 } 112 113 .datepicker-next[disabled="true"] { 114 list-style-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif"); 115 } 116 117 .datepicker-previous:-moz-locale-dir(rtl) { 118 list-style-image: url("chrome://global/skin/arrow/arrow-rit.gif"); 119 } 120 121 .datepicker-next:-moz-locale-dir(rtl) { 122 list-style-image: url("chrome://global/skin/arrow/arrow-lft.gif"); 123 } 124 125 .datepicker-previous:-moz-locale-dir(rtl) { 126 list-style-image: url("chrome://global/skin/arrow/arrow-rit-hov.gif"); 127 } 128 129 .datepicker-next:-moz-locale-dir(rtl):hover { 130 list-style-image: url("chrome://global/skin/arrow/arrow-lft-hov.gif"); 131 } 132 133 .datepicker-previous[disabled="true"]:-moz-locale-dir(rtl) { 134 list-style-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif"); 135 } 136 137 .datepicker-next[disabled="true"]:-moz-locale-dir(rtl) { 138 list-style-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif"); 139 }