← Back to branch summary

~ubuntu-branches/ubuntu/trusty/phpldapadmin/trusty-proposed

« back to all changes in this revision

Viewing changes to htdocs/js/jscalendar/calendar-brown.css

  • Committer: Bazaar Package Importer
  • Author(s): Stefan Lesicnik
  • Date: 2010-05-10 06:15:32 UTC
  • mfrom: (1.1.9 upstream) (3.1.8 sid)
  • Revision ID: james.westby@ubuntu.com-20100510061532-s4m6ytom0eb7oam1
Tags: 1.2.0.5-1ubuntu1
* Merge from debian unstable.  Remaining changes:
  - Merged call to dh_install to install debian/additional-templates/*
  - added groupOfNames.xml
  - Adds php_value memory_limit 32M to the apache.conf.

Show diffs side-by-side

added added

removed removed

Lines of Context:
htdocs/js/jscalendar/calendar-brown.css
1
 
/* The main calendar widget.  DIV containing a table. */
2
 
 
3
 
div.calendar { position: relative; }
4
 
 
5
 
.calendar, .calendar table {
6
 
  border: 1px solid #655;
7
 
  font-size: 11px;
8
 
  color: #000;
9
 
  cursor: default;
10
 
  background: #ffd;
11
 
  font-family: tahoma,verdana,sans-serif;
12
 
}
13
 
 
14
 
/* Header part -- contains navigation buttons and day names. */
15
 
 
16
 
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
17
 
  text-align: center;    /* They are the navigation buttons */
18
 
  padding: 2px;          /* Make the buttons seem like they're pressing */
19
 
}
20
 
 
21
 
.calendar .nav {
22
 
  background: #edc url(menuarrow.gif) no-repeat 100% 100%;
23
 
}
24
 
 
25
 
.calendar thead .title { /* This holds the current "month, year" */
26
 
  font-weight: bold;      /* Pressing it will take you to the current date */
27
 
  text-align: center;
28
 
  background: #654;
29
 
  color: #fed;
30
 
  padding: 2px;
31
 
}
32
 
 
33
 
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
34
 
  background: #edc;
35
 
  color: #000;
36
 
}
37
 
 
38
 
.calendar thead .name { /* Cells <TD> containing the day names */
39
 
  border-bottom: 1px solid #655;
40
 
  padding: 2px;
41
 
  text-align: center;
42
 
  color: #000;
43
 
}
44
 
 
45
 
.calendar thead .weekend { /* How a weekend day name shows in header */
46
 
  color: #f00;
47
 
}
48
 
 
49
 
.calendar thead .hilite { /* How do the buttons in header appear when hover */
50
 
  background-color: #faa;
51
 
  color: #000;
52
 
  border: 1px solid #f40;
53
 
  padding: 1px;
54
 
}
55
 
 
56
 
.calendar thead .active { /* Active (pressed) buttons in header */
57
 
  background-color: #c77;
58
 
  padding: 2px 0px 0px 2px;
59
 
}
60
 
 
61
 
.calendar thead .daynames { /* Row <TR> containing the day names */
62
 
  background: #fed;
63
 
}
64
 
 
65
 
/* The body part -- contains all the days in month. */
66
 
 
67
 
.calendar tbody .day { /* Cells <TD> containing month days dates */
68
 
  width: 2em;
69
 
  text-align: right;
70
 
  padding: 2px 4px 2px 2px;
71
 
}
72
 
.calendar tbody .day.othermonth {
73
 
  font-size: 80%;
74
 
  color: #bbb;
75
 
}
76
 
.calendar tbody .day.othermonth.oweekend {
77
 
  color: #fbb;
78
 
}
79
 
 
80
 
.calendar table .wn {
81
 
  padding: 2px 3px 2px 2px;
82
 
  border-right: 1px solid #000;
83
 
  background: #fed;
84
 
}
85
 
 
86
 
.calendar tbody .rowhilite td {
87
 
  background: #ddf;
88
 
}
89
 
 
90
 
.calendar tbody .rowhilite td.wn {
91
 
  background: #efe;
92
 
}
93
 
 
94
 
