Code: Selecteer alles
/ * Layout
------------ * /
* {
/ * Reset browsers standaard margin , padding en tekengrootten * /
margin: 0;
padding: 0;
}
html {
font-size: 100% ;
}
body {
/ * Tekst -sizing met EMS : http://www.clagnut.com/blog/348/ * /
font-family : "Lucida Grande " , Verdana , Helvetica, Arial , sans -serif ;
color: # fff ;
background: # 242424 url ( images / body.gif );
font- size: 10px;
margin: 0;
padding: 0 5px ;
}
# body- eenvoudige {
background: # 191919 ;
padding: 5px ;
}
/ * Misc dingen * /
img {
border: none;
}
. Gen {
margin: 1px 1px ;
font-size: 1.2em ;
}
. genmed {
margin: 1px 1px ;
font-size: 1.1em;
}
. gensmall {
margin: 1px 1px ;
font-size: 1em ;
}
. titels {
font-family : "Lucida Grande " , Helvetica, Arial , sans -serif ;
font -weight: bold ;
font-size: 1.3em;
text-decoration : none;
}
. vergissing, tabel TD . foutmelding {
color: # F0E80A ;
}
. spacer {
background: # 4A6786 url ( images / th.gif ) linksboven repeat- x;
}
hr {height: 0px; border: solid # 2370B6 0px; border-top -width : 1px ; }
. paginering {
padding: 4px;
font-size: 1em ;
font -weight: bold ;
}
/ * Links
------------ * /
een {
color: # 2370B6 ;
text-decoration : none;
}
a: actief,
a: visited {
color: # 2370B6 ;
text-decoration : none;
}
a: hover {
color: # F0E80A ;
text-decoration : underline ;
}
a.forumlink {
font -weight: bold ;
font-family : "Lucida Grande " , Helvetica, Arial , sans -serif ;
font-size: 1.2em ;
}
a.topictitle {
margin: 0px 1px ;
font-family : "Lucida Grande " , Helvetica, Arial , sans -serif ;
font -weight: bold ;
font-size: 1.2em ;
}
a.topictitle . postbody een {
color: # 2370B6 ;
}
a.topictitle : visited , . postbody a: visited {
color: # 4790D3 ;
}
a.topictitle : visited : hover . postbody a: visited: hover {
color: # 2370B6 ;
}
a.topictitle : hover . postbody a: hover {
color: # F0E80A ;
}
/ * header en het logo * /
{ # maintable
border-style : solid;
border-width : 0 1px 1px 1px ;
border-color : # 000 ;
margin: 0 auto;
}
{ # logorow
background : url ( images / logo_bg.gif ) linksboven repeat- x;
text-align : center ;
padding: 0;
}
# logo links {
background : url ( images / logo_left.jpg ) linksboven no-repeat ;
}
# logo- rechts {
background : url ( images / logo_right.jpg ) rechts boven no-repeat ;
}
logorow # , # logo links {
height: 88px ;
overflow : hidden ;
}
. pm -notify -new . pm - notify- ongelezen {
grens -left: 1px solid # 317FC5 ;
border- rechts: 1px solid # 2370B6 ;
border-top : 1px solid # 317FC5 ;
border-bottom : 1px solid # 2370B6 ;
background: # 313131 url ( images / cell.gif ) linksboven repeat- x;
margin: 10px 0;
padding: 10px ;
text-align : center ;
font-size: 12px ;
font -weight: bold ;
}
. pm -notify -new a, . pm - notify- nieuwe a : visited , . pm - notify- ongelezen a, . pm - notify- ongelezen a: visited { text-decoration : underline ; }
. pm -notify -header {
margin- bottom : 10px ;
color: # CCC ;
}
. pm -notify -new . pm - notify- ongelezen : hover {
grens -left: 1px solid # FCF536 ;
border- rechts: 1px solid # F0E80A ;
border-top : 1px solid # FCF536 ;
border-bottom : 1px solid # F0E80A ;
}
. pm -notify -new {padding : 30px ; }
/ * Navigatieknoppen * /
. navrow {
background: # 3B83C6 url ( images / buttons.gif ) linksboven repeat- x;
height: 21px ;
overflow : hidden ;
border-bottom : 1px solid # 000 ;
border-top : 1px solid # 000 ;
color: # F0E80A ;
text-align : center ;
font-size: 11px ;
padding: 1px ;
}
* html . navrow {padding : 0; }
. navrow b , . navrow sterke {font -weight: normal; }
. navrow a, . navrow a: visited {
color: # fff ;
text-decoration : none;
}
. navrow a: hover {
color: # F0E80A ;
text-decoration : underline ;
}
a.link - nieuwe - nieuwe a.link : visited {color : # F0E80A ; }
a.link - nieuwe : hover , a.link - nieuwe : visited : hover {color : # fff ; }
/ * Inhoud en tafels * /
{ # contentrow
padding: 5px ;
background-color: # 191919 ;
}
. tablebg {
border: 1px solid # 000 ;
background: # 313131 url ( images / cell.gif ) linksboven repeat- x;
}
. rij1 . row2 . row3 . legende . forumrules , tr.row1 . rij, tr.row2 . rij, tr.row3 . rij . postbottom {
grens -left: 1px solid # 404040 ;
border- rechts: 1px solid # 121212 ;
border-top : 1px solid # 3C3C3C ;
border-bottom : 1px solid # 131313 ;
background: # 313131 url ( images / cell.gif ) linksboven repeat- x;
padding: 4px;
}
th {
color: # CCDFF0 ;
font-size: 11px ;
font -weight: bold ;
background: # 4A6786 url ( images / th.gif ) linksboven repeat- x;
white-space : nowrap ;
padding: 0 5px ;
text-align : center ;
height: 26px ;
grens -left: 1px solid # 317CC2 ;
border- rechts: 1px solid # 164C7D ;
border-top : 1px solid # 3981C3 ;
border-bottom : 1px solid # 164C7D ;
}
Th A , th a: visited {
color: # CCDFF0 ! belangrijk;
text-decoration : underline ;
}
th a: hover {
color: # fff ;
text-decoration : underline ;
}
td {
padding: 2px;
}
td.profile {
padding: 4px;
}
. catdiv {
height: 24px ;
padding: 0 3px ;
grens -left: 1px solid # 404040 ;
border- rechts: 1px solid # 121212 ;
border-top : 1px solid # 3C3C3C ;
border-bottom : 1px solid # 131313 ;
background: # 2C2C2C url ( images / cathead.gif ) linksboven repeat- x;
}
. RTL. catdiv {
background: # 2C2C2C url ( images / cathead.gif ) linksboven repeat- x;
}
. kat {
height: 24px ;
padding: 0 3px ;
grens -left: 1px solid # 404040 ;
border- rechts: 1px solid # 121212 ;
border-top : 1px solid # 3C3C3C ;
border-bottom : 1px solid # 131313 ;
background: # 2C2C2C url ( images / cathead.gif ) linksboven repeat- x;
text-indent : 4px;
}
. cathead {
background: # 26629A url ( images / catbottom.gif ) linksboven repeat- x;
height: 24px ;
padding: 1px 3px ;
grens -left: 1px solid # 317CC2 ;
border- rechts: 1px solid # 164C7D ;
border-top : 1px solid # 3981C3 ;
border-bottom : 1px solid # 164C7D ;
}
/ * Tabel header * /
bijschrift . cap- div {
margin: 0;
padding: 0;
background : url ( images / hdr_mid.gif ) linksboven repeat- x;
white-space : nowrap ;
height: 27px ;
text-align : center ;
}
. cap -links {
background : url ( afbeeldingen / hdr_left.gif ) linksboven no-repeat ;
}
. cap- rechts {
background : url ( images / hdr_right.gif ) rechts boven no-repeat ;
padding-top : 8px ;
height: 19px ;
}
bijschrift bijschrift h1 , h2 bijschrift , bijschrift H3, H4 bijschrift , bijschrift span ,
. cap -div . cap -div h1, . cap -div h2 . cap -div H3 . cap- h4 div . cap- div span {
font-size: 12px ;
font -weight: bold ;
color: # 3285D0 ;
}
bijschrift h1 , h2 bijschrift , bijschrift H3, H4 bijschrift , bijschrift span ,
. cap -div h1, . cap -div h2 . cap -div H3 . cap -div h4 . cap- div span {
display: inline ;
}
een bijschrift , een bijschrift : visited , . cap -div a, . cap- div a: visited {
color: # 3285D0 ;
text-decoration : underline ;
}
Bijschrift a: hover , . cap -div a: hover {
color: # D0D0D0 ;
text-decoration : underline ;
}
/ * Footer * /
{ # wrapfooter
text-align : center ;
color: # CCC ;
padding-top : 10px ;
}
. copyright {
color: # 888 ;
font-weight : normal;
font-size: 9px;
line-height : 1.2em ;
}
. copyright a, . copyright a: visited {
color: # AAA ;
text-decoration : underline ;
}
. copyright a: hover {color : # fff ; }
/ * Breadcrumbs * /
p.breadcrumbs {
margin: 0;
padding: 0;
float: left;
color: # AAA ;
font -weight: bold ;
white-space : normal;
font-size: 1em ;
}
. rtl p.breadcrumbs {
float: right;
}
p.datetime {
margin: 0;
padding: 0;
float: right;
white-space : nowrap ;
font-size: 1em ;
}
. rtl p.datetime {
float: left;
}
/ * Index / het forum * /
. subforum.read {
background : url ( images / sub_old.gif ) linksboven no-repeat ;
padding-left : 12px ;
}
. subforum.unread {
background : url ( images / sub_new.gif ) linksboven no-repeat ;
padding-left : 12px ;
}
. legende {
text-align : center ;
margin: 0 auto;
padding: 2px;
}
. legende- viewforum {
margin: 0;
text-align : left;
}
. forumrules {
padding: 4px;
font-weight : normal;
font-size: 1.1em;
border- links- color: # AAA ;
border-top -color: # AAA ;
border- rechts -color: # CCC ;
border-bottom -color: # CCC ;
font-family : "Lucida Grande " , Verdana , Arial , Helvetica, sans-serif;
}
. forumrules h3 {
color: # F0E80A ;
}
/ * Plaats * /
. postsubject {
font-size: 12px ;
font -weight: bold ;
color: # 2370B6 ;
}
td.postbottom {
background: # 2D2D2D url ( images / profile.gif ) linksboven repeat- x;
font- size: 10px;
color: # D0D0D0 ;
white-space : nowrap ;
padding: 2px 4px;
vertical-align : midden ;
}
td.postbuttons { padding-top : 3px ; }
. postdetails {
color: # CCC ;
font- size: 10px;
text-align : left;
}
. postdetails { b
color: # DDD ;
}
. posterrank {font -size: 9px; color: # B0B0B0 ; }
. posterprofile {font- size: 10px; color: # D0D0D0 ; }
. postauthor {
color: # 2370B6 ;
font-size: 12px ;
margin- bottom : 3px ;
font -weight: bold ;
}
. postonline { margin- bottom: 2px; }
. postreported . postreported a: bezocht . postreported a: hover , . postreported a, . postreported a: actieve {
margin: 0px 1px ;
color: # F0E80A ;
font -weight: bold ;
}
. postapprove . postapprove a: bezocht . postapprove a: hover , . postapprove a, . postapprove a: actieve {
color: # 00FF00 ;
font -weight: bold ;
}
. postapprove img . postreported img {
vertical-align : bottom ;
}
. postbody {
font-size: 12px ;
line-height : 1.4em ;
margin: 3px 0;
}
. ondertekening {
font-size: 11px ;
color: # EEE ;
margin-top : 5px ;
}
. ondertekening. lijn {color : # AAA ; }
. postbody li , ol, ul {
margin: 0 0 0 1.5em ;
}
. RTL. postbody li, . RTL ol . RTL ul {
margin: 0 0 0 1.5em ;
}
. posthilit {
background-color: # 2370B6 ;
color: # fff ;
}
. postsubject {
font-size: 12px ;
font -weight: bold ;
color: # 2370B6 ;
}
. postbody a { text-decoration : underline ; }
/ * * UCP /
. huidige A - map . huidige map- a: visited {
color: # fff ;
font -weight: bold ;
}
. huidige map- a: hover {color : # F0E80A ; }
td.pm_marked_colour {background: # F0E80A ; }
td.pm_marked_colour_left {border -left: # vaste 3px F0E80A ; padding-left : 2px; }
td.pm_marked_colour_right {border -right: 3px solid # F0E80A ; padding-right : 2px; }
td.pm_replied_colour {background: # 2370B6 ; }
td.pm_replied_colour_left {border -left: # vaste 3px 2370B6 ; padding-left : 2px; }
td.pm_replied_colour_right {border -right: 3px solid # 2370B6 ; padding-right : 2px; }
td.pm_friend_colour {background: # 007700 ; }
td.pm_friend_colour_left {border -left: # 007700 vaste 3px ; padding-left : 2px; }
td.pm_friend_colour_right {border -right: solid # 007700 3px ; padding-right : 2px; }
td.pm_foe_colour {background: # DD0000 ; }
td.pm_foe_colour_left {border -left: # DD0000 vaste 3px ; padding-left : 2px; }
td.pm_foe_colour_right {border -right: 3px solid # DD0000 ; padding-right : 2px; }
/ * vormelementen
------------ * /
vorm {
margin: 0px;
padding: 0px ;
border: 0px;
}
TEXTAREA-, SELECT . post, . btnbbcode . btnmain . btnlite . btnFile . hulplijn {
font-weight : normal;
font-family : "Lucida Grande " , Verdana , Helvetica, sans-serif;
color: # D0D0D0 ;
border: 1px solid # 2370B6 ;
background-color: # 222 ;
}
input {
font-size: 1.1em;
padding: 1px ;
}
textarea {
font-size: 1.3em;
line-height : 1.4em ;
padding: 2px;
}
selecteer {
font-size: 1.1em;
padding: 1px ;
}
optie {
padding: 0 0 0 1em ;
}
. rtl optie {
padding: 0 0 0 1em ;
}
. { bericht
border-style : solid;
border-width : 1px ;
}
. btnbbcode {
font-size: 1.1em;
border: 1px solid # 444 ;
}
. btnbbcode : hover {
border-color : # 999 ;
color: # fff ;
}
. btnmain {
font -weight: bold ;
cursor : pointer ;
padding: 1px 5px ;
font-size: 1.1em;
}
. btnlite {
font-weight : normal;
cursor : pointer ;
padding: 1px 5px ;
font-size: 1.1em;
}
. btnFile {
font-weight : normal;
padding: 1px 5px ;
font-size: 1.1em;
}
. hulplijn {
background-color : transparant ;
color: # AAA ;
border-style : none;
}
# hulplijn {color : # AAA ; }
* html tekstveld , * html selecteren, * html . post, * html . btnmain , * html . btnlite , * html. btnFile {
border-color : # D0D0D0 ;
}
textarea : hover , selecteert u : hover . post : hover . btnmain : hover . btnlite : hover . btnFile : hover {
border-color : # D0D0D0 ;
}
textarea : focus, selecteer : focus, . post: focus . btnmain : focus, . btnlite : focus, . btnFile : focus {
border-color : # F0E80A ;
color: # fff ;
}
label: hover {
color: # F0E80A ;
}
textarea.posting - textarea , # # ie8 vast te stellen {
width: 98% ;
}
/ * BBCode
------------ * /
. quotetitle . attachtitle . codetitle {
margin: 10px 5px 0px 5px ;
padding: 2px 4px;
border: 1px solid # 090909 ;
color: # D0D0D0 ;
background-color: # 2E2E2E ;
font-size: 0.85em ;
font -weight: bold ;
}
. quotetitle . quotetitle {
font-size: 1em ;
}
. quotecontent . attachcontent {
margin: 0px 5px 10px 5px ;
padding: 5px ;
border-color : # 090909 ;
border-width : 0px 1px 1px 1px ;
border-style : solid;
font-weight : normal;
font-size: 1em ;
line-height : 1.4em ;
/ * font-family : "Lucida Grande "," Trebuchet MS " , Helvetica, Arial , sans -serif ; * /
background-color: # 2E2E2E ;
color: # EEE ;
}
. attachcontent {
font-size: 0.85em ;
}
. codecontent {
regie: ltr ;
margin: 0px 5px 10px 5px ;
padding: 5px ;
border-color : # 090909 ;
border-width : 0px 1px 1px 1px ;
border-style : solid;
font-weight : normal;
font-size: 11px ;
font-family : Monaco, ' Courier New ' , monospace ;
background-color: # 2E2E2E ;
color: # EEE ;
}
. quotewrapper . codewrapper . attachwrapper {
duidelijk: beide;
margin: 10px 5px ;
background: # 2671B6 url ( images / code_header.gif ) linksboven no-repeat ;
padding-left : 19px ;
border: 1px solid # 090909 ;
}
. quotewrapper {background -image : url ( images / quote_header.gif );}
. quotewrapper . quotetitle . codewrapper . codetitle . attachwrapper . attachtitle {
margin: 0;
border-width : 0 0 1px 1px ;
}
. quotewrapper . quotecontent . codewrapper . codecontent . attachwrapper . attachcontent {
margin: 0;
border-width : 0 0 0 1px ;
}
. attachcontent . codecontent {
overflow : auto ;
overflow - x : auto ;
}
. syntaxbg {
color: # fff ;
}
. syntaxcomment {
color: # AAA ;
}
. syntaxdefault {
color: # fff ;
}
. syntaxhtml {
color: # fff ;
}
. syntaxkeyword {
color: # F0E80A ;
}
. syntaxstring {
color: # 2370B6 ;
}
/ * Meer misc stuff * /
h1 {
font-family : "Lucida Grande "," Trebuchet MS " , Verdana , sans-serif;
font -weight: bold ;
font-size: 1.8em ;
text-decoration : none;
}
h2 {
font-family : Arial , Helvetica, sans-serif;
font -weight: bold ;
font-size: 1.5em ;
text-decoration : none;
line-height : 120% ;
}
h3 {
font-size: 1.3em;
font -weight: bold ;
font-family : Arial , Helvetica, sans-serif;
line-height : 120% ;
}
h4 {
margin: 0px;
font-size: 1.1em;
font -weight: bold ;
}
p {
font-size: 1.1em;
}
p.moderators {
margin: 0px;
float: left;
color: # CCC ;
font -weight: bold ;
}
. rtl p.moderators {
float: right;
}
p.linkmcp {
margin: 0px;
float: right;
white-space : nowrap ;
}
. rtl p.linkmcp {
float: left;
}
p.searchbar {
padding: 2px 0;
white-space : nowrap ;
}
p.searchbarreg {
margin: 0px;
float: right;
white-space : nowrap ;
}
. rtl p.searchbarreg {
float: left;
}
p.forumdesc {
padding-bottom : 4px;
}
p.topicauthor {
margin: 0px 1px ;
}
p.topicdetails {
margin: 0px 1px ;
}
td.history - stroom, tr.row1 td.history - stroom, tr.row2 td.history -current {
background: # 444 ;
}
table.colortable td {
padding: 0;
}
{ pre
font-size: 1.1em;
font-family : Monaco, ' Courier New ' , monospace ;
}
. nowrap {
white-space : nowrap ;
}
. gebruikersnaam gekleurde {
font -weight: bold ;
}
. sep {
color: # 888 ;
}
/ * reset stijl voor file input * /
. btnFile . btnFile : hover . btnFile : focus {
border: none;
background-color: # fff ;
color: # 000;
}