Parašė namo· 2010 Sau. 24 17:01:56
#1
Tai va, bandau koduot pirma savo dizaina, ir susiduriau su beda tokia.
Kaip matot, visa apacia pasislinko i sona.
Style.css failas:
a {
color : #FFF;
text-decoration : none;
}
a:hover {
color : #fff;
text-decoration : none;
}
a.side {
color : #fff;
text-decoration : none;
}
a:hover.side {
color : #666;
text-decoration : none;
}
a.white {
color : #BFBFBF;
text-decoration : none;
}
a:hover.white {
color : #D2D2D2;
text-decoration : none;
}
body {
background-repeat : no-repeat;
background-position : top left;
background: url(images/bg.png);
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
}
form {
margin : 0px;
}
hr {
height : 1px;
border : 0px solid;
}
hr.side-hr {
height : 1px;
border : 0px solid;
}
td {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
}
pre {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
}
.alt {
color : #FFF;
}
.footer {
background : url(images/footer.png);
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #FFF;
height : 31px;
width : 944px;
padding-left : 0px;
padding-right : 0px;
}
.button {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #555;
background-color : #f1f1f1;
height : 20px;
border : 1px solid #666;
margin-top : 2px;
}
.textbox {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #999;
background-color : #FFF;
border : 1px solid #999;
padding : 3px;
}
.textbox-neburnok {
background : url(images/IMG_neburnok.png);
background-repeat : no-repeat;
background-position : bottom right;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #999;
background-color : #FFF;
border : 1px solid #999;
padding : 3px;
}
.textbox-login {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
width : 60px;
background-color : transparent;
color : #9C9C9C;
border-top : 0px;
border-left : 0px;
border-right : 0px;
border-bottom : 1px solid #9C9C9C;
}
.main-body {
background-color : #545454;
background-repeat : repeat-x;
font-size : 10px;
color : #fff;
padding : 8px;
}
.side-body {
background-color : #545454;
background-repeat : repeat-x;
font-size : 10px;
color : #fff;
padding : 8px;
}
.side-body-zip {
background : url(images/BG_zip.png);
background-color : #EAEAEA;
background-repeat : repeat-x;
font-size : 10px;
color : #333;
padding : 8px;
}
.side-body-phr {
background : url(images/BG_phr.png);
background-color : #EAEAEA;
background-repeat : repeat-x;
font-size : 10px;
color : #333;
padding : 8px;
}
.main-bg {
padding-top : 6px;
padding-left : 30px;
padding-right : 0px;
padding-bottom : 6px;
}
.side-border-left {
padding-top : 6px;
padding-left : 147px;
padding-right : 12px;
padding-bottom : 1px;
}
.side-border-right {
padding-top : 6px;
padding-left : 12px;
padding-right : 150px;
padding-bottom : 1px;
}
.news-footer {
background : url(images/news-footer.png);
background-color : #1e081f;
background-repeat : repeat-x;
background-position : bottom center;
font-size : 10px;
color : #fff;
height : 31px;
width : 484px;
padding : 3px 4px 4px 4px;
}
.capmain {
background : url(images/capmain.png);
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : #FFF;
height : 48px;
width : 484px;
padding-left : 10px;
padding-bottom : 1px;
}
.scapmain {
background : url(images/scapmain.png);
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
color : #FFF;
height : 41px;
width : 192px;
padding-left : 6px;
padding-bottom : 10px;
}
.scapmain_top {
background : url(images/scapmain_top.png);
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
color : #FFF;
height : 42px;
width : 251px;
padding-left : 11px;
padding-bottom : 4px;
}
.tbl {
font-size : 10px;
color : #FFF;
padding : 4px;
}
.tbl1 {
font-size : 10px;
color : #7E7E7E;
background-color : #545454;
padding : 4px;
}
.tbl2 {
font-size : 10px;
color : #FFF;
padding : 4px;
}
.forum-caption {
font-size : 10px;
font-weight : bold;
color : #7E9A26;
padding-left: 39px;
padding-right: 4px;
padding-top: 4px;
padding-bottom: 4px;
}
.quote {
font-size : 10px;
color : #7E7E7E;
background-color : #2d2d2d;
padding : 4px;
margin : 0px 20px 0px 20px;
border : 1px solid #bbb;
}
.poll {
margin-top : 2px;
height : 0px;
border : 1px solid #7E9A26;
}
.comment-name {
font-weight : bold;
color : #FFF;
}
.shoutboxname {
font-weight : bold;
color : #FFF;
}
.shoutbox {
color : #666;
}
.shoutboxdate {
font-size : 10px;
color : #87A628;
}
.small {
font-size : 10px;
font-weight : normal;
}
.small2 {
font-size : 10px;
font-weight : normal;
color : #555;
}
.side-small {
font-size : 10px;
font-weight : normal;
color : #555;
background-color : #f6f6f6;
}
.side-label {
color : #555;
background-color : #f1f1f1;
padding : 2px 2px 3px 2px;
}
.tooltip {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
width: 200px;
color: #FFB500;
background-color: #76A136;
position: absolute;
display: none;
filter: alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
z-index: 2;
vertical-align: top;
}
.tooltip-small {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color: #FFB500;
background-color: #76A136;
padding: 5px;
position: absolute;
display: none;
filter: alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
z-index: 2;
vertical-align: top;
}
.tooltip-info {
color: #FFB500;
padding: 8px 10px 5px 10px;
line-height: 14px;
}
.tooltip-info h4 {
color: #FFF;
font-size: 10px;
font-weight: normal;
padding-top: 5px;
margin: 0px;
}
#infoblokas {
position: absolute;
right: 0px;
top: 0px;
width: 140px;
height: 139px;
z-index: 1;
visibility: hidden;
}
label.checkbox_checked {
background: url(images/CHECKBOX_full.png) no-repeat;
display: block;
margin: 5px 0;
padding-left: 20px;
}
label.checkbox_unchecked {
background: url(images/CHECKBOX_empty.png) no-repeat;
display: block;
margin: 5px 0;
padding-left: 20px;
}
label.radio_checked {
background: url(images/RADIO_full.png) no-repeat;
display: block;
margin: 5px 0;
padding-left: 20px;
}
label.radio_unchecked {
background: url(images/RADIO_empty.png) no-repeat;
display: block;
margin: 5px 0;
padding-left: 20px;
}
label:hover{
color: #FFF;
}
label.highlighted {
border: 1px solid #333;
}
.crirHidden {
position: absolute;
left: -1000px;
}