.calendar tbody td.hilite { /* Hovered cells <TD> */
95
 
  background: #ffe;
96
 
  padding: 1px 3px 1px 1px;
97
 
  border: 1px solid #bbb;
98
 
}
99
 
 
100
 
.calendar tbody td.active { /* Active (pressed) cells <TD> */
101
 
  background: #ddc;
102
 
  padding: 2px 2px 0px 2px;
103
 
}
104
 
 
105
 
.calendar tbody td.selected { /* Cell showing today date */
106
 
  font-weight: bold;
107
 
  border: 1px solid #000;
108
 
  padding: 1px 3px 1px 1px;
109
 
  background: #fea;
110
 
}
111
 
 
112
 
.calendar tbody td.weekend { /* Cells showing weekend days */
113
 
  color: #f00;
114
 
}
115
 
 
116
 
.calendar tbody td.today { font-weight: bold; }
117
 
 
118
 
.calendar tbody .disabled { color: #999; }
119
 
 
120
 
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
121
 
  visibility: hidden;
122
 
}
123
 
 
124
 
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
125
 
  display: none;
126
 
}
127
 
 
128
 
/* The footer part -- status bar and "Close" button */
129
 
 
130
 
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
131
 
  text-align: center;
132
 
  background: #988;
133
 
  color: #000;
134
 
}
135
 
 
136
 
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
137
 
  border-top: 1px solid #655;
138
 
  background: #dcb;
139
 
  color: #840;
140
 
}
141
 
 
142
 
.calendar tfoot .hilite { /* Hover style for buttons in footer */
143
 
  background: #faa;
144
 
  border: 1px solid #f40;
145
 
  padding: 1px;
146
 
}
147
 
 
148
 
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
149
 
  background: #c77;
150
 
  padding: 2px 0px 0px 2px;
151
 
}
152
 
 
153
 
/* Combo boxes (menus that display months/years for direct selection) */
154
 
 
155
 
.calendar .combo {
156
 
  position: absolute;
157
 
  display: none;
158
 
  top: 0px;
159
 
  left: 0px;
160
 
  width: 4em;
161
 
  cursor: default;
162
 
  border: 1px solid #655;
163
 
  background: #ffe;
164
 
  color: #000;
165
 
  font-size: 90%;
166
 
  z-index: 100;
167
 
}
168
 
 
169
 
.calendar .combo .label,
170
 
.calendar .combo .label-IEfix {
171
 
  text-align: center;
172
 
  padding: 1px;
173
 
}
174
 
 
175
 
.calendar .combo .label-IEfix {
176
 
  width: 4em;
177
 
}
178
 
 
179
 
.calendar .combo .hilite {
180
 
  background: #fc8;
181
 
}
182
 
 
183
 
.calendar .combo .active {
184
 
  border-top: 1px solid #a64;
185
 
  border-bottom: 1px solid #a64;
186
 
  background: #fee;
187
 
  font-weight: bold;
188
 
}
189
 
 
190
 
.calendar td.time {
191
 
  border-top: 1px solid #a88;
192
 
  padding: 1px 0px;
193
 
  text-align: center;
194
 
  background-color: #fed;
195
 
}
196
 
 
197
 
.calendar td.time .hour,
198
 
.calendar td.time .minute,
199
 
.calendar td.time .ampm {
200
 
  padding: 0px 3px 0px 4px;
201
 
  border: 1px solid #988;
202
 
  font-weight: bold;
203
 
  background-color: #fff;
204
 
}
205
 
 
206
 
.calendar td.time .ampm {
207
 
  text-align: center;
208
 
}
209
 
 
210
 
.calendar td.time .colon {
211
 
  padding: 0px 2px 0px 3px;
212
 
  font-weight: bold;
213
 
}
214
 
 
215
 
.calendar td.time span.hilite {
216
 
  border-color: #000;
217
 
  background-color: #866;
218
 
  color: #fff;
219
 
}
220
 
 
221
 
.calendar td.time span.active {
222
 
  border-color: #f00;
223
 
  background-color: #000;
224
 
  color: #0f0;
225
 
}