Det er som sagt ikke til min egen side. Men til Zipstat.dk. Der kan man oprette en statestik osv. med eget stylesheet.
Jeg har ikke rodet så meget med stylesheets før, så derfor kopierede jeg standart-sheet'et, og modificere så i det!
Fjerner jeg noget eller indsætter noget forkert hehe... fucker hele siden selvfølgelig totalt op. - Derfor er jeg lidt på herrens mark med dette.
Men her er layout'et:
BODY {
background: #CCCCCC;
font-family: tahoma,verdana,arial,sans-serif;
color: Black;
}
body.meget {
font-family: tahoma,verdana,arial,sans-serif;
}
H1, {
background-color: #CCCCCC;
background-image: url(
http://www.greycell.dk/images/center3.jpg);
font-size: 40px;
font-weight: normal;
border: 0px #E2E2E2 double;
border-right: none;
border-left: none;
padding-right: 20px;
padding-left: 20px;
padding-top: 20px;
padding-bottom: 20px;
/*De to ovenstående skal ignoreres på statistiksiden*/
color: white;
font-family: tahoma,verdana,arial,sans-serif;
margin-top: 0px;
margin-bottom: 0px;
}
H2, H3, H4, H5, H6 {
background-color: #CCCCCC;
background-image: url(
http://www.greycell.dk/images/center-small3.jpg);
font-size: 12pt;
font-weight: bold;
border: 0px #E2E2E2 double;
border-right: none;
border-left: none;
padding-right: 3px;
padding-left: 3px;
padding-top: 4px;
padding-bottom: 3px;
/*De to ovenstående skal ignoreres på statistiksiden*/
color: white;
font-family: tahoma,verdana,arial,sans-serif;
margin-top: 0px;
margin-bottom: 0px;
}
H3 {
margin-bottom: 1em;
}
A:link {
color: Blue;
text-decoration: underline;
}
A:visited {
color: Purple;
text-decoration: underline;
}
A:hover {
color: Navy;
text-decoration: underline;
}
A:active {
text-decoration: none;
color: Red;
}
TD { /*Ikke med i Netscape 4!*/
/*Netscape 4 får sit eget style sheet, hvor bl.a. denne del ikke er med.*/
vertical-align: top;
padding-right: 4px;
padding-left: 4px;
padding-bottom: 4px;
}
.forside {
background-color: #DDDDEE;
background-image: url(
http://www.zipstat.dk/bg.gif);
margin-bottom: 1em;
}
.menu {
background-color: #CCCCFF;
background-image: url(
http://www.zipstat.dk/gitter_moenster_menu.gif);
border: thin black dotted;
border-right: none;
border-left: none;
border-bottom: 2px red solid;
color: Black;
padding: 3px;
font-family: "Courier New", Courier, monospace;
font-variant: small-caps;
text-align: left;
font-size: medium;
}
.menulogo {
color: Black;
font-family: sans-serif;
text-align: right;
margin: 4px;
}
.menulogo:first-letter {
color: Red;
}
span.sp:first-letter {
color: Blue;
font-size: larger;
margin-right: 0.4em;
}
span.sp {
color: Black;
}
table {
empty-cells: show;
}
.copy { /*Copyright-feltet nederst på siderne*/
text-align: center;
}
.brugernavn {
}
.kodeord {
}
.knap {
}
.problemer {
background-color: yellow;
}
.dato {
font-variant: small-caps;
}
dt {
font-weight: bold;
}
.broedkrumme {
background-color: #FFFFFF;
border-bottom: 1px silver dotted;
color: #333333;
font-family: "Courier New", Courier, monospace;
margin-top: 2px;
margin-bottom: 3px;
font-size: 90%;
}
/*********************************************************/
/*Enkeltstående statistikker*/
.enkelttabel {
background-color: #CCCCCC;
border: thin black solid;
}
.enkeltA {
background-color: #CCCCCC;
background-image: url(
http://www.greycell.dk/images/center-small3.jpg);
border-bottom: thin white solid;
filter: Glow(Color: #000000, Strength=2);
font-size: 10pt;
color: #FFFFFF;
font-weight: bold;
text-align: left;
}
.enkeltB {
border-top: thin #E2E2E2 solid;
font-weight: normal;
}
/*Pronose*/
.boldstatbeskrivelse {
font-weight: bold;
}
/*Grafer*/
.stattabel {
border: thin black solid;
}
.markeret {
font-weight: bold;
}
th.thA {
background-image: url(
http://www.greycell.dk/images/center-small3.jpg);
filter: Glow(Color: #000000, Strength=2);
font-size: 10pt;
color: #FFFFFF;
border-bottom: thin white solid;
padding-right: 3px;
padding-left: 3px;
padding-top: 4px;
padding-bottom: 3px;
font-weight: bold;
text-align: left;
}
th.thB {
background-image: url(
http://www.greycell.dk/images/center-small3.jpg);
filter: Glow(Color: #000000, Strength=2);
font-size: 10pt;
color: #FFFFFF;
border-bottom: thin white solid;
padding-right: 3px;
padding-left: 3px;
padding-top: 4px;
padding-bottom: 3px;
font-weight: bold;
text-align: left;
}
td.tdA {
white-space : nowrap;
font-size: smaller;
border-top: thin #999999 solid;
padding-bottom: 0px;
}
td.tdB {
font-size: smaller;
border-top: thin #999999 solid;
padding-bottom: 0px;
}
.GrafVenstre { /*Den synlige (farvede) del af grafen*/
background-color: #99CCFF;
padding: 0px;
}
td.GrafHoejre { /*Den usynlige del af grafen*/
background-color: White;
font-size: smaller;
padding: 0px;
}
th.sinfo { /*Overskriften i info om de seneste besøgende*/
background-image: url(
http://www.greycell.dk/images/center-small3.jpg);
filter: Glow(Color: #000000, Strength=2);
font-size: 10pt;
color: #FFFFFF;
padding-right: 3px;
padding-left: 3px;
padding-top: 4px;
padding-bottom: 3px;
font-weight: bold;
text-align: left;
}
td.sinfo { /*Info om de seneste besøgende*/
font-size: smaller;
padding-bottom: 0px;
border-top: thin #999999 solid;
}
th.sbinfo { /*Oerskriften i anden overskrift i info om de seneste besøgende*/
background-color: #33FF99;
padding-right: 3px;
padding-left: 3px;
padding-bottom: 0px;
}
td.sbinfo { /*Anden linie i info om de seneste besøgende*/
font-size: smaller;
padding-bottom: 0px;
}