diff options
author | Bjoern Brandenburg <bbb@bbb1-cs.cs.unc.edu> | 2009-04-27 13:47:36 -0400 |
---|---|---|
committer | Bjoern Brandenburg <bbb@bbb1-cs.cs.unc.edu> | 2009-04-27 13:47:36 -0400 |
commit | 578bbf7a607423430659b4d65219e374d835fc30 (patch) | |
tree | a8f7f9522bf20e9bc0d9500f63e84e2323211dde /style.css |
as is
Diffstat (limited to 'style.css')
-rwxr-xr-x | style.css | 220 |
1 files changed, 220 insertions, 0 deletions
diff --git a/style.css b/style.css new file mode 100755 index 0000000..5e6b42a --- /dev/null +++ b/style.css | |||
@@ -0,0 +1,220 @@ | |||
1 | /**************** body and tag styles ****************/ | ||
2 | body { | ||
3 | margin-top: 0px; | ||
4 | margin-bottom: 30px; | ||
5 | } | ||
6 | |||
7 | #container { | ||
8 | width: 750px; | ||
9 | margin: 0 auto; | ||
10 | font-family: Verdana, Arial, Helvetica, sans-serif; | ||
11 | font-size: 11px; | ||
12 | line-height: 1.6em; | ||
13 | color: #666666; | ||
14 | background-color: #FFFFFF; | ||
15 | } | ||
16 | |||
17 | #container2 { | ||
18 | width: 746px; | ||
19 | margin: 0 auto; | ||
20 | font-family: Verdana, Arial, Helvetica, sans-serif; | ||
21 | font-size: 11px; | ||
22 | line-height: 1.6em; | ||
23 | color: #666666; | ||
24 | background-color: #FFFFFF; | ||
25 | border-bottom: 2px solid #2763A5; | ||
26 | } | ||
27 | |||
28 | h1 { | ||
29 | font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; | ||
30 | font-weight: normal; | ||
31 | font-size: 32px; | ||
32 | color: #6DA6E2; | ||
33 | margin-bottom: 30px; | ||
34 | background-color: #FFFFFF; | ||
35 | } | ||
36 | |||
37 | h2 { | ||
38 | color: #666666; | ||
39 | font-size: 16px; | ||
40 | font-family: Arial, Helvetica, sans-serif; | ||
41 | background-color: #FFFFFF; | ||
42 | } | ||
43 | |||
44 | a { | ||
45 | color: #6DA6E2; | ||
46 | background-color: #FFFFFF; | ||
47 | text-decoration: none; | ||
48 | font-weight: bold; | ||
49 | } | ||
50 | |||
51 | a:hover { | ||
52 | background-color: #FFFFFF; | ||
53 | color: inherit; | ||
54 | font-weight: bold; | ||
55 | text-decoration: underline; | ||
56 | } | ||
57 | |||
58 | /**************** images styles ****************/ | ||
59 | a img{ | ||
60 | border: none; | ||
61 | } | ||
62 | |||
63 | img.left,img.center,img.right { | ||
64 | padding: 4px; | ||
65 | border: 1px solid #a0a0a0; | ||
66 | } | ||
67 | |||
68 | img.left { | ||
69 | float: left; | ||
70 | margin: 0 12px 5px 0; | ||
71 | } | ||
72 | |||
73 | img.center { | ||
74 | display: block; | ||
75 | margin: 0 auto 5px auto; | ||
76 | } | ||
77 | |||
78 | img.right { | ||
79 | float: right; | ||
80 | margin: 0 0 5px 12px; | ||
81 | } | ||
82 | |||
83 | /**************** form styles ****************/ | ||
84 | form { | ||
85 | float:right; | ||
86 | font-size: 9px; | ||
87 | } | ||
88 | |||
89 | input { | ||
90 | background-color: #FFFFFF; | ||
91 | color: #999999; | ||
92 | border: 1px solid #2763A5; | ||
93 | font-size: 11px; | ||
94 | padding: 3px; | ||
95 | } | ||
96 | |||
97 | .button { | ||
98 | padding: 2px; | ||
99 | background-color: #6DA6E2; | ||
100 | color: #FFFFFF; | ||
101 | border: 1px solid #2763A5; | ||
102 | font-size: 11px; | ||
103 | } | ||
104 | |||
105 | /**************** header styles ****************/ | ||
106 | #header { | ||
107 | width: 750px; | ||
108 | border: 0px | ||
109 | padding-bottom: 10px; | ||
110 | padding-top: 10px; | ||
111 | clear: both; | ||
112 | } | ||
113 | #header p { | ||
114 | margin-top: -20px; | ||
115 | margin-left: 30px; | ||
116 | color: #999999; | ||
117 | } | ||
118 | |||
119 | /**************** menu styles ****************/ | ||
120 | #tabs10 { | ||
121 | float:left; | ||
122 | width:750px; | ||
123 | font-size:93%; | ||
124 | padding-bottom: 1px; | ||
125 | border-bottom:4px solid #2763A5; | ||
126 | line-height:normal; | ||
127 | } | ||
128 | #tabs10 ul { | ||
129 | margin:0; | ||
130 | padding:10px 10px 0 50px; | ||
131 | list-style:none; | ||
132 | } | ||
133 | #tabs10 li { | ||
134 | display:inline; | ||
135 | margin:0; | ||
136 | padding:0; | ||
137 | } | ||
138 | #tabs10 a { | ||
139 | float:left; | ||
140 | background:url("tableft10.gif") no-repeat left top; | ||
141 | margin:0; | ||
142 | padding:0 0 0 4px; | ||
143 | text-decoration:none; | ||
144 | } | ||
145 | #tabs10 a span { | ||
146 | float:left; | ||
147 | display:block; | ||
148 | background:url("tabright10.gif") no-repeat right top; | ||
149 | padding:5px 15px 4px 6px; | ||
150 | color:#FFF; | ||
151 | } | ||
152 | #tabs10 a span { | ||
153 | float:none; | ||
154 | } | ||
155 | #tabs10 a:hover { | ||
156 | background-position:0% -42px; | ||
157 | } | ||
158 | #tabs10 a:hover span { | ||
159 | background-position:100% -42px; | ||
160 | } | ||
161 | |||
162 | /**************** content styles ****************/ | ||
163 | #content { | ||
164 | width: 520px; | ||
165 | padding-left: 10px; | ||
166 | padding-right: 10px; | ||
167 | padding-top: 10px; | ||
168 | float: left; | ||
169 | } | ||
170 | |||
171 | #content p { | ||
172 | padding-bottom: 10px; | ||
173 | border-bottom: 1px solid #DDDDDD; | ||
174 | } | ||
175 | |||
176 | /**************** sidebar styles ****************/ | ||
177 | #sidebar { | ||
178 | width: 175px; | ||
179 | padding-left: 21px; | ||
180 | padding-right: 10px; | ||
181 | padding-top: 10px; | ||
182 | float: right; | ||
183 | } | ||
184 | |||
185 | #sidebar p { | ||
186 | padding-bottom: 10px; | ||
187 | border-bottom: 1px solid #DDDDDD; | ||
188 | } | ||
189 | |||
190 | /**************** footer styles ****************/ | ||
191 | #footer { | ||
192 | margin-top: 15px; | ||
193 | padding-top: 0px; | ||
194 | padding-bottom: 0px; | ||
195 | padding-left: 2px; | ||
196 | padding-right: 2px; | ||
197 | clear: both; | ||
198 | width: 742px; | ||
199 | background-color:#2763A5; | ||
200 | } | ||
201 | |||
202 | #footer p { | ||
203 | color:#FFFFFF; | ||
204 | padding: 5px; | ||
205 | text-align: center; | ||
206 | } | ||
207 | |||
208 | #footer p a { | ||
209 | color: #FFFFFF; | ||
210 | background-color:#2763A5; | ||
211 | font-weight:100; | ||
212 | border-bottom: 1px dotted #FFFFFF; | ||
213 | } | ||
214 | |||
215 | #footer p a:hover { | ||
216 | color: #FFFFFF; | ||
217 | text-decoration: none; | ||
218 | border-top: 1px dotted #FFFFFF; | ||
219 | border-bottom: 0px dotted #FFFFFF; | ||
220 | } \ No newline at end of file | ||