![[BACK]](/cvsweb/icons/back.gif){kind=icon}
Return to print.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 print.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;
1.2 ! nick 9: color: #404040;
1.1 nick 10: font-family: "Lucida Sans Unicode", "Lucida Grande", lucida, verdana, arial, helvetica, sans-serif;
1.2 ! nick 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;
1.1 nick 42: }
43:
44: a {
1.2 ! nick 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(/pettastic/images/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;
1.1 nick 70: }
71:
1.2 ! nick 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;
1.1 nick 84: }
85:
86: #footer {
1.2 ! nick 87: margin-top : 30px;
! 88: margin-bottom : 10px;
! 89: padding-top : 5px;
! 90: padding-bottom : 5px;
! 91: background-color : transparent;
! 92: background : url(/pettastic/images/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(/pettastic/images/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 : 450px;
! 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;
! 148: font-size : 200%;
! 149: color : #E21717;
! 150: font-weight : bold;
! 151: margin-top : 10px;
! 152: margin-bottom : 10PX;
! 153: }
! 154:
! 155: #coupons p.fineprint {
! 156: font-size : 80%;
! 157: color : #000000;
! 158: margin-bottom : 10px;
! 159: margin-top : 10px;
! 160: }
! 161:
! 162: #coupons p.expiration {
! 163: text-align : right;
! 164: font-size : 60%;
! 165: color : #000000;
! 166: margin-bottom : 10px;
! 167: margin-top : 15px;
! 168: }
! 169:
! 170: #pring-button {
! 171: display : none;
! 172: }
! 173:
! 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%;
1.1 nick 246: text-align: center;
1.2 ! nick 247: padding: 2px;
! 248: border-bottom: 1px solid #a0a0a0;
1.1 nick 249: }
250:
1.2 ! nick 251: #menu a {
1.1 nick 252: text-decoration: none;
253: }
254:
1.2 ! nick 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;
1.1 nick 278: }
279:
1.2 ! nick 280: #messages {
! 281: position: absolute;
! 282: top: 0px;
! 283: left: 0px;
! 284: width: 100%;
! 285: background-color: #ffdddd;
1.1 nick 286: }
287:
288: h1 {
289: padding-left: 30px;
290: padding-right: 30px;
291: font-size: 180%;
1.2 ! nick 292: color: #400010;
1.1 nick 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;
1.2 ! nick 301: line-height: 140%;
! 302: }
! 303:
! 304: #list {
! 305: padding-left: 50px;
! 306: font-size: 100%
! 307: margin-bottom:10px;
1.1 nick 308: }
309:
310: h2 {
1.2 ! nick 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 {
1.1 nick 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:
1.2 ! nick 330: #lastmodified {
! 331: position: relative;
! 332: margin-top: 120px;
1.1 nick 333: font-size: x-small;
1.2 ! nick 334: text-align:center;
1.1 nick 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;
1.2 ! nick 344: /* border: 1px solid #a0a0a0;*/
! 345: text-align: center;
1.1 nick 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: }
1.2 ! nick 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:"]"; }