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