Updated main header to use floats instead of tables.
[mspang/www.git] / default.css
1 body {
2     background: white;
3     color: black;
4     font-family: serif;
5         font-size: 12px;
6         width: 760px;
7         margin: 0 auto;
8         padding: 0 20px;
9 }
10
11 h1 {
12     font-size: x-large;
13 }
14 h2 {
15     font-size: large;
16         font-family: 'Lucida Grande', Sans, Sans-serif;
17         text-transform: uppercase;
18     border-left: 10px solid #ff9900;
19         padding-left: 10px;
20     color: #000055;
21 }
22 h3 {
23     font-size: medium;
24     color: #0055aa;
25 }
26
27 a:visited {
28     background: transparent;
29     color: #8888aa;
30     text-decoration: none;
31 }
32 a:link {
33     background: transparent;
34     color: #0000aa;
35     text-decoration: none; 
36 }
37 a:active {
38     color: #0000cc;
39 }
40
41 table.newsandevents { background: black; }
42
43 td.button {
44     background: #eeeeee;
45     text-align: center;
46 }
47 td.newsdate {
48     background: #eeeeff;
49     font-family: sans-serif;
50     font-size: x-small;
51     text-align: center;
52     font-weight: bold;
53 }
54 td.newsitem {
55     background: white;
56     text-align: left;
57 }
58 td.newsauthor {
59     background: #eeeeff;
60     font-family: sans-serif;
61     font-size: x-small;
62     text-align: center;
63 }
64 td.eventdate {
65     background: #eeffee;
66     font-family: sans-serif;
67     font-size: x-small;
68     text-align: center;
69     font-weight: bold;
70 }
71 td.eventitem {
72     background: white;
73     text-align: left;
74 }
75 td.eventroom {
76     background: #eeffee;
77     font-family: sans-serif;
78     font-size: x-small;
79     text-align: center;
80 }
81 th.news {
82     background: #222255;
83     color: white;
84     font-family: sans-serif;
85     font-size: x-small;
86     text-align: left;
87 }
88 td.pagetitle {
89     font-size: large;
90     font-weight: bold;
91 }
92 th {
93     background: #002288;
94     color: white;
95 }
96 tr.members1 {
97     background: white;
98 }
99 tr.members2 {
100     background: #cee6ff;
101 }
102 tr.books1 {
103     background: white;
104 }
105 tr.book2 {
106     background: #cee6ff;
107 }
108
109 img {
110         border-width: 0;
111 }
112
113 div.footerlogo {
114     float: right;
115     padding-left: 5px;
116 }
117
118 p {
119         font-family: 'Lucida Grande', Sans, Sans-serif;
120 }
121
122 div.webcam {
123     text-align: center;
124 }
125
126 div.biglogo {
127         background: url(./csc_welcome.jpg) -20px 25px transparent no-repeat;
128     height: 340px;
129 }
130 div.uwlogo {
131     margin-top: 16px;
132     float: left;
133 }
134 div.acmlogo {
135     margin-top: 12px;
136     float: left;
137 }
138
139 table.template-header {
140         border-bottom: 1px solid #ccc;
141 }
142
143 div.webtitle {
144     height: 60px;
145         width: 760px;
146         background-color: #215498;
147     border-bottom: 4px solid #104387;
148 }
149
150 div.webtitle div.webtitle-inner {
151         width: 760px;
152         padding: 0 10px;
153 }
154
155 div.menuspace {
156         background: white;
157 }
158
159 div.menuspace table.menubar {
160         background-color: transparent;
161         padding: 0;
162         margin: 0 auto;
163         text-align: center;
164     height: 90px;
165     vertical-align: middle;
166     font-size: 11px;
167     text-transform: uppercase;
168 }
169
170 div.menuspace td.menuitem {
171         margin: 0;
172         padding: 0;
173     text-align: center;
174 }
175
176 div.menuspace td.menuitem a {
177         display: block;
178         text-align: center;
179         padding: 5px;
180         margin: 0;
181         text-decoration: none;
182         font-weight: 400;
183         font-family: 'Lucida Grande', Sans, Sans-serif;
184 }
185
186 div.menuspace td.menuitem a:hover {
187         font-weight: 700;
188         color: black;
189         background-color: #eee;
190     border: 1px solid #ccc;
191 }
192
193 div.menuspace div.menuitem a:hover img {
194         width: 60px;
195         height: 60px;
196 }
197
198 a.diritem, a.diritem:link, a.diritem:visited, a.diritem:active {
199         font-family: 'Lucida Grande', Sans, Sans-serif;
200         border-left: 4px solid #ccc;
201         padding: 0 15px 0 5px;
202         color: blue;
203 }
204
205 a.diritem:hover {
206         border-left: 4px solid green;
207 }
208
209 a.headdir {
210         font-weight: 700;
211 }
212
213 a.pagetop, a.pagetop:link, a.pagetop:visited, a.pagetop:hover {
214         font-family: 'Lucida Grande',sans, sans-serif;
215         display: block;
216         padding: 0 10px 10px 10px;
217         margin: 10px 0 0 0;
218         border-top: 1px solid #ccc;
219         background-color: #eee;
220         color: #999;
221         font-size: 9px;
222         text-align: right;
223         text-transform: uppercase;
224 }
225
226 div.footer {
227         padding-top: 10px;
228         border-top: 1px solid #ccc;
229         font-size: 10px;
230         color: #666;
231 }
232
233 p.infobox {
234         border: 1px solid #ccc;
235         padding: 5px 10px;
236 }