Mercurial > public > sg101
comparison media/css/base.css @ 195:136719cbcb3c
First commit of Ken Dushane's site theme.
author | Brian Neal <bgneal@gmail.com> |
---|---|
date | Wed, 07 Apr 2010 01:36:51 +0000 |
parents | 7071b196ddd5 |
children | 893b6d462cf9 |
comparison
equal
deleted
inserted
replaced
194:6a5549c2efb5 | 195:136719cbcb3c |
---|---|
1 body { | 1 body { |
2 background-color: #eee; | 2 background-color: #eee; |
3 background: url('../themes/kds/bg.png') no-repeat fixed center; | |
4 } | |
5 tr.even td { | |
6 background-color: #E0F2F6; | |
7 } | |
8 a { | |
9 text-decoration: none; | |
10 color: teal; | |
11 } | |
12 a:hover { | |
13 text-decoration: underline; | |
14 color: black; | |
3 } | 15 } |
4 #page { | 16 #page { |
5 } | 17 } |
6 #header { | 18 #header { |
7 background-color: teal; | 19 background-position: left; |
8 } | 20 background-repeat: no-repeat; |
9 #header h1 { | 21 text-align: center; |
10 border-bottom: 1px solid #ccc; | 22 display: block; |
11 font: normal italic 1.5em/18px Georgia, serif; | 23 height: 150px; |
12 margin-bottom: 11px; | 24 overflow: visible; |
13 color: #57FEFF; | 25 background-image: url('../themes/kds/headerbg.png'); |
14 margin-left: -108px; | |
15 padding: 15px 0 21px 108px; | |
16 } | 26 } |
17 #header p { | 27 #header p { |
18 float: left; | 28 float: none; |
19 padding: 60px 24px 24px 24px; | 29 padding: 40px 24px 0px 24px; |
20 font-size: 1.5em; | 30 font-size: 1.5em; |
21 line-height: 1em; | 31 line-height: 1em; |
22 } | 32 display: block; |
23 #header ul { | 33 clear: both; |
24 padding-top: 62px; | 34 } |
25 padding-right: 12px; | 35 #header-nav { |
26 text-align: right; | 36 background-color: #E0F2F6; |
37 text-align: center; | |
38 } | |
39 #header-nav ul { | |
40 padding-top: 3px; | |
41 padding-right: 5px; | |
42 margin-bottom: 3px; | |
43 /* text-align: right; */ | |
27 list-style: none; | 44 list-style: none; |
28 } | 45 } |
29 #header li { | 46 #header-nav li { |
30 display: inline; | 47 display: inline; |
31 margin: 0 12px; | 48 margin: 0 24px; |
32 } | 49 } |
33 #header li a { | 50 #header-nav li a { |
34 font-size: 1.25em; | 51 font-size: 1.0em; |
35 line-height: 1em; | 52 line-height: 1em; |
36 text-decoration: none; | 53 text-decoration: none; |
37 color: #57FEFF; | 54 color: teal; |
38 } | 55 } |
39 #header li a:hover { | 56 #header-nav li a:hover { |
40 color: #300; | 57 color: black; |
41 } | 58 } |
42 #content-primary { | 59 #content-primary { |
43 } | 60 } |
44 #content-secondary { | 61 #content-secondary { |
62 background-color: #E0F2F6; | |
63 min-height: 1750px; | |
64 } | |
65 #content-secondary ul.nav-left { | |
66 margin-top: 1.5em; | |
67 list-style:none; | |
68 } | |
69 #content-secondary ul.nav-left li { | |
70 background-color: #eee; | |
71 background-color: #E0F2F6; | |
72 color: black; | |
73 } | |
74 #content-secondary ul.nav-left li a { | |
75 text-decoration: none; | |
76 color: teal; | |
77 } | |
78 #content-secondary ul.nav-left li a:hover { | |
79 color: black; | |
45 } | 80 } |
46 #footer { | 81 #footer { |
47 height: 192px; | 82 height: 105px; |
48 background: #333; | |
49 font-size: 10px; | 83 font-size: 10px; |
50 line-height: 1em; | 84 line-height: 1em; |
51 text-shadow: 1px 1px 1px #333; | 85 text-shadow: 1px 1px 1px #333; |
52 color: #fff; | 86 background-repeat: no-repeat; |
87 background-color: #E0F2F6; | |
88 color: black; | |
53 } | 89 } |
54 #footer p { | 90 #footer p { |
55 margin: 1em; | 91 margin: 1em; |
92 text-align: center; | |
56 } | 93 } |
57 #footer a { | 94 #footer a { |
58 color: #0ff; | 95 color: teal; |
59 } | 96 } |
60 ul.app-menu { | 97 ul.app-menu { |
61 text-align: center; | 98 text-align: center; |
62 list-style: none; | 99 list-style: none; |
63 } | 100 } |
102 font-size: x-small; | 139 font-size: x-small; |
103 padding-bottom: 0.5em; | 140 padding-bottom: 0.5em; |
104 } | 141 } |
105 table { | 142 table { |
106 width: auto; | 143 width: auto; |
144 border-style: none; | |
107 } | 145 } |
108 .errorlist { | 146 .errorlist { |
109 background: #FBE3E4; | 147 background: #FBE3E4; |
110 color: #8a1f11; | 148 color: #8a1f11; |
111 border-color: #FBC2C4; | 149 border-color: #FBC2C4; |
264 display:inline; | 302 display:inline; |
265 } | 303 } |
266 table.grid { | 304 table.grid { |
267 border-collapse:collapse; | 305 border-collapse:collapse; |
268 } | 306 } |
269 table.grid th,td { | 307 table.grid th, table.grid td { |
270 border: 1px solid #eee; | 308 border: 1px solid #eee; |
271 } | 309 } |
272 ul.inline-list li { | 310 ul.inline-list li { |
273 display: inline; | 311 display: inline; |
274 margin: 0 3px; | 312 margin: 0 3px; |