diff options
Diffstat (limited to 'Source/web/resources/calendarPicker.css')
| -rw-r--r-- | Source/web/resources/calendarPicker.css | 319 |
1 files changed, 319 insertions, 0 deletions
diff --git a/Source/web/resources/calendarPicker.css b/Source/web/resources/calendarPicker.css new file mode 100644 index 000000000..afe4dbf19 --- /dev/null +++ b/Source/web/resources/calendarPicker.css @@ -0,0 +1,319 @@ +/* + * Copyright (C) 2012 Google Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are + * met: + * + * * Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * * Redistributions in binary form must reproduce the above + * copyright notice, this list of conditions and the following disclaimer + * in the documentation and/or other materials provided with the + * distribution. + * * Neither the name of Google Inc. nor the names of its + * contributors may be used to endorse or promote products derived from + * this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS + * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT + * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR + * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT + * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, + * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT + * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, + * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE + * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +body { + -webkit-user-select: none; + background-color: white; + font: -webkit-control; + font-size: 12px; +} + +.rtl { + direction: rtl; +} + +.scroll-view { + overflow: hidden; + width: 0; + height: 0; +} + +.list-cell { + position: absolute; + left: 0; + top: 0; + width: 0; + height: 0; +} + +.list-cell.hidden { + display: none; +} + +.week-number-cell, +.day-cell { + position: static; + text-align: center; + box-sizing: border-box; + display: inline-block; + cursor: default; + transition: color 1s; + padding: 1px; +} + +.week-number-cell { + box-sizing: border-box; + color: black; + padding-right: 0; + box-shadow: 1px 0 0 #bfbfbf; + margin-right: 1px; +} + +.day-cell { + color: #bfbfbf; +} + +.day-cell.highlighted.today, +.day-cell.today { + border: 1px solid #bfbfbf; + padding: 0; +} + +.week-number-cell.highlighted, +.day-cell.highlighted { + background-color: #e5ecf8; +} + +.week-number-cell.highlighted.disabled, +.day-cell.highlighted.disabled { + border: 1px solid #e5ecf8; + padding: 0; +} + +.week-number-cell.selected, +.day-cell.selected { + background-color: #bccdec; +} + +.week-number-cell.disabled, +.day-cell.disabled { + background-color: #f5f5f5; +} + +.day-cell.current-month { + color: #000000; +} + +.calendar-table-view { + border: 1px solid #bfbfbf; + display: inline-block; + outline: none; +} + +.week-number-label, +.week-day-label { + text-align: center; + display: inline-block; + line-height: 23px; + padding-top: 1px; + box-sizing: padding-box; +} + +.week-number-label { + box-sizing: border-box; + border-right: 1px solid #bfbfbf; +} + +.calendar-table-header-view { + background-color: #f5f5f5; + border-bottom: 1px solid #bfbfbf; + height: 24px; +} + +.calendar-picker { + border: 1px solid #bfbfbf; + border-radius: 2px; + position: absolute; + padding: 10px; + background-color: white; + overflow: hidden; + cursor: default; +} + +.calendar-header-view { + margin-bottom: 10px; + display: flex; + flex-flow: row; +} + +.calendar-title { + -webkit-align-self: center; + flex: 1; + text-align: left; +} + +.rtl .calendar-title { + text-align: right; +} + +.month-popup-button, +.month-popup-button:hover, +.month-popup-button:disabled { + background-color: transparent !important; + background-image: none !important; + box-shadow: none !important; + color: black; +} + +.month-popup-button:disabled { + opacity: 0.7; +} + +.month-popup-button { + font-size: 12px; + padding: 4px; + display: inline-block; + cursor: default; + border: 1px solid transparent !important; + height: 24px !important; +} + +.month-popup-button .disclosure-triangle { + margin: 0 6px; +} + +.month-popup-button .disclosure-triangle svg { + padding-bottom: 2px; +} + +.today-button::after { + content: ""; + display: block; + border-radius: 3px; + width: 6px; + height: 6px; + background-color: #6e6e6e; + margin: 0 auto; +} + +.calendar-navigation-button { + -webkit-align-self: center; + width: 24px; + height: 24px; + min-width: 0 !important; + padding-left: 0 !important; + padding-right: 0 !important; + -webkit-margin-start: 4px !important; +} + +.year-list-view { + border: 1px solid #bfbfbf; + background-color: white; + position: absolute; +} + +.year-list-cell { + box-sizing: border-box; + border-bottom: 1px solid #bfbfbf; + background-color: white; + overflow: hidden; +} + +.year-list-cell .label { + height: 24px; + line-height: 24px; + -webkit-padding-start: 8px; + background-color: #f5f5f5; + border-bottom: 1px solid #bfbfbf; +} + +.year-list-cell .month-chooser { + padding: 0; +} + +.month-buttons-row { + display: flex; +} + +.month-button { + flex: 1; + height: 32px; + padding: 0 !important; + margin: 0 !important; + background-image: none !important; + background-color: #ffffff; + border-width: 0 !important; + box-shadow: none !important; +} + +.month-button.highlighted { + background-color: #e5ecf8; +} + +.scrubby-scroll-bar { + width: 14px; + height: 60px; + background-color: white; + border-left: 1px solid #bfbfbf; + position: absolute; + top: 0; +} + +.scrubby-scroll-thumb { + width: 10px; + margin: 2px; + height: 30px; + background-color: #d8d8d8; + position: absolute; + left: 0; + top: 0; +} + +.month-popup-view { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; +} + +.year-list-view .scrubby-scroll-bar { + right: 0; +} + +.rtl .year-list-view .scrubby-scroll-bar { + left: 0; + right: auto; + border-left-width: 0; + border-right: 1px solid #bfbfbf; +} + +.year-month-button { + width: 24px; + height: 24px; + min-width: 0; + padding: 0; +} + +.month-popup-button:focus, +.year-list-view:focus, +.calendar-table-view:focus { + transition: border-color 200ms; + /* We use border color because it follows the border radius (unlike outline). + * This is particularly noticeable on mac. */ + border-color: rgb(77, 144, 254) !important; + outline: none; +} + +.preparing button:focus, +.preparing .year-list-view:focus, +.preparing .calendar-table-view:focus { + transition: none; +} |