Annotation of pettastic/html/css/main.css, revision 1.6

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:"]"; }

FreeBSD-CVSweb <freebsd-cvsweb@FreeBSD.org>