Changeset 18

Show
Ignore:
Timestamp:
25/05/05 22:24:05 (4 years ago)
Author:
welshbyte
Message:

Added an img folder with the image that gives the page a bit of shadow. Tried to make it look more like the jaws theme without copying code directly. Success (ish). No changes needed to be made to the html to get this far. All validates and looks pretty much the same in IE, Opera and Firefox. Easier than i expected! Will handle the blog entries next and then the side panel when we get around to putting something in there.

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • blog.css

    r17 r18  
    77    padding: 0; 
    88    margin: 0; 
    9     background-color: #FEE; 
    109} 
    1110 
    1211body { 
     12    background-color: #AFAFAF; 
    1313    padding: 0; 
    1414    margin: 0; 
     15    text-align: center; 
    1516} 
    1617 
    …… 
    2122 
    2223#container { 
    23     margin: 0; 
    24     padding: 0; 
    25     border: 1px #F00 solid; 
     24    margin: 0 auto; 
     25    padding: 0 5px; 
     26    width: 748px; 
     27    background: transparent url(/~welshbyte/blog/blog/img/bg.png) 0 0 repeat-y; 
     28    text-align: left; 
    2629} 
    2730 
    2831#toppanel { 
    2932    margin: 0; 
    30     padding: 0; 
    31     border: 1px #0F0 solid; 
     33    padding: 2em; 
     34    background-color: #258; 
    3235} 
    3336 
    …… 
    3538    margin: 0; 
    3639    padding: 0; 
    37     border: 1px #FFF solid; 
     40    background-color: #FFF; 
    3841} 
    3942 
    …… 
    4144    margin: 0; 
    4245    padding: 0; 
    43     width: 20em; 
    44     border: 1px #00F solid; 
     46    width: 12em; 
    4547    float: left; 
    4648} 
    …… 
    4850    margin: 0; 
    4951    padding: 0; 
    50     border: 1px #FFF solid; 
    51     margin-left: 20em; 
     52    margin-left: 12em; 
     53    background-color: #FFF; 
    5254} 
    5355#bottompanel { 
    5456    margin: 0; 
    5557    padding: 0; 
    56     border: 1px #F00 solid; 
     58    background-color: #258; 
     59    color: #FFF; 
    5760} 
    5861 
     62/* 
     63H1,H2,H3 etc. 
     64*/ 
     65 
     66#toppanel h1 { 
     67    margin: 0; 
     68    padding: 0; 
     69    font-family: bitstream vera sans, sans-serif; 
     70    font-size: 30px; 
     71    line-height: 32px; 
     72    color: #FFF; 
     73} 
     74 
     75#toppanel h2 { 
     76    margin: 0; 
     77    padding: 0; 
     78    font-family: bitstream vera sans, sans-serif; 
     79    font-size: 10px; 
     80    line-height: 12px; 
     81    color: #FFF; 
     82} 
     83 
     84#maincontent h2 { 
     85    margin: 0; 
     86    padding: 0; 
     87} 
     88 
     89 
     90/* Helps to get the rest of the style right */ 
     91p { margin: 0; padding: 0; }