source: schedule/css/styles.css@ 16622

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