Parašė Žilvinas41· 2010 Rugs. 11 22:09:52
#11
Čia style.css kodas:
/*---------------------------------------*/
/* .__ __ __. __. */
/* | \ _.._. __ _.*._ / `(__ (__ */
/* |__/(_][ _) (_]|[ ) \__..__).__) */
/*---------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0px none;
font-weight: normal;
font-style: normal;
font-size: 12px;
font-family: Trebuchet MS, Verdana;
text-decoration: none
}
body {
padding: 0 0 20px 0;
background: #0f1011;
background: url('style/body-bg.gif') #000;
color: #fff;
}
a,
a:link,
a:visited,
a:active {
color: #9a9a9a;
font-weight: normal;
outline: 0;
}
a:hover { color : #fff;}
h1 { font-size: 20px; margin: 0 0 8px 0; }
h2 { font-size: 18px; margin: 0 0 5px 0; }
h3 { font-size: 14px; font-weight: bold; }
.ffix {
position: relative; clear: both;
margin: 0; padding: 0; width: 0;
height: 0; font-size: 0; line-height: 0;
}
/* ------- OBEJCTS ------- */
div.mainwrapper {
background: url('style/body-top-bg.gif') repeat-x center top;
padding: 9px 0 0 0;
}
div.logowrapper { background: url('style/logo-l2interlude.html') no-repeat center top; }
div.pagewrapper {
position: relative;
width: 1000px; max-width: 1000px; min-width: 1000px;
}
#cont-wrap {
position: relative;
}
/* ------- SERVER STATUS ------- */
div.server-status {
float: left;
margin: 0 0 0 30px;
padding: 7px 0 7px 20px;
background: url('style/op-bg-dark.png');
text-align: left;
}
div.server-status img { margin: 0 20px -4px 3px; }
/* ------- MENU ------- */
#menu {
float: left;
margin: 275px 0 -58px 0;
padding: 20px 0 20px 0;
height: 86px; max-height: 86px; min-height: 86px;
background: url('style/cont-top.png') no-repeat center top;
width: 100%; max-width: 100%; min-width: 100%;
}
#menu a,
#menu a:link,
#menu a:visited,
#menu a:active {
padding: 7px 25px;
color: #fff;
font-weight: normal;
font-size: 18px;
line-height: 18px;
}
#menu a:hover { color : #000; background: url('style/menu-link-h.png') no-repeat center center; }
/* ------- LEFT BOX ------- */
div.left-box {
float: left;
margin: 40px 0 0 0;
width: 209px; max-width: 209px; min-width: 209px;
text-align: left;
}
div.left-box div.box-top {
width: 208px; max-width: 208px; min-width: 208px;
height: 24px; max-height: 24px; min-height: 24px;
background: url('style/left-menu-top.png') no-repeat left top;
}
div.left-box div.box-bottom {
margin: 0 0 20px 0;
width: 208px; max-width: 208px; min-width: 208px;
height: 24px; max-height: 24px; min-height: 24px;
background: url('style/left-menu-bottom.png') no-repeat left top;
}
div.left-box div.box-content {
margin: 0 3px 0 3px;
padding: 3px 7px;
background: url('style/op-bg-dark.png');
}
/* left box link style */
a.link,
a.link:link,
a.link:visited,
a.link:active {
display: block;
margin: 2px 8px 2px 0;
padding: 7px 0 7px 35px;
color: #bbbbbb;
font-size: 14px;
line-height: 14px;
font-weight: bold;
background: url('style/starlink.png') no-repeat left center;
}
a.link:hover { color: #fff; background: url('style/starlink-h.png') no-repeat left center; }
div.left-box div.box-content a.link { margin: 2px 8px 2px 8px; }
/* left box L2 buttons */
div.left-box div.box-content a.button,
div.left-box div.box-content a.button:link,
div.left-box div.box-content a.button:visited,
div.left-box div.box-content a.button:active {
display: block;
width: 192px; max-width: 192px; min-width: 192px;
height: 125px; max-height: 125px; min-height: 125px;
background-repeat: no-repeat;
background-position: left top;
}
div.left-box div.box-content a.button:hover { background-position: left bottom; }
.bcastle { background-image: url('style/lb-castlecontrol.png');}
.bheroes { background-image: url('style/lb-heroes.png');}
.btoppvp { background-image: url('style/lb-toppvp.png');}
.btoppk { background-image: url('style/lb-toppk.png');}
.bboss { background-image: url('style/lb-boss.png');}
/* ------- RIGHT BOX ------- */
div.right-box {
float: right;
margin: 40px 0 0 0;
width: 209px; max-width: 209px; min-width: 209px;
text-align: left;
}
div.right-box div.box-top {
margin: 0 0 0 -8px;
width: 170px; max-width: 170px; min-width: 170px;
height: 20px; max-height: 20px; min-height: 20px;
background: url('style/right-menu-top.png') no-repeat left top;
}
div.right-box div.box-bottom {
margin: 0 0 10px -8px;
width: 170px; max-width: 170px; min-width: 170px;
height: 20px; max-height: 20px; min-height: 20px;
background: url('style/right-menu-bottom.png') no-repeat left top;
}
div.right-box div.box-content {
margin: 0 0 0 -8px;
width: 170px; max-width: 170px; min-width: 170px;
padding: 3px 0 3px 15px;
background: url('style/right-menu-bg.png') repeat-y left top;
}
/* ------- CONTENT ------- */
div.content {
margin: 0 211px 0 209px;
background: url('style/content-bg.png') repeat-y center top;
}
div.content div.in {
position: relative;
padding: 8px 20px;
min-height: 700px;
text-align: left;
background: url('style/content-top.png') no-repeat center top;
}
/* ------- FOOTER------- */
div.footer {
margin: 0 211px 0 209px;
padding: 27px 0 20px 0;
background: url('style/content-bottom.png') no-repeat center top;
}