mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-07 20:17:37 +00:00
566 lines
15 KiB
CSS
566 lines
15 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): Garth Smedley <garths@oeone.com>
|
|
* Mike Potter <mikep@oeone.com>
|
|
* Karl Guertin <grayrest@grayrest.com>
|
|
* Colin Phillips <colinp@oeone.com>
|
|
* ArentJan Banck <ajbanck@planet.nl>
|
|
* Eric Belhaire <belhaire@ief.u-psud.fr>
|
|
* Mark Swaffer <swaff@fudo.org>
|
|
* Karsten Düsterloh <mnyromyr@tprac.de>
|
|
*
|
|
* 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 ***** */
|
|
|
|
@import url("chrome://communicator/skin/");
|
|
|
|
/*--------------------------------------------------------------------
|
|
* MAIN view deck - contains nav buttons and views
|
|
*-------------------------------------------------------------------*/
|
|
|
|
#view-deck {
|
|
background: #FFFFFF;
|
|
padding: 0px;
|
|
}
|
|
|
|
|
|
/*--------------------------------------------------------------------
|
|
* Primary toolbar buttons
|
|
*-------------------------------------------------------------------*/
|
|
|
|
.toolbarbutton-1 {
|
|
list-style-image: url("chrome://calendar/skin/btn1.png");
|
|
-moz-box-orient: vertical;
|
|
}
|
|
|
|
|
|
/*--------------------------------------------------------------------
|
|
* new event button
|
|
*-------------------------------------------------------------------*/
|
|
|
|
#calendar-new-event-button
|
|
{
|
|
-moz-image-region: rect(126px 32px 147px 0px);
|
|
}
|
|
#calendar-new-event-button[disabled="true"],
|
|
#calendar-new-event-button[disabled="true"]:hover,
|
|
#calendar-new-event-button[disabled="true"]:hover:active
|
|
{
|
|
-moz-image-region: rect(126px 128px 147px 96px);
|
|
}
|
|
#calendar-new-event-button:hover
|
|
{
|
|
-moz-image-region: rect(126px 64px 147px 32px);
|
|
}
|
|
#calendar-new-event-button:hover:active
|
|
{
|
|
-moz-image-region: rect(126px 96px 147px 64px);
|
|
}
|
|
|
|
/*--------------------------------------------------------------------
|
|
* edit event button
|
|
*-------------------------------------------------------------------*/
|
|
|
|
#calendar-edit-event-button
|
|
{
|
|
-moz-image-region: rect(147px 32px 168px 0px);
|
|
}
|
|
|
|
#calendar-edit-event-button[disabled="true"],
|
|
#calendar-edit-event-button[disabled="true"]:hover,
|
|
#calendar-edit-event-button[disabled="true"]:hover:active
|
|
{
|
|
-moz-image-region: rect(147px 128px 168px 96px);
|
|
}
|
|
|
|
#calendar-edit-event-button:hover
|
|
{
|
|
-moz-image-region: rect(147px 64px 168px 32px);
|
|
}
|
|
|
|
#calendar-edit-event-button:hover:active
|
|
{
|
|
-moz-image-region: rect(147px 96px 168px 64px);
|
|
}
|
|
|
|
/*--------------------------------------------------------------------
|
|
* delete event button
|
|
*-------------------------------------------------------------------*/
|
|
|
|
#calendar-delete-event-button
|
|
{
|
|
-moz-image-region: rect(168px 32px 189px 0px);
|
|
}
|
|
|
|
#calendar-delete-event-button[disabled="true"],
|
|
#calendar-delete-event-button[disabled="true"]:hover,
|
|
#calendar-delete-event-button[disabled="true"]:hover:active
|
|
{
|
|
-moz-image-region: rect(168px 128px 189px 96px);
|
|
}
|
|
|
|
#calendar-delete-event-button:hover
|
|
{
|
|
-moz-image-region: rect(168px 64px 189px 32px);
|
|
}
|
|
|
|
#calendar-delete-event-button:hover:active
|
|
{
|
|
-moz-image-region: rect(168px 96px 189px 64px);
|
|
}
|
|
|
|
/*--------------------------------------------------------------------
|
|
* Go To Today button
|
|
*-------------------------------------------------------------------*/
|
|
|
|
#calendar-go-to-today-button
|
|
{
|
|
-moz-image-region: rect(105px 32px 126px 0px);
|
|
}
|
|
#calendar-go-to-today-button[disabled="true"],
|
|
#calendar-go-to-today-button[disabled="true"]:hover,
|
|
#calendar-go-to-today-button[disabled="true"]:hover:active
|
|
{
|
|
-moz-image-region: rect(105px 128px 126px 96px);
|
|
}
|
|
#calendar-go-to-today-button:hover
|
|
{
|
|
-moz-image-region: rect(105px 64px 126px 32px);
|
|
}
|
|
#calendar-go-to-today-button:hover:active
|
|
{
|
|
-moz-image-region: rect(105px 96px 126px 64px);
|
|
}
|
|
|
|
|
|
/*--------------------------------------------------------------------
|
|
* Choose date button
|
|
*-------------------------------------------------------------------*/
|
|
|
|
#calendar-choose-date-button
|
|
{
|
|
-moz-image-region: rect(84px 32px 105px 0px);
|
|
}
|
|
#calendar-choose-date-button[disabled="true"],
|
|
#calendar-choose-date-button[disabled="true"]:hover,
|
|
#calendar-choose-date-button[disabled="true"]:hover:active
|
|
{
|
|
-moz-image-region: rect(84px 128px 105px 96px);
|
|
}
|
|
#calendar-choose-date-button:hover
|
|
{
|
|
-moz-image-region: rect(84px 64px 105px 32px);
|
|
}
|
|
#calendar-choose-date-button:hover:active
|
|
{
|
|
-moz-image-region: rect(84px 96px 105px 64px);
|
|
}
|
|
|
|
|
|
/*--------------------------------------------------------------------
|
|
* Change to multiweek view button
|
|
*-------------------------------------------------------------------*/
|
|
#calendar-multiweek-view-button
|
|
{
|
|
-moz-image-region: rect(42px 32px 63px 0px);
|
|
}
|
|
#calendar-multiweek-view-button[checked="true"],
|
|
#calendar-multiweek-view-button[checked="true"]:hover,
|
|
#calendar-multiweek-view-button[checked="true"]:hover:active
|
|
{
|
|
-moz-image-region: rect(42px 128px 63px 96px);
|
|
}
|
|
#calendar-multiweek-view-button:hover
|
|
{
|
|
-moz-image-region: rect(42px 64px 63px 32px);
|
|
}
|
|
#calendar-multiweek-view-button:hover:active
|
|
{
|
|
-moz-image-region: rect(42px 96px 63px 64px);
|
|
}
|
|
|
|
/*--------------------------------------------------------------------
|
|
* Change to month view button
|
|
*-------------------------------------------------------------------*/
|
|
|
|
#calendar-month-view-button
|
|
{
|
|
-moz-image-region: rect(63px 32px 84px 0px);
|
|
}
|
|
#calendar-month-view-button[checked="true"],
|
|
#calendar-month-view-button[checked="true"]:hover,
|
|
#calendar-month-view-button[checked="true"]:hover:active
|
|
{
|
|
-moz-image-region: rect(63px 128px 84px 96px);
|
|
}
|
|
#calendar-month-view-button:hover
|
|
{
|
|
-moz-image-region: rect(63px 64px 84px 32px);
|
|
}
|
|
#calendar-month-view-button:hover:active
|
|
{
|
|
-moz-image-region: rect(63px 96px 84px 64px);
|
|
}
|
|
|
|
/*--------------------------------------------------------------------
|
|
* Change to week view button
|
|
*-------------------------------------------------------------------*/
|
|
|
|
#calendar-week-view-button
|
|
{
|
|
-moz-image-region: rect(21px 32px 42px 0px);
|
|
}
|
|
#calendar-week-view-button[checked="true"],
|
|
#calendar-week-view-button[checked="true"]:hover,
|
|
#calendar-week-view-button[checked="true"]:hover:active
|
|
{
|
|
-moz-image-region: rect(21px 128px 42px 96px);
|
|
}
|
|
#calendar-week-view-button:hover
|
|
{
|
|
-moz-image-region: rect(21px 64px 42px 32px);
|
|
}
|
|
#calendar-week-view-button:hover:active
|
|
{
|
|
-moz-image-region: rect(21px 96px 42px 64px);
|
|
}
|
|
|
|
/*--------------------------------------------------------------------
|
|
* Change to day view button
|
|
*-------------------------------------------------------------------*/
|
|
|
|
#calendar-day-view-button
|
|
{
|
|
-moz-image-region: rect(0px 32px 21px 0px);
|
|
}
|
|
#calendar-day-view-button[checked="true"],
|
|
#calendar-day-view-button[checked="true"]:hover,
|
|
#calendar-day-view-button[checked="true"]:hover:active
|
|
{
|
|
-moz-image-region: rect(0px 128px 21px 96px);
|
|
}
|
|
#calendar-day-view-button:hover
|
|
{
|
|
-moz-image-region: rect(0px 64px 21px 32px);
|
|
}
|
|
#calendar-day-view-button:hover:active
|
|
{
|
|
-moz-image-region: rect(0px 96px 21px 64px);
|
|
}
|
|
|
|
/*--------------------------------------------------------------------
|
|
* New Task button
|
|
*-------------------------------------------------------------------*/
|
|
|
|
#calendar-new-task-button
|
|
{
|
|
-moz-image-region: rect(189px 32px 210px 0px);
|
|
}
|
|
#calendar-new-task-button[disabled="true"],
|
|
#calendar-new-task-button[disabled="true"]:hover,
|
|
#calendar-new-task-button[disabled="true"]:hover:active
|
|
{
|
|
-moz-image-region: rect(189px 128px 210px 96px);
|
|
}
|
|
#calendar-new-task-button:hover
|
|
{
|
|
-moz-image-region: rect(189px 64px 210px 32px);
|
|
}
|
|
#calendar-new-task-button:hover:active
|
|
{
|
|
-moz-image-region: rect(189px 96px 210px 64px);
|
|
}
|
|
|
|
/*--------------------------------------------------------------------
|
|
* Throbber button
|
|
*-------------------------------------------------------------------*/
|
|
|
|
#navigator-throbber {
|
|
-moz-appearance: none;
|
|
-moz-binding: url("chrome://global/content/bindings/button.xml#button-image");
|
|
-moz-user-focus: ignore;
|
|
-moz-box-align: center;
|
|
-moz-box-pack: center;
|
|
margin: 1px 2px 1px 10px;
|
|
border: 2px solid;
|
|
-moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight;
|
|
-moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
|
|
-moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
|
|
-moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight;
|
|
-moz-border-radius: 0;
|
|
padding: 1px;
|
|
min-width: 0;
|
|
list-style-image: url('chrome://calendar/content/sunbird_small.png');
|
|
}
|
|
|
|
.calendar-unifinder-event-indent
|
|
{
|
|
padding-left : 30px;
|
|
}
|
|
|
|
.unifinder-treecell-box-class
|
|
{
|
|
padding : 2px;
|
|
padding-left : 4px;
|
|
font-family : Arial, Helvetica;
|
|
-moz-box-align : start;
|
|
}
|
|
|
|
|
|
/* TO DO ITEMS */
|
|
|
|
treechildren::-moz-tree-cell-text(inprogress)
|
|
{
|
|
color : green;
|
|
}
|
|
|
|
treechildren::-moz-tree-row(inprogress,selected)
|
|
{
|
|
background-color : green;
|
|
}
|
|
|
|
treechildren::-moz-tree-cell-text(overdue)
|
|
{
|
|
color : red;
|
|
}
|
|
|
|
treechildren::-moz-tree-row
|
|
{
|
|
border-bottom : 1px dotted #AAA;
|
|
}
|
|
|
|
treechildren::-moz-tree-row(overdue,selected)
|
|
{
|
|
background-color : red;
|
|
}
|
|
|
|
treechildren::-moz-tree-cell-text(duetoday)
|
|
{
|
|
color : blue;
|
|
}
|
|
|
|
treechildren::-moz-tree-row(duetoday,selected)
|
|
{
|
|
background-color : blue;
|
|
}
|
|
|
|
treechildren::-moz-tree-cell-text(future)
|
|
{
|
|
color : gray;
|
|
}
|
|
|
|
treechildren::-moz-tree-row(future,selected)
|
|
{
|
|
background-color : gray;
|
|
}
|
|
|
|
treechildren::-moz-tree-cell-text(completed)
|
|
{
|
|
text-decoration : line-through;
|
|
color : black;
|
|
}
|
|
|
|
|
|
/* TO DO LIST IMAGES */
|
|
|
|
treechildren::-moz-tree-image(unifinder-todo-tree-col-completed, completed),
|
|
#unifinder-todo-tree-col-completed {
|
|
list-style-image : url("chrome://calendar/skin/unifinder/checkbox_checked.png");
|
|
}
|
|
|
|
treechildren::-moz-tree-image(unifinder-todo-tree-col-completed, duetoday),
|
|
treechildren::-moz-tree-image(unifinder-todo-tree-col-completed, overdue),
|
|
treechildren::-moz-tree-image(unifinder-todo-tree-col-completed, future),
|
|
treechildren::-moz-tree-image(unifinder-todo-tree-col-completed, inprogress) {
|
|
list-style-image : url("chrome://calendar/skin/unifinder/checkbox_unchecked.png");
|
|
}
|
|
|
|
#unifinder-todo-tree-col-priority {
|
|
list-style-image : url( "chrome://calendar/skin/unifinder/priority_header.png" )
|
|
}
|
|
|
|
treechildren::-moz-tree-image(unifinder-todo-tree-col-priority, mediumpriority) {
|
|
list-style-image : url( "chrome://calendar/skin/unifinder/priority_header.png" )
|
|
}
|
|
|
|
treechildren::-moz-tree-image(unifinder-todo-tree-col-priority, highpriority) {
|
|
list-style-image : url( "chrome://calendar/skin/unifinder/priority_high.png" )
|
|
}
|
|
|
|
treechildren::-moz-tree-image(unifinder-todo-tree-col-priority, lowpriority) {
|
|
list-style-image : url( "chrome://calendar/skin/unifinder/priority_low.png" )
|
|
}
|
|
|
|
treechildren::-moz-tree-cell-text(selected) {
|
|
color : HighlightText;
|
|
}
|
|
|
|
.calendar-list-item-class[synching="true"]
|
|
{
|
|
list-style-image : url( "chrome://calendar/skin/synch_animated.gif" );
|
|
}
|
|
|
|
listitem[selected="true"] > .calendar-list-item-class
|
|
{
|
|
background-color : White;
|
|
color : Black;
|
|
}
|
|
|
|
.todo-due-image-class
|
|
{
|
|
list-style-image : url( "chrome://calendar/skin/unifinder/priority_header.png" )
|
|
}
|
|
|
|
.todo-due-image-class[highpriority="true"]
|
|
{
|
|
list-style-image : url( "chrome://calendar/skin/unifinder/priority_high.png" )
|
|
}
|
|
|
|
.todo-due-image-class[lowpriority="true"]
|
|
{
|
|
list-style-image : url( "chrome://calendar/skin/unifinder/priority_low.png" )
|
|
}
|
|
/*--------------------------------------------------------------------
|
|
* Unifinder
|
|
*-------------------------------------------------------------------*/
|
|
/* workaround to avoid Window Flick */
|
|
#unifinder-search-results-listbox
|
|
{
|
|
min-height : 40px ;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------
|
|
* tooltips
|
|
*-------------------------------------------------------------------*/
|
|
label.tooltipHeaderLabel
|
|
{
|
|
font-weight : bold;
|
|
text-align : right;
|
|
}
|
|
|
|
description.tooltipHeaderDescription
|
|
{
|
|
font-weight : normal;
|
|
text-align : left;
|
|
white-space : normal;
|
|
}
|
|
|
|
description.tooltipBody
|
|
{
|
|
font-weight : normal;
|
|
white-space : normal;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------
|
|
* print preview
|
|
*-------------------------------------------------------------------*/
|
|
toolbar[printpreview="true"] {
|
|
-moz-binding: url("chrome://global/content/printPreviewBindings.xml#printpreviewtoolbar");
|
|
}
|
|
|
|
/*--------------------------------------------------------------------
|
|
* View controls
|
|
*-------------------------------------------------------------------*/
|
|
|
|
calendar-navigation-buttons {
|
|
padding: 0px 0px 2px 0px;
|
|
}
|
|
|
|
.title-label-box button {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.nav-buttons{
|
|
list-style-image: url("chrome://calendar/skin/prevnextarrow.png");
|
|
}
|
|
|
|
.nav-buttons[direction="next"] {
|
|
-moz-box-align:end;
|
|
-moz-image-region: rect(18px 18px 36px 0px);
|
|
cursor:pointer;
|
|
}
|
|
|
|
.next-button:hover:active {
|
|
margin: 6px 14px 4px 16px;
|
|
}
|
|
|
|
.nav-buttons[direction="prev"] {
|
|
-moz-box-align:start;
|
|
-moz-image-region: rect(0px 18px 18px 0px);
|
|
cursor:pointer;
|
|
}
|
|
|
|
.prev-button:hover:active {
|
|
margin: 6px 14px 4px 16px;
|
|
}
|
|
|
|
.title-container {
|
|
-moz-box-align: center;
|
|
-moz-box-pack: center;
|
|
margin: 0px 15px 0px 15px;
|
|
}
|
|
|
|
.title2 {
|
|
font-size:1.2em;
|
|
color: #4e84c2;
|
|
margin:0px;
|
|
padding:0px;
|
|
cursor:pointer;
|
|
-moz-appearance: none;
|
|
border: 0px;
|
|
}
|
|
|
|
.title1 {
|
|
font-size:1.5em;
|
|
color: #4e84c2;
|
|
cursor:pointer;
|
|
-moz-appearance: none;
|
|
border: 0px;
|
|
}
|
|
|
|
.title0 {
|
|
font-size:2.0em;
|
|
color: #2e4e73;
|
|
font-weight:bold;
|
|
margin:0px;
|
|
padding:0px;
|
|
-moz-appearance: none;
|
|
border: 0px;
|
|
}
|
|
|
|
.view-title-label-box
|
|
{
|
|
width: 10em !important;
|
|
-moz-box-align: center;
|
|
-moz-box-pack: end;
|
|
}
|