Changed menubar 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.menubar {
156     background-color: white;
157     padding-top: 12px;
158     margin: 0 auto;
159     text-align: center;
160     height: 75px;
161     vertical-align: middle;
162     font-size: 11px;
163     text-transform: uppercase;
164 }
165
166 div.menuitem {
167     margin: 0;
168     padding: 0;
169     text-align: center;
170     float: left;
171 }
172
173 div.menuitem a {
174     display: block;
175     text-align: center;
176     padding: 5px;
177     margin: 0;
178     text-decoration: none;
179     font-weight: 400;
180     font-family: 'Lucida Grande', Sans, Sans-serif;
181 }
182
183 div.menuitem a:hover {
184     font-weight: 700;
185     color: black;
186     background-color: #eee;
187     border: 1px solid #ccc;
188 }
189
190 a.diritem, a.diritem:link, a.diritem:visited, a.diritem:active {
191     font-family: 'Lucida Grande', Sans, Sans-serif;
192     border-left: 4px solid #ccc;
193     padding: 0 15px 0 5px;
194     color: blue;
195 }
196
197 a.diritem:hover {
198     border-left: 4px solid green;
199 }
200
201 a.headdir {
202     font-weight: 700;
203 }
204
205 a.pagetop, a.pagetop:link, a.pagetop:visited, a.pagetop:hover {
206     font-family: 'Lucida Grande',sans, sans-serif;
207     display: block;
208     padding: 0 10px 10px 10px;
209     margin: 10px 0 0 0;
210     border-top: 1px solid #ccc;
211     background-color: #eee;
212     color: #999;
213     font-size: 9px;
214     text-align: right;
215     text-transform: uppercase;
216 }
217
218 div.footer {
219     padding-top: 10px;
220     border-top: 1px solid #ccc;
221     font-size: 10px;
222     color: #666;
223 }
224
225 p.infobox {
226     border: 1px solid #ccc;
227     padding: 5px 10px;
228 }