source: trunk/FACT++/www/schedule/index.css@ 17702

Last change on this file since 17702 was 17702, checked in by tbretz, 11 years ago
Updated the styles for the calendar
File size: 8.6 KB
Line 
1.DynarchCalendar-titleCont
2{
3 width:100%;
4}
5
6.highlight
7{
8 color: #0A0 !important;
9 font-weight: bold;
10}
11
12.selected
13{
14 border:1px solid;
15}
16
17.overlay
18{
19 background-color: rgba(0, 0, 0, 0.5);
20 color: #333;
21 position: fixed;
22 z-index: 400;
23 width: 100%;
24 height: 100%;
25 top: 0px;
26 left: 0px;
27 display:none;
28 overflow:auto;
29 border:1px solid gray;
30}
31
32.close
33{
34 width: 13px;
35 height: 18px;
36 background-color: blue;
37 color:black;
38}
39/*
40table.myTable
41{
42 width:100%;
43}
44
45.myTable td
46{
47 border: solid 1px #cecece;
48}
49
50.myTable td.first
51{
52 width:190px;
53}
54
55.myTable td.last
56{
57 width:50px;
58}
59*/
60*{
61 margin: 0px;
62 padding: 0px;
63}
64
65img, fieldset
66{
67 padding: 0px;
68 border: none;
69 margin: 0px;
70 line-height: 0px;
71}
72
73a
74{
75 color: #ffffff;
76 text-decoration: none;
77 font-weight: bold;
78}
79
80a:hover
81{
82 text-decoration: none;
83 color: #0870d7;
84}
85/*
86h2
87{
88 font: 24px Arial, Helvetica, sans-serif;
89 font-weight: normal;
90 color: #0870d7;
91 padding: 30px 0px 10px 40px;
92}*/
93
94/*h3{
95 background: url(images/title.png) no-repeat top left;
96 font: 18px Arial, Helvetica, sans-serif;
97 color: #ffffff;
98 height: 43px;
99 width: 265px;
100 text-align: center;
101 line-height: 43px;
102 font-weight: normal;
103
104}*/
105
106body
107{
108 font-family: Arial, Helvetica, sans-serif;
109 font-size: 12px;
110 line-height: 18px;
111 color: #ffffff;
112 background: #000 url(images/bg.jpg) no-repeat center 87px;
113
114}
115
116#bg2
117{
118 background: url(images/bg2.png) repeat-x top;
119 height: 87px;
120 position: absolute;
121 width: 100%;
122}
123
124#wrapper1
125{
126 position: relative;
127 width:900px;
128 margin: 0 auto;
129}
130
131.clear
132{
133 clear: both;
134}
135
136/*
137 menu
138*/
139
140#header2
141{
142 height: 91px;
143 width: 900px;
144 margin: 0 93px;
145}
146
147#header2 ul
148{
149 padding-left: 0px;
150 list-style: none;
151 width: 800px;
152 margin: 0 auto;
153}
154
155#header2 ul li li2
156{
157 display: inline;
158}
159
160#header2 ul li a
161{
162 font: 24px Arial, Helvetica, sans-serif;
163 color: #ffffff;
164 text-align: center;
165 font-weight: normal;
166 text-decoration: none;
167 display: block;
168 float: left;
169 width: 620px;
170 height: 120px;
171 line-height: 91px;
172 font-family:broadway;
173 font-size: 3em;
174}
175
176#header2 ul li2
177{
178 font-size: .6em;
179 font-family:broadway;
180 color: #ffffff;
181 width: 620px;
182 height: 120px;
183 line-height: 91px;
184}
185
186#header2 ul li li2 a:hover, #menu ul li .active
187{
188 color: #FF0;
189}
190
191
192/*logo*/
193/*
194#logo{
195 width: 1032px;
196 margin: 0 auto;
197 height: 112px;
198 padding-top: 50px;
199 padding-left: 60px;
200
201}
202
203#logo h1 a{
204 font: 14px Arial, Helvetica, sans-serif;
205 color: #ffffff;
206 font-weight: bold;
207 text-decoration: none;
208}
209
210#logo a small{
211 font: 12px Arial, Helvetica, sans-serif;
212 color: #ffffff;
213 font-weight: normal;
214 text-decoration: none;
215}
216
217#prew_img{
218 background: url(images/img_prew.png) no-repeat top left;
219 height: 297px;
220 width: 1054px;
221 margin: 0 auto;
222}
223*/
224
225/*
226 Content
227*/
228#content_bg_top
229{
230 background: url(images/content_top.png) no-repeat top left;
231 height: 10px;
232}
233/*
234#content_bg_bot
235{
236 background: url(images/content_bot.png) no-repeat bottom left;
237 height: 10px;
238}*/
239
240#content_box
241{
242 background: url(images/content_repeat.png);
243 padding:0px 12px;
244}
245
246/*
247header
248*/
249/*
250#header {
251 background: url(images/header.jpg) no-repeat left top;
252 height: 326px;
253 width: 876px;
254}
255*/
256
257/*
258download_box
259*/
260/*
261#download_box{
262
263 width: 876px;
264 height: 112px;
265
266}
267
268#download_box p {
269 color: #303030;
270 font: 12px Arial, Helvetica, sans-serif;
271 font-weight: normal;
272}
273#download_box p a {
274 color: #303030;
275 font: 12px Arial, Helvetica, sans-serif;
276 font-weight: bold;
277
278}
279#download_box p a:hover {
280 color: #0870d7;
281}
282#download_left {
283 padding: 25px 0px 10px 25px;
284 float:left;
285 width: 638px;
286}
287
288#download_right a{
289 font: 18px Arial, Helvetica, sans-serif;
290 font-weight: bold;
291 text-align: center;
292 line-height: 56px;
293 width: 195px;
294 height: 56px;
295 text-transform: uppercase;
296 background: url(images/download_button.png) no-repeat top left;
297 display: block;
298 float: right;
299 margin: 38px 15px 0px 0px;
300}
301
302#download_right a:hover{
303 color: #ffffff;
304}
305*/
306/*
307column_box
308*/
309#column_box
310{
311 padding-left: 15px;
312 padding-bottom: 30px;
313}
314
315#column_box a
316{
317 color: #666666;
318}
319
320#column_box a:hover
321{
322 color: #ffffff;
323}
324
325#column_box p
326{
327 color: #666666;
328 padding-top: 5px;
329}
330
331#column1
332{
333 float: left;
334 width: 280px;
335}
336
337#column2
338{
339 float: left;
340 width: 260px;
341}
342
343#column3
344{
345 float: left;
346 width: 580px;
347}
348
349#column2
350{
351 margin: 0px 40px;
352}
353/*
354 footer_top
355*/
356
357
358
359/*
360#footer_top{
361 padding-top: 35px;
362}
363
364
365#footer_top a{
366 color: #ffffff;
367 font-weight: bold;
368}
369
370#footer_top a:hover{
371 color: #0870d7;
372}
373
374#footer_top p{
375 color: #ffffff;
376 line-height: 20px;
377}
378
379#footer_column1, #footer_column2, #footer_column3{
380 width: 265px;
381 float: left;
382}
383
384.footer_text{
385 background: url(images/footer_top_border.png) no-repeat top left;
386 padding: 10px 0px 10px 20px;
387}
388
389#footer_column2{
390 padding: 0px 38px 0px 31px;
391}
392
393.foot_pad{
394 padding-left: 45px;
395 padding-top: 10px;
396}
397
398
399.ls{
400 list-style: none;
401 padding-left: 0px;
402}
403
404.ls li{
405 background: url(images/ls1.gif) no-repeat 0px 6px;
406 margin-bottom: 8px;
407 padding-left: 15px;
408}
409*/
410/*
411 footer_bot
412*/
413
414#footer_bot
415{
416 padding: 25px;
417 text-align: center;
418}
419
420.button
421{
422 cursor:pointer;
423 border-top: 1px solid #96d1f8;
424 background: #65a9d7;
425 background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
426 background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
427 background: -moz-linear-gradient(top, #3e779d, #65a9d7);
428 background: -ms-linear-gradient(top, #3e779d, #65a9d7);
429 background: -o-linear-gradient(top, #3e779d, #65a9d7);
430 padding: 3px 6px;
431 -webkit-border-radius: 6px;
432 -moz-border-radius: 6px;
433 border-radius: 6px;
434 -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
435 -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
436 box-shadow: rgba(0,0,0,1) 0 1px 0;
437 text-shadow: rgba(0,0,0,.4) 0 1px 0;
438 color: white;
439 font-size: 14px;
440 font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
441 text-decoration: none;
442 vertical-align: middle;
443}
444
445.button:hover
446{
447 border-top-color: #28597a;
448 background: #28597a;
449 color: #ccc;
450}
451
452.button:active
453{
454 border-top-color: #b6c5cf;
455 background: #b6c5cf;
456}
457
458#button
459{
460 border-top: 1px solid #96d1f8;
461 background: #65a9d7;
462 background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
463 background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
464 background: -moz-linear-gradient(top, #3e779d, #65a9d7);
465 background: -ms-linear-gradient(top, #3e779d, #65a9d7);
466 background: -o-linear-gradient(top, #3e779d, #65a9d7);
467 padding: 3px 6px;
468 -webkit-border-radius: 6px;
469 -moz-border-radius: 6px;
470 border-radius: 6px;
471 -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
472 -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
473 box-shadow: rgba(0,0,0,1) 0 1px 0;
474 text-shadow: rgba(0,0,0,.4) 0 1px 0;
475 color: white;
476 font-size: 12px;
477 font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
478 text-decoration: none;
479 vertical-align: middle;
480}
481
482#button:hover
483{
484 border-top-color: #28597a;
485 background: #28597a;
486 color: #ccc;
487}
488
489#button:active
490{
491 border-top-color: #b6c5cf;
492 background: #b6c5cf;
493}
494/*
495 .buttonc {
496 cursor:pointer;
497 border-top: 1px solid #96d1f8;
498
499 padding: -1px 6px;
500 -webkit-border-radius: 6px;
501 -moz-border-radius: 6px;
502 border-radius: 6px;
503 -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
504 -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
505 box-shadow: rgba(0,0,0,1) 0 1px 0;
506 text-shadow: rgba(0,0,0,.4) 0 1px 0;
507 color: black;
508 font-size: 14px;
509 font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
510 text-decoration: none;
511 vertical-align: middle;
512 }
513
514 #buttonc {
515 border-top: 1px solid #96d1f8;
516 background: #65a9d7;
517 background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
518 background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
519 background: -moz-linear-gradient(top, #3e779d, #65a9d7);
520 background: -ms-linear-gradient(top, #3e779d, #65a9d7);
521 background: -o-linear-gradient(top, #3e779d, #65a9d7);
522 padding: 3px 6px;
523 -webkit-border-radius: 6px;
524 -moz-border-radius: 6px;
525 border-radius: 6px;
526 -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
527 -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
528 box-shadow: rgba(0,0,0,1) 0 1px 0;
529 text-shadow: rgba(0,0,0,.4) 0 1px 0;
530 color: white;
531 font-size: 12px;
532 font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
533 text-decoration: none;
534 vertical-align: middle;
535 }
536#buttonc:hover {
537 border-top-color: #28597a;
538 background: #28597a;
539 color: #ccc;
540 }
541#buttonc:active {
542 border-top-color: #b6c5cf;
543 background: #b6c5cf;
544 }
545 */
Note: See TracBrowser for help on using the repository browser.