![[BACK]](/cvsweb/icons/back.gif){kind=icon}
Return to main.css CVS log ![[TXT]](/cvsweb/icons/text.gif){kind=icon}
![[DIR]](/cvsweb/icons/dir.gif){kind=icon}
Up to [Local Repository] / pettastic / html / css|
Return to main.css CVS log | Up to [Local Repository] / pettastic / html / css |
1.1 nick 1: html {
2: margin: 0px;
3: padding: 0px;
4: }
5:
6: body {
7: margin: 0px;
8: padding: 0px;
9: color: #404040;
10: font-family: "Lucida Sans Unicode", "Lucida Grande", lucida, verdana, arial, helvetica, sans-serif;
11: font-size: medium;
12: font-size: 80%;
13: /* fallback */
14: background-color: #C7B7D5;
15: background-image: url(images/radial-bg.jpg);
16: background-position: center center;
17: background-repeat: no-repeat;
18:
19: /* Safari 4-5, Chrome 1-9 */
20: /* Can't specify a percentage size? Laaaaaame. */
21: background: -webkit-gradient(radial, center center, 0, center center, 460, from(#f0e5fc), to(#C7B7D5));
22:
23: /* Safari 5.1+, Chrome 10+ */
24: background: -webkit-radial-gradient(circle, #f0e5fc, #C7B7D5);
25:
26: /* Firefox 3.6+ */
27: background: -moz-radial-gradient(circle, #f0e5fc, #C7B7D5);
28:
29: /* IE 10 */
30: background: -ms-radial-gradient(circle, #f0e5fc, #C7B7D5);
31:
32: /* Opera cannot do radial gradients yet */
33: }
34:
35: p {
36: font-family: Tahoma, Geneva, sans-serif;
37: }
38:
39:
40: #location {
41: display: none;
42: }
43:
44: a {
45: color: #502060;
46: }
47:
48: #menubar {
49: margin-top : 10px;
50: margin-left : 0px;
51: margin-bottom : 10px;
52: padding-top : 4px;
53: padding-bottom : 5px;
54: background-color : transparent;
55: background : url(transpurple.png);
56: color : #f0f0f0;
57: border-top : 1px solid black;
58: border-bottom : 1px solid black;
59: font-size : medium;
60: clear : both;
61: height : 100%;
62: width : 800px;
63: font-family : Tahoma, Geneva, sans-serif;
64: font-size : 16px;
65: font-weight : bold;
66: text-align : center;
67: float : center;
68: margin-left : auto;
69: margin-right : auto;
70: }
71:
72:
73: #title_header {
74: margin-top: 0px;
75: margin-bottom: 0px;
76: padding-top: 0px;
77: padding-bottom: 0px;
78: background-color: transparent;
79: width: 800px;
80: clear: both;
81: text-align: center;
82: margin-left: auto;
83: margin-right: auto;
84: }
85:
86: #footer {
87: margin-top : 30px;
88: margin-bottom : 10px;
89: padding-top : 5px;
90: padding-bottom : 5px;
91: background-color : transparent;
92: background : url(transpurple.png);
93: color : #f0f0f0;
94: border-top : 1px solid black;
95: border-bottom : 1px solid black;
96: font-size : x-small;
97: width : 100%;
98: clear : both;
99: text-align : center;
100: margin-left : auto;
101: margin-right : auto;
102: width : 800px;
103: }
104:
105: #mainbody {
106: float : center;
107: height : 100%;
108: width : 750px;
109: margin-left : auto;
110: margin-right : auto;
111: margin : 0;
112: padding : 0;
113: clear : both;
114: border : 2px solid red;
115: clear : both;
116: }
117:
118: #content {
119: float : center;
120: width : 770px;
121: margin-left : auto;
122: margin-right : auto;
123: background : url(transwhite.png);
124: border : 1px solid #e0e0e0;
125: margin-bottom : 30px;
126: padding : 5px;
127: clear : both;
128: }
129:
130: #coupons {
131: text-align : center;
132: font-size : 120%;
133: margin-left : 150px;
134: margin-top : 30px;
135: margin-bottom : 30px;
136: border : 5px dotted #000000;
137: width : 400px;
138: }
139:
140: #coupons img.head {
141: float : center;
142: margin-top : 5px;
143: margin-bottom : 0px;
144: }
145:
146: #coupons p.title {
147: text-align : center;
1.2 ! nick 148: font-size : 200%;
! 149: color : #E21717;
1.1 nick 150: font-weight : bold;
151: margin-top : 10px;
152: margin-bottom : 10PX;
153: }
154:
1.2 ! nick 155: #coupons p.fineprint {
! 156: font-size : 80%;
! 157: color : #000000;
! 158: margin-bottom : 10px;
! 159: margin-top : 10px;
! 160: }
! 161:
1.1 nick 162: #coupons p.expiration {
1.2 ! nick 163: text-align : right;
! 164: font-size : 60%;
1.1 nick 165: color : #000000;
166: margin-bottom : 10px;
1.2 ! nick 167: margin-top : 15px;
1.1 nick 168: }
169:
170: #hours {
171: float : center;
172: text-align : center;
173: font-size : 130%;
174: font-weight : bold;
175: margin-left : 50px;
176: margin-bottom : 30px;
177: border : 1px solid #763E7A;
178: width : 300px;
179: }
180:
181: #hours.p {
182: text-align : center;
183: }
184:
185: img.floatLeft {
186: float : left;
187: margin : 10px;
188: }
189:
190: img.floatRight {
191: float : right;
192: margin : 10px;
193: }
194:
195:
196:
197: #debug {
198: float: left;
199: padding: 10px;
200: border: 2px dotted red;
201: background-color: #EBEAC0;
202: font-family: courier;
203: width:700px;
204: margin-left: 10px;
205: margin-bottom: 10px;
206: }
207:
208:
209:
210: #debug_top {
211: float: left;
212: padding: 0px;
213: border: 2px dotted red;
214: background-color: #EEEEEE;
215: font-family: courier;
216: width:720px;
217: margin-left: 10px;
218: margin-bottom: 10px;
219: font-size:150%
220: font-weight: bold;
221: }
222:
223: #menu {
224: height: 100%;
225: float: left;
226: margin-left: 0px;
227: margin-bottom: 30px;
228: width: 170px;
229: border: 1px solid #a0a0a0;
230: padding: 0px;
231: /* background: url(transwhite.png);*/
232: background-color: #f0f0f0;
233: font-size: 90%;
234: overflow: hidden;
235: }
236:
237: #menu div.nav {
238: font-family: georgia, garamond, agaramond, times new roman, times, serif;
239: background-color: #d0d0d0;
240: color: #400010;
241: font-size: 150%;
242: text-align: center;
243: padding: 2px;
244: border-bottom: 1px solid #a0a0a0;
245: }
246:
247: #menu a {
248: text-decoration: none;
249: }
250:
251: #menu ul {
252: margin-top: 3px;
253: /*padding-left: 18px;*/
254: }
255:
256: #menu li {
257: list-style: none;
258: }
259:
260: #menu div {
261: text-align: center;
262: }
263:
264: #menu p {
265: padding: 0px;
266: margin: 4px;
267: text-align: center;
268: color: black;
269: font-size: 90%;
270: }
271:
272: #menu img {
273: border: 0px;
274: }
275:
276: #messages {
277: position: absolute;
278: top: 0px;
279: left: 0px;
280: width: 100%;
281: background-color: #ffdddd;
282: }
283:
284: h1 {
285: padding-left: 30px;
286: padding-right: 30px;
287: font-size: 180%;
288: color: #400010;
289: font-family: georgia, garamond, agaramond, times new roman, times, serif;
290: }
291:
292: p {
293: padding-left: 30px;
294: padding-right: 40px;
295: margin-top: 0px;
296: text-align: justify;
297: line-height: 140%;
298: }
299:
300: #list {
301: padding-left: 50px;
302: font-size: 100%
303: margin-bottom:10px;
304: }
305:
306: h2 {
307: font-family: "Lucida Sans Unicode", "Lucida Grande", lucida, verdana, arial, helvetica, sans-serif;
308: padding-left: 30px;
309: padding-right: 30px;
310: margin-bottom: 0px;
311: font-size: 130%;
312: color: black;
313: }
314:
315: h3 {
316: padding-left: 30px;
317: padding-right: 30px;
318: margin-bottom: 0px;
319: font-size: 100%;
320: }
321:
322: h1:first-child {
323: font-weight: bold;
324: }
325:
326: #lastmodified {
327: position: relative;
328: margin-top: 120px;
329: font-size: x-small;
330: text-align:center;
331: }
332:
333: .image {
334: float: left;
335: margin: 1px;
336: margin-top: 3px;
337: margin-bottom: 3px;
338: padding: 10px;
339: padding-bottom: 0px;
340: /* border: 1px solid #a0a0a0;*/
341: text-align: center;
342: }
343:
344: .image p {
345: font-size: 80%;
346: margin: 1px;
347: padding: 0px;
348: text-align: center;
349: }
350:
351: .image img {
352: border: 2px solid #a0a0a0;
353: }
354:
355: .image h2 {
356: margin: 0px;
357: }
358:
359: ul {
360: list-style-type: circle;
361: }
362:
363: pre {
364: padding-left: 30px;
365: padding-right: 40px;
366: }
367:
368: .gotobar {
369: color: #191970;
370: font-size:10px;
371: }
372:
373: .edit bar {
374: color: #949ce5;
375: }
376:
377: .header {
378: float: right;
379: margin-top: 15px;
380: margin-right: 50px;
381: padding: 5px;
382: padding-top: 10px,10px,10px,10px;
383:
384: }
385:
386: #header_title {
387: float: left;
388: margin-top: 3px;
389: margin-right: 5px;
390: margin-bottom: 4px;
391: padding: 5px;
392: color: #fcfcfc;
393: font-size: 12px;
394: }
395:
396: #header_title a {
397: color: white;
398: text-decoration: none;
399: }
400:
401:
402: .copyright {
403: padding-top: 10px;
404: padding-left: 50px;
405: padding-right: 50px;
406: color: #8f8f8f;
407: font-size: 8px;
408: }
409:
410: #contactInfo {
411: float: left;
412: margin-left: 30px;
413: font-size: 12px;
414: }
415:
416:
417: a:link {color:#082e58; text-decoration: none; font-weight:normal;}
418: a:visited {color:#082e58; font-weight:normal; text-decoration:none;}
419: a:hover {color:#349ce5;}
420:
421:
422: a.definition:before { content:"[::"; }
423: a.definition:after { content:"]"; }
424: a.alias { text-decoration:none; border-bottom: thin dashed; }
425: a.near:link { color:#093; }
426: a.near:visited { color:#550; }
427: a.upload:before { content:"<"; }
428: a.upload:after { content:">"; }
429: a.outside:before { content:"["; }
430: a.outside:after { content:"]"; }