BrowserVersion_CSS
1| @charset "utf-8";
2| /*
3| Project: browserVersion_css.css
4| Version: 1.2
5| Name: Keith Gallistel
6|
7| Change log 1.2:
8| Date: 2011-09-28
9| -Added styles for the Vista Death Countdown section.
10|
11| Change log 1.1:
12| Date: 2011-03-27
13| -Changed "ul,ol,li" to "li" so that it wouldn't affect attonet.css file and main page.
14| -Added this comment at the top.
15| -Added "notice" to the list between "warning" and "safe".
16| -Changed "storageb" "width" from "700px" to "800px" and "margin-left" from "12%" to "10%".
17| -Added "smallfont".
18|
19| Change log 1.0:
20| Date: 2010-07-04
21| -First release.
22| */
23|
24| .flLeft {
25| float:left;
26| }
27|
28| .flRight{
29| float:right;
30| }
31|
32| .storageb{
33| width: 800px;
34| margin-left: 10%;
35| }
36|
37| .storageo{
38| width: 700px;
39| margin-left: 10%;
40| }
41|
42| .bLogo{
43| margin-left: 20%;
44| }
45|
46| .wsLogo{
47| margin-left: 30%;
48| }
49|
50| .spacer{
51| clear:left;
52| }
53|
54| .alert {
55| background-color: red;
56| border: 3px solid black;
57| font-family: Verdana, "Times New Roman", Times, serif;
58| margin: 5px;
59| padding: 5px;
60| }
61|
62| .warning {
63| background-color: yellow;
64| border: 3px solid black;
65| font-family: Verdana, "Times New Roman", Times, serif;
66| margin: 5px;
67| padding: 5px;
68| }
69|
70| .notice {
71| background-color: #FFA500;
72| border: 3px solid black;
73| font-family: Verdana, "Times New Roman", Times, serif;
74| margin: 5px;
75| padding: 5px;
76| }
77|
78| .safe {
79| background-color: lightgreen;
80| border: 3px solid black;
81| font-family: Verdana, "Times New Roman", Times, serif;
82| margin: 5px;
83| padding: 5px;
84| }
85|
86| .bluenote {
87| background-color: lightblue;
88| border: 3px solid black;
89| font-family: Verdana, "Times New Roman", Times, serif;
90| margin: 5px;
91| padding: 5px;
92| }
93|
94| .alert h1 {
95| color: black;
96| font-family: Verdana, "Times New Roman", Times, serif;
97| font-size:2em; /* 16px*2em=32px */
98| }
99|
100| .warning h1 {
101| color: black;
102| font-family: Verdana, "Times New Roman", Times, serif;
103| font-size:2em; /* 16px*2em=32px */
104| }
105|
106| .notice h1 {
107| color: black;
108| font-family: Verdana, "Times New Roman", Times, serif;
109| font-size:2em; /* 16px*2em=32px */
110| }
111|
112| .safe h1{
113| color: black;
114| font-family: Verdana, "Times New Roman", Times, serif;
115| font-size:2em; /* 16px*2em=32px */
116| }
117|
118| .bluenote h1 {
119| color: black;
120| font-family: Verdana, "Times New Roman", Times, serif;
121| font-size:2em; /* 16px*2em=32px */
122| }
123|
124| .alert p {
125| color: black;
126| font-family: Verdana, "Times New Roman", Times, serif;
127| font-size:1.125em; /* 16px*1.125em=18px */
128| }
129|
130| .warning p {
131| color: black;
132| font-family: Verdana, "Times New Roman", Times, serif;
133| font-size:1.125em; /* 16px*1.125em=18px */
134| }
135|
136| .notice p {
137| color: black;
138| font-family: Verdana, "Times New Roman", Times, serif;
139| font-size:1.125em; /* 16px*1.125em=18px */
140| }
141|
142| .safe p {
143| color: black;
144| font-family: Verdana, "Times New Roman", Times, serif;
145| font-size:1.125em; /* 16px*1.125em=18px */
146| }
147|
148| .bluenote p {
149| color: black;
150| font-family: Verdana, "Times New Roman", Times, serif;
151| font-size:1.125em; /* 16px*1.125em=18px */
152| }
153|
154| .alert li {
155| color: black;
156| font-size:1.125em; /* 16px*1.125em=18px */
157| font-family: Verdana, "Times New Roman", Times, serif;
158| }
159|
160| .warning li {
161| color: black;
162| font-size:1.125em; /* 16px*1.125em=18px */
163| font-family: Verdana, "Times New Roman", Times, serif;
164| }
165|
166| .notice li {
167| color: black;
168| font-size:1.125em; /* 16px*1.125em=18px */
169| font-family: Verdana, "Times New Roman", Times, serif;
170| }
171|
172| .safe li {
173| color: black;
174| font-size:1.125em; /* 16px*1.125em=18px */
175| font-family: Verdana, "Times New Roman", Times, serif;
176| }
177|
178| .bluenote li {
179| color: black;
180| font-size:1.125em; /* 16px*1.125em=18px */
181| font-family: Verdana, "Times New Roman", Times, serif;
182| }
183|
184| .alert .smallfont{
185| font-size:0.75em; /* 16px*0.75em=12px */
186| }
187|
188| .warning .smallfont{
189| font-size:0.75em; /* 16px*0.75em=12px */
190| }
191|
192| .notice .smallfont{
193| font-size:0.75em; /* 16px*0.75em=12px */
194| }
195|
196| .safe .smallfont{
197| font-size:0.75em; /* 16px*0.75em=12px */
198| }
199|
200| .bluenote .smallfont{
201| font-size:0.75em; /* 16px*0.75em=12px */
202| }
203|
204| /*Vista Death Countdown*/
205|
206| .vistacounter_counter_body {
207| background-color: black;
208| color:white;
209| font-family: Verdana, "Times New Roman", Times, serif;
210| font-size:1.125em; /* 16px*1.125em=18px */
211| padding: 1px;
212| position: absolute;
213| height: 304px;
214| width:607px;
215| }
216|
217| .vistacounter_counter_border {
218| border-width: 20px;
219| border-color: white;
220| border-style: double;
221| height: 264px;
222| width:567px;
223| position: absolute;
224| }
225|
226| .vistacounter_clearleft {
227| clear: left;
228| }
229|
230| .vistacounter_counter_body h1 {
231| color:white;
232| font-family: Verdana, "Times New Roman", Times, serif;
233| font-size:2em; /* 16px*2em=32px */
234| text-align: center;
235| text-decoration: underline;
236| }
237|
238| .vistacounter_counter_body p {
239| color:white;
240| font-family: Verdana, "Times New Roman", Times, serif;
241| font-size:1.125em; /* 16px*1.125em=18px */
242| margin: 0px 10px 10px 10px;
243| text-align: center;
244| }
245|
246| .vistacounter_container {
247| border: 3px white outset;
248| color: black;
249| font-size:2em; /* 16px*2em=32px */
250| position: absolute;
251| margin: 0% auto 0% 13px;
252| padding: 5px;
253| height: 56px;
254| width:525px;
255| }
256|
257| .vistacounter_day2 {
258| background-color: white;
259| border: 3px white inset;
260| margin-right: 2px;
261| float: left;
262| width:23px;
263| }
264|
265| .vistacounter_day1 {
266| background-color: white;
267| border: 3px white inset;
268| margin: 0px 2px 0px 2px;
269| float: left;
270| width:23px;
271| }
272|
273| .vistacounter_day0 {
274| background-color: white;
275| border: 3px white inset;
276| margin: 0px 9px 0px 2px;
277| float: left;
278| width:23px;
279| }
280|
281| .vistacounter_daytitle {
282| color: white;
283| float: left;
284| margin-right: 5px;
285| width:197px;
286| }
287|
288| .vistacounter_hour0 {
289| background-color: white;
290| border: 3px white inset;
291| margin-right: 2px;
292| float: left;
293| width:23px;
294| }
295|
296| .vistacounter_hour1 {
297| background-color: white;
298| border: 3px white inset;
299| margin-left: 2px;
300| float: left;
301| width:23px;
302| }
303|
304| .vistacounter_min0 {
305| background-color: white;
306| border: 3px white inset;
307| margin-right: 2px;
308| float: left;
309| width:23px;
310| }
311|
312| .vistacounter_min1 {
313| background-color: white;
314| border: 3px white inset;
315| margin-left: 2px;
316| float: left;
317| width:23px;
318| }
319|
320| .vistacounter_sec0 {
321| background-color: white;
322| border: 3px white inset;
323| margin-right: 2px;
324| float: left;
325| width:23px;
326| }
327|
328| .vistacounter_sec1 {
329| background-color: white;
330| border: 3px white inset;
331| margin-left: 2px;
332| float: left;
333| width:23px;
334| }
335|
336| .vistacounter_negative {
337| color: white;
338| display: none;
339| visibility: hidden;
340| float: left;
341| width:20px;
342| }
343|
344| .vistacounter_colon {
345| color: white;
346| float: left;
347| width:15px;
348| }
349|
350| .vistacounter_comma {
351| color: white;
352| float: left;
353| width:15px;
354| padding-top: 12px;
355| margin-right: 2px;
356| }