(:~>[xaks]<~:)
21.07.2010, 03:10
Здраствуйте.
Вопрос пойдёт о кроссбраузерности, мой сайт, в firefox отображаеться хорошо, но, в opera и ie он перемешаеться в лево, думаю проблемма в css.
Обвязка - DLE
Если чтото неправильно поправьте..
engine.css
/*
================================================== ===========
This Skin for STRESS WEB Developed by S.T.R.E.S.S.
File 'engine.css' - Cascading Style Sheet (CSS) Document
Этот файл требуется для каждого шаблона
================================================== ===========
*/
.error {
text-align: center;
color: red;
font-size: 11px;
padding: 10px 0px;
}
.noerror {
text-align: center;
color: green;
font-size: 11px;
padding: 10px 0px;
}
.button {
margin: 15px 0px 5px 10px;
background: black;
border: 2px solid #999;
color: white;
}
.tdLeft {
text-align: left;
padding: 5px 0px 5px 10px;
width: 60%;
font-weight: bold;
}
.tdRight {
text-align: right;
padding: 5px 10px 5px 0px;
width: 40%;
}
.tabForm .input {
/* width: 120px;
background: transparent;
border: 1px solid #999;*/
color:#eac5c5; border:1px solid #771313; background:#360000;
}
.tabForm p {
font-size: 14px;
font-weight: bold;
padding: 15px 0px 20px 0px;
}
.description {
font-size: 10px;
font-weight: normal;
}
.descript {
padding: 10px;
font-size: 11px;
font-weight: normal;
text-align: justify;
}
.show_info {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: transparent;
}
.show_info_error {
margin-top: 20%;
width: 300px;
color: black;
background: #fcffc6;
border: 1px dotted #000;
}
.show_info_error a {
color: #1d55e4;
}
.hide_info {
display: none;
}
.swc {
font-size: 9px;
}
.swc a {
font-size: 9px;
}
/***************************
* page lister
***************************/
.pager {
list-style: none;
margin: 0px;
padding: 0px;
}
.pager li {
border: 1px solid #bcbcbc;
margin: 0px 2px 0px 2px;
list-style-type: none;
float: left;
text-align: center;
}
.pager li a {
text-decoration: none;
color: black;
display: block;
padding: 2px 6px 2px 6px;
font-size: 11px;
}
.pager li a:hover {
background: #77f;
color: #fff;
}
.pager li.nopager {
padding: 2px 6px 2px 6px;
font-size: 11px;
color: #bcbcbc;
}
/***************************
* server status
***************************/
.tabServer {
width: 200px;
}
.tabServer .name {
font-weight: bold;
text-align: left;
}
.tabServer td {
height: 30px;
text-align: center;
}
/***************************
* Statistic
***************************/
.l2stat td {
text-align: center;
}
.l2stat .l2left {
width: 50%;
text-align: right;
padding-right: 10px;
font-weight: bold;
color: #555555;
}
.l2stat .l2right {
width: 50%;
text-align: left;
padding-left: 10px;
}
.l2title {
font-weight: bold;
padding-top: 15px;
padding-bottom: 15px;
font-size: 13px;
}
.l2stat .l2rates {
font-size: 11px;
}
#l2servers {
height: 20px;
}
#l2servers a {
padding: 0px 10px 0px 10px;
font-size: 13px;
font-weight: bold;
}
#l2menu a {
padding: 0px 5px 0px 5px;
}
.trRowA {
background: #d7f0f5;
}
#l2top {
width: 100%;
font-size: 11px;
vertical-align: top;
text-align: center;
}
#l2top th {
height: 32px;
background: #556677;
color: #FFF;
}
#l2top td {
border-bottom: 1px solid #888;
padding: 5px 0px 5px 0px;
}
#l2top .name {
text-align: left;
}
#l2top .male {
color: #5050FF;
}
#l2top .female {
color: #FF4040;
}
#l2top .pvp {
font-weight: bold;
}
#l2top .pk {
color: red;
font-weight: bold;
}
#l2top a {
text-decoration: underline;
}
.l2online {
color: green;
font-weight: bold;
}
.l2offline {
color: fuchsia;
font-weight: bold;
}
/***************************
* Таблица с замками
***************************/
#l2castle {
width: 400px;
text-align: left;
font-size: 11px;
padding: 1px 10px 1px 10px;
}
#l2castle .l2left {
width: 164px;
height: 123px;
text-align: left;
padding: 5px 5px 5px 1px;
}
#l2castle .l2right {
height: 123px;
text-align: left;
padding: 5px 1px 5px 5px;
vertical-align: middle;
}
/***************************
* cabinet
***************************/
.ch_pass td {
height: 25px;
}
.tabProfileMenu a {
padding: 0px 5px 0px 5px;
}
#l2 {
width: 100%;
font-size: 10px;
border: 1px solid rgb(120, 120, 120);
border-collapse: collapse;
margin: 10px 0px;
}
#l2 th {
height: 32px;
background: #555;
color: #FFF;
border-top: 1px solid rgb(120, 120, 120);
border-bottom: 1px solid rgb(120, 120, 120);
}
#l2 tr {
height: 22px;
vertical-align: middle;
border: 1px solid rgb(120, 120, 120);
}
#l2 td {
background: #e8e8dd;
padding: 0px 5px 0 5px;
border-bottom: 1px solid rgb(120, 120, 120);
height: 22px;
}
#l2 .serv {
text-align: center;
font-size: 11px;
font-weight: bold;
background: #999;
height: 25px;
}
#l2 .name {
text-align: left;
}
#l2 a {
color: rgb(100, 100, 100);
text-decoration: underline;
font-size: 10px;
}
.l2button {
margin: 2px;
background: black;
border: 1px solid #999;
color: white;
font-size: 10px;
}
/***************************
* Просмотр персонажа
****************************/
#l2char {
font-size: 10px;
margin: 10px 1px 5px 1px;
border: 1px solid rgb(120, 120, 120);
border-collapse: collapse;
}
#l2char th {
height: 20px;
padding: 0px;
margin: 0px;
background: #bbccbb;
border-collapse: collapse;
border: 1px solid rgb(120, 120, 120);
text-align: center;
}
#l2char td {
height: 20px;
padding: 0px;
margin: 0px;
background: #c0c8cc;
border-collapse: collapse;
border: 1px solid rgb(120, 120, 120);
text-align: center;
}
#l2char .char {
background: #fff;
}
.invent {
background: url('../images/line.gif') repeat-y;
width: 252px;
}
/***************************
* Оформление инвентаря
***************************/
#l2inventory {
width: 310px;
height: 408px;
margin: 5px;
background: url('../images/other/inventory.png');
vertical-align: top;
background-position: left top;
background-repeat: no-repeat;
padding: 0px;
/*padding: 67px 0px 0px 0px;*/
border: 1px solid transparent;
}
#l2inventory_items {
margin: 67px 0px 0px 20px;
width: 268px;
height: 288px;
overflow: auto;
position: relative;
padding: 1px 0px 0px 2px;
background: url(../images/other/line.gif);
background-repeat: repeat-y;
background-attachment: scroll;
}
img.floated {
float: left;
position: relative;
padding: 0px 4px 4px 0px;
width: 32px;
height: 32px;}
.clearfloat {
clear:both; height:0px;
line-height:0px; visibility: hidden;}
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0;
left: 0;}
.vscrollerbase {
width: 15px;
background-color: white;}
.vscrollerbar {
width: 15px;
background-color: black;}
.vscrollerbar {
background: #99CBCB url(../images/other/basebarcaps.png) -15px 0px repeat-y;}
.vscrollerbar {
padding: 15px;
z-index: 2;}
.vscrollerbarbeg {
background: url(../images/other/basebarcaps.png) -45px 0px no-repeat;
width: 15px;
height: 15px !important;}
.vscrollerbarend {
background: url(../images/other/basebarcaps.png) -45px -30px no-repeat;
width: 15px;
height: 15px;}
.vscrollerbase {
background: #D7EBDF url(../images/other/basebarcaps.png) 0px 0px repeat-y;}
.vscrollerbasebeg {
background: url(../images/other/basebarcaps.png) -30px 0px no-repeat;
width: 15px;
height: 15px !important;}
.vscrollerbaseend {
background: url(../images/other/basebarcaps.png) -30px -30px no-repeat;
height: 15px;
width: 15px;}
.scrollerjogbox:hover {
background: #5E828C url(../images/other/basebarcaps.png) -45px -15px;}
/***************************
* Оформление paperdoll
***************************/
#l2paperdoll {
width: 310px;
height: 291px;
margin: 5px;
background: url('../images/other/paperdoll.png');
vertical-align: top;
background-position: left top;
background-repeat: no-repeat;
padding: 0px;
border: 1px solid transparent;
}
#l2paperdoll_items {
margin: 75px 0px 0px 30px;
width: 245px;
height: 149px;
position: relative;
}
#l2paperdoll #item {
position: absolute;
width: 32px;
height: 32px;
padding: 0px;
}
#l2paperdoll .hidden{
display:none;
}
#l2paperdoll .lefthair{
margin-left: 0px;
margin-top: 0px;
}
#l2paperdoll .helmet{
margin-left: 39px;
margin-top: 0px;
}
#l2paperdoll .righthair{
margin-left: 78px;
margin-top: 0px;
}
#l2paperdoll .dress{
margin-left: 0px;
margin-top: 38px;
}
#l2paperdoll .top{
margin-left: 39px;
margin-top: 38px;
}
#l2paperdoll .cloak{
margin-left: 78px;
margin-top: 38px;
}
#l2paperdoll .gloves{
margin-left: 0px;
margin-top: 76px;
}
#l2paperdoll .lower{
margin-left: 39px;
margin-top: 76px;
}
#l2paperdoll .bots{
margin-left: 78px;
margin-top: 76px;
}
#l2paperdoll .weapon{
margin-left: 0px;
margin-top: 114px;
}
#l2paperdoll .shield{
margin-left: 78px;
margin-top: 114px;
}
#l2paperdoll .leftearring{
margin-left: 132px;
margin-top: 0px;
}
#l2paperdoll .necklace{
margin-left: 171px;
margin-top: 0px;
}
#l2paperdoll .rightearring{
margin-left: 210px;
margin-top: 0px;
}
#l2paperdoll .leftring{
margin-left: 132px;
margin-top: 38px;
}
#l2paperdoll .ring{
margin-left: 171px;
margin-top: 38px;
}
#l2paperdoll .rightring{
margin-left: 210px;
margin-top: 38px;
}
#l2paperdoll .braslet{
margin-left: 132px;
margin-top: 90px;
}
/***************************
* WM Shop
***************************/
#l2wm {
width: 95%;
}
#l2wm th {
text-align: left;
font-size: 110%;
}
#l2wm td {
text-align: left;
}
#l2wm .name {
padding-left: 5px;
font-weight: bold;
text-align: left;
}
#l2wm .right {
text-align: right;
}
.trWM {
background: #d7f0f5;
}
/***************************
* l2top.ru bonus
***************************/
.voteBlock {
margin-bottom: 10px;
padding: 15px 5px 5px 5px;
width: 400px;
text-align: left;
border: 3px double black;
}
#voteTab1 .input {
width: 120px;
}
#voteTab th {
text-align: center;
border: 1px solid #000;
}
#voteTab td {
padding: 2px 0px;
text-align: center;
border: 1px dotted #808080;
}
/***************************
* news
***************************/
.news_tab {
margin-bottom: 15px;
}
.news_title {
font-size: 14px;
font-weight: bold;
padding-left: 10px;
text-align: left;
}
.news_info {
padding-left: 10px;
text-align: left;
color: #444;
}
.news_content {
text-align: left;
padding: 5px 20px 5px 20px;
color: #594443;
}
/***************************
* forum links
***************************/
.f_link {
text-align: left;
border-bottom: 1px solid #888;
}
.f_link a {
text-decoration: none;
font-size: 10px;
}
.f_link a:hover {
text-decoration: underline;
}
.f_author {
text-align: right;
}
.f_author a {
text-decoration: none;
font-size: 10px;
}
.f_author a:hover {
text-decoration: underline;
}
.f_date {
text-align: left;
font-size: 10px;
}
/***************************
* other
***************************/
.title {
font-size: 14px;
font-weight: bold;
text-align: center;
}
style.css
/* main */html { background-color: #000000; background: url(../images/home_bg.png) repeat;}
body { font:10pt 'Tahoma'; color:#eac5c5; text-align:left; background:black; }
img { border:0 none; }
a { font-weight:normal; color:#eba331; text-decoration:underline; }
a:hover { font-weight:normal; color:#eba331; text-decoration:none; }
/* wrapper */
.wrapper { width:1092px; margin:0 auto; }
/* header */
.header { float:left; width:1092px; height:344px; }
.flash_left { float:left; width:327px; height:344px; }
.logo { float:left; width:367px; height:344px; background:url('../images/logo1.png') no-repeat; }
.homelink { width:155px; margin-left:142px; margin-top:107px; }
.flash_right { float:left; width:398px; height:344px; }
/* top_menu */
.top_menu { float:left; width:1092px; height:50px; background:url('../images/menu_bg1.png') no-repeat; position:relative; }
.top_menu ul { margin-left:142px; margin-top:8px; font-size:11pt; }
.top_menu ul li { float:left; height:41px; margin-left:2px; margin-right:2px; padding-top:10px; }
.top_menu ul li a { text-decoration:none; color:white; }
.top_menu ul li a:hover { text-decoration:none; color:#eba331; }
.top_menu ul li.menu1 { width:83px; text-align:center; }
.top_menu ul li.menu1:hover { background:url('../images/menu1.png') no-repeat; }
.top_menu ul li.menu2 { width:85px; text-align:center; }
.top_menu ul li.menu2:hover { background:url('../images/menu2.png') no-repeat; }
.top_menu ul li.menu3 { width:113px; text-align:center; }
.top_menu ul li.menu3:hover { background:url('../images/menu3.png') no-repeat; }
.top_menu ul li.menu4 { width:71px; text-align:center; }
.top_menu ul li.menu4:hover { background:url('../images/menu4.png') no-repeat; }
.top_menu ul li.menu5 { width:137px; text-align:center; }
.top_menu ul li.menu5:hover { background:url('../images/menu5.png') no-repeat; }
.top_menu ul li.menu6 { width:115px; text-align:center; }
.top_menu ul li.menu6:hover { background:url('../images/menu6.png') no-repeat; }
.top_menu ul li.menu7 { width:93px; text-align:center; }
.top_menu ul li.menu7:hover { background:url('../images/menu7.png') no-repeat; }
.top_menu ul li.menu8 { width:73px; text-align:center; }
.top_menu ul li.menu8:hover { background:url('../images/menu8.png') no-repeat; }
/* content */
.content_container { float:left; width:1092px; background:#1d0002 url('../images/content_shadow.png') top no-repeat; margin-top:-15px; }
.left { float:left; width:808px; margin-top:50px; }
.content_top { float:left; width:808px; height:52px; background:url('../images/content_top.png') no-repeat; position:relative; }
.content_top p { text-indent:30px; padding-top:16px; font-size:13pt; color:#eba331; }
.content-box { float:left; width:808px; min-height:500px; background:url('../images/content_bg.png') repeat-y; margin-top:-1px; padding-bottom:10px; }
.content { width:748px; margin:0 auto; margin-top:30px; }
.content_bottom { float:left; width:808px; height:3px; background:url('../images/content_bottom.png') no-repeat; padding-bottom:30px; }
/* news */
.news-box { float:right; width:748px; padding-bottom:20px; }
.news { float:left; width:586px; }
.news_image { float:left; width:162px; padding-top:10px; }
.content p.date { text-indent:0px; color:#5c2323; padding-bottom:15px; }
.content p.date span.time { color:#9a4d4d; }
.content p.title { color:#fff4e3; font-weight:bold; }
.content p { font:10pt 'Arial'; text-indent:40px; color:#eac5c5; padding-right:10px; }
.content p.author { text-indent:0px; color:#5c2323; padding-top:7px; }
.content p.author span { color:#9a4d4d; }
.content div.news_sep { float:left; width:748px; text-indent:0px; color:#7e1919; }
/* blocks */
.right { float:left; width:268px; margin-top:50px; margin-left:16px; padding-bottom:20px; }
.block_top { float:left; width:268px; height:52px; background:url('../images/block_top.png') no-repeat; text-align:center; }
.block_top p { padding-top:16px; font-size:13pt; color:white; }
.block-box { float:left; width:268px; background:url('../images/block_bg.png') repeat-y; }
.block { margin-left:35px; width:227px; margin-top:15px; padding-bottom:50px; }
.block_bottom { float:left; width:268px; height:4px; background:url('../images/block_bottom.png') no-repeat; }
/* cp */
.block_cp { float:left; width:268px; margin-top:-30px; }
.block_cp label { float:left; color:#7d1111; }
.block_cp div.block { padding-top:4px; }
.inputs { float:left; width:163px; padding-bottom:10px; }
.inputs input { width:95px; height:23px; border:0 none; background:transparent; color:#fff4e3; text-indent:3px; }
.input { float:left; width:104px; height:23px; border:0 none; background:url('../images/input.png') no-repeat; padding-bottom:3px; }
*:first-child+html .block_cp label { margin:0; padding:0; }
*:first-child+html .inputs input { margin:0; padding:0; padding-top:3px; padding-left:3px; }
.login_button { float:left; width:52px; padding-top:10px; }
.buttons { padding-left:20px; }
/* vote */
.block_vote { float:left; width:268px; margin-top:-30px; color:#fff4e3; }
.block_vote div.block { padding-bottom:25px; }
.block_vote div.block p { padding-top:3px; padding-bottom:15px; text-align:center; }
/* status */
.block_status { float:left; width:268px; }
.status { font:10pt 'Tahoma'; }
.status th { font-weight:normal; color:#7d1111; padding-bottom:10px; text-align:left; }
.status td { color:#fff4e3; text-align:center; padding-bottom:3px; }
.status td.on { color:#f4911f; }
.status td.off { color:#ff0000; }
.status td.servername { text-align:left; }
/* footer */
.footer { float:left; width:1092px; height:38px; background:url('../images/footer_bg.png') no-repeat; }
.footer p.design_author { float:left; color:#fe8c26; text-indent:30px; margin-top:12px; }
.footer p.design_author a { color:white; }
.footer p.copyright { float:left; text-indent:200px; margin-top:12px; color:white; }
.footer p.copyright span.swc { display:none; }
/* home page */
.home { background:url('../images/home_bg.png'); }
.wrapper_home { width:451px; height:256px; background:url('../images/home_logo.png') no-repeat; margin:0 auto; margin-top:170px; }
.wrapper_home ul { padding-top:222px; padding-left:50px; }
.wrapper_home ul li { float:left; margin-left:25px; margin-right:25px; }
.l2top{
position: relative;
background-color: #861d04;
}
Добавлено через 1 час 40 минут
up тему
Вопрос пойдёт о кроссбраузерности, мой сайт, в firefox отображаеться хорошо, но, в opera и ie он перемешаеться в лево, думаю проблемма в css.
Обвязка - DLE
Если чтото неправильно поправьте..
engine.css
/*
================================================== ===========
This Skin for STRESS WEB Developed by S.T.R.E.S.S.
File 'engine.css' - Cascading Style Sheet (CSS) Document
Этот файл требуется для каждого шаблона
================================================== ===========
*/
.error {
text-align: center;
color: red;
font-size: 11px;
padding: 10px 0px;
}
.noerror {
text-align: center;
color: green;
font-size: 11px;
padding: 10px 0px;
}
.button {
margin: 15px 0px 5px 10px;
background: black;
border: 2px solid #999;
color: white;
}
.tdLeft {
text-align: left;
padding: 5px 0px 5px 10px;
width: 60%;
font-weight: bold;
}
.tdRight {
text-align: right;
padding: 5px 10px 5px 0px;
width: 40%;
}
.tabForm .input {
/* width: 120px;
background: transparent;
border: 1px solid #999;*/
color:#eac5c5; border:1px solid #771313; background:#360000;
}
.tabForm p {
font-size: 14px;
font-weight: bold;
padding: 15px 0px 20px 0px;
}
.description {
font-size: 10px;
font-weight: normal;
}
.descript {
padding: 10px;
font-size: 11px;
font-weight: normal;
text-align: justify;
}
.show_info {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: transparent;
}
.show_info_error {
margin-top: 20%;
width: 300px;
color: black;
background: #fcffc6;
border: 1px dotted #000;
}
.show_info_error a {
color: #1d55e4;
}
.hide_info {
display: none;
}
.swc {
font-size: 9px;
}
.swc a {
font-size: 9px;
}
/***************************
* page lister
***************************/
.pager {
list-style: none;
margin: 0px;
padding: 0px;
}
.pager li {
border: 1px solid #bcbcbc;
margin: 0px 2px 0px 2px;
list-style-type: none;
float: left;
text-align: center;
}
.pager li a {
text-decoration: none;
color: black;
display: block;
padding: 2px 6px 2px 6px;
font-size: 11px;
}
.pager li a:hover {
background: #77f;
color: #fff;
}
.pager li.nopager {
padding: 2px 6px 2px 6px;
font-size: 11px;
color: #bcbcbc;
}
/***************************
* server status
***************************/
.tabServer {
width: 200px;
}
.tabServer .name {
font-weight: bold;
text-align: left;
}
.tabServer td {
height: 30px;
text-align: center;
}
/***************************
* Statistic
***************************/
.l2stat td {
text-align: center;
}
.l2stat .l2left {
width: 50%;
text-align: right;
padding-right: 10px;
font-weight: bold;
color: #555555;
}
.l2stat .l2right {
width: 50%;
text-align: left;
padding-left: 10px;
}
.l2title {
font-weight: bold;
padding-top: 15px;
padding-bottom: 15px;
font-size: 13px;
}
.l2stat .l2rates {
font-size: 11px;
}
#l2servers {
height: 20px;
}
#l2servers a {
padding: 0px 10px 0px 10px;
font-size: 13px;
font-weight: bold;
}
#l2menu a {
padding: 0px 5px 0px 5px;
}
.trRowA {
background: #d7f0f5;
}
#l2top {
width: 100%;
font-size: 11px;
vertical-align: top;
text-align: center;
}
#l2top th {
height: 32px;
background: #556677;
color: #FFF;
}
#l2top td {
border-bottom: 1px solid #888;
padding: 5px 0px 5px 0px;
}
#l2top .name {
text-align: left;
}
#l2top .male {
color: #5050FF;
}
#l2top .female {
color: #FF4040;
}
#l2top .pvp {
font-weight: bold;
}
#l2top .pk {
color: red;
font-weight: bold;
}
#l2top a {
text-decoration: underline;
}
.l2online {
color: green;
font-weight: bold;
}
.l2offline {
color: fuchsia;
font-weight: bold;
}
/***************************
* Таблица с замками
***************************/
#l2castle {
width: 400px;
text-align: left;
font-size: 11px;
padding: 1px 10px 1px 10px;
}
#l2castle .l2left {
width: 164px;
height: 123px;
text-align: left;
padding: 5px 5px 5px 1px;
}
#l2castle .l2right {
height: 123px;
text-align: left;
padding: 5px 1px 5px 5px;
vertical-align: middle;
}
/***************************
* cabinet
***************************/
.ch_pass td {
height: 25px;
}
.tabProfileMenu a {
padding: 0px 5px 0px 5px;
}
#l2 {
width: 100%;
font-size: 10px;
border: 1px solid rgb(120, 120, 120);
border-collapse: collapse;
margin: 10px 0px;
}
#l2 th {
height: 32px;
background: #555;
color: #FFF;
border-top: 1px solid rgb(120, 120, 120);
border-bottom: 1px solid rgb(120, 120, 120);
}
#l2 tr {
height: 22px;
vertical-align: middle;
border: 1px solid rgb(120, 120, 120);
}
#l2 td {
background: #e8e8dd;
padding: 0px 5px 0 5px;
border-bottom: 1px solid rgb(120, 120, 120);
height: 22px;
}
#l2 .serv {
text-align: center;
font-size: 11px;
font-weight: bold;
background: #999;
height: 25px;
}
#l2 .name {
text-align: left;
}
#l2 a {
color: rgb(100, 100, 100);
text-decoration: underline;
font-size: 10px;
}
.l2button {
margin: 2px;
background: black;
border: 1px solid #999;
color: white;
font-size: 10px;
}
/***************************
* Просмотр персонажа
****************************/
#l2char {
font-size: 10px;
margin: 10px 1px 5px 1px;
border: 1px solid rgb(120, 120, 120);
border-collapse: collapse;
}
#l2char th {
height: 20px;
padding: 0px;
margin: 0px;
background: #bbccbb;
border-collapse: collapse;
border: 1px solid rgb(120, 120, 120);
text-align: center;
}
#l2char td {
height: 20px;
padding: 0px;
margin: 0px;
background: #c0c8cc;
border-collapse: collapse;
border: 1px solid rgb(120, 120, 120);
text-align: center;
}
#l2char .char {
background: #fff;
}
.invent {
background: url('../images/line.gif') repeat-y;
width: 252px;
}
/***************************
* Оформление инвентаря
***************************/
#l2inventory {
width: 310px;
height: 408px;
margin: 5px;
background: url('../images/other/inventory.png');
vertical-align: top;
background-position: left top;
background-repeat: no-repeat;
padding: 0px;
/*padding: 67px 0px 0px 0px;*/
border: 1px solid transparent;
}
#l2inventory_items {
margin: 67px 0px 0px 20px;
width: 268px;
height: 288px;
overflow: auto;
position: relative;
padding: 1px 0px 0px 2px;
background: url(../images/other/line.gif);
background-repeat: repeat-y;
background-attachment: scroll;
}
img.floated {
float: left;
position: relative;
padding: 0px 4px 4px 0px;
width: 32px;
height: 32px;}
.clearfloat {
clear:both; height:0px;
line-height:0px; visibility: hidden;}
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0;
left: 0;}
.vscrollerbase {
width: 15px;
background-color: white;}
.vscrollerbar {
width: 15px;
background-color: black;}
.vscrollerbar {
background: #99CBCB url(../images/other/basebarcaps.png) -15px 0px repeat-y;}
.vscrollerbar {
padding: 15px;
z-index: 2;}
.vscrollerbarbeg {
background: url(../images/other/basebarcaps.png) -45px 0px no-repeat;
width: 15px;
height: 15px !important;}
.vscrollerbarend {
background: url(../images/other/basebarcaps.png) -45px -30px no-repeat;
width: 15px;
height: 15px;}
.vscrollerbase {
background: #D7EBDF url(../images/other/basebarcaps.png) 0px 0px repeat-y;}
.vscrollerbasebeg {
background: url(../images/other/basebarcaps.png) -30px 0px no-repeat;
width: 15px;
height: 15px !important;}
.vscrollerbaseend {
background: url(../images/other/basebarcaps.png) -30px -30px no-repeat;
height: 15px;
width: 15px;}
.scrollerjogbox:hover {
background: #5E828C url(../images/other/basebarcaps.png) -45px -15px;}
/***************************
* Оформление paperdoll
***************************/
#l2paperdoll {
width: 310px;
height: 291px;
margin: 5px;
background: url('../images/other/paperdoll.png');
vertical-align: top;
background-position: left top;
background-repeat: no-repeat;
padding: 0px;
border: 1px solid transparent;
}
#l2paperdoll_items {
margin: 75px 0px 0px 30px;
width: 245px;
height: 149px;
position: relative;
}
#l2paperdoll #item {
position: absolute;
width: 32px;
height: 32px;
padding: 0px;
}
#l2paperdoll .hidden{
display:none;
}
#l2paperdoll .lefthair{
margin-left: 0px;
margin-top: 0px;
}
#l2paperdoll .helmet{
margin-left: 39px;
margin-top: 0px;
}
#l2paperdoll .righthair{
margin-left: 78px;
margin-top: 0px;
}
#l2paperdoll .dress{
margin-left: 0px;
margin-top: 38px;
}
#l2paperdoll .top{
margin-left: 39px;
margin-top: 38px;
}
#l2paperdoll .cloak{
margin-left: 78px;
margin-top: 38px;
}
#l2paperdoll .gloves{
margin-left: 0px;
margin-top: 76px;
}
#l2paperdoll .lower{
margin-left: 39px;
margin-top: 76px;
}
#l2paperdoll .bots{
margin-left: 78px;
margin-top: 76px;
}
#l2paperdoll .weapon{
margin-left: 0px;
margin-top: 114px;
}
#l2paperdoll .shield{
margin-left: 78px;
margin-top: 114px;
}
#l2paperdoll .leftearring{
margin-left: 132px;
margin-top: 0px;
}
#l2paperdoll .necklace{
margin-left: 171px;
margin-top: 0px;
}
#l2paperdoll .rightearring{
margin-left: 210px;
margin-top: 0px;
}
#l2paperdoll .leftring{
margin-left: 132px;
margin-top: 38px;
}
#l2paperdoll .ring{
margin-left: 171px;
margin-top: 38px;
}
#l2paperdoll .rightring{
margin-left: 210px;
margin-top: 38px;
}
#l2paperdoll .braslet{
margin-left: 132px;
margin-top: 90px;
}
/***************************
* WM Shop
***************************/
#l2wm {
width: 95%;
}
#l2wm th {
text-align: left;
font-size: 110%;
}
#l2wm td {
text-align: left;
}
#l2wm .name {
padding-left: 5px;
font-weight: bold;
text-align: left;
}
#l2wm .right {
text-align: right;
}
.trWM {
background: #d7f0f5;
}
/***************************
* l2top.ru bonus
***************************/
.voteBlock {
margin-bottom: 10px;
padding: 15px 5px 5px 5px;
width: 400px;
text-align: left;
border: 3px double black;
}
#voteTab1 .input {
width: 120px;
}
#voteTab th {
text-align: center;
border: 1px solid #000;
}
#voteTab td {
padding: 2px 0px;
text-align: center;
border: 1px dotted #808080;
}
/***************************
* news
***************************/
.news_tab {
margin-bottom: 15px;
}
.news_title {
font-size: 14px;
font-weight: bold;
padding-left: 10px;
text-align: left;
}
.news_info {
padding-left: 10px;
text-align: left;
color: #444;
}
.news_content {
text-align: left;
padding: 5px 20px 5px 20px;
color: #594443;
}
/***************************
* forum links
***************************/
.f_link {
text-align: left;
border-bottom: 1px solid #888;
}
.f_link a {
text-decoration: none;
font-size: 10px;
}
.f_link a:hover {
text-decoration: underline;
}
.f_author {
text-align: right;
}
.f_author a {
text-decoration: none;
font-size: 10px;
}
.f_author a:hover {
text-decoration: underline;
}
.f_date {
text-align: left;
font-size: 10px;
}
/***************************
* other
***************************/
.title {
font-size: 14px;
font-weight: bold;
text-align: center;
}
style.css
/* main */html { background-color: #000000; background: url(../images/home_bg.png) repeat;}
body { font:10pt 'Tahoma'; color:#eac5c5; text-align:left; background:black; }
img { border:0 none; }
a { font-weight:normal; color:#eba331; text-decoration:underline; }
a:hover { font-weight:normal; color:#eba331; text-decoration:none; }
/* wrapper */
.wrapper { width:1092px; margin:0 auto; }
/* header */
.header { float:left; width:1092px; height:344px; }
.flash_left { float:left; width:327px; height:344px; }
.logo { float:left; width:367px; height:344px; background:url('../images/logo1.png') no-repeat; }
.homelink { width:155px; margin-left:142px; margin-top:107px; }
.flash_right { float:left; width:398px; height:344px; }
/* top_menu */
.top_menu { float:left; width:1092px; height:50px; background:url('../images/menu_bg1.png') no-repeat; position:relative; }
.top_menu ul { margin-left:142px; margin-top:8px; font-size:11pt; }
.top_menu ul li { float:left; height:41px; margin-left:2px; margin-right:2px; padding-top:10px; }
.top_menu ul li a { text-decoration:none; color:white; }
.top_menu ul li a:hover { text-decoration:none; color:#eba331; }
.top_menu ul li.menu1 { width:83px; text-align:center; }
.top_menu ul li.menu1:hover { background:url('../images/menu1.png') no-repeat; }
.top_menu ul li.menu2 { width:85px; text-align:center; }
.top_menu ul li.menu2:hover { background:url('../images/menu2.png') no-repeat; }
.top_menu ul li.menu3 { width:113px; text-align:center; }
.top_menu ul li.menu3:hover { background:url('../images/menu3.png') no-repeat; }
.top_menu ul li.menu4 { width:71px; text-align:center; }
.top_menu ul li.menu4:hover { background:url('../images/menu4.png') no-repeat; }
.top_menu ul li.menu5 { width:137px; text-align:center; }
.top_menu ul li.menu5:hover { background:url('../images/menu5.png') no-repeat; }
.top_menu ul li.menu6 { width:115px; text-align:center; }
.top_menu ul li.menu6:hover { background:url('../images/menu6.png') no-repeat; }
.top_menu ul li.menu7 { width:93px; text-align:center; }
.top_menu ul li.menu7:hover { background:url('../images/menu7.png') no-repeat; }
.top_menu ul li.menu8 { width:73px; text-align:center; }
.top_menu ul li.menu8:hover { background:url('../images/menu8.png') no-repeat; }
/* content */
.content_container { float:left; width:1092px; background:#1d0002 url('../images/content_shadow.png') top no-repeat; margin-top:-15px; }
.left { float:left; width:808px; margin-top:50px; }
.content_top { float:left; width:808px; height:52px; background:url('../images/content_top.png') no-repeat; position:relative; }
.content_top p { text-indent:30px; padding-top:16px; font-size:13pt; color:#eba331; }
.content-box { float:left; width:808px; min-height:500px; background:url('../images/content_bg.png') repeat-y; margin-top:-1px; padding-bottom:10px; }
.content { width:748px; margin:0 auto; margin-top:30px; }
.content_bottom { float:left; width:808px; height:3px; background:url('../images/content_bottom.png') no-repeat; padding-bottom:30px; }
/* news */
.news-box { float:right; width:748px; padding-bottom:20px; }
.news { float:left; width:586px; }
.news_image { float:left; width:162px; padding-top:10px; }
.content p.date { text-indent:0px; color:#5c2323; padding-bottom:15px; }
.content p.date span.time { color:#9a4d4d; }
.content p.title { color:#fff4e3; font-weight:bold; }
.content p { font:10pt 'Arial'; text-indent:40px; color:#eac5c5; padding-right:10px; }
.content p.author { text-indent:0px; color:#5c2323; padding-top:7px; }
.content p.author span { color:#9a4d4d; }
.content div.news_sep { float:left; width:748px; text-indent:0px; color:#7e1919; }
/* blocks */
.right { float:left; width:268px; margin-top:50px; margin-left:16px; padding-bottom:20px; }
.block_top { float:left; width:268px; height:52px; background:url('../images/block_top.png') no-repeat; text-align:center; }
.block_top p { padding-top:16px; font-size:13pt; color:white; }
.block-box { float:left; width:268px; background:url('../images/block_bg.png') repeat-y; }
.block { margin-left:35px; width:227px; margin-top:15px; padding-bottom:50px; }
.block_bottom { float:left; width:268px; height:4px; background:url('../images/block_bottom.png') no-repeat; }
/* cp */
.block_cp { float:left; width:268px; margin-top:-30px; }
.block_cp label { float:left; color:#7d1111; }
.block_cp div.block { padding-top:4px; }
.inputs { float:left; width:163px; padding-bottom:10px; }
.inputs input { width:95px; height:23px; border:0 none; background:transparent; color:#fff4e3; text-indent:3px; }
.input { float:left; width:104px; height:23px; border:0 none; background:url('../images/input.png') no-repeat; padding-bottom:3px; }
*:first-child+html .block_cp label { margin:0; padding:0; }
*:first-child+html .inputs input { margin:0; padding:0; padding-top:3px; padding-left:3px; }
.login_button { float:left; width:52px; padding-top:10px; }
.buttons { padding-left:20px; }
/* vote */
.block_vote { float:left; width:268px; margin-top:-30px; color:#fff4e3; }
.block_vote div.block { padding-bottom:25px; }
.block_vote div.block p { padding-top:3px; padding-bottom:15px; text-align:center; }
/* status */
.block_status { float:left; width:268px; }
.status { font:10pt 'Tahoma'; }
.status th { font-weight:normal; color:#7d1111; padding-bottom:10px; text-align:left; }
.status td { color:#fff4e3; text-align:center; padding-bottom:3px; }
.status td.on { color:#f4911f; }
.status td.off { color:#ff0000; }
.status td.servername { text-align:left; }
/* footer */
.footer { float:left; width:1092px; height:38px; background:url('../images/footer_bg.png') no-repeat; }
.footer p.design_author { float:left; color:#fe8c26; text-indent:30px; margin-top:12px; }
.footer p.design_author a { color:white; }
.footer p.copyright { float:left; text-indent:200px; margin-top:12px; color:white; }
.footer p.copyright span.swc { display:none; }
/* home page */
.home { background:url('../images/home_bg.png'); }
.wrapper_home { width:451px; height:256px; background:url('../images/home_logo.png') no-repeat; margin:0 auto; margin-top:170px; }
.wrapper_home ul { padding-top:222px; padding-left:50px; }
.wrapper_home ul li { float:left; margin-left:25px; margin-right:25px; }
.l2top{
position: relative;
background-color: #861d04;
}
Добавлено через 1 час 40 минут
up тему