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