gecko-dev/calendar/resources/skin/classic/datetimepickers/datetimepickers.css

261 строка
6.9 KiB
CSS

/* ***** BEGIN LICENSE BLOCK *****
* Version: MPL 1.1/GPL 2.0/LGPL 2.1
*
* The contents of this file are subject to the Mozilla Public License Version
* 1.1 (the "License"); you may not use this file except in compliance with
* the License. You may obtain a copy of the License at
* http://www.mozilla.org/MPL/
*
* Software distributed under the License is distributed on an "AS IS" basis,
* WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
* for the specific language governing rights and limitations under the
* License.
*
* The Original Code is OEone Calendar Code, released October 31st, 2001.
*
* The Initial Developer of the Original Code is OEone Corporation.
* Portions created by the Initial Developer are Copyright (C) 2001
* the Initial Developer. All Rights Reserved.
*
* Contributor(s):
*
* Alternatively, the contents of this file may be used under the terms of
* either the GNU General Public License Version 2 or later (the "GPL"), or
* the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
* in which case the provisions of the GPL or the LGPL are applicable instead
* of those above. If you wish to allow use of your version of this file only
* under the terms of either the GPL or the LGPL, and not to allow others to
* use your version of this file under the terms of the MPL, indicate your
* decision by deleting the provisions above and replace them with the notice
* and other provisions required by the GPL or the LGPL. If you do not delete
* the provisions above, a recipient may use your version of this file under
* the terms of any one of the MPL, the GPL or the LGPL.
*
* ***** END LICENSE BLOCK ***** */
/*--------------------------------------------------------------------
* Datepicker (text field with minimonth popup)
*-------------------------------------------------------------------*/
/* flex box around menulist */
.datepicker-box-class {
}
/* menulist */
.datepicker-text-class {
width: 11em;
}
/* text input field */
.datepicker-text-class input {
}
/*-------------------------------------------------------------------
* Timepicker (text menulist with popup)
*-------------------------------------------------------------------*/
.timepicker-box-class {
}
.timepicker-text-class {
width: 8em;
}
/*-------------------------------------------------------------------
* popup (from timepicker/timepicker.css)
*-------------------------------------------------------------------*/
/* Box that occupies whole window */
vbox[anonid="time-picker-grids"] {
background-color : #ffffff;
font-size : 8pt;
margin-bottom : 1px;
margin-right : 1px;
}
/* Grid for hours */
grid[anonid="time-picker-hour-grid"] {
background-color : -moz-Dialog;
color : -moz-DialogText;
border-top : 1px solid -moz-DialogText;
border-left : 1px solid -moz-DialogText;
margin-top : 1px;
}
/* Box in each cell of the grid for hours */
.time-picker-hour-box-class {
-moz-box-align : center;
border-right : 1px solid ThreeDShadow;
border-bottom : 1px solid ThreeDShadow;
}
.time-picker-hour-box-class:hover {
background-color : InactiveCaption;
color : InactiveCaptionText;
cursor : pointer;
}
/* selected hour box */
.time-picker-hour-box-class[selected="true"] {
background-color : Highlight;
color : HighlightText;
}
.time-picker-hour-box-class[selected="true"]:hover {
background-color : Highlight;
color : HighlightText;
}
/* label inside each minute/hour */
.time-picker-minute-label {
text-align : center;
}
.time-picker-hour-label {
text-align : center;
}
.time-picker-minute-label:hover {
cursor : pointer !important;
}
.time-picker-hour-label:hover {
cursor : pointer !important;
}
.time-picker-minute-box-class {
-moz-box-align : center;
border-right : 1px solid ThreeDShadow;
border-bottom : 1px solid ThreeDShadow;
}
.time-picker-minute-box-class:hover {
cursor : pointer;
background-color : -moz-Dialog;
color : -moz-DialogText;
}
/* box around five minute grid */
vbox[anonid="time-picker-five-minute-grid-box"] {
min-width : 195px;
margin-left : 1px;
}
/* five minute grid */
grid[anonid="time-picker-five-minute-grid"] {
margin-top : 2px;
margin-right : 1px;
border-top : 1px solid ThreeDShadow;
border-left : 1px solid ThreeDShadow;
border-right : 1px solid ThreeDShadow;
background-color : #ffffff;
}
/* box in five-minute grid elements */
.time-picker-five-minute-class:hover {
background-color : InactiveCaption;
color : InactiveCaptionText;
cursor : pointer;
}
.time-picker-minute-label[selected="true"]:hover {
background-color : Highlight;
color : HighlightText;
cursor : pointer;
}
/* selected five-minute grid element box */
.time-picker-five-minute-class[selected="true"] {
background-color : Highlight;
color : HighlightText;
}
/* box around one minute grid */
vbox[anonid="time-picker-one-minute-grid-box"] {
min-width : 195px;
margin-left : 1px;
}
/* one minute grid */
grid[anonid="time-picker-one-minute-grid"] {
margin-top : 2px;
margin-right : 1px;
border-top : 1px solid ThreeDShadow;
border-left : 1px solid ThreeDShadow;
border-right : 1px solid ThreeDShadow;
background-color : #ffffff;
}
/* box in one-minute grid elements */
.time-picker-one-minute-class {
-moz-box-align : center;
}
.time-picker-one-minute-class:hover {
background-color : InactiveCaption;
color : InactiveCaptionText;
cursor : pointer;
}
.time-picker-one-minute-class[selected="true"]>label:hover {
background-color : Highlight !important;
color : HighlightText !important;
cursor : pointer;
}
/* selected one-minute grid element box */
.time-picker-one-minute-class[selected="true"]{
background-color : Highlight;
color : HighlightText;
}
.time-picker-more-control-label {
background-color : Highlight;
color : HighlightText;
font-size : 12pt;
height : 12px;
min-width : 40px;
margin : 0px;
border : 1px solid -moz-Dialog;
text-align : center;
}
.time-picker-more-control-label:hover {
border-top: 1px solid ThreeDHighlight;
border-left: 1px solid ThreeDHighlight;
border-right: 1px solid ThreeDShadow;
border-bottom: 1px solid ThreeDShadow;
}
.time-picker-more-control-label:hover:active {
border-top: 1px solid ThreeDShadow;
border-left: 1px solid ThreeDShadow;
border-right: 1px solid ThreeDHighlight;
border-bottom: 1px solid ThreeDHighlight;
}
/* line across the bottom of the minute boxes, made to line up with more & less tabs */
.time-picker-minutes-bottom {
background-color : -moz-Dialog;
color : -moz-DialogText;
border : 1px solid ThreeDShadow;
margin-right : 1px;
}