![[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;
1.4 nick 55: background : url(/images/transpurple.png);
1.1 nick 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;
1.5 nick 64: font-size : 15px;
1.1 nick 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;
1.4 nick 92: background : url(/images/transpurple.png);
1.1 nick 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;
1.4 nick 123: background : url(/images/transwhite.png);
1.1 nick 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;
1.3 nick 137: width : 450px;
1.1 nick 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:
1.3 nick 170: #pring-button {
171: display : none;
172: }
173:
1.1 nick 174: #hours {
175: float : center;
176: text-align : center;
177: font-size : 130%;
178: font-weight : bold;
179: margin-left : 50px;
180: margin-bottom : 30px;
181: border : 1px solid #763E7A;
182: width : 300px;
183: }
184:
185: #hours.p {
186: text-align : center;
187: }
188:
1.6 ! nick 189: td.title {
! 190: text-align : center;
! 191: font-weight : bold;
! 192: font-size : medium;
! 193: color : #FFC7E8;
! 194: margin-bottom : 5px;
! 195: background : #763E7A;
! 196: }
! 197:
! 198: td.item_light {
! 199: font-weight : bold;
! 200: font-size : 12px;
! 201: margin-right : 15px;
! 202: }
! 203:
! 204: td.item_dark {
! 205: font-weight : bold;;
! 206: font-size : 12px;
! 207: background : #FFC7E8;
! 208: margin-right : 25px;
! 209: }
! 210:
! 211: p.description {
! 212: font-weight : normal;
! 213: font-size : 10px;
! 214: margin-left : 20px;
! 215: margin-right : 50px;
! 216: margin-bottom : 5px;
! 217: }
! 218:
! 219: p.price_note {
! 220: font-weight : bold;
! 221: font-size : 10px;
! 222: margin-left : 110px;
! 223: }
! 224:
! 225: td.description {
! 226: }
! 227:
1.1 nick 228: img.floatLeft {
229: float : left;
230: margin : 10px;
231: }
232:
233: img.floatRight {
234: float : right;
235: margin : 10px;
236: }
237:
238:
239:
240: #debug {
241: float: left;
242: padding: 10px;
243: border: 2px dotted red;
244: background-color: #EBEAC0;
245: font-family: courier;
246: width:700px;
247: margin-left: 10px;
248: margin-bottom: 10px;
249: }
250:
251:
252:
253: #debug_top {
254: float: left;
255: padding: 0px;
256: border: 2px dotted red;
257: background-color: #EEEEEE;
258: font-family: courier;
259: width:720px;
260: margin-left: 10px;
261: margin-bottom: 10px;
262: font-size:150%
263: font-weight: bold;
264: }
265:
266: #menu {
267: height: 100%;
268: float: left;
269: margin-left: 0px;
270: margin-bottom: 30px;
271: width: 170px;
272: border: 1px solid #a0a0a0;
273: padding: 0px;
274: /* background: url(transwhite.png);*/
275: background-color: #f0f0f0;
276: font-size: 90%;
277: overflow: hidden;
278: }
279:
280: #menu div.nav {
281: font-family: georgia, garamond, agaramond, times new roman, times, serif;
282: background-color: #d0d0d0;
283: color: #400010;
284: font-size: 150%;
285: text-align: center;
286: padding: 2px;
287: border-bottom: 1px solid #a0a0a0;
288: }
289:
290: #menu a {
291: text-decoration: none;
292: }
293:
294: #menu ul {
295: margin-top: 3px;
296: /*padding-left: 18px;*/
297: }
298:
299: #menu li {
300: list-style: none;
301: }
302:
303: #menu div {
304: text-align: center;
305: }
306:
307: #menu p {
308: padding: 0px;
309: margin: 4px;
310: text-align: center;
311: color: black;
312: font-size: 90%;
313: }
314:
315: #menu img {
316: border: 0px;
317: }
318:
319: #messages {
320: position: absolute;
321: top: 0px;
322: left: 0px;
323: width: 100%;
324: background-color: #ffdddd;
325: }
326:
327: h1 {
328: padding-left: 30px;
329: padding-right: 30px;
330: font-size: 180%;
331: color: #400010;
332: font-family: georgia, garamond, agaramond, times new roman, times, serif;
333: }
334:
335: p {
336: padding-left: 30px;
337: padding-right: 40px;
338: margin-top: 0px;
339: text-align: justify;
340: line-height: 140%;
341: }
342:
343: #list {
344: padding-left: 50px;
345: font-size: 100%
346: margin-bottom:10px;
347: }
348:
349: h2 {
350: font-family: "Lucida Sans Unicode", "Lucida Grande", lucida, verdana, arial, helvetica, sans-serif;
351: padding-left: 30px;
352: padding-right: 30px;
353: margin-bottom: 0px;
354: font-size: 130%;
355: color: black;
356: }
357:
358: h3 {
359: padding-left: 30px;
360: padding-right: 30px;
361: margin-bottom: 0px;
362: font-size: 100%;
363: }
364:
365: h1:first-child {
366: font-weight: bold;
367: }
368:
369: #lastmodified {
370: position: relative;
371: margin-top: 120px;
372: font-size: x-small;
373: text-align:center;
374: }
375:
376: .image {
377: float: left;
378: margin: 1px;
379: margin-top: 3px;
380: margin-bottom: 3px;
381: padding: 10px;
382: padding-bottom: 0px;
383: /* border: 1px solid #a0a0a0;*/
384: text-align: center;
385: }
386:
387: .image p {
388: font-size: 80%;
389: margin: 1px;
390: padding: 0px;
391: text-align: center;
392: }
393:
394: .image img {
395: border: 2px solid #a0a0a0;
396: }
397:
398: .image h2 {
399: margin: 0px;
400: }
401:
402: ul {
403: list-style-type: circle;
404: }
405:
406: pre {
407: padding-left: 30px;
408: padding-right: 40px;
409: }
410:
411: .gotobar {
412: color: #191970;
413: font-size:10px;
414: }
415:
416: .edit bar {
417: color: #949ce5;
418: }
419:
420: .header {
421: float: right;
422: margin-top: 15px;
423: margin-right: 50px;
424: padding: 5px;
425: padding-top: 10px,10px,10px,10px;
426:
427: }
428:
429: #header_title {
430: float: left;
431: margin-top: 3px;
432: margin-right: 5px;
433: margin-bottom: 4px;
434: padding: 5px;
435: color: #fcfcfc;
436: font-size: 12px;
437: }
438:
439: #header_title a {
440: color: white;
441: text-decoration: none;
442: }
443:
444:
445: .copyright {
446: padding-top: 10px;
447: padding-left: 50px;
448: padding-right: 50px;
449: color: #8f8f8f;
450: font-size: 8px;
451: }
452:
453: #contactInfo {
454: float: left;
455: margin-left: 30px;
456: font-size: 12px;
457: }
458:
459:
460: a:link {color:#082e58; text-decoration: none; font-weight:normal;}
461: a:visited {color:#082e58; font-weight:normal; text-decoration:none;}
462: a:hover {color:#349ce5;}
463:
464:
465: a.definition:before { content:"[::"; }
466: a.definition:after { content:"]"; }
467: a.alias { text-decoration:none; border-bottom: thin dashed; }
468: a.near:link { color:#093; }
469: a.near:visited { color:#550; }
470: a.upload:before { content:"<"; }
471: a.upload:after { content:">"; }
472: a.outside:before { content:"["; }
473: a.outside:after { content:"]"; }