1 | /**********************************************************************
|
---|
2 | * Calendar JavaScript [DOM] v3.1 by Michael Loesler *
|
---|
3 | ************************************************************************
|
---|
4 | * Copyright (C) 2005-10 by Michael Loesler, http//derletztekick.com *
|
---|
5 | * *
|
---|
6 | * *
|
---|
7 | * This program is free software; you can redistribute it and/or modify *
|
---|
8 | * it under the terms of the GNU General Public License as published by *
|
---|
9 | * the Free Software Foundation; either version 3 of the License, or *
|
---|
10 | * (at your option) any later version. *
|
---|
11 | * *
|
---|
12 | * This program is distributed in the hope that it will be useful, *
|
---|
13 | * but WITHOUT ANY WARRANTY; without even the implied warranty of *
|
---|
14 | * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the *
|
---|
15 | * GNU General Public License for more details. *
|
---|
16 | * *
|
---|
17 | * You should have received a copy of the GNU General Public License *
|
---|
18 | * along with this program; if not, see <http://www.gnu.org/licenses/> *
|
---|
19 | * or write to the *
|
---|
20 | * Free Software Foundation, Inc., *
|
---|
21 | * 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. *
|
---|
22 | * *
|
---|
23 | **********************************************************************/
|
---|
24 |
|
---|
25 | html, body {
|
---|
26 | background-color: #ECECEC;
|
---|
27 | font-family: verdana, arial, sans-serif;
|
---|
28 | }
|
---|
29 |
|
---|
30 | #calendar { /* Fuer IE <= 6 */
|
---|
31 | text-align: center;
|
---|
32 | }
|
---|
33 |
|
---|
34 | #calendar table thead th{
|
---|
35 | font-weight: bold;
|
---|
36 | font-size: 0.75em;
|
---|
37 | line-height: 1.5em;
|
---|
38 | color: #BFBFC1;
|
---|
39 | text-align: center;
|
---|
40 | background-color: #112A5D;
|
---|
41 | }
|
---|
42 |
|
---|
43 | #calendar table thead th.weekday{
|
---|
44 | font-weight: bold;
|
---|
45 | font-size: 0.66em;
|
---|
46 | line-height: 1.5em;
|
---|
47 | color: #112A5D;
|
---|
48 | text-align: center;
|
---|
49 | background-color: #CCD2D8;
|
---|
50 | border: solid #112A5D 1px;
|
---|
51 | }
|
---|
52 |
|
---|
53 | #calendar table tbody td, #calendar table tfoot td{
|
---|
54 | font-weight: normal;
|
---|
55 | font-size: 0.66em;
|
---|
56 | line-height: 1.5em;
|
---|
57 | /*width: 2.0em;*/
|
---|
58 | padding-left: 0.6em;
|
---|
59 | padding-right: 0.6em;
|
---|
60 | color: #0E224B;
|
---|
61 | text-align: right;
|
---|
62 | border: 1px solid #CCD2D8;
|
---|
63 | vertical-align:top;
|
---|
64 | font-weight:bolder;
|
---|
65 | }
|
---|
66 |
|
---|
67 | #calendar table tfoot td {
|
---|
68 | font-size: 0.65em;
|
---|
69 | border: none;
|
---|
70 | }
|
---|
71 |
|
---|
72 | #calendar table tfoot td.clock {
|
---|
73 | text-align: left;
|
---|
74 | }
|
---|
75 |
|
---|
76 | #calendar table tfoot td.logout {
|
---|
77 | text-align: right;
|
---|
78 | }
|
---|
79 |
|
---|
80 | #calendar table tbody td.saturday{
|
---|
81 | color: #9A2525;
|
---|
82 | font-weight: normal;
|
---|
83 | }
|
---|
84 |
|
---|
85 | #calendar table tbody td.sunday{
|
---|
86 | color: #9A2525;
|
---|
87 | font-weight: bold;
|
---|
88 | }
|
---|
89 |
|
---|
90 | #calendar table tbody td.weekend{
|
---|
91 | color: #9A2525;
|
---|
92 | }
|
---|
93 |
|
---|
94 | #calendar table tbody td.today{
|
---|
95 | /*background-color: #A7B5F7;*/
|
---|
96 | border:3px solid #FC8298;
|
---|
97 | }
|
---|
98 |
|
---|
99 | #calendar table tbody td.enabled{
|
---|
100 | background-color: #E8F5C7;
|
---|
101 | }
|
---|
102 | #calendar table tbody div.institute{
|
---|
103 | background-color: #C8D5A7;
|
---|
104 | text-align:center;
|
---|
105 | font-size:1.25em;
|
---|
106 | }
|
---|
107 | #calendar table tbody td.choosen{
|
---|
108 | border:2px solid #808080;
|
---|
109 | }
|
---|
110 |
|
---|
111 | #calendar table thead th.prev_year, #calendar table thead th.next_year {
|
---|
112 | margin: 0.1em;
|
---|
113 | padding: 0.1em;
|
---|
114 | line-height: 0.75em;
|
---|
115 | font-size: 0.65em;
|
---|
116 | }
|
---|
117 |
|
---|
118 | #calendar table tbody td.last_month, #calendar table tbody td.next_month {
|
---|
119 | color: #a3afc4;
|
---|
120 | }
|
---|
121 |
|
---|
122 | #calendar table{
|
---|
123 | border-collapse: collapse;
|
---|
124 | border: solid #112A5D 2px;
|
---|
125 | padding: 0;
|
---|
126 | margin:0;
|
---|
127 | background-color: #F6F6F6;
|
---|
128 | }
|
---|