Alles werkt, maar als ik de kleuren van row1 row2 & row3 probeer te veranderen, dan zijn ze wel veranderd, maar zo gauw ik erop ga staan met mijn muis, veranderen ze terug naar de oude kleur ???
Dit is de .css file:
Code: Selecteer alles
body{
color:#e7e7e7;
font:12px Verdana,Arial,Helvetica,sans-serif;
margin:8px;
padding:0;
scrollbar-3dlight-color:#6a6a6a;
scrollbar-arrow-color:#EEEEEE;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#1f1f1f;
scrollbar-highlight-color:#1f1f1f;
scrollbar-shadow-color:#000000;
scrollbar-track-color:#4d4d4d;
background-color: #4d4d4d;
}
font,th,td,p{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
}
p{
margin-top:2px;
margin-bottom:3px
}
.gensmall{
font-size:10px
}
td.genmed,.genmed{
font-size:11px
}
.explaintitle{
font-size:11px;font-weight:bold;color:#727272
}
a:link,a:active,a:visited,a.postlink{
color: #d0a700; text-decoration:none;
}
a:hover{
color:#767676
}
.topictitle{
font-size:11px;font-weight:bold
}
a.topictitle:visited{
color:#b28f00
}
a.topictitle:hover{
color:#767676
}
.name{
font-size:11px;font-weight: bold
}
hr{
border: 0px solid #000000;
border-top-width:1px;
height:0px
}
td.cat{
color:#8e8e8e;
font-weight:bold;
letter-spacing:1px;
background:#191919 url(images/cellpic1.gif);
height:28px;text-indent:4px
}
a.cattitle,a.cattitle:visited{
color:#767676
}
a.cattitle:hover{
color:#d0a700
}
.row1{
background:#272727
}
.row2{
background:#303030
}
.row3{
background:#414141
}
td.spacerow{
background:#343434
}
.row1,.row2,.row3,td.spacerow,td.cat,td.rowpic,th,.topnav{
border:1px solid;
border-color:#707070 #000000 #000000 #707070
}
td.rowpic{
background: #343434 url(images/cellpic2.jpg) repeat-y
}
th{
background: #171717 url(images/table.gif);
color:#8e8e8e;
font-size:11px;
font-weight:bold;
height:27px;
white-space:nowrap;
text-align:center;
padding-left:8px;
padding-right:8px}
.bodyline{
background-color: #2D2D2D;
}
.forumline{
background:#2D2D2D
}
.bodyline,.forumline{
border:1px solid;
border-color: #000000 #707070 #707070 #000000
}
.maintitle,h1{
font:bold 20px/150% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
text-decoration:none;
color:#999999
}
.subtitle,h2{
font:bold 18px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
text-decoration:none
}
.nav{
font-size:11px;
font-weight:bold;
color:#979797
}
.postbody{
font-size:12px;
line-height:125%
}
.postdetails{
font-size:10px;
color:#8a8a8a
}
.quote{
background:#525252;
border:1px solid #000000;
color:#e7e7e7;
font-size:11px;
line-height:125%}
.code{
background:#545454;
border:1px solid #000000;
color:#fff8dc;
font:12px Courier,"Courier New",sans-serif;
padding:5px
}
.errorline{
background:#ff8c00;
border:1px solid #000000
}
form{
display:inline
}
input{
font:11px Verdana,Arial,Helvetica,sans-serif;
color:#e7e7e7
}
select{
background:#303030;
color:#e7e7e7;
font:11px Verdana,Arial,Helvetica,sans-serif
}
input.post,textarea.post{
background:#303030;
color:#e7e7e7;
font:11px Verdana,Arial,Helvetica,sans-serif;
padding-bottom:2px;
padding-left:2px;
border:1px solid;
border-color: #000000 #707070 #707070 #000000
}
input.button,input.liteoption,.fakebut{
background:#303030;
font-size:11px;
color:#e7e7e7;
border:1px solid;
border-color:#707070 #000000 #000000 #707070
}
input.mainoption{
background:#303030;
color:#ffcc00;
font-size:11px;
border:1px solid;
border-color:#707070 #000000 #000000 #707070
}
input.catbutton{
background:#303030;
font-size:11px;
border:1px solid;
border-color:#707070 #000000 #000000 #707070
}
a.but,a.but:hover,a.but:visited{
color:#d0a700;
text-decoration:none
}
.helpline{
background:#303030;
border:0 solid;
font-size:10px
}
.topbkg{
background: #1a1a1a url(images/cellpic_bkg.jpg) repeat-x;height:120px;
font-size:13px;
line-height: 140%;
font-weight:bold;
color:#000000
}
.headtitle{
font:bold 28px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
color: #262626
}
.topnav{
font-size:10px;
background:#1d1c19;
color:#dd6900;
height:23px;
white-space:nowrap
}
.admin,.mod{
font-size:11px;
font-weight:bold
}
.admin,a.admin,a.admin:visited{
color:#ffa34f
}
.mod,a.mod,a.mod:visited{
color:#006699
}
a.admin:hover,a.mod:hover{
color:#767676
}
.imgtopic,.imgicon{
margin-left:0
}
.imgspace{
margin-left:1px;
margin-right:2px
}
.imgfolder{
margin:1px 4px 1px 4px
}
img{
border:0 solid
}
.tbltop{
background:#2e2e2e url(images/tnav_t.gif) repeat-x
}
.tblleft{
background:#2e2e2e url(images/tnav_l.gif) repeat-y
}
.tblright{
background:#2e2e2e url(images/tnav_r.gif) repeat-y
}
.tblbot{
background:#2e2e2e url(images/tnav_b.gif) repeat-x
}
Code: Selecteer alles
.row1{
background:#272727
}
.row2{
background:#303030
}
.row3{
background:#414141
}
td.spacerow{
background:#343434
}
.row1{
background:#2h2j2i
}
.row2{
background:#585958
}
.row3{
background:#666866
}
wat moet ik veranderen ???
thanx!