summaryrefslogtreecommitdiffstats
path: root/style.css
diff options
context:
space:
mode:
authorBjoern B. Brandenburg <bbb@cs.unc.edu>2009-07-26 21:26:38 -0400
committerBjoern B. Brandenburg <bbb@cs.unc.edu>2009-07-26 21:26:38 -0400
commit826ed4d6ef58ad016a70e60783f75ca9f18a914b (patch)
tree4928fa1c181fdfea691930987157ab4947b6b517 /style.css
parent022cf3948d36a4404b0b599eaca7f66c1b91073d (diff)
style and content changes
style: background, frame, font size, layout of news and rt lunch sites content: news, rt lunch
Diffstat (limited to 'style.css')
-rwxr-xr-xstyle.css507
1 files changed, 287 insertions, 220 deletions
diff --git a/style.css b/style.css
index 5e6b42a..bc390af 100755
--- a/style.css
+++ b/style.css
@@ -1,220 +1,287 @@
1/**************** body and tag styles ****************/ 1/**************** body and tag styles ****************/
2 body { 2
3 margin-top: 0px; 3body {
4 margin-bottom: 30px; 4 margin-top: 0px;
5 } 5 margin-bottom: 30px;
6 6 background-color: #d8d8d8;
7 #container { 7}
8 width: 750px; 8
9 margin: 0 auto; 9#container {
10 font-family: Verdana, Arial, Helvetica, sans-serif; 10 width: 750px;
11 font-size: 11px; 11 font-family: Verdana, Arial, Helvetica, sans-serif;
12 line-height: 1.6em; 12 font-size: 11pt;
13 color: #666666; 13 line-height: 1.6em;
14 background-color: #FFFFFF; 14 color: #666666;
15 } 15 background-color: #FFFFFF;
16 16 border-style: solid;
17 #container2 { 17 padding: 10px;
18 width: 746px; 18 border-width: 1px;
19 margin: 0 auto; 19 margin-left: auto;
20 font-family: Verdana, Arial, Helvetica, sans-serif; 20 margin-right: auto;
21 font-size: 11px; 21 margin-top: 10px;
22 line-height: 1.6em; 22}
23 color: #666666; 23
24 background-color: #FFFFFF; 24#container2 {
25 border-bottom: 2px solid #2763A5; 25 width: 746px;
26 } 26 margin: 0 auto;
27 27 font-family: Verdana, Arial, Helvetica, sans-serif;
28 h1 { 28 font-size: 11pt;
29 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 29 line-height: 1.6em;
30 font-weight: normal; 30 color: #666666;
31 font-size: 32px; 31 background-color: #FFFFFF;
32 color: #6DA6E2; 32 clear: both;
33 margin-bottom: 30px; 33/* border-bottom: 2px
34 background-color: #FFFFFF; 34
35 } 35solid #2763A5;*/
36 36}
37 h2 { 37
38 color: #666666; 38h1 {
39 font-size: 16px; 39 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
40 font-family: Arial, Helvetica, sans-serif; 40 font-weight: normal;
41 background-color: #FFFFFF; 41 font-size: 24pt;
42 } 42 color: #6DA6E2;
43 43 margin-bottom: 30px;
44 a { 44 background-color: #FFFFFF;
45 color: #6DA6E2; 45}
46 background-color: #FFFFFF; 46
47 text-decoration: none; 47h2 {
48 font-weight: bold; 48 color: #666666;
49 } 49 font-size: 16pt;
50 50 font-family: Arial, Helvetica, sans-serif;
51 a:hover { 51 background-color: #FFFFFF;
52 background-color: #FFFFFF; 52}
53 color: inherit; 53
54 font-weight: bold; 54h3 {
55 text-decoration: underline; 55 font-size: 11pt;
56 } 56 font-weight: bold;
57 57 margin-bottom: 0;
58/**************** images styles ****************/ 58}
59 a img{ 59
60 border: none; 60a {
61 } 61 color: #6DA6E2;
62 62 background-color: #FFFFFF;
63 img.left,img.center,img.right { 63 text-decoration: none;
64 padding: 4px; 64 font-weight: bold;
65 border: 1px solid #a0a0a0; 65}
66 } 66
67 67a:hover {
68 img.left { 68 background-color: #FFFFFF;
69 float: left; 69 color: inherit;
70 margin: 0 12px 5px 0; 70 font-weight: bold;
71 } 71 text-decoration: underline;
72 72}
73 img.center { 73
74 display: block; 74hr {
75 margin: 0 auto 5px auto; 75 margin-top: 30pt;
76 } 76}
77 77
78 img.right { 78/**************** images styles ****************/
79 float: right; 79
80 margin: 0 0 5px 12px; 80a img {
81 } 81 border: none;
82 82}
83/**************** form styles ****************/ 83
84 form { 84img.left,img.center,img.right {
85 float:right; 85 padding: 4px;
86 font-size: 9px; 86 border: 1px solid #a0a0a0;
87 } 87}
88 88
89 input { 89img.left {
90 background-color: #FFFFFF; 90 margin: 0 12px 5px 0;
91 color: #999999; 91 float: left;
92 border: 1px solid #2763A5; 92}
93 font-size: 11px; 93
94 padding: 3px; 94img.center {
95 } 95 display: block;
96 96 margin: 0 auto 5px auto;
97 .button { 97}
98 padding: 2px; 98
99 background-color: #6DA6E2; 99img.right {
100 color: #FFFFFF; 100 float: right;
101 border: 1px solid #2763A5; 101 margin: 0 0 5px 12px;
102 font-size: 11px; 102}
103 } 103
104 104/**************** form styles ****************/
105/**************** header styles ****************/ 105
106 #header { 106form {
107 width: 750px; 107 float: right;
108 border: 0px 108 font-size: 9px;
109 padding-bottom: 10px; 109}
110 padding-top: 10px; 110
111 clear: both; 111input {
112 } 112 background-color: #FFFFFF;
113 #header p { 113 color: #999999;
114 margin-top: -20px; 114 border: 1px solid #2763A5;
115 margin-left: 30px; 115 font-size: 11px;
116 color: #999999; 116 padding: 3px;
117 } 117}
118 118
119/**************** menu styles ****************/ 119.button {
120 #tabs10 { 120 padding: 2px;
121 float:left; 121 background-color: #6DA6E2;
122 width:750px; 122 color: #FFFFFF;
123 font-size:93%; 123 border: 1px solid #2763A5;
124 padding-bottom: 1px; 124 font-size: 11px;
125 border-bottom:4px solid #2763A5; 125}
126 line-height:normal; 126
127 } 127/**************** header styles ****************/
128 #tabs10 ul { 128
129 margin:0; 129#header {
130 padding:10px 10px 0 50px; 130 width: 750px;
131 list-style:none; 131 border: 0px;
132 } 132 padding-bottom: 10px;
133 #tabs10 li { 133 padding-top: 10px;
134 display:inline; 134 clear: both;
135 margin:0; 135}
136 padding:0; 136
137 } 137#header p {
138 #tabs10 a { 138 margin-top: -20px;
139 float:left; 139 margin-left: 30px;
140 background:url("tableft10.gif") no-repeat left top; 140 color: #999999;
141 margin:0; 141}
142 padding:0 0 0 4px; 142
143 text-decoration:none; 143/**************** menu styles ****************/
144 } 144
145 #tabs10 a span { 145#tabs10 {
146 float:left; 146
147 display:block; 147
148 background:url("tabright10.gif") no-repeat right top; 148/* float:left; */
149 padding:5px 15px 4px 6px; 149 width: 750px;
150 color:#FFF; 150 font-size: 93%;
151 } 151 padding-bottom: 1px;
152 #tabs10 a span { 152 /* bor
153 float:none; 153
154 } 154der-bottom:4px solid #2763A5; */
155 #tabs10 a:hover { 155 line-height: normal;
156 background-position:0% -42px; 156}
157 } 157
158 #tabs10 a:hover span { 158#tabs10 ul {
159 background-position:100% -42px; 159 margin: 0;
160 } 160 /*
161 161
162/**************** content styles ****************/ 162padding:10px 10px 0 50px; */
163 #content { 163 list-style: none;
164 width: 520px; 164}
165 padding-left: 10px; 165
166 padding-right: 10px; 166#tabs10 li {
167 padding-top: 10px; 167 display: inline;
168 float: left; 168 margin: 0;
169 } 169 padding: 0;
170 170}
171 #content p { 171
172 padding-bottom: 10px; 172#tabs10 a {
173 border-bottom: 1px solid #DDDDDD; 173 float: left;
174 } 174 background: url("tableft10.gif") no-repeat left top;
175 175 margin: 0;
176/**************** sidebar styles ****************/ 176 padding: 0 0 0 4px;
177 #sidebar { 177 text-decoration: none;
178 width: 175px; 178}
179 padding-left: 21px; 179
180 padding-right: 10px; 180#tabs10 a span {
181 padding-top: 10px; 181/* float: left; */
182 float: right; 182 display: block;
183 } 183 background: url("tabright10.gif") no-repeat right top;
184 184 color: #FFF;
185 #sidebar p { 185 padding: 5px 15px 4px 6px;
186 padding-bottom: 10px; 186}
187 border-bottom: 1px solid #DDDDDD; 187
188 } 188#tabs10 a span {
189 189 float: none;
190/**************** footer styles ****************/ 190}
191 #footer { 191
192 margin-top: 15px; 192#tabs10 a:hover {
193 padding-top: 0px; 193 background-position: 0% -42px;
194 padding-bottom: 0px; 194}
195 padding-left: 2px; 195
196 padding-right: 2px; 196#tabs10 a:hover span {
197 clear: both; 197 background-position: 100% -42px;
198 width: 742px; 198}
199 background-color:#2763A5; 199
200 } 200/**************** content styles ****************/
201 201
202 #footer p { 202#content {
203 color:#FFFFFF; 203 width: 700px;
204 padding: 5px; 204 padding-left: 10px;
205 text-align: center; 205 padding-right: 10px;
206 } 206 padding-top: 10px;
207 207 float: left;
208 #footer p a { 208}
209 color: #FFFFFF; 209
210 background-color:#2763A5; 210#content p {
211 font-weight:100; 211 padding-bottom: 10px;
212 border-bottom: 1px dotted #FFFFFF; 212/*
213 } 213
214 214border-bottom: 1px solid #DDDDDD;*/
215 #footer p a:hover { 215}
216 color: #FFFFFF; 216
217 text-decoration: none; 217#news p {
218 border-top: 1px dotted #FFFFFF; 218 margin: 0;
219 border-bottom: 0px dotted #FFFFFF; 219}
220 } \ No newline at end of file 220
221.newsitem {
222 padding-left: 15pt;
223}
224
225p.date {
226 text-align: right;
227 float: right;
228}
229
230td {
231 padding: 3px 10px;
232}
233
234tr.heading {
235 font-weight: bold;
236 text-decoration: underline;
237 text-align: left;
238}
239
240/**************** sidebar styles ****************/
241
242#sidebar {
243 width: 175px;
244 padding-left: 21px;
245 padding-right: 10px;
246 padding-top: 10px;
247 float: right;
248}
249
250#sidebar p {
251 padding-bottom: 10px;
252 border-bottom: 1px solid #DDDDDD;
253}
254
255/**************** footer styles ****************/
256
257#footer {
258 margin-top: 60pt;
259 padding-top: 0px;
260 padding-bottom: 0px;
261 padding-left: 2px;
262 padding-right: 2px;
263 clear: both;
264 width: 742px;
265 background-color: #2763A5;
266 font-size: 8pt;
267}
268
269#footer p {
270 color: #FFFFFF;
271 padding: 5px;
272 text-align: center;
273}
274
275#footer p a {
276 color: #FFFFFF;
277 background-color: #2763A5;
278 font-weight: 100;
279 border-bottom: 1px dotted #FFFFFF;
280}
281
282#footer p a:hover {
283 color: #FFFFFF;
284 text-decoration: none;
285 border-top: 1px dotted #FFFFFF;
286 border-bottom: 0px dotted #FFFFFF;
287} \ No newline at end of file