home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 April / Chip_2004-04_cd1.bin / tema / mozilla / skin / MozCurveBlue-1.4-0.99.jar / calendar / calendar.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2003-12-06  |  26.5 KB  |  938 lines
  1. /* ***** BEGIN LICENSE BLOCK *****
  2.  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
  3.  *
  4.  * The contents of this file are subject to the Mozilla Public License Version
  5.  * 1.1 (the "License"); you may not use this file except in compliance with
  6.  * the License. You may obtain a copy of the License at
  7.  * http://www.mozilla.org/MPL/
  8.  *
  9.  * Software distributed under the License is distributed on an "AS IS" basis,
  10.  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11.  * for the specific language governing rights and limitations under the
  12.  * License.
  13.  *
  14.  * The Original Code is OEone Calendar Code, released October 31st, 2001.
  15.  *
  16.  * The Initial Developer of the Original Code is
  17.  * OEone Corporation.
  18.  * Portions created by the Initial Developer are Copyright (C) 2001
  19.  * the Initial Developer. All Rights Reserved.
  20.  *
  21.  * Contributor(s): Garth Smedley <garths@oeone.com>
  22.  *                 Mike Potter <mikep@oeone.com>
  23.  *                 Karl Guertin <grayrest@grayrest.com> 
  24.  *                 Colin Phillips <colinp@oeone.com> 
  25.  *                 ArentJan Banck <ajbanck@planet.nl>
  26.  *
  27.  * Alternatively, the contents of this file may be used under the terms of
  28.  * either the GNU General Public License Version 2 or later (the "GPL"), or
  29.  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  30.  * in which case the provisions of the GPL or the LGPL are applicable instead
  31.  * of those above. If you wish to allow use of your version of this file only
  32.  * under the terms of either the GPL or the LGPL, and not to allow others to
  33.  * use your version of this file under the terms of the MPL, indicate your
  34.  * decision by deleting the provisions above and replace them with the notice
  35.  * and other provisions required by the GPL or the LGPL. If you do not delete
  36.  * the provisions above, a recipient may use your version of this file under
  37.  * the terms of any one of the MPL, the GPL or the LGPL.
  38.  *
  39.  * ***** END LICENSE BLOCK ***** */
  40.  
  41. /*--------------------------------------------------------------------
  42.  *   Top bar, with name, image and buttons
  43.  *-------------------------------------------------------------------*/
  44. #calendar-deck{
  45.     overflow:auto;
  46. }
  47.  
  48. /*--------------------------------------------------------------------
  49.  *   Primary toolbar buttons
  50.  *-------------------------------------------------------------------*/
  51.  
  52. /*--------------------------------------------------------------------
  53.  *   Choose date button
  54.  *-------------------------------------------------------------------*/
  55. #calendar-choose-date-button {
  56.   list-style-image        : url("chrome://calendar/skin/ca-event-dialog/calendar.png") !important;
  57. }
  58. #calendar-choose-date-button[disabled="true"],
  59. #calendar-choose-date-button[disabled="true"]:hover,
  60. #calendar-choose-date-button[disabled="true"]:hover:active{
  61.   list-style-image        : url("chrome://calendar/skin/ca-event-dialog/calendar-dis.png") !important;
  62. }
  63. #calendar-choose-date-button:hover{
  64.   list-style-image        : url("chrome://calendar/skin/ca-event-dialog/calendar-hov.png") !important;
  65. }
  66. #calendar-choose-date-button:hover:active{
  67.   list-style-image        : url("chrome://calendar/skin/ca-event-dialog/calendar-act.png");
  68. }
  69.  
  70. /*--------------------------------------------------------------------
  71.  *   new event button
  72.  *-------------------------------------------------------------------*/
  73. #calendar-new-event-button {
  74.   list-style-image: url("chrome://calendar/skin/newevent.png");
  75. }
  76.  
  77. #calendar-new-event-button[disabled="true"],
  78. #calendar-new-event-button[disabled="true"]:hover,
  79. #calendar-new-event-button[disabled="true"]:hover:active{
  80.   list-style-image: url("chrome://calendar/skin/newevent-dis.png");
  81. }
  82.  
  83. #calendar-new-event-button:hover{
  84.   list-style-image: url("chrome://calendar/skin/newevent-hov.png");
  85. }
  86.  
  87. #calendar-new-event-button:hover:active{
  88.   list-style-image: url("chrome://calendar/skin/newevent-act.png");
  89. }
  90.  
  91. /*--------------------------------------------------------------------
  92.  *   edit event button
  93.  *-------------------------------------------------------------------*/
  94. #calendar-edit-event-button {
  95.   list-style-image: url("chrome://calendar/skin/edit.png");
  96. }
  97.  
  98. #calendar-edit-event-button[disabled="true"],
  99. #calendar-edit-event-button[disabled="true"]:hover,
  100. #calendar-edit-event-button[disabled="true"]:hover:active{
  101.   list-style-image: url("chrome://calendar/skin/edit-dis.png");
  102. }
  103.  
  104. #calendar-edit-event-button:hover{
  105.   list-style-image: url("chrome://calendar/skin/edit-hov.png");
  106. }
  107.  
  108. #calendar-edit-event-button:hover:active{
  109.   list-style-image: url("chrome://calendar/skin/edit-act.png");
  110. }
  111.  
  112. /*--------------------------------------------------------------------
  113.  *   delete event button
  114.  *-------------------------------------------------------------------*/
  115. #calendar-delete-event-button{
  116.   list-style-image: url("chrome://calendar/skin/delete.png");
  117. }
  118.  
  119. #calendar-delete-event-button[disabled="true"],
  120. #calendar-delete-event-button[disabled="true"]:hover,
  121. #calendar-delete-event-button[disabled="true"]:hover:active{
  122.   list-style-image: url("chrome://calendar/skin/delete-dis.png");
  123. }
  124.  
  125. #calendar-delete-event-button:hover{
  126.   list-style-image: url("chrome://calendar/skin/delete-hov.png");
  127. }
  128.  
  129. #calendar-delete-event-button:hover:active{
  130.   list-style-image: url("chrome://calendar/skin/delete-act.png");
  131. }
  132.  
  133. /*--------------------------------------------------------------------
  134.  *   Go To Today button
  135.  *-------------------------------------------------------------------*/
  136. #calendar-go-to-today-button {
  137.   list-style-image: url("chrome://calendar/skin/today.png");
  138. }
  139.  
  140. #calendar-go-to-today-button[disabled="true"],
  141. #calendar-go-to-today-button[disabled="true"]:hover,
  142. #calendar-go-to-today-button[disabled="true"]:hover:active{
  143.   list-style-image: url("chrome://calendar/skin/today-dis.png");
  144. }
  145.  
  146. #calendar-go-to-today-button:hover{
  147.   list-style-image: url("chrome://calendar/skin/today-hov.png");
  148. }
  149.  
  150. #calendar-go-to-today-button:hover:active{
  151.   list-style-image: url("chrome://calendar/skin/today-act.png");
  152. }
  153.  
  154.  
  155. /*--------------------------------------------------------------------
  156.  *   Change to month view button
  157.  *-------------------------------------------------------------------*/
  158. #calendar-month-view-button {
  159.   list-style-image: url("chrome://calendar/skin/monthview.png");
  160. }
  161. #calendar-month-view-button[disabled="true"],
  162. #calendar-month-view-button[disabled="true"]:hover,
  163. #calendar-month-view-button[disabled="true"]:hover:active{
  164.   list-style-image: url("chrome://calendar/skin/monthview-dis.png");
  165. }
  166.  
  167. #calendar-month-view-button:hover{
  168.   list-style-image: url("chrome://calendar/skin/monthview-hov.png");
  169. }
  170.  
  171. #calendar-month-view-button:hover:active{
  172.   list-style-image: url("chrome://calendar/skin/monthview-act.png");
  173. }
  174.  
  175. /*--------------------------------------------------------------------
  176.  *   Change to week view button
  177.  *-------------------------------------------------------------------*/
  178. #calendar-week-view-button {
  179.   list-style-image: url("chrome://calendar/skin/weekview.png");
  180. }
  181.  
  182. #calendar-week-view-button[disabled="true"],
  183. #calendar-week-view-button[disabled="true"]:hover,
  184. #calendar-week-view-button[disabled="true"]:hover:active{
  185.   list-style-image: url("chrome://calendar/skin/weekview-dis.png");
  186. }
  187.  
  188. #calendar-week-view-button:hover{
  189.   list-style-image: url("chrome://calendar/skin/weekview-hov.png");
  190. }
  191.  
  192. #calendar-week-view-button:hover:active{
  193.   list-style-image: url("chrome://calendar/skin/weekview-act.png");
  194. }
  195.  
  196. /*--------------------------------------------------------------------
  197.  *   Change to day view button
  198.  *-------------------------------------------------------------------*/
  199. #calendar-day-view-button {
  200.   list-style-image: url("chrome://calendar/skin/dayview.png");
  201. }
  202.  
  203. #calendar-day-view-button[disabled="true"],
  204. #calendar-day-view-button[disabled="true"]:hover,
  205. #calendar-day-view-button[disabled="true"]:hover:active{
  206.   list-style-image: url("chrome://calendar/skin/dayview-dis.png");
  207. }
  208.  
  209. #calendar-day-view-button:hover{
  210.   list-style-image: url("chrome://calendar/skin/dayview-hov.png");
  211. }
  212.  
  213. #calendar-day-view-button:hover:active{
  214.   list-style-image: url("chrome://calendar/skin/dayview-act.png");
  215. }
  216.  
  217. /*<<-------------------------------------------------/\/\/\ Month*/
  218. #month-controls-box{
  219.   -moz-box-align: center;
  220.   -moz-box-pack: center;
  221.   margin: 0px;
  222. }
  223.  
  224. #month-view-box{
  225.   -moz-box-align: center;
  226.   -moz-box-pack: center;
  227.   overflow: auto;
  228.   background-color: #FFFFFF;
  229.   padding: 10px;
  230. }
  231.  
  232. /* Month title Stuff */
  233. #month-title-container{
  234.   -moz-box-align: center;
  235.   -mox-box-pack: center;
  236.   margin: 0px 10px;
  237. }
  238. #2-month-title, #-2-month-title{
  239.   font-size: 1.2em;
  240.   color: #9FBEC8;
  241.   margin: 0px;
  242.   padding: 0px;
  243.   cursor: pointer;
  244. }
  245. #1-month-title, #-1-month-title{
  246.   font-size: 1.5em;
  247.   color: #9FBEC8;
  248.   cursor: pointer;
  249. }
  250. #0-month-title, #0-year-title{
  251.   font-size:2.0em;
  252.   color: #3f7d91;
  253.   font-weight:bold;
  254.   margin:0px;
  255.   padding:0px;
  256. }
  257. .month-title-label-box{
  258.   width: 10em !important;
  259.   -moz-box-align: center;
  260.   -moz-box-pack: end;
  261. }
  262.  
  263. /*Previous/Next Buttons*/
  264. #month-next-button{
  265.   -moz-box-align:right;
  266.   list-style-image: url("chrome://calendar/skin/next.png");
  267.   cursor:pointer;
  268. }
  269. #month-next-button:hover{
  270.   list-style-image: url("chrome://calendar/skin/next-hov.png");
  271. }
  272. #month-next-button:hover:active{
  273.   list-style-image: url("chrome://calendar/skin/next-act.png");
  274. }
  275. #month-previous-button{
  276.   -moz-box-align:left;
  277.   list-style-image: url("chrome://calendar/skin/prev.png");
  278.   cursor:pointer;
  279. }
  280. #month-previous-button:hover{
  281.   list-style-image: url("chrome://calendar/skin/prev-hov.png");
  282. }
  283. #month-previous-button:hover:active{
  284.   list-style-image: url("chrome://calendar/skin/prev-act.png");
  285. }
  286.  
  287. /*The box around the month grid*/
  288. #month-grid-box{
  289.   border: 1px solid #3f7d91;
  290.   padding: 2px;
  291.   margin: 10px 0px 0px 0px;
  292.   background-color: #E7EEEC;
  293.   background-position: 50% 50%;
  294.   background-repeat: no-repeat;
  295. }
  296. #month-grid-box[background="true"]{
  297.   background-image: url("chrome://calendar/skin/userbackground.png"); 
  298. }
  299.  
  300. /*this rule defines the borders around the day boxes and day names*/
  301. #month-grid, #month-header-columns{
  302.   border-right: 1px solid #3f7d91;
  303.   border-bottom: 1px solid #3f7d91;
  304. }
  305. /*this rule is for the day name and surrounding box*/
  306. .month-column-center-day-class{
  307.   border-left: 1px solid #3f7d91;
  308.   border-top: 1px solid #3f7d91;
  309.   -moz-box-align: center;
  310.   font-size: 1.3em;
  311.   font-family: Arial, Helvetica;
  312.   color: #3f7d91;
  313.   background-color: #FFFFFF;
  314.   font-weight:bold;
  315. }
  316.  
  317. /*This is the base rule for each actual box in the month, if you
  318.   want to affect all day boxes with a rule, stick it here*/
  319. .month-day-box-class{
  320.   background-color: #FFFFFF;
  321.   border-left: 1px solid #3f7d91;
  322.   border-top: 1px solid #3f7d91;
  323.   width:93px;
  324.   height:93px;
  325. }
  326.  
  327. /*Day boxes that aren't in this month*/
  328. .month-day-box-class[empty="true"]{
  329.   background-color: #E7EEEC;
  330.   /*-moz-opacity: 35%;*/
  331. }
  332.  
  333. /*today's day box*/
  334. .month-day-box-class[today="true"]{
  335.   font-weight:bold;
  336.   border: 2px solid #1D7AB5;
  337. }
  338. /*the selected day box, since it's last, it has the highest priority*/
  339. .month-day-box-class[monthselected="true"]{
  340.    background-color: #d5e3f2;
  341. }
  342.  
  343. /*--------------------------------------------------------------------
  344.  * Day numbers - alignment is contolled above in month-day-box-class
  345.  *-------------------------------------------------------------------*/
  346. .month-day-number-class{
  347.   margin-top    : 3px;     
  348.   margin-left   : 4px;     
  349.   margin-bottom : -1px;     
  350.   font-size     : 1.1em;
  351.   font-family   : Arial, Helvetica;
  352.   color         : #1d7ab5;
  353. }
  354.  
  355. /*--------------------------------------------------------------------
  356.  * Events in month view are in a box
  357.  *-------------------------------------------------------------------*/
  358. .month-day-event-text-class{
  359.   cursor: pointer;
  360. }
  361.  
  362. .month-day-event-box-class{
  363.   border          : 1px solid #1D7AB5;
  364.   margin-bottom   : 1px;
  365.   margin-left     : 2px;
  366.   margin-right    : 2px;
  367.   background-color: #F9F4FF;
  368.   text-align      : center;     
  369.   font-size       : 0.9em;
  370.   font-family     : Arial, Helvetica;
  371.   cursor          : pointer;
  372. }
  373.  
  374. .month-day-event-box-class:hover{
  375.   background-color: #F9F4FF;
  376.   border          : 1px solid #003366;
  377. }
  378.  
  379. .month-day-event-box-class[eventselected="true"]{
  380.   background-color: #D5E3F2;  
  381.   border-color    : #003366;
  382. }
  383.  
  384. .all-day-event-class,
  385. .month-allday-busy-ind-class[busy="true"]{
  386.   list-style-image: url("chrome://calendar/skin/all-day-event.png");
  387. }  
  388.  
  389. .all-day-event-class:hover,
  390. .month-allday-busy-ind-class[busy="true"]:hover{
  391.   list-style-image: url("chrome://calendar/skin/all-day-event-hov.png");
  392. }  
  393.  
  394. .all-day-event-class:hover:active,
  395. .month-allday-busy-ind-class[busy="true"]:hover:active{
  396.   list-style-image: url("chrome://calendar/skin/all-day-event-act.png");
  397. }  
  398.  
  399. .month-view-event-dot-class{                  
  400.   margin-left     : 2px;
  401.   margin-top      : 2px;
  402.   list-style-image: url("chrome://calendar/skin/dot.png");
  403. }
  404.  
  405. .month-view-event-dot-class[eventselected="true"]{
  406.   list-style-image: url("chrome://calendar/skin/dot_selected.png");
  407. }
  408.  
  409.  
  410. /*--------------------------------------------------------------------
  411.  *   D A Y   V I E W
  412.  *-------------------------------------------------------------------*/
  413.  
  414. /*--------------------------------------------------------------------
  415.  * Box containing the whole day view
  416.  *-------------------------------------------------------------------*/
  417. #day-view-box{
  418.   background-color: #FFFFFF;
  419.   padding: 10px;
  420. }
  421.  
  422. #inner-day-view-box{
  423.   margin: 0px;
  424. }
  425.  
  426. /*--------------------------------------------------------------------
  427.  * Box for title, next, prev controls
  428.  *-------------------------------------------------------------------*/
  429. #day-controls-box{
  430.   -moz-box-align:center;
  431.   -moz-box-pack:center;
  432.   margin: 0px;
  433. }
  434.  
  435. #day-specific-title-box{
  436.   -moz-box-align:center;
  437.   -moz-box-pack:center;
  438. }
  439.  
  440. /*--------------------------------------------------------------------
  441.  * Next and Previous buttons.
  442.  *-------------------------------------------------------------------*/
  443. #day-next-button{
  444.   -moz-box-align:right;
  445.   list-style-image: url("chrome://calendar/skin/next.png");
  446.   cursor:pointer;
  447. }
  448. #day-next-button:hover{
  449.   list-style-image: url("chrome://calendar/skin/next-hov.png");
  450. }
  451. #day-next-button:hover:active{
  452.   list-style-image: url("chrome://calendar/skin/next-act.png");
  453. }
  454. #day-previous-button{
  455.   -moz-box-align:left;
  456.   list-style-image: url("chrome://calendar/skin/prev.png");
  457.   cursor:pointer;
  458. }
  459. #day-previous-button:hover{
  460.   list-style-image: url("chrome://calendar/skin/prev-hov.png");
  461. }
  462. #day-previous-button:hover:active{
  463.   list-style-image: url("chrome://calendar/skin/prev-act.png");
  464. }
  465.  
  466. /* Day title Stuff */
  467. #day-title-container{
  468.   -moz-box-align: center;
  469.   -mox-box-pack: center;
  470.   margin: 0px 10px;
  471. }
  472. #2-day-title, #-2-day-title, #1-day-specific-title, #-1-day-specific-title{
  473.   font-size:1.2em;
  474.   color: #9FBEC8;
  475.   margin:0px;
  476.   padding:0px;
  477.   cursor:pointer;
  478. }
  479. #1-day-title, #-1-day-title{
  480.   font-size:1.5em;
  481.   color: #9FBEC8;
  482.   cursor:pointer;
  483. }
  484. #0-day-specific-title{
  485.   font-size:1.2em;
  486.   color: #3f7d91;
  487. }
  488. #0-day-title{
  489.   font-size:2.0em;
  490.   color: #3f7d91;
  491.   font-weight:bold;
  492.   margin:0px;
  493.   padding:0px;
  494. }
  495. .day-title-label-box{
  496.   width: 10em !important;
  497.   -moz-box-align: center;
  498.   -moz-box-pack: end;
  499. }
  500.  
  501. /*--------------------------------------------------------------------
  502.  * Box around the all day content at the top
  503.  *-------------------------------------------------------------------*/
  504. #all-day-content-box
  505. {
  506.   min-height      : 25px;
  507.   max-height      : 25px;
  508.   overflow        : auto;
  509.   border-top      : 1px solid #1D7AB5;
  510.   border-left     : 1px solid #1D7AB5;
  511.   border-right    : 1px solid #1D7AB5;
  512.   background-color: #ffffff;
  513. }
  514.  
  515. /*--------------------------------------------------------------------
  516.  * Box around the tree content
  517.  *-------------------------------------------------------------------*/
  518. #day-view-content-box{
  519.   overflow        : auto;
  520.   background-color: white;
  521.   border          : 1px solid #2085c4;
  522.   margin: 10px 0px 0px 0px;
  523. }
  524.  
  525. /*--------------------------------------------------------------------
  526.  * Box around the tree content
  527.  *-------------------------------------------------------------------*/
  528. .day-view-event-class{
  529.   margin-bottom   : 1px;
  530.   margin-top      : 1px;
  531.   border          : 1px solid #1D7AB5;
  532.   background-color: #F9F4FF;
  533.   -moz-user-focus : normal;
  534.   cursor          : pointer;
  535. }
  536.  
  537. .day-view-event-class[eventselected="true"]{
  538.   background-color: #d5e3f2;
  539.   border-color    : #003366
  540. }
  541.  
  542. /*--------------------------------------------------------------------
  543.  * Box for hours
  544.  *-------------------------------------------------------------------*/
  545. .day-view-hour-box-class{
  546.   border-top      : 1px solid #2085c4;
  547.   background-color: white;
  548.   -moz-box-pack   : start;
  549.   -moz-box-align  : center;
  550.   height          : 50px;
  551.   padding-top     : 2px;
  552.   margin-right    : 5px;
  553.   -moz-user-focus : normal;
  554. }
  555.  
  556. .day-view-hour-box-class[draggedover="true"]{
  557.   background-color: #2085c4;
  558. }
  559.  
  560. #day-tree-item-0{
  561.   border-top: none;
  562. }
  563.  
  564. .day-view-hour-box-class[selected="true"]{
  565.   background-color: blue;  
  566. }
  567.  
  568. /*--------------------------------------------------------------------
  569.  * Class for time shown on left
  570.  *-------------------------------------------------------------------*/
  571. .day-time-class{
  572.   margin        : 6px;     
  573.   margin-left   : 0px;
  574.   font-size     : 10pt;
  575.   font-family   : Arial, Helvetica;
  576.   color         : #1d7ab5;
  577.   -moz-box-pack : start;
  578.   -moz-box-align: center;
  579. }
  580.  
  581. /*--------------------------------------------------------------------
  582.  * Class for text of events
  583.  *-------------------------------------------------------------------*/
  584. .day-view-event-text-class{
  585.   font-size      : 10pt;
  586.   font-family    : Arial, Helvetica;
  587.   color          : #000000;
  588.   -moz-user-focus: normal;
  589.   cursor         : pointer;
  590. }
  591.  
  592. /*--------------------------------------------------------------------
  593.  *   W E E K     V I E W
  594.  *-------------------------------------------------------------------*/
  595. #week-view-box{
  596.   background-color: #FFFFFF;
  597.   padding: 10px;
  598. }
  599.  
  600. #inner-week-view-box{
  601.   margin: 0px 10px;
  602. }    
  603.  
  604. /* Week View: Controls */
  605. #week-controls-box{
  606.   -moz-box-align:center;
  607.   -moz-box-pack:center;
  608.   margin: 0px;
  609. }
  610.  
  611. #week-next-button{
  612.   -moz-box-align:right;
  613.   list-style-image: url("chrome://calendar/skin/next.png");
  614.   cursor:pointer;
  615. }
  616. #week-next-button:hover{
  617.   list-style-image: url("chrome://calendar/skin/next-hov.png");
  618. }
  619. #week-next-button:hover:active{
  620.   list-style-image: url("chrome://calendar/skin/next-act.png");
  621. }
  622. #week-previous-button{
  623.   -moz-box-align:left;
  624.   list-style-image: url("chrome://calendar/skin/prev.png");
  625.   cursor:pointer;
  626. }
  627. #week-previous-button:hover{
  628.   list-style-image: url("chrome://calendar/skin/prev-hov.png");
  629. }
  630. #week-previous-button:hover:active{
  631.   list-style-image: url("chrome://calendar/skin/prev-act.png");
  632. }
  633.  
  634. #week-next-button-box{
  635.   -moz-box-pack: end;
  636. }
  637.  
  638. /* Week title Stuff */
  639. #week-title-container{
  640.   -moz-box-align: center;
  641.   -mox-box-pack: center;
  642.   margin: 0px;
  643. }
  644.  
  645. #week-title-text{
  646.   font-size:2.0em;
  647.   color: #3f7d91;
  648.   font-weight:bold;
  649.   margin:0px;
  650.   padding:0px;
  651. }
  652.  
  653. .week-title-label-box{
  654.   -moz-box-align: center;
  655. }
  656.  
  657. /* Week View: Day name header */
  658. #weekview-daynumber-spacer{
  659.   width: 125px;
  660. }
  661. #weekview-header-spacer-left{
  662.   -moz-box-align  : start;
  663.   background-color: #FFFFFF;
  664.   border-bottom   : 1px solid #1D7AB5;
  665.   margin: 10px 0px 0px 0px;
  666. }
  667. #weekview-daynumber-spacer-mid{
  668.   background-color        : #FFFFFF;
  669.   background-image        : url("chrome://calendar/skin/week-view-corner.png");
  670.   background-position     : 100% 0%;
  671.   background-repeat       : no-repeat;
  672.   width:43px;
  673.   margin: 10px 0px 0px 0px;
  674. }
  675.  
  676. #week-view-header-days{
  677.   -moz-border-top-colors:  #3f7d91 #E7EEEC  #E7EEEC;
  678.   -moz-border-right-colors:  #3f7d91 #E7EEEC  #E7EEEC;
  679.   border-top: 3px solid;
  680.   border-right: 3px solid;
  681.   margin: 10px 0px 0px 0px;
  682. }
  683.  
  684. .weekview-daynumber-class{
  685.   -moz-box-align: center;
  686.   display: -moz-stack;
  687. }
  688.  
  689. #week-view-header{
  690.   color           : #3f7d91;
  691.   font-size       : 11pt;
  692.   font-family     : Arial, Helvetica;
  693.   text-align      : center; 
  694.   font-weight     : bold;
  695.   background-color: #ffffff;
  696. }
  697.  
  698. .week-header-date{
  699.   font-size: 33px;
  700.   font-weight: bold;
  701.   color: #C7DED8;
  702. }
  703. .week-header-date-text{
  704.   top: 15px;
  705. }
  706.  
  707. #week-view-header-spacer{
  708.   background-color: #ffffff;
  709.   width: 19px;
  710. }
  711.  
  712.  
  713. /* Week View: Calendar Tree */
  714. #week-view-content-outer-box{
  715.   border-left     : 1px solid #2085c4;
  716.   border-bottom   : 1px solid #2085c4;
  717.   border-right    : 1px solid #2085c4;
  718.   padding         : 2px;
  719.   background-color: #E7EEEC;
  720. }
  721.  
  722. #week-view-content-box{
  723.   overflow             : auto;
  724.   border               : 1px solid #2085c4;
  725.   background-color     :#ffffff;
  726.   -moz-user-focus      : normal;
  727. }
  728.  
  729. #week-view-content-holder{
  730.   margin-right: 3px;
  731.   background-color: #ffffff;
  732. }
  733.  
  734. .week-view-event-class{
  735.   margin-bottom     : 1px;
  736.   margin-top        : 1px;
  737.   border            : 1px solid #1D7AB5;
  738.   background-color  : #F9F4FF;
  739.   min-width         : 20px;
  740.   -moz-user-focus   : normal;
  741.   cursor            : pointer;
  742. }
  743.  
  744. .week-view-event-class[eventselected="true"]{
  745.   background-color: #D5E3F2;
  746.   border: 1px solid #003366;
  747. }
  748.  
  749. /*--------------------------------------------------------------------
  750.  * Class for text of events
  751.  *-------------------------------------------------------------------*/
  752.  
  753. .week-view-event-text-class{
  754.   font-size            : 10pt;
  755.   font-family          : Arial, Helvetica;
  756.   color                : #000000;
  757. }
  758.  
  759. .week-time-class-text{
  760.   margin               : 5px;     
  761.   margin-top           : 10px;
  762.   font-size            : 10pt;
  763.   font-family          : Arial, Helvetica;
  764.   color                : #1d7ab5;
  765.   width                : 80px;
  766. }
  767.  
  768. .week-time-class{
  769.   -moz-box-pack        : end;
  770.   -moz-box-align       : center;
  771. }
  772.  
  773. .week-view-hour-box-class{
  774.   border-bottom        : 1px solid #2085c4;
  775.   border-left          : 1px solid #2085c4;
  776.   width                : 78px;
  777.   height               : 50px;
  778.   background-color     : white;
  779.   -moz-user-focus      : normal;
  780. }
  781.  
  782. .week-view-hour-box-class[draggedover="true"]{
  783.   background-color: #2085c4;
  784. }
  785.  
  786. .week-view-hour-box-class-last-day{
  787.   border-bottom: 1px solid #2085c4;
  788. }
  789.  
  790. .month-day-box-class[weekend="true"],
  791. .week-view-hour-box-class[weekend="true"]{
  792.   background-color: #FFF9EF;
  793. }
  794.  
  795. .week-view-hour-box-class[today="true"]{
  796.   border-left: 2px solid #2085c4;
  797.   border-right: 1px solid #2085c4;
  798. }
  799.  
  800. .week-view-hour-box-class-last-day[today="true"]{
  801.   border-right: 2px solid #2085c4;
  802. }
  803.  
  804. .week-view-hours-only-box-class{
  805.   border-bottom        : 1px solid #2085c4;
  806.   width                : 82px;
  807.   height               : 50px;
  808.   background-color     : white;
  809. }
  810.  
  811. #week-view-all-day-content-box{
  812.   padding         : 2px;
  813.   background-color: white;
  814.   border-top      : 1px solid #2085c4;
  815.   border-left     : 1px solid #2085c4;
  816.   border-right    : 1px solid #2085c4;
  817.   min-height      : 25px;
  818. } 
  819.  
  820. #weekview-daynumber-spacer-left{
  821.   width: 122px;
  822. }
  823.  
  824. .all-day-content-box-text-title{
  825.   font-size            : 10pt;
  826.   font-family          : Arial, Helvetica;
  827.   color                : #1d7ab5;
  828.   -moz-box-pack       : center;
  829.   text-align           : center;
  830. } 
  831.  
  832. .all-day-content-box-week{
  833.   width: 78px;
  834.   -moz-box-align: start;
  835. }
  836.  
  837. #all-day-content-spacer{
  838.   width: 8px;
  839. }    
  840.  
  841. .calendar-unifinder-event-indent{
  842.   padding-left: 30px;
  843. }
  844.  
  845. #unifinder-search-results-tree listitem[selected="true"] > listcell,
  846. #unifinder-categories-tree listitem[selected="true"] > listcell{
  847.   /*background-color: #D5E3F2;*/
  848.   color: #000000;
  849. }
  850.  
  851. .unifinder-tree-class > listitem[selected="true"] {
  852.   background-color     : white;
  853.   color                : black;
  854.   border               : none;
  855. }
  856.  
  857. .unifinder-tree-class > listitem[selected="true"] > listcell{
  858.   border: none;
  859. }
  860.  
  861. /*.unifinder-tree-class:focus > listitem[selected="true"] > listcell > .unifinder-treecell-box-class{
  862.   background-color: #d5e3f2; 
  863. }*/
  864.  
  865. .unifinder-tree-class > listitem[selected="true"] > listcell > .unifinder-treecell-box-class{
  866.   background-color: -moz-Dialog; 
  867. }
  868.  
  869. .unifinder-treecell-box-class{
  870.   padding              : 2px;
  871.   padding-left         : 4px;
  872.   font-family          : Arial, Helvetica;
  873.   -moz-box-align       : start;
  874. }
  875.  
  876.  
  877. /* TO DO ITEMS */
  878. treechildren:-moz-tree-cell-text(started){
  879.   color: green;
  880. }
  881.  
  882. treechildren:-moz-tree-cell-text(overdue){
  883.   color: red;
  884. }
  885.  
  886. treechildren:-moz-tree-cell-text(completed){
  887.   text-decoration: line-through;
  888.   color: black;
  889. }
  890.  
  891. /* TO DO LIST IMAGES */
  892.  
  893. #unifinder-todo-tree-col-completed {
  894.    list-style-image      : url("chrome://global/skin/checkbox/cbox-check.gif");
  895. }
  896.  
  897. /*treechildren:-moz-tree-image(unifinder-todo-tree-col-completed, inprogress) {
  898.    list-style-image      : url("chrome://global/skin/checkbox/cbox.gif");
  899. }*/
  900.  
  901. /*treechildren:-moz-tree-image(unifinder-todo-tree-col-completed, inprogress, current) {
  902.    list-style-image      : url("chrome://global/skin/checkbox/cbox-act.gif");
  903. }*/
  904.  
  905. /*treechildren:-moz-tree-image(unifinder-todo-tree-col-completed, overdue) {
  906.    list-style-image      : url("chrome://global/skin/checkbox/cbox.gif");
  907. }*/
  908.  
  909. treechildren:-moz-tree-image(unifinder-todo-tree-col-completed, overdue, current) {
  910.    list-style-image      : url("chrome://global/skin/checkbox/cbox-check.gif");
  911. }
  912.  
  913. treechildren:-moz-tree-image(unifinder-todo-tree-col-completed, completed) {
  914.    list-style-image      : url("chrome://global/skin/checkbox/cbox-check.gif");
  915. }
  916.  
  917. treechildren:-moz-tree-image(unifinder-todo-tree-col-completed, completed, current) {
  918.    list-style-image      : url("chrome://global/skin/checkbox/cbox-check.gif");
  919. }
  920.  
  921. #unifinder-todo-tree-col-priority {
  922.    list-style-image      : url( "chrome://calendar/skin/unifinder/priority_header.png" )
  923. }
  924.  
  925. treechildren:-moz-tree-image(unifinder-todo-tree-col-priority, highpriority) {
  926.    list-style-image      : url( "chrome://calendar/skin/unifinder/priority_high.png" )
  927. }
  928.  
  929. treechildren:-moz-tree-image(unifinder-todo-tree-col-priority, lowpriority) {
  930.    list-style-image      : url( "chrome://calendar/skin/unifinder/priority_low.png" )
  931. }
  932.  
  933.  
  934. *[Holidays="true"]{
  935.    font-weight    : bold;
  936.    border         : 1px solid red !important;
  937. }
  938.