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