MediaWiki:Common.css: различия между версиями
Строка 422: | Строка 422: | ||
margin-left: 5px; | margin-left: 5px; | ||
} | } | ||
+ | |||
+ | |||
+ | /*popup*/ | ||
+ | |||
+ | HTML, BODY { | ||
+ | padding: 0 ; | ||
+ | margin: 0 ; | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | |||
+ | } | ||
+ | BODY{ | ||
+ | background: #b8deff; | ||
+ | font-family: Tahoma, Ubuntu, Geneva, Kalimati, sans-serif; | ||
+ | font-size: 11px; | ||
+ | color: #542f1b; | ||
+ | } | ||
+ | TD,TR,INPUT,SELECT,TABLE { | ||
+ | font-family: Tahoma, Ubuntu, Geneva, Kalimati, sans-serif; | ||
+ | } | ||
+ | |||
+ | A { | ||
+ | color: #542f1b; | ||
+ | } | ||
+ | A:hover{ | ||
+ | color: #a76320; | ||
+ | } | ||
+ | |||
+ | form { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #container{ | ||
+ | margin: 0 auto; | ||
+ | width: 1080px; | ||
+ | position: relative; | ||
+ | min-height:1250px; | ||
+ | } | ||
+ | |||
+ | #top1{ | ||
+ | width: 1080px;height:70px; | ||
+ | z-index:1; | ||
+ | padding-top:10px; | ||
+ | } | ||
+ | |||
+ | #top1 DIV{ | ||
+ | width: 625px; | ||
+ | margin: 0px 0px 0px 228px; | ||
+ | text-align:center; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #top1 DIV A{ | ||
+ | color: white; | ||
+ | margin: 0 4px; | ||
+ | font-weight:bold; | ||
+ | font-size:11px; | ||
+ | } | ||
+ | |||
+ | #top1 DIV A.active{ | ||
+ | color:#ffff7c; | ||
+ | } | ||
+ | #top1 DIV A:hover{ | ||
+ | color:#ffff7c; | ||
+ | } | ||
+ | #top_menu{ | ||
+ | background:url(intop_2.png ) no-repeat bottom center; | ||
+ | height:115px; | ||
+ | z-index:5; | ||
+ | width: 1080px; | ||
+ | text-align:left; | ||
+ | padding:0; | ||
+ | position: relative; | ||
+ | } | ||
+ | #top_menu .logo { | ||
+ | display:block; | ||
+ | background:url(inlogo.png ) no-repeat top center; | ||
+ | width: 205px; | ||
+ | height: 215px; | ||
+ | position:absolute; | ||
+ | margin-top: -78px; | ||
+ | margin-left: 40px; | ||
+ | } | ||
+ | #top_menu .logo2 { | ||
+ | background:url(inlogo_2.png ) no-repeat top center; | ||
+ | } | ||
+ | #container.turbo #top_menu .logo { | ||
+ | background:url(/locale/RU/turbo/inlogo.png) no-repeat top center; | ||
+ | } | ||
+ | #container.turbo #top_menu .logo2 { | ||
+ | background:url(/locale/RU/turbo/inlogo-premium.png) no-repeat top center; | ||
+ | } | ||
+ | #top_menu .top_stats{ | ||
+ | width:600px; | ||
+ | height:50px; | ||
+ | position:absolute; | ||
+ | padding-left:230px; | ||
+ | margin-top:-20px; | ||
+ | } | ||
+ | #top_menu .top_stats2{ | ||
+ | margin-left:410px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #top_menu .char_stat{ | ||
+ | width: 234px; | ||
+ | height: 42px; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | color:white; | ||
+ | padding:5px 0px; | ||
+ | margin-left: 15px; | ||
+ | background:url(inbg_pers.png ) no-repeat top center; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .cage_parrot_link { | ||
+ | position: absolute; | ||
+ | right: 10px; | ||
+ | top: 0px; | ||
+ | z-index: 10; | ||
+ | } | ||
+ | |||
+ | .cage_parrot_icon { | ||
+ | display: block; | ||
+ | background: url(/i/ico.png) no-repeat -220px -660px; | ||
+ | width: 20px; | ||
+ | height: 20px; | ||
+ | position: absolute; | ||
+ | top: 3px; | ||
+ | left: 40px; | ||
+ | opacity: 0.7; | ||
+ | } | ||
+ | |||
+ | .cage_parrot_icon:hover { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | #top_menu .char_stat_without_pets { | ||
+ | margin-left: 190px; | ||
+ | } | ||
+ | |||
+ | #top_menu .char_stat_with_pets { | ||
+ | margin-left: 47px; | ||
+ | } | ||
+ | |||
+ | #top_menu .char_stat .name{ | ||
+ | height:22px; | ||
+ | font-size:11px; | ||
+ | font-weight:Bold; | ||
+ | color: #fcbd4b; | ||
+ | text-align:center; | ||
+ | overflow:hidden; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | #top_menu .char_stat .name.name_slim { | ||
+ | padding-left: 24px; | ||
+ | max-width: 118px; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | #top_menu .char_stat .name B{ | ||
+ | margin-top:-1px; | ||
+ | } | ||
+ | #top_menu .char_stat .name U{ | ||
+ | display:inline-block; | ||
+ | |||
+ | line-height:17px; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | #top_menu .char_stat{ | ||
+ | font-size:9px; | ||
+ | line-height:10px; | ||
+ | } | ||
+ | |||
+ | #top_menu .char_stat .stat{ | ||
+ | background:url(intop_hp.png ) no-repeat top left; | ||
+ | display:block; | ||
+ | position:absolute; | ||
+ | z-index:0; | ||
+ | height:9px; | ||
+ | margin: 0 16px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #pet .name { | ||
+ | /* | ||
+ | padding-right:28px; */ | ||
+ | max-width:162px; | ||
+ | } | ||
+ | |||
+ | #pet .name U { | ||
+ | |||
+ | margin-left: 0px; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | /** Бутылки*/ | ||
+ | #top_menu .char_stat A.icon{ | ||
+ | position:absolute; | ||
+ | margin-left:200px; | ||
+ | margin-top:-22px; | ||
+ | } | ||
+ | #top_menu .char_stat I{ | ||
+ | margin: -1px 0 0 110px; /*-top:-8px;*/ | ||
+ | display:inline; | ||
+ | position:absolute; | ||
+ | font-style:normal; | ||
+ | color: #ffe0aa; | ||
+ | |||
+ | z-index:5; | ||
+ | } | ||
+ | #top_menu .char_stat .life_2{background-position: 0 -9px; } | ||
+ | #top_menu .char_stat .life_3{background-position: 0 -18px; } | ||
+ | #top_menu .char_stat .life_hidden{background-position: 0 -45px; } | ||
+ | |||
+ | #top_menu #pet {margin-left:53px;} | ||
+ | #top_menu #pet .ico_cage{ | ||
+ | display:block; | ||
+ | background:url(ico_cage.png) no-repeat ; | ||
+ | width:20px;height:20px;float:left; | ||
+ | margin-left:17px; | ||
+ | margin-top:-2px; | ||
+ | } | ||
+ | #top_menu #pet .ico_cage_1{background-position: 0px -20px } | ||
+ | #top_menu #pet .ico_cage_1:hover{background-position: -20px -20px; } | ||
+ | #top_menu #pet .ico_cage_1:active{background-position: -40px -20px; } | ||
+ | #top_menu #pet .ico_cage_2{background-position: 0px 0px } | ||
+ | #top_menu #pet .ico_cage_2:hover{background-position: -20px 0px; } | ||
+ | #top_menu #pet .ico_cage_2:active{background-position: -40px 0px; } | ||
+ | |||
+ | |||
+ | #top_menu .char_stat_small{ | ||
+ | width: 78px; | ||
+ | padding:5px 0px; | ||
+ | background:url(inbg_pers2.png ) no-repeat top center; | ||
+ | margin-right:0px !important; | ||
+ | /*margin-left:20px !important;*/ | ||
+ | /*margin-left:10px; | ||
+ | */ | ||
+ | } | ||
+ | |||
+ | #top_menu .char_stat_small .name{ | ||
+ | width:30px; | ||
+ | margin-left:35px !important; | ||
+ | margin-top:0px; | ||
+ | |||
+ | } | ||
+ | #top_menu .char_stat_small I{ | ||
+ | margin: -1px 0 0 30px; /*-top:-8px;*/ | ||
+ | } | ||
+ | |||
+ | #top_menu .guilds { | ||
+ | width: 209px; | ||
+ | height:115px; | ||
+ | margin-left:840px; | ||
+ | position:absolute; | ||
+ | } | ||
+ | |||
+ | #top_menu .guilds U{ | ||
+ | display:block; | ||
+ | color:#542f1b; | ||
+ | font-size:10px; | ||
+ | line-height:19px; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #top_menu .guilds U:first-child { | ||
+ | color: transparent; | ||
+ | cursor: default; | ||
+ | } | ||
+ | |||
+ | #top_menu .guilds.show_guilds U:first-child { | ||
+ | color:#542f1b; | ||
+ | cursor: text; | ||
+ | } | ||
+ | |||
+ | #top_menu .guilds DIV A{ | ||
+ | display: inline-block; | ||
+ | width: 40px; | ||
+ | height: 40px; | ||
+ | background: none; | ||
+ | cursor: default; | ||
+ | } | ||
+ | |||
+ | #top_menu .guilds.show_guilds DIV A { | ||
+ | background: url(/i/inside/top_guilds.png) top left no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | #top_menu .guilds .guild2_0{background-position:-40px 0;} | ||
+ | #top_menu .guilds .guild3_0{background-position:-80px 0;} | ||
+ | #top_menu .guilds .guild4_0{background-position:-120px 0;} | ||
+ | |||
+ | #top_menu .guilds .hover{background-position: 0px 0} | ||
+ | #top_menu .guilds .hover:hover{background-position: -40px 0} | ||
+ | |||
+ | #top_menu .guilds P A{ | ||
+ | color: #e7b86d; | ||
+ | display:inline; | ||
+ | } | ||
+ | #top_menu .guilds P A:hover{ | ||
+ | color: #ffe0aa; | ||
+ | } | ||
+ | #top_menu .guilds P{ | ||
+ | line-height:22px; | ||
+ | } | ||
+ | |||
+ | #top_menu .guilds_old { | ||
+ | |||
+ | width: 209px; | ||
+ | height:115px; | ||
+ | margin-left:840px; | ||
+ | |||
+ | position:absolute; | ||
+ | } | ||
+ | |||
+ | #top_menu .guilds_old U{ | ||
+ | display:block; | ||
+ | color:#542f1b; | ||
+ | font-size:10px; | ||
+ | line-height:19px; | ||
+ | |||
+ | text-decoration:none; | ||
+ | |||
+ | } | ||
+ | |||
+ | #top_menu .guilds_old DIV A{ | ||
+ | display:inline-block; | ||
+ | width:50px; | ||
+ | height:50px; | ||
+ | background:url(/i/inside/top_guilds_020412.png) top left no-repeat; | ||
+ | } | ||
+ | |||
+ | #top_menu .guilds_old .guild2_0{background-position:-50px 0;} | ||
+ | #top_menu .guilds_old .guild3_0{background-position:-100px 0;} | ||
+ | #top_menu .guilds_old .guild4_0{background-position:-150px 0;} | ||
+ | |||
+ | #top_menu .guilds_old .hover{background-position: 0px 0} | ||
+ | #top_menu .guilds_old .hover:hover{background-position: -50px 0} | ||
+ | |||
+ | #top_menu .guilds_old P A{ | ||
+ | color: #e7b86d; | ||
+ | display:inline; | ||
+ | } | ||
+ | #top_menu .guilds_old P A:hover{ | ||
+ | color: #ffe0aa; | ||
+ | } | ||
+ | #top_menu .guilds_old P{ | ||
+ | line-height:22px; | ||
+ | } | ||
+ | |||
+ | #top_menu .fast { | ||
+ | width: 570px; | ||
+ | height: 37px; | ||
+ | position: absolute; | ||
+ | background-image: url('/images/packs/fast/bg_fast.png'); | ||
+ | margin-left: 250px; | ||
+ | margin-top: 83px; | ||
+ | padding-top: 5px; | ||
+ | padding-left: 7px; | ||
+ | } | ||
+ | |||
+ | #top_menu .fast_empty { | ||
+ | background-image: url('/images/packs/fast/bg_fast2.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: 534px; | ||
+ | padding-left: 9px; | ||
+ | } | ||
+ | |||
+ | .fast_item { | ||
+ | margin: 1px; | ||
+ | padding: 2px 0 0 0; | ||
+ | width: 29px; | ||
+ | height: 28px; | ||
+ | text-align: center; | ||
+ | border: 1px solid #b48c5c; | ||
+ | background: #d6b98d; | ||
+ | border-radius: 2px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .fast_item:hover, .fast_item.open { | ||
+ | background: #eccfa2; | ||
+ | } | ||
+ | |||
+ | .fast_item:active { | ||
+ | background-position: -61px 0px; | ||
+ | } | ||
+ | .fast_item_empty:hover, .fast_item_empty:active { | ||
+ | background-position: 1px 0px; | ||
+ | } | ||
+ | |||
+ | .fast_item .ico { | ||
+ | width: 28px; | ||
+ | height: 28px; | ||
+ | background-image: url('/images/packs/fast/ico_fast.png'); | ||
+ | } | ||
+ | |||
+ | .fast .last { | ||
+ | margin-right: 7px | ||
+ | } | ||
+ | |||
+ | .fast_item .folder { background-position: -140px -196px; line-height: 32px; text-align: center; color: #fff; font-weight: bold; padding-left: 4px; width: 24px;} | ||
+ | .fast_item .fempty { background-image: none } | ||
+ | .fast_item .f1 { background-position: 1px 0px } | ||
+ | .fast_item .f2 { background-position: -28px 0px } | ||
+ | .fast_item .f3 { background-position: -56px 0px } | ||
+ | .fast_item .f4 { background-position: -83px -1px } | ||
+ | .fast_item .f5 { background-position: -112px -1px } | ||
+ | .fast_item .f6 { background-position: -140px 0px } | ||
+ | .fast_item .f7 { background-position: -168px 0px } | ||
+ | .fast_item .f8 { background-position: -196px 0px } | ||
+ | .fast_item .f9 { background-position: -224px 0px } | ||
+ | .fast_item .f10 { background-position: -252px -1px } | ||
+ | .fast_item .f11 { background-position: 1px -29px } | ||
+ | .fast_item .f12 { background-position: -28px -29px } | ||
+ | .fast_item .f13 { background-position: -56px -29px } | ||
+ | .fast_item .f14 { background-position: -84px -29px } | ||
+ | .fast_item .f15 { background-position: -112px -29px } | ||
+ | .fast_item .f16 { background-position: -140px -29px } | ||
+ | .fast_item .f17 { background-position: -168px -29px } | ||
+ | .fast_item .f18 { background-position: -196px -29px } | ||
+ | .fast_item .f19 { background-position: -224px -29px } | ||
+ | .fast_item .f20 { background-position: -252px -29px } | ||
+ | .fast_item .f21 { background-position: 1px -57px } | ||
+ | .fast_item .f22 { background-position: -27px -58px } | ||
+ | .fast_item .f23 { background-position: -56px -58px } | ||
+ | .fast_item .f24 { background-position: -84px -58px } | ||
+ | .fast_item .f25 { background-position: -112px -58px } | ||
+ | .fast_item .f26 { background-position: -140px -58px } | ||
+ | .fast_item .f27 { background-position: -168px -58px } | ||
+ | .fast_item .f28 { background-position: -196px -57px } | ||
+ | .fast_item .f29 { background-position: -223px -58px } | ||
+ | .fast_item .f30 { background-position: -252px -58px } | ||
+ | .fast_item .f31 { background-position: 1px -85px } | ||
+ | .fast_item .f32 { background-position: -28px -85px } | ||
+ | .fast_item .f33 { background-position: -56px -85px } | ||
+ | .fast_item .flast { background-position: -84px -85px } | ||
+ | .fast_item .f35 { background-position: -112px -85px } | ||
+ | |||
+ | .fast_item .f36 { background-position: -139px -85px } | ||
+ | .fast_item .f37 { background-position: -168px -84px } | ||
+ | .fast_item .f38 { background-position: -196px -85px } | ||
+ | .fast_item .f39 { background-position: -224px -85px } | ||
+ | .fast_item .f40 { background-position: -251px -84px } | ||
+ | .fast_item .f41 { background-position: 1px -112px } | ||
+ | .fast_item .f42 { background-position: -27px -112px } | ||
+ | .fast_item .f43 { background-position: -56px -112px } | ||
+ | .fast_item .f44 { background-position: -84px -112px } | ||
+ | .fast_item .f45 { background-position: -112px -112px } | ||
+ | .fast_item .f46 { background-position: -140px -112px } | ||
+ | .fast_item .f47 { background-position: -167px -112px } | ||
+ | .fast_item .f48 { background-position: -196px -112px } | ||
+ | .fast_item .f49 { background-position: -223px -112px } | ||
+ | .fast_item .f50 { background-position: -252px -112px } | ||
+ | .fast_item .f51 { background-position: 1px -139px } | ||
+ | .fast_item .f52 { background-position: -28px -139px } | ||
+ | .fast_item .f53 { background-position: -56px -139px } | ||
+ | .fast_item .f54 { background-position: -139px -141px } | ||
+ | .fast_item .f55 { background-position: -112px -141px } | ||
+ | .fast_item .f56 { background-position: -83px -141px } | ||
+ | .fast_item .f57 { background-position: -167px -139px } | ||
+ | .fast_item .f58 { background-position: -195px -139px } | ||
+ | .fast_item .f59 { background-position: -223px -139px } | ||
+ | .fast_item .f60 { background-position: -251px -139px } | ||
+ | .fast_item .f61 { background-position: 1px -168px } | ||
+ | .fast_item .f62 { background-position: -27px -168px } | ||
+ | .fast_item .f63 { background-position: -55px -168px } | ||
+ | .fast_item .f64 { background-position: -83px -168px } | ||
+ | .fast_item .f65 { background-position: -112px -168px } | ||
+ | .fast_item .f66 { background-position: -140px -168px } | ||
+ | .fast_item .f67 { background-position: -168px -168px } | ||
+ | .fast_item .f68 { background-position: -196px -168px } | ||
+ | .fast_item .f69 { background-position: -223px -168px } | ||
+ | .fast_item .f70 { background-position: -56px -85px } | ||
+ | .fast_item .f71 { background-position: -251px -168px } | ||
+ | .fast_item .f72 { background-position: 1px -195px } | ||
+ | .fast_item .f73 { background-position: -28px -196px } | ||
+ | .fast_item .f74 { background-position: -56px -196px } | ||
+ | .fast_item .f75 { background-position: -84px -196px } | ||
+ | .fast_item .f76 { background-position: -112px -196px } | ||
+ | .fast_item .f77 { background-position: -168px -196px;} | ||
+ | .fast_item .f78 { background-position: -196px -196px;} | ||
+ | |||
+ | DIV#online{ | ||
+ | float:right; | ||
+ | margin: 0 60px 0 0; | ||
+ | width:161px; | ||
+ | height:70px; | ||
+ | background: url(timer_bg.png) bottom left no-repeat; | ||
+ | color:#fffcd8; | ||
+ | font-size:11px; | ||
+ | } | ||
+ | DIV#online .t{margin:0px;color:white;} | ||
+ | DIV#online #time{display:block;margin:0px;color:#9b702e;} | ||
+ | |||
+ | |||
+ | .top_money { | ||
+ | padding: 18px 0 0 ; | ||
+ | display:block; | ||
+ | margin-left:247px; | ||
+ | position:absolute; | ||
+ | min-width: 580px; | ||
+ | |||
+ | } | ||
+ | .top_money .money{ | ||
+ | background:url(intop_menu.png ) no-repeat top left; | ||
+ | width: 65px; | ||
+ | height: 50px; | ||
+ | padding:10px 10px 10px 70px; | ||
+ | |||
+ | float:left; | ||
+ | font-size:11px; | ||
+ | color: #fcbd4b; | ||
+ | |||
+ | } | ||
+ | .top_money .money P{ | ||
+ | margin-bottom:3px; | ||
+ | font-size:11px; | ||
+ | padding:0; | ||
+ | text-align:center; | ||
+ | |||
+ | } | ||
+ | .top_money .money B{ | ||
+ | color: #ffe0aa; | ||
+ | font-weight:normal; | ||
+ | display:block; | ||
+ | text-align:center; | ||
+ | display: block; | ||
+ | width: 80px; | ||
+ | margin-left: -14px; | ||
+ | } | ||
+ | |||
+ | .top_money #crystal{background-position: -145px 0px;} | ||
+ | .top_money #fish{background-position: -290px 0px;} | ||
+ | .top_money #green{background-position: -435px 0px;} | ||
+ | .top_money A{ | ||
+ | display:block; position:absolute; | ||
+ | width:30px; height:30px; | ||
+ | margin:22px 0 0 43px; | ||
+ | background: url(intop_green.png) no-repeat; | ||
+ | } | ||
+ | .top_money A:hover{background-position: -30px 0px;} | ||
+ | .top_moneyA:active{background-position: -60px 0px;} | ||
+ | |||
+ | .top_money2{margin-left:295px;} | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .top_money .safe{ | ||
+ | background:url(intop_safe.png ) no-repeat 0px -13px; | ||
+ | display:block; | ||
+ | position:absolute; | ||
+ | height:13px; | ||
+ | width: 70px; | ||
+ | margin-top:4px; | ||
+ | text-align:left; | ||
+ | } | ||
+ | .top_money .safe B{ | ||
+ | background:url(intop_hp.png ) no-repeat 0 -27px; | ||
+ | display:block; | ||
+ | width:65px; | ||
+ | |||
+ | height:9px; | ||
+ | margin:2px 1px 1px 2px; | ||
+ | } | ||
+ | .top_money .safe I{ | ||
+ | position:absolute; | ||
+ | display:block; | ||
+ | background:url(intop_safe.png ) no-repeat 0 0 ; | ||
+ | |||
+ | width: 11px; | ||
+ | height:13px; | ||
+ | margin: 0 0px 0 -13px; | ||
+ | } | ||
+ | .top_money .safe2 I{ | ||
+ | background-position: -11px 0px; | ||
+ | } | ||
+ | |||
+ | .top_money .safe B.safe_1{background-position: 0 -36px; } | ||
+ | |||
+ | /*.top_money .safe B.safe_2{background-position: 0 -9px; } | ||
+ | */ | ||
+ | |||
+ | .temp_account{ | ||
+ | display:block; | ||
+ | margin-left:260px; | ||
+ | position:absolute; | ||
+ | background:red; | ||
+ | width: 538px; | ||
+ | margin-top:85px; | ||
+ | background:#e6d6bc; | ||
+ | border: 1px solid #fe0000; | ||
+ | text-align:center; | ||
+ | padding: 2px 5px; | ||
+ | color: #980000; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | #content-container | ||
+ | { | ||
+ | float: left; | ||
+ | width: 1080px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #menu{ | ||
+ | float: left; | ||
+ | background:url(inlmenu.png ) no-repeat top left; | ||
+ | width: 170px; | ||
+ | height:500px; | ||
+ | margin-left:38px; | ||
+ | padding:70px 20px 0 20px; | ||
+ | display: inline; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #menu.menu_steps_14 {height: 396px; background:url(inlmenu14.png ) no-repeat top left;} | ||
+ | #menu.menu_steps_13 {height: 416px; background:url(inlmenu13.png ) no-repeat top left;} | ||
+ | #menu.menu_steps_12 {height: 457px; background:url(inlmenu12.png ) no-repeat top left;} | ||
+ | #menu.menu_steps_11 {height: 457px; background:url(inlmenu11.png ) no-repeat top left;} | ||
+ | |||
+ | |||
+ | #content | ||
+ | { | ||
+ | float: left; | ||
+ | width: 583px; | ||
+ | background: url(bg_bottom.png ) no-repeat center bottom; | ||
+ | margin-bottom:10px; | ||
+ | padding-bottom: 40px; | ||
+ | } | ||
+ | #crumbs{ | ||
+ | background: url(incrumbs.png ) no-repeat; | ||
+ | height:21px; | ||
+ | width:504px; | ||
+ | padding: 13px 40px 10px; | ||
+ | vertical-align:middle; | ||
+ | color:#dec696; | ||
+ | |||
+ | } | ||
+ | #crumbs A{ color:#dec696} | ||
+ | #crumbs B{ color:#ffd171} | ||
+ | #body{ | ||
+ | margin:0 5px 0 4px; | ||
+ | padding: 6px 10px 1px; | ||
+ | width:554px; | ||
+ | background: #eadec9; | ||
+ | min-height:677px; | ||
+ | position: relative; | ||
+ | } | ||
+ | #right | ||
+ | { | ||
+ | float: left; | ||
+ | width: 210px; | ||
+ | display: inline; | ||
+ | position: relative; | ||
+ | } | ||
+ | #rmenu1{ | ||
+ | background:url(inrmenu_1.png ) no-repeat top left; | ||
+ | height:220px; | ||
+ | padding:43px 20px 20px 20px; | ||
+ | text-align:center; | ||
+ | } | ||
+ | #rmenu1.slim{ | ||
+ | background:url(inrmenu_1_2.png ) no-repeat top left; | ||
+ | height:160px; | ||
+ | } | ||
+ | #rmenu1.extend2{ | ||
+ | background:url(inrmenu_3.png ) no-repeat top left; | ||
+ | height:246px; | ||
+ | } | ||
+ | #rmenu1.extend3{ | ||
+ | background:url(inrmenu_4.png ) no-repeat top left; | ||
+ | height:272px; | ||
+ | } | ||
+ | #rmenu2{ | ||
+ | background:url(inrmenu_2-5.png ) no-repeat top left; | ||
+ | height:405px; | ||
+ | padding:25px 17px 40px 13px; | ||
+ | position: relative; | ||
+ | } | ||
+ | /*#rmenu2.rmenu_size1{background-image:url(inrmenu_2-1.png );height:302px;}*/ | ||
+ | /*#rmenu2.rmenu_size2{background-image:url(inrmenu_2-2.png );height:328px; }*/ | ||
+ | /*#rmenu2.rmenu_size3{background-image:url(inrmenu_2-3.png );height:354px; }*/ | ||
+ | /*#rmenu2.rmenu_size4{background-image:url(inrmenu_2-4.png );height:380px; }*/ | ||
+ | /*#rmenu2.rmenu_size5{background-image:url(inrmenu_2-5.png );height:406px; }*/ | ||
+ | #rmenu2.rmenu_size6{background-image:url(inrmenu_2-6.png );height:430px; } | ||
+ | |||
+ | #rmenu2 .scroll { | ||
+ | width: 178px; | ||
+ | height: 377px; | ||
+ | background-color: #efdcb5; | ||
+ | border: 1px solid #9c8164; | ||
+ | border-radius: 3px; | ||
+ | outline: none; | ||
+ | overflow: auto; | ||
+ | } | ||
+ | |||
+ | #rmenu2 h3 { | ||
+ | margin: 5px 0 7px; | ||
+ | text-align: center; | ||
+ | font-size: 11px; | ||
+ | text-transform: uppercase; | ||
+ | color: #73503a; | ||
+ | } | ||
+ | |||
+ | #rmenu2 A.settings{ | ||
+ | position: absolute; | ||
+ | top: 23px !important; | ||
+ | right: -8px !important; | ||
+ | width: 25px !important; | ||
+ | height: 25px !important; | ||
+ | background: url(btn_plus2.png) -25px 0px no-repeat !important; | ||
+ | text-decoration: none; | ||
+ | }f | ||
+ | #rmenu2 A.settings:hover{background-position: -25px -25px !important;} | ||
+ | #rmenu2 A.settings:active{background-position: -25px -50px !important;} | ||
+ | |||
+ | |||
+ | /** таймеры */ | ||
+ | #rmenu1 .timers{ | ||
+ | margin:7px 0px 16px1px; | ||
+ | height:127px; | ||
+ | width:164px; | ||
+ | } | ||
+ | #rmenu1 .timer{ | ||
+ | background: url(intop_safe.png) 0 -26px no-repeat ; | ||
+ | display:block; | ||
+ | width:154px; | ||
+ | text-align:center; | ||
+ | height:20px; | ||
+ | line-height:20px; | ||
+ | text-decoration: none; | ||
+ | margin: 3px auto ; | ||
+ | |||
+ | } | ||
+ | #rmenu1 .coulons{ | ||
+ | margin-top:3px; | ||
+ | position: relative; | ||
+ | margin-left: -2px; | ||
+ | } | ||
+ | |||
+ | #rmenu1 .coulons.margin2{ | ||
+ | margin-top: 2px; | ||
+ | } | ||
+ | #rmenu1 .coulons A.plus{ | ||
+ | position: absolute; | ||
+ | top: -1px !important; | ||
+ | right: -29px !important; | ||
+ | width: 21px !important; | ||
+ | height: 21px !important; | ||
+ | background: url(btn_plus2.png) 0px 0px no-repeat !important; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | #rmenu1 .coulons A.plus:hover{background-position: 0px -25px !important;} | ||
+ | #rmenu1 .coulons A.plus:active{background-position: 0px -50px !important;} | ||
+ | |||
+ | #rmenu1 .coulons A{ | ||
+ | cursor:pointer; | ||
+ | display:inline-block; | ||
+ | background: url(intop_safe.png) 0 -46px no-repeat ; | ||
+ | width: 20px; | ||
+ | padding:2px; | ||
+ | text-align:center; | ||
+ | height:20px; | ||
+ | margin-right:1px; | ||
+ | } | ||
+ | #rmenu1 .coulons A.active, | ||
+ | #rmenu1 .coulons A:hover{ | ||
+ | background-position: -24px -46px; | ||
+ | } | ||
+ | #rmenu1 .coulons B{ | ||
+ | width: 20px; | ||
+ | height:20px; | ||
+ | } | ||
+ | |||
+ | /** Footer */ | ||
+ | #footer | ||
+ | { | ||
+ | clear: both; | ||
+ | background:url(bg_footer.png ) no-repeat top center; | ||
+ | height:47px; | ||
+ | text-align: left; | ||
+ | padding: 15px 1px; | ||
+ | margin:0 auto 20px; | ||
+ | width: 574px; | ||
+ | |||
+ | |||
+ | } | ||
+ | #footer .logo_ddestiny { | ||
+ | background: url(/i/front/logo_destiny.png) no-repeat; | ||
+ | width:142px; | ||
+ | height:42px; | ||
+ | margin-left:20px; | ||
+ | display:block; | ||
+ | position:absolute; | ||
+ | } | ||
+ | #footer .logo_ddestiny:hover {background-position: 0 -42px;} | ||
+ | |||
+ | #top_menu #logo_mail { | ||
+ | background: url(/i/global/mailru_small.png) no-repeat; | ||
+ | width:110px; | ||
+ | height:30px; | ||
+ | margin:130px 85px 0; | ||
+ | position:absolute; | ||
+ | top: 20px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #footer #logo_mail2 { | ||
+ | background: url(/i/front/logo_mailru_s.png) no-repeat; | ||
+ | width:84px; | ||
+ | height:22px; | ||
+ | margin:12px 170px 0; | ||
+ | position:absolute; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | #footer_menu{ | ||
+ | text-align:center; | ||
+ | width: 300px; | ||
+ | margin-left:240px; | ||
+ | position:absolute; | ||
+ | color:#cd9e5c; | ||
+ | } | ||
+ | |||
+ | |||
+ | #footer_menu .links{ | ||
+ | font-weight:bold; | ||
+ | font-size:11px; | ||
+ | color:#ecbf75; | ||
+ | margin-bottom:10px; | ||
+ | |||
+ | } | ||
+ | #footer_menu A{ | ||
+ | color:#ecbf75; | ||
+ | } | ||
+ | |||
+ | #footer_menu A:hover{ | ||
+ | color:#fcddab; | ||
+ | } | ||
+ | /** Глобальные вещи */ | ||
+ | |||
+ | H2{ | ||
+ | font-size:14px; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | H4{ | ||
+ | text-align:center; | ||
+ | } | ||
+ | .break{ | ||
+ | line-height:7px;display:block; | ||
+ | height:10px; | ||
+ | } | ||
+ | |||
+ | SPAN.small{font-size:11px;} | ||
+ | SPAN.xsmall{font-size:10px;} | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | #right .spr, | ||
+ | #menu A[id^="m"], #menu a.adminLink{ | ||
+ | width: 165px; | ||
+ | height: 20px; | ||
+ | color: #542f1b; | ||
+ | |||
+ | display:block; | ||
+ | |||
+ | overflow: hidden; | ||
+ | position:relative; | ||
+ | text-align:center; | ||
+ | padding-top:0px; | ||
+ | line-height:20px; | ||
+ | font-size:10px; | ||
+ | |||
+ | text-decoration:none; | ||
+ | |||
+ | } | ||
+ | #menu .adminLink {margin-top: 0px;position:absolute;font-weight:20px} | ||
+ | |||
+ | #right .spr B, | ||
+ | #menu A B{ | ||
+ | background-image:url(/locale/RU/i/inside_menu_txt.png); | ||
+ | background-repeat: no-repeat; | ||
+ | display:block; | ||
+ | height:20px; | ||
+ | width:165px; | ||
+ | |||
+ | position:absolute; left:0; top:0; z-index:1; | ||
+ | } | ||
+ | |||
+ | |||
+ | #menu #m1 B{background-position:0px 0px} | ||
+ | #menu #m1:hover B{background-position:-165px 0px} | ||
+ | #menu #m2 B{background-position:0px -20px} | ||
+ | #menu #m2.active B, | ||
+ | #menu #m2:hover B{background-position:-165px -20px} | ||
+ | #menu #m3 B{background-position:0px -40px} | ||
+ | #menu #m3:hover B{background-position:-165px -40px} | ||
+ | #menu #m4 B{background-position:0px -60px} | ||
+ | #menu #m4:hover B{background-position:-165px -60px} | ||
+ | #menu #m5 B{background-position:0px -80px} | ||
+ | #menu #m5:hover B{background-position:-165px -80px} | ||
+ | #menu #m6 B{background-position:0px -100px} | ||
+ | #menu #m6:hover B{background-position:-165px -100px} | ||
+ | #menu #m7 B{background-position:0px -120px;} | ||
+ | #menu #m7:hover B{background-position:-165px -120px} | ||
+ | #menu #m8 B{background-position:0px -140px} | ||
+ | #menu #m8:hover B{background-position:-165px -140px} | ||
+ | #menu #m9 B{background-position:0px -160px} | ||
+ | #menu #m9.active B, | ||
+ | #menu #m9:hover B{background-position:-165px -160px} | ||
+ | #menu #m10 B{background-position:0px -180px} | ||
+ | #menu #m10:hover B{background-position:-165px -180px} | ||
+ | #menu #m11 B{background-position:0px -200px} | ||
+ | #menu #m11.activeB, | ||
+ | #menu #m11:hover B{background-position:-165px -200px} | ||
+ | #menu #m12 B{background-position:0px -220px} | ||
+ | #menu #m12:hover B{background-position:-165px -220px} | ||
+ | #menu #m13 B{background-position:0px -240px} | ||
+ | #menu #m13.activeB, | ||
+ | #menu #m13:hover B{background-position:-165px -240px} | ||
+ | #menu #m14 B{background-position:0px -260px} | ||
+ | #menu #m14:hover B{background-position:-165px -260px} | ||
+ | #menu #m15 B{background-position:0px -280px} | ||
+ | #menu #m15:hover B{background-position:-165px -280px} | ||
+ | #menu #m16 B{background-position:0px -300px} | ||
+ | #menu #m16:hover B{background-position:-165px -300px} | ||
+ | #menu #m17 B{background-position:0px -320px} | ||
+ | #menu #m17:hover B{background-position:-165px -320px} | ||
+ | #menu #m18 B{background-position:0px -360px} | ||
+ | #menu #m18:hover B, #menu #m18.active B{background-position:-165px -360px} | ||
+ | |||
+ | #mtimers B{background-position:0px -320px} | ||
+ | #mcoulons B{background-position:0px -340px} | ||
+ | /*#mtimers:hover B{background-position:100% -320px}*/ | ||
+ | #mcoulons:hover B{background-position:-165px -340px} | ||
+ | |||
+ | |||
+ | #menu .menu_ico{ | ||
+ | position:absolute; display:block; | ||
+ | background:red; | ||
+ | width:26px; | ||
+ | height:26px; | ||
+ | background: url(/i/menu_icons.png) no-repeat; | ||
+ | z-index:10; | ||
+ | margin: -6px 0 0 140px; | ||
+ | } | ||
+ | |||
+ | #menu .ico_assault{ | ||
+ | background-position: -52px 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | .cmd_all { | ||
+ | background-color: #dfccac; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /** Аккордеон */ | ||
+ | #accordion{ | ||
+ | margin-top:-5px; | ||
+ | height:100%; | ||
+ | overflow:hidden; | ||
+ | font-family: Tahoma, Ubuntu, Geneva, Kalimati, sans-serif; | ||
+ | position: relative; | ||
+ | } | ||
+ | #accordion P{ | ||
+ | margin:0; | ||
+ | } | ||
+ | |||
+ | #accordion .rating *{ | ||
+ | text-decoration:none; | ||
+ | color:#542f1b; | ||
+ | } | ||
+ | #accordion H6{ | ||
+ | margin: 0 -5px 0 -1px ; | ||
+ | padding:0; | ||
+ | line-height:22px; | ||
+ | text-align:center; | ||
+ | color:#542f1b; | ||
+ | font-size:12px; | ||
+ | background:#ecddc0; | ||
+ | font-weight:normal; | ||
+ | line-height:22px; | ||
+ | border:1px solid #bfb18e; | ||
+ | } | ||
+ | |||
+ | #accordion H6:first-child {margin-top: -1px;} | ||
+ | |||
+ | #accordion .rating H6 { | ||
+ | border-bottom: 0; | ||
+ | border-top: 1px solid #bfb18e; | ||
+ | } | ||
+ | |||
+ | #accordion .rating H6:first-child { | ||
+ | border-top: 0; | ||
+ | } | ||
+ | |||
+ | #accordionH6 A { | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | #accordion .rating P.slim{ | ||
+ | line-height:16px; | ||
+ | } | ||
+ | #accordion .rating P{ | ||
+ | height:22px; | ||
+ | line-height:22px; | ||
+ | padding-left:5px; | ||
+ | margin-bottom:0; | ||
+ | border-top:1px solid #bfb18e; | ||
+ | } | ||
+ | |||
+ | #accordion .rating P:first-child { | ||
+ | border-top: 0; | ||
+ | } | ||
+ | |||
+ | #accordion UL { | ||
+ | list-style-type:none; | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | } | ||
+ | |||
+ | /*#accordion .resources, #accordion .timers, #accordion .right_counters, #events_scroll {*/ | ||
+ | /*overflow: hidden;*/ | ||
+ | /*height: 216px;*/ | ||
+ | /*width: 178px;*/ | ||
+ | /*height: 268px;*/ | ||
+ | /*}*/ | ||
+ | /* | ||
+ | .ui-accordion-content-active {overflow: hidden !important;}*/ | ||
+ | |||
+ | #accordion .resources {padding: 0;} | ||
+ | |||
+ | #accordion .resources UL { | ||
+ | float:left; | ||
+ | width:87px; | ||
+ | |||
+ | } | ||
+ | #accordion .resources UL+UL {margin-right: -5px;} | ||
+ | #accordion .resources UL LI{ | ||
+ | padding:1px 0 1px 5px; | ||
+ | width:79px; | ||
+ | white-space:nowrap; | ||
+ | } | ||
+ | #accordion UL LI{ | ||
+ | border:1px solid #c1b092; | ||
+ | padding:1px 5px; | ||
+ | height:20px; | ||
+ | line-height:20px; | ||
+ | margin: 1px; | ||
+ | color:#52311e; | ||
+ | width:150px; | ||
+ | background-color: #e7d4ad; | ||
+ | border-radius: 2px; | ||
+ | } | ||
+ | |||
+ | .recommendations {position: absolute; bottom: 2px; left: 1px; right: 1px;} | ||
+ | .recommendations h6 {margin-left: -1px !important; margin-right: -1px !important; border-left-color: #9c8164 !important; border-right-color: #9c8164 !important;} | ||
+ | |||
+ | .accordion_bgr {background-color: #e7d4ad; border-radius: 2px;} | ||
+ | |||
+ | #accordion .small {width: 83px !important; float: left; margin: 1px 0 0 1px; padding: 1px 0 1px 1px;overflow:hidden;} | ||
+ | #accordion ul.r + h6 + ul.r {margin-right: -3px;} | ||
+ | |||
+ | #accordion UL LI b {margin: -3px 0 0;} | ||
+ | |||
+ | #accordion .right_counters LI{ | ||
+ | width:161px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /** Царь горы */ | ||
+ | DIV#king{ | ||
+ | text-align:center; | ||
+ | color: #4c1e10; | ||
+ | |||
+ | } | ||
+ | DIV#king A{ | ||
+ | |||
+ | color: #4c1e10; | ||
+ | } | ||
+ | |||
+ | DIV#king IMG.avat{ | ||
+ | width: 126px; | ||
+ | height: 160px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .cmd_all{ | ||
+ | background: url(../buttons.png) no-repeat ; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | /** Ньюби квест */ | ||
+ | BODY.newbie #menu #m2 B{background-position:-330px -20px !important} | ||
+ | BODY.newbie #menu #m4 B{background-position:-330px-60px !important} | ||
+ | BODY.newbie #menu #m5 B{background-position:-330px -80px !important} | ||
+ | |||
+ | BODY.newbie #menu #m9 B{background-position:-330px -160px !important} | ||
+ | BODY.newbie #menu #m10 B{background-position:-330px -180px !important} | ||
+ | BODY.newbie #menu #m11 B{background-position:-330px -200px !important} | ||
+ | BODY.newbie #menu #m12 B{background-position:-330px -220px !important} | ||
+ | BODY.newbie #menu #m13 B{background-position:-330px -240px !important} | ||
+ | BODY.newbie #menu #m14 B{background-position:-330px -260px !important} | ||
+ | BODY.newbie #menu #m17 B{background-position:-330px -320px !important} | ||
+ | BODY.newbie #menu #m6 B{background-position:-330px -100px !important} | ||
+ | BODY.newbie #menu #m7 B{background-position:-330px -120px !important} | ||
+ | |||
+ | |||
+ | /** Деревня */ | ||
+ | BODY.newbie_1 #menu #m3 B, | ||
+ | BODY.newbie_2 #menu #m3 B, | ||
+ | BODY.newbie_3 #menu #m3 B, | ||
+ | BODY.newbie_4 #menu #m3 B, | ||
+ | BODY.newbie_5 #menu #m3 B, | ||
+ | BODY.newbie_6 #menu #m3 B, | ||
+ | BODY.newbie_7 #menu #m3 B{background-position:-330px -40px !important} | ||
+ | |||
+ | /** Бодалка */ | ||
+ | BODY.newbie_1 #menu #m8 B, | ||
+ | BODY.newbie_2 #menu #m8 B{background-position:-330px -140px !important} | ||
+ | |||
+ | .feb14{ | ||
+ | width:64px; | ||
+ | height:50px; | ||
+ | |||
+ | display:block; | ||
+ | position:absolute; | ||
+ | background:url(/images/m/feb14/feb14_1.png) no-repeat; | ||
+ | margin-left:108px; | ||
+ | margin-top:30px; | ||
+ | } | ||
+ | .feb14_2{ | ||
+ | width:150px; | ||
+ | height:45px; | ||
+ | |||
+ | display:block; | ||
+ | position:absolute; | ||
+ | |||
+ | margin-left:70px; | ||
+ | margin-top:120px; | ||
+ | } | ||
+ | |||
+ | #potions_popup, #potions_pet_popup { | ||
+ | font-size: 11px; | ||
+ | } | ||
+ | #potions_popup td, #potions_pet_popup td { | ||
+ | padding-left: 5px; | ||
+ | padding-right: 5px; | ||
+ | } | ||
+ | #potions_popup td.pic, #potions_pet_popup td.pic { | ||
+ | padding-left: 0px; | ||
+ | padding-right: 0px; | ||
+ | } | ||
+ | #potions_popup .cmd_all, #potions_pet_popup .cmd_all{ | ||
+ | float:right; | ||
+ | } | ||
+ | #potions_popup .pic .cmd_all, #potions_pet_popup .pic .cmd_all{ | ||
+ | float:none; | ||
+ | } | ||
+ | #player_message_to_load, #pet_message_to_load { | ||
+ | height: 28px; | ||
+ | } | ||
+ | |||
+ | #socs_bgr { | ||
+ | background: #000; | ||
+ | opacity: 0.2; | ||
+ | -ms-filter:"alpha(opacity=20)"; /* IE8 */ | ||
+ | position: fixed; | ||
+ | right: 0px; | ||
+ | top: 30%; | ||
+ | width: 47px; | ||
+ | height: 312px; | ||
+ | border-radius: 3px 0 0 3px; | ||
+ | } | ||
+ | |||
+ | #socs { | ||
+ | position: fixed; | ||
+ | right: 0px; | ||
+ | top: 30%; | ||
+ | width: 47px; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | #socs table { | ||
+ | width: 47px; | ||
+ | } | ||
+ | |||
+ | #socs table td { | ||
+ | /*background-image: url(/images/packs/bg_socs.png); | ||
+ | background-repeat: repeat; | ||
+ | background-position: -32px 0px;*/ | ||
+ | } | ||
+ | |||
+ | #socs table td.top { | ||
+ | height: 10px; | ||
+ | background-position: 0px -10px; | ||
+ | } | ||
+ | |||
+ | #socs table td.bottom { | ||
+ | height: 10px; | ||
+ | background-position: 0px 0px; | ||
+ | } | ||
+ | |||
+ | #socs a { | ||
+ | background-image: url(/images/packs/socs.png); | ||
+ | width: 32px; | ||
+ | height: 32px; | ||
+ | display:block; | ||
+ | margin-bottom:5px; | ||
+ | margin-right: 5px; | ||
+ | } | ||
+ | |||
+ | #socs a.s1 { | ||
+ | background-position: 0px 0px; | ||
+ | } | ||
+ | #socs a.s1:hover { | ||
+ | background-position: -32px 0px; | ||
+ | } | ||
+ | #socs a.s2 { | ||
+ | background-position: 0px -32px; | ||
+ | } | ||
+ | #socs a.s2:hover { | ||
+ | background-position: -32px -32px; | ||
+ | } | ||
+ | #socs a.s3 { | ||
+ | background-position: 0px -64px; | ||
+ | } | ||
+ | #socs a.s3:hover { | ||
+ | background-position: -32px -64px; | ||
+ | } | ||
+ | #socs a.s4 { | ||
+ | background-position: 0px -96px; | ||
+ | } | ||
+ | #socs a.s4:hover { | ||
+ | background-position: -32px -96px; | ||
+ | } | ||
+ | #socs a.s5 { | ||
+ | background-position: 0px -128px; | ||
+ | } | ||
+ | #socs a.s5:hover { | ||
+ | background-position: -32px -128px; | ||
+ | } | ||
+ | #socs a.s6 { | ||
+ | background-position: 0px -160px; | ||
+ | } | ||
+ | #socs a.s6:hover { | ||
+ | background-position: -32px -160px; | ||
+ | } | ||
+ | #socs a.s7 { | ||
+ | background-position: 0px -192px; | ||
+ | } | ||
+ | #socs a.s7:hover { | ||
+ | background-position: -32px -192px; | ||
+ | } | ||
+ | #socs a.s8 { | ||
+ | background-position: 0px -224px; | ||
+ | } | ||
+ | #socs a.s8:hover { | ||
+ | background-position: -32px -224px; | ||
+ | } | ||
+ | #socs a.s9 { | ||
+ | background-position: 0px -256px; | ||
+ | } | ||
+ | #socs a.s9:hover { | ||
+ | background-position: -32px -256px; | ||
+ | } | ||
+ | |||
+ | #opaque { | ||
+ | position:fixed; | ||
+ | top:0;left:0;bottom:0; | ||
+ | width:100%; | ||
+ | background:black; | ||
+ | opacity:.5; /* FX/Opera/Safari/Chrome */ | ||
+ | -ms-filter:"alpha(opacity=50)"; /* IE8 */ | ||
+ | filter:alpha(opacity=50); /* IE6/IE7 */ | ||
+ | z-index: 1000; | ||
+ | } | ||
+ | |||
+ | #news_box { | ||
+ | position: fixed; | ||
+ | width: 810px; | ||
+ | top: 100px; | ||
+ | bottom: 100px; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | margin: 0 auto; | ||
+ | background-image: url(/images/m/balert/overlay.png); | ||
+ | border-radius: 3px; | ||
+ | display: none; | ||
+ | z-index: 10000; | ||
+ | } | ||
+ | |||
+ | #news_box #news_prev, #news_box #news_next {position: absolute; width: 93px; min-height: 200px; text-align: center; opacity: 0.3;} | ||
+ | #news_box #news_prev div, #news_box #news_next div {width: 29px; height: 44px; background-image: url(/images/m/help/white_arrows.png); display: inline-block; position: relative; top: 45%;} | ||
+ | #news_box #news_prev div {background-position: 0 0;} | ||
+ | #news_box #news_next div {background-position: -30px 0;} | ||
+ | #news_box #news_prev {left: -93px;} | ||
+ | #news_box #news_next {right: -93px;} | ||
+ | #news_box #news_prev.enabled, #news_box #news_next.enabled {cursor: pointer; opacity: 0.7;} | ||
+ | #news_box #news_prev.enabled:hover, #news_box #news_next.enabled:hover {opacity: 1;} | ||
+ | |||
+ | #news_box #bgr { | ||
+ | width: 700px; | ||
+ | position: absolute; | ||
+ | top: 10px; | ||
+ | right: 10px; | ||
+ | bottom: 10px; | ||
+ | background-color: #fdf3db; | ||
+ | border-radius: 3px; | ||
+ | } | ||
+ | |||
+ | #news_box #list { | ||
+ | width: 80px; | ||
+ | position: relative; | ||
+ | left: 10px; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | #news_box #list.full { | ||
+ | height: 540px; | ||
+ | } | ||
+ | |||
+ | #news_box #text { | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | #news_box .scroll { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | overflow: auto; | ||
+ | } | ||
+ | |||
+ | #news_box .scroll_left { | ||
+ | top: 10px; | ||
+ | width: 100px; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #news_box .scroll_left .jspVerticalBar {left: 3px; display: none;} | ||
+ | |||
+ | #news_box .scroll_left .jspPane {margin-left: 0 !important;} | ||
+ | |||
+ | #news_box .scroll_right { | ||
+ | top: 60px; | ||
+ | width: 680px; | ||
+ | right: 20px; | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | #news_box #more_old { | ||
+ | position: absolute; | ||
+ | width: 200px; | ||
+ | height: 40px; | ||
+ | display: block; | ||
+ | top: 530px; | ||
+ | left: 30px; | ||
+ | border: 1px red dotted; | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | #news_box #more { | ||
+ | margin-top: 5px; | ||
+ | height: 25px; | ||
+ | width: 80px; | ||
+ | background-color: #dacaac; | ||
+ | background-color: rgba(218,202,172,0.9); | ||
+ | cursor: pointer; | ||
+ | margin-bottom: 10px; | ||
+ | text-align: center; | ||
+ | line-height: 25px; | ||
+ | text-decoration: underline; | ||
+ | border-radius: 3px; | ||
+ | } | ||
+ | |||
+ | #news_box #more:hover { | ||
+ | background-color: #fdf3db; | ||
+ | } | ||
+ | |||
+ | #news_box #close { | ||
+ | width: 16px; | ||
+ | height: 16px; | ||
+ | position: absolute; | ||
+ | top: 20px; | ||
+ | right: 20px; | ||
+ | cursor: pointer; | ||
+ | display:inline-block; | ||
+ | background-image: url(/i/ico.png); | ||
+ | background-position: -80px -980px; | ||
+ | background-repeat:no-repeat; | ||
+ | vertical-align:middle; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | #news_box #title { | ||
+ | width: 700px; | ||
+ | height: 38px; | ||
+ | position: absolute; | ||
+ | top: 10px; | ||
+ | right: 10px; | ||
+ | display: block; | ||
+ | text-align: center; | ||
+ | color: #836b50; | ||
+ | font-weight: bold; | ||
+ | font-size: 11px; | ||
+ | text-transform: uppercase; | ||
+ | line-height: 38px; | ||
+ | overflow: hidden; | ||
+ | background-color: #f5ebd3; | ||
+ | border-radius: 3px 3px 0 0; | ||
+ | border-bottom: 1px solid #ddcdb8; | ||
+ | } | ||
+ | |||
+ | #news_box #head { | ||
+ | width: 330px; | ||
+ | height: 30px; | ||
+ | position: absolute; | ||
+ | top: 25px; | ||
+ | left: 10px; | ||
+ | display: block; | ||
+ | text-align: center; | ||
+ | color: #E3D0AF; | ||
+ | font-weight: bold; | ||
+ | font-size: 12px; | ||
+ | line-height: 30px; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #news_box #type { | ||
+ | width: 70px; | ||
+ | height: 30px; | ||
+ | position: absolute; | ||
+ | top: 13px; | ||
+ | left: 103px; | ||
+ | display: block; | ||
+ | text-align: center; | ||
+ | color: #E3D0AF; | ||
+ | font-weight: bold; | ||
+ | font-size: 12px; | ||
+ | line-height: 30px; | ||
+ | border-radius: 3px; | ||
+ | -moz-border-radius: 3px; | ||
+ | -webkit-border-radius: 3px; | ||
+ | -o-border-radius: 3px; | ||
+ | -khtml-border-radius: 3px; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #news_box #type.type_1 { | ||
+ | border: 1px #933e23 solid; | ||
+ | } | ||
+ | #news_box #type.type_2 { | ||
+ | border: 1px #e45f00 solid; | ||
+ | } | ||
+ | #news_box #type.type_3 { | ||
+ | border: 1px #008218 solid; | ||
+ | } | ||
+ | #news_box #type.type_4 { | ||
+ | border: 1px #0075ab solid; | ||
+ | } | ||
+ | #news_box #type.type_30 { | ||
+ | border: 1px #cc3300 solid; | ||
+ | } | ||
+ | |||
+ | #news_box #close:hover { | ||
+ | background-position: -100px -980px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #news_box #list .news_item { | ||
+ | height: 50px; | ||
+ | width: 80px; | ||
+ | background-color: #dacaac; | ||
+ | background-color: rgba(218,202,172,0.9); | ||
+ | cursor: pointer; | ||
+ | margin: 0 0 10px; | ||
+ | border-radius: 3px; | ||
+ | -moz-border-radius: 3px; | ||
+ | -webkit-border-radius: 3px; | ||
+ | -o-border-radius: 3px; | ||
+ | -khtml-border-radius: 3px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #news_box #list .news_item:hover { | ||
+ | background-color: #fdf3db; | ||
+ | } | ||
+ | |||
+ | #news_box #list .news_item.active { | ||
+ | background: #fdf3db; | ||
+ | cursor: default; | ||
+ | } | ||
+ | |||
+ | #news_box #list .news_item .arrow { | ||
+ | width: 7px; | ||
+ | height: 50px; | ||
+ | position: absolute; | ||
+ | right: -7px; | ||
+ | top: 0; | ||
+ | background: url(/images/packs/news/active_news.png) no-repeat right center; | ||
+ | display: none; | ||
+ | } | ||
+ | #news_box #list .news_item.active .arrow {display: block;} | ||
+ | |||
+ | #news_box #list .left { | ||
+ | display: inline-block; | ||
+ | width: 80px; | ||
+ | height: 50px; | ||
+ | } | ||
+ | |||
+ | #news_box #list .left span, #news_box #type .left span { | ||
+ | width: 70px; | ||
+ | height: 15px; | ||
+ | display: block; | ||
+ | color: #e9ddc8; | ||
+ | font-weight: bold; | ||
+ | border-radius: 3px; | ||
+ | -moz-border-radius: 3px; | ||
+ | -webkit-border-radius: 3px; | ||
+ | -o-border-radius: 3px; | ||
+ | -khtml-border-radius: 3px; | ||
+ | text-align: center; | ||
+ | margin: 5px; | ||
+ | line-height: 15px; | ||
+ | } | ||
+ | |||
+ | #news_box #type .left span { | ||
+ | border-radius: 0px; | ||
+ | -moz-border-radius: 0px; | ||
+ | -webkit-border-radius: 0px; | ||
+ | -o-border-radius: 0px; | ||
+ | -khtml-border-radius: 0px; | ||
+ | } | ||
+ | |||
+ | #news_box #type .left span { | ||
+ | width: 70px; | ||
+ | height: 15px; | ||
+ | display: block; | ||
+ | color: #e9ddc8; | ||
+ | font-weight: bold; | ||
+ | text-align: center; | ||
+ | margin: 5px; | ||
+ | line-height: 15px; | ||
+ | } | ||
+ | |||
+ | #news_box #type .left span, #news_box #type i { | ||
+ | margin: 0px !important; | ||
+ | } | ||
+ | |||
+ | #news_box #list .left span.type_1, #news_box #type.type_1 .left span { | ||
+ | background-color: #933e23; | ||
+ | } | ||
+ | |||
+ | #news_box #list .left span.type_2, #news_box #type.type_2 .left span { | ||
+ | background-color: #e45f00; | ||
+ | } | ||
+ | |||
+ | #news_box #list .left span.type_3, #news_box #type.type_3 .left span { | ||
+ | background-color: #008218; | ||
+ | } | ||
+ | |||
+ | #news_box #list .left span.type_4, #news_box #type.type_4 .left span { | ||
+ | background-color: #0075ab; | ||
+ | } | ||
+ | |||
+ | #news_box #list .left span.type_30, #news_box #type.type_30 .left span { | ||
+ | color: #845d36; | ||
+ | background-color: white; | ||
+ | } | ||
+ | |||
+ | #news_box #list .left span.type_40, #news_box #type.type_30 .left span { | ||
+ | color: #845d36; | ||
+ | background-color: white; | ||
+ | } | ||
+ | |||
+ | #news_box #list .left span.type_41, #news_box #type.type_41 .left span { | ||
+ | color: #845d36; | ||
+ | background-color: white; | ||
+ | } | ||
+ | |||
+ | #news_box #list .left i, #news_box #type i { | ||
+ | width: 70px; | ||
+ | height: 15px; | ||
+ | display: block; | ||
+ | font-style: normal !important; | ||
+ | font-weight: normal !important; | ||
+ | font-size: 10px; | ||
+ | color: #896f58; | ||
+ | margin: 5px; | ||
+ | text-align: center; | ||
+ | line-height: 15px; | ||
+ | } | ||
+ | #news_box #list .right { | ||
+ | width: 250px; | ||
+ | height: 50px; | ||
+ | text-align: left !important; | ||
+ | float:left; | ||
+ | line-height: 15px; | ||
+ | padding-top: 7px; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #news_box #filters { | ||
+ | width: 330px; | ||
+ | height: 40px; | ||
+ | position: absolute; | ||
+ | top: -20px; | ||
+ | left: 10px; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #news_box #filters div { | ||
+ | width: 30px; | ||
+ | height: 30px; | ||
+ | background-image: url(/images/packs/news/btn_groups.png); | ||
+ | margin-left: 5px; | ||
+ | padding-top: 10px; | ||
+ | padding-left: 10px; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #news_box #filters div:first-child { | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | #news_box #filters div:hover { | ||
+ | background-position: -40px 0px; | ||
+ | } | ||
+ | |||
+ | #news_box #filters div.active { | ||
+ | background-position: -80px 0px; | ||
+ | } | ||
+ | |||
+ | #news_box #filters div i { | ||
+ | width: 20px; | ||
+ | height: 20px; | ||
+ | background-image: url(/images/packs/news/ico_news.png); | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | #news_box #filters div.f1 i { | ||
+ | background-position: -20px 0px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #news_box #filters div.f2 i { | ||
+ | background-position: -40px 0px; | ||
+ | } | ||
+ | |||
+ | #news_box #filters div.f3 i { | ||
+ | background-position: -60px 0px; | ||
+ | } | ||
+ | |||
+ | #news_box #filters div.f4 i { | ||
+ | background-position: -80px 0px; | ||
+ | } | ||
+ | |||
+ | #news_box #ya_share { | ||
+ | position: absolute; | ||
+ | bottom: 14px; | ||
+ | left: 102px; | ||
+ | z-index: 10001; | ||
+ | } | ||
+ | |||
+ | #news_box #comments { | ||
+ | position: absolute; | ||
+ | bottom: 14px; | ||
+ | right: 130px; | ||
+ | z-index: 10001; | ||
+ | height: 26px; | ||
+ | line-height: 26px; | ||
+ | } | ||
+ | |||
+ | #news_box #comments a { | ||
+ | text-decoration: none; | ||
+ | border-bottom: 1px solid; | ||
+ | } | ||
+ | |||
+ | #news_box #comments a:hover { | ||
+ | border-bottom: 0; | ||
+ | } | ||
+ | |||
+ | #news_box #like { | ||
+ | position: absolute; | ||
+ | bottom: 20px; | ||
+ | right: 25px; | ||
+ | z-index: 10001; | ||
+ | width: 90px; | ||
+ | height: 37px; | ||
+ | line-height: 60px; | ||
+ | background: url(/images/packs/news/like_button.png) no-repeat right top; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | #news_box #like span {border-bottom: 1px dotted;} | ||
+ | #news_box #like:hover span {border-bottom-color: transparent;} | ||
+ | #news_box #like.thanks {opacity: 0.5; cursor: default;} | ||
+ | #news_box #like.thanks span {border: 0; border-bottom-color: transparent;} | ||
+ | |||
+ | #news_box.guild_news {width: 940px;} | ||
+ | #news_box.guild_news .scroll_left {top: 60px; left: 10px; right: 10px; width: 920px;} | ||
+ | #news_box.guild_news .scroll_left .jspVerticalBar {left: auto; display: block;} | ||
+ | #news_box.guild_news #news_prev, #news_box.guild_news #news_next {display: none;} | ||
+ | #news_box.guild_news #bgr {left: 10px; right: 10px; width: 920px;} | ||
+ | #news_box.guild_news #title {left: 10px; right: 10px; width: 920px;} | ||
+ | #news_box.guild_news #head { | ||
+ | width: 920px; | ||
+ | top: 10px; | ||
+ | z-index: 1000001; | ||
+ | display: block; | ||
+ | color: #836b50; | ||
+ | font-weight: bold; | ||
+ | font-size: 11px; | ||
+ | text-transform: uppercase; | ||
+ | line-height: 38px; | ||
+ | } | ||
+ | |||
+ | #news_box.guild_news #like {display: none;} | ||
+ | #news_box.guild_news #close {z-index: 1000002;} | ||
+ | #news_box.guild_news #list {width: 900px; left: 10px; right: 10px;} | ||
+ | |||
+ | #news_box.guild_news #list .news_item{ | ||
+ | width: 900px; | ||
+ | overflow: hidden; | ||
+ | cursor: default; | ||
+ | background-color: rgba(218,202,172,0.5); | ||
+ | } | ||
+ | |||
+ | #news_box.guild_news #list .news_item:hover { | ||
+ | background-color: #dacaac; | ||
+ | background-color: rgba(218,202,172,0.5); | ||
+ | } | ||
+ | |||
+ | #news_box.guild_news #more { | ||
+ | width: 900px; | ||
+ | } | ||
+ | |||
+ | #news_box.guild_news #more:hover {background-color: #dacaac;} | ||
+ | |||
+ | #news_box.guild_news #text { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #news_box.guild_news #list .right { | ||
+ | width: 795px; | ||
+ | display: block; | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | #news_box.guild_news #list .left { | ||
+ | width: 100px; | ||
+ | float: left; | ||
+ | } | ||
+ | #news_box.guild_news #list .left span, #news_box.guild_news #type .left span { | ||
+ | width: 90px; | ||
+ | } | ||
+ | |||
+ | #news_box.guild_news #filters { | ||
+ | width: 595px; | ||
+ | height: 65px; | ||
+ | position: absolute; | ||
+ | top: -55px; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | margin: 0 auto; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | #news_box.guild_news #filters div { | ||
+ | width: 65px; | ||
+ | height: 65px; | ||
+ | background-image: url(/images/packs/news/btn_groups2.png); | ||
+ | margin-bottom: 5px; | ||
+ | padding-top: 0px; | ||
+ | padding-left: 0px; | ||
+ | float: left; | ||
+ | margin-right: 5px; | ||
+ | } | ||
+ | |||
+ | #news_box.guild_news #filters div:hover { | ||
+ | background-position: -65px 0px; | ||
+ | } | ||
+ | |||
+ | #news_box.guild_news #filters div.active { | ||
+ | background-position: -130px 0px; | ||
+ | } | ||
+ | |||
+ | #news_box.guild_news #filters div i { | ||
+ | width: 60px; | ||
+ | height: 60px; | ||
+ | background-image: url(/images/packs/news/ico_news2.png); | ||
+ | display: block; | ||
+ | margin-left: 3px; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | #news_box.guild_news #filters div.active i {cursor: default;} | ||
+ | |||
+ | #news_box.guild_news #filters div.f1 i { | ||
+ | background-position: -60px 0px; | ||
+ | } | ||
+ | |||
+ | #news_box.guild_news #filters div.f2 i { | ||
+ | background-position: -240px 0px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #news_box.guild_news #filters div.f3 i { | ||
+ | background-position: -180px 0px; | ||
+ | } | ||
+ | |||
+ | #news_box.guild_news #filters div.f4 i { | ||
+ | background-position: -120px 0px; | ||
+ | } | ||
+ | |||
+ | #news_box.guild_news #filters div.f30 i { | ||
+ | background-position: -300px 0px; | ||
+ | } | ||
+ | |||
+ | #news_box.guild_news #filters div.f40 i { | ||
+ | background-position: -360px 0px; | ||
+ | } | ||
+ | |||
+ | #news_box.guild_news #filters div.f41 i { | ||
+ | background-position: -420px 0px; | ||
+ | } | ||
+ | |||
+ | #news_box.guild_news #filters div.f5 i { | ||
+ | background-position: -300px 60px; | ||
+ | } | ||
+ | |||
+ | #news_box.guild_news #filters div.f6 i { | ||
+ | background-position: -360px 60px; | ||
+ | } | ||
+ | |||
+ | #news_box.guild_news #filters div.f7 i { | ||
+ | background-position: -420px 60px; | ||
+ | } | ||
+ | |||
+ | #news_box.guild_news #filters div.f8 i { | ||
+ | background-position: -480px 60px; | ||
+ | } | ||
+ | |||
+ | #news_box.guild_news #filters div.f11 i { | ||
+ | background-position: -720px 60px; | ||
+ | } | ||
+ | |||
+ | #news_box.guild_news #filters div.f21 i { | ||
+ | background-position: -660px 60px; | ||
+ | } | ||
+ | |||
+ | #news_box.guild_news #filters div.f22 i { | ||
+ | background-position: -540px 60px; | ||
+ | } | ||
+ | |||
+ | #news_box.guild_news #filters div.f23 i { | ||
+ | background-position: -600px 60px; | ||
+ | } | ||
+ | |||
+ | .iconItem2{ | ||
+ | width: 40px; | ||
+ | height: 40px; | ||
+ | display:inline-block; | ||
+ | background: url(/images/packs/ico_items2.jpg) no-repeat; | ||
+ | vertical-align:top; | ||
+ | } | ||
+ | .iconItem2.ico_safe {background-position: 0px 0px;} | ||
+ | .iconItem2.ico_pet {background-position: -40px 0px;} | ||
+ | .iconItem2.ico_woodoo {background-position: -80px 0px;} | ||
+ | .iconItem2.ico_woodoo2 {background-position: -120px 0px;} | ||
+ | .iconItem2.ico_totem {background-position: -160px 0px;} | ||
+ | .iconItem2.ico_totem2 {background-position: -200px 0px;} | ||
+ | .iconItem2.ico_group_4 {background-position: -240px 0px;} | ||
+ | .iconItem2.ico_group_2 {background-position: -280px 0px;} | ||
+ | .iconItem2.ico_group_3 {background-position: -320px 0px;} | ||
+ | .iconItem2.ico_group_5 {background-position: -360px 0px;} | ||
+ | .iconItem2.ico_group_6 {background-position: -400px 0px;} | ||
+ | .iconItem2.ico_defs{background-position: -440px 0px;} | ||
+ | .iconItem2.ico_zorro {background-position: -480px 0px;} | ||
+ | .iconItem2.ico_group_24 {background-position: -600px 0px;} | ||
+ | .iconItem2.ico_group_25 {background-position: -560px 0px;} | ||
+ | |||
+ | .class_scroll_border { | ||
+ | width: 84px; | ||
+ | height: 70px; | ||
+ | background-image: url("/images/m/class/talants/bg_talents.png"); background-position: 0 0; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | div.class_scroll_border img { | ||
+ | top:4px; | ||
+ | left:12px; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | .slider.disabled A {display: none;} | ||
+ | |||
+ | #js_message { | ||
+ | background-image: url("/i/global/info_line.png"); | ||
+ | color: red; | ||
+ | display: block; | ||
+ | font-size: 12px; | ||
+ | height: 30px; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | margin: 0 auto; | ||
+ | line-height: 25px; | ||
+ | position: absolute; | ||
+ | text-align: center; | ||
+ | top: 121px; | ||
+ | vertical-align: middle; | ||
+ | width: 550px; | ||
+ | cursor:pointer; | ||
+ | |||
+ | } | ||
+ | |||
+ | .flipV{ | ||
+ | -moz-transform: scale(-1, 1); | ||
+ | -webkit-transform: scale(-1, 1); | ||
+ | -o-transform: scale(-1, 1); | ||
+ | transform: scale(-1, 1); | ||
+ | filter: FlipH; | ||
+ | -ms-filter: "FlipH"; | ||
+ | } | ||
+ | |||
+ | .flipH{ | ||
+ | -moz-transform: scale(1,-1); | ||
+ | -webkit-transform: scale(1, -1); | ||
+ | -o-transform: scale(1, -1); | ||
+ | transform: scale(1, -1); | ||
+ | filter: FlipV; | ||
+ | -ms-filter: "FlipV"; | ||
+ | } | ||
+ | |||
+ | #battle_invite {display: block;height: 32px;left: 317px;position: absolute;/*top: 28px;*/width: 160px;z-index: 10;margin-top: -52px;} | ||
+ | #battle_invite .img {background-image: url("/images/m/class/battle/guild_invite.png");background-repeat: no-repeat;height: 32px;width: 83px;} | ||
+ | #battle_invite .img.race_2.guild_5{background-position: 0px 0px;} | ||
+ | #battle_invite .img.race_2.guild_6{background-position: 0px -32px;} | ||
+ | #battle_invite .img.race_2.guild_7{background-position: 0px -64px;} | ||
+ | #battle_invite .img.race_2.guild_8{background-position: 0px -96px;} | ||
+ | #battle_invite .img.race_1.guild_5{background-position: -82px 0px;} | ||
+ | #battle_invite .img.race_1.guild_6{background-position: -82px -32px;} | ||
+ | #battle_invite .img.race_1.guild_7{background-position: -82px -64px;} | ||
+ | #battle_invite .img.race_1.guild_8{background-position: -82px -96px;} | ||
+ | #battle_invite .text {position: absolute;top:8px;left:86px;font-weight:bold;} | ||
+ | .bg_banner_new {background-position: 0px 0px;height:130px;width:190px;cursor:pointer;} | ||
+ | .battleground_banner_mine_01_new {background-image: url('/images/m/battleground/shaft1.png');} | ||
+ | .battleground_banner_mine_02_new {background-image: url('/images/m/battleground/shaft2.png');} | ||
+ | .battleground_banner_mine_03_new {background-image: url('/images/m/battleground/shaft3.png');} | ||
+ | .battleground_banner_mine_04_new {background-image: url('/images/m/battleground/shaft4.png');} | ||
+ | .battleground_banner_mine_05_new {background-image: url('/images/m/battleground/shaft5.png');} | ||
+ | .battleground_banner_mine_06_new {background-image: url('/images/m/battleground/shaft6.png');} | ||
+ | .battleground_banner_text_new {color:#834f15;margin-top:-24px;margin-left:20px;text-align: center;font-size: 11px;font-weight: bold;cursor:pointer;} | ||
+ | .maslenica_banner {background-position: 0px 0px;height:100px;width:190px;cursor:pointer;background-image: url('/locale/RU/ad/banner_pancake.png');} | ||
+ | .maslenica_banner:hover {background-position: 0px -100px;} | ||
+ | .knowledgeday_banner {background-position: 0px 0px;height:100px;width:190px;cursor:pointer;background-image: url('/locale/RU/ad/ban_knowledge.png');} | ||
+ | .knowledgeday_banner:hover {background-position: 0px -100px;} | ||
+ | .popka_banner {background-position: 0px 0px;height:100px;width:190px;cursor:pointer;background-image: url('/locale/RU/ad/popka_banner.png');} | ||
+ | .popka_banner:hover {background-position: 0px -100px;} | ||
+ | .supergifts_2013may_banner {background-position: 0px 0px;height:100px;width:190px;cursor:pointer;background-image: url('/locale/RU/ad/supergifts_2013may_banner.png');} | ||
+ | .supergifts_2013may_banner:hover {background-position: 0px -100px;} | ||
+ | .supergifts_2013may_banner2 {background-position: 0px 0px;height:100px;width:190px;cursor:pointer;background-image: url('/locale/RU/ad/supergifts_2013may_banner_2.png');} | ||
+ | .supergifts_2013may_banner2:hover {background-position: 0px -100px;} | ||
+ | .supergifts_2013may_banner3 {background-position: 0px 0px;height:100px;width:190px;cursor:pointer;background-image: url('/locale/RU/ad/supergifts_2013may_banner_3_other.png');} | ||
+ | .supergifts_2013may_banner3:hover {background-position: 0px -100px;} | ||
+ | .supergifts_2013may_banner4 {background-position: 0px 0px;height:100px;width:190px;cursor:pointer;background-image: url('/locale/RU/ad/supergifts_2013may_banner_4.png');} | ||
+ | .supergifts_2013may_banner4:hover {background-position: 0px -100px;} | ||
+ | .octoberfest_banner {background-image: url('/locale/RU/ad/kvasfest.png');} | ||
+ | .tournament_banner {background-image: url('/locale/RU/ad/tournament.png');} | ||
+ | |||
+ | |||
+ | /* выбор магической зверушки - зоокотомка */ | ||
+ | .fast_pets {overflow: hidden} | ||
+ | .fast_pets > div, .choose_pet {width: 60px; height: 60px; float: left; cursor: pointer; position: relative;} | ||
+ | .fast_pets > div img, .choose_pet img {width: 60px; height: 60px; display: block;} | ||
+ | .fast_pets > div > b, .choose_pet > b {width: 60px; nowhitespace: afterproperty; height: 60px; position: absolute; opacity: 0; filter: alpha(Opacity=0); display: block; left: 0; top: 0; box-shadow: inset 0 0 10px 1px greenyellow; /*background: greenyellow\0/*/;;} | ||
+ | .fast_pets > div:hover > b, .fast_pets > div.open > b, .choose_pet:hover > b, .choose_pet.open > b {opacity: 0.8; filter: alpha(Opacity=50);} | ||
+ | .choose_pet {float: none; display: inline-block;} | ||
+ | .selected_pet {opacity: 0.8 !important; filter: alpha(Opacity=90) !important;} | ||
+ | |||
+ | /* перенесено из design_2.tpl */ | ||
+ | #js_message {display: none;z-index: 10001 !important;left: 0px;top: -110px;} | ||
+ | #body {/*position: relative !important;*/} | ||
+ | |||
+ | #menu_forum_events {background-position: 0px 0px;height:100px;width:190px;cursor:pointer;background-image: url('/locale/RU/ad/menu_forum_events.png');} | ||
+ | #menu_forum_events:hover {background-position: 0px -100px;} | ||
+ | |||
+ | .night .maslenica_banner {background-image: url('/locale/RU/ad/banner_pancake_old.png');} | ||
+ | .night .knowledgeday_banner {background-image: url('/locale/RU/ad/ban_knowledge_old.png');} | ||
+ | .night .popka_banner {background-image: url('/locale/RU/ad/popka_banner_old.png');} | ||
+ | .night .supergifts_2013may_banner {background-image: url('/locale/RU/ad/supergifts_2013may_banner.png');} | ||
+ | .night .supergifts_2013may_banner2 {background-image: url('/locale/RU/ad/supergifts_2013may_banner_2.png');} | ||
+ | .night .supergifts_2013may_banner3 {background-image: url('/locale/RU/ad/supergifts_2013may_banner_3_other.png');} | ||
+ | .night .supergifts_2013may_banner4 {background-image: url('/locale/RU/ad/supergifts_2013may_banner_old_4.png');} | ||
+ | .night .octoberfest_banner {background-image: url('/locale/RU/ad/kvasfest_old.png');} | ||
+ | .night #menu_forum_events {background-image: url('/locale/RU/ad/menu_forum_events_old.png');} | ||
+ | .night .tournament_banner {background-image: url('/locale/RU/ad/tournament_old.png');} |
Версия 12:10, 21 ноября 2013
/*test style */ .title { width: 700px; height: 38px; position: absolute; top: 10px; right: 10px; display: block; text-align: center; color: #836b50; font-weight: bold; font-size: 11px; text-transform: uppercase; line-height: 38px; overflow: hidden; background-color: #f5ebd3; border-radius: 3px 3px 0 0; border-bottom: 1px solid #ddcdb8; } .thankyou { background-position: -300px -900px; } .top-2 { top: -2px; } .relative { position: relative !important; } .inlineb { display: inline-block; } .ico_clan_level { background-position: -280px -660px; width: 17px; height: 20px; width: 20px; height: 20px; } .icon, .iconsp, .gray_popup { width: 18px; height: 18px; } .icon, .iconsp, .icon_post, .icon_pack *, .icon12, .icon2, .iconsp20, .blue_popup, .gray_popup, .reload, .ico_bonus_pet .b_bonus, .server_1, .server_2, .server_3, .server_4, .server_t, .ico_bday_letter, .slide_down_button, .pandora .up div, .pandora .down div, .arrow-left, .arrow-right, .player_avatar .rating > b.icon, .prof_levelup, .mine_dec div, .mine_inc div, .new_slider .smith_min, .new_slider .smith_max, .slide_block_click .slide_block_icon, .controls .prev, .controls .next, .refer_add, .t_log, .box_x_button { display: inline-block; background-image: url(https://i.botva.ru/i/ico.png); background-repeat: no-repeat; vertical-align: middle; background-color: transparent; } .profile_hud { margin: 1px 5px 1px 28px; height: 10px; text-align: center; background: #e9dcc9; background: #EADEC9; position: relative; border: 1px solid #9C8164; border: 1px solid #904928; border-radius: 2px; } .w200 { width: 200px !important; } .mr-2 { margin-right: -2px !important; } .ml3 { margin-left: 3px !important; } .mb-2 { margin-bottom: -2px !important; } .inlineb { display: inline-block; } .profile_hud div:first-child { height: 10px; top: 0px; left: 0px; position: relative; background: url(https://i.botva.ru/images/m/profile/bars.png) repeat 0 -110px; z-index: 4; float: left; } .profile_hud .value1 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.7; color: #000; text-shadow: none; display: block; text-align: center; } .profile_hud div + div { top: 0; bottom: 0; left: 0; right: 0; font-size: 10px; line-height: 100%; position: absolute; z-index: 5; color: #fff; text-shadow: 0px 0px 3px #000; } .profile_hud .value1 span { background: #fff; background: rgba(255,255,255,0.7); display: inline-block; padding: 0 3px; border-radius: 3px; position: relative; } /* CSS @Invisible_man*/ table.collapsed tr.collapsible { display: none; } .collapseButton { cursor: pointer; } h1 { /* Заголовок 1 */ color: #8D673A; /*Цвет*/ text-shadow: 0 0 5px #CDAA80, 0 0 10px #CDAA80, 0 0 20px #CDAA80, 0 0 30px #CDAA80, 0 0 40px #CDAA80; /* Расплывающаяся тень */ } h2 { color: #8D673A; text-shadow: 0 0 2px #CDAA80, 0 0 5px #CDAA80, 0 0 10px #CDAA80, 0 0 15px #CDAA80, 0 0 20px #CDAA80; } h3 { color: #8D673A; text-shadow: 0 0 1px #CDAA80, 0 0 2px #CDAA80, 0 0 5px #CDAA80, 0 0 7px #CDAA80, 0 0 10px #CDAA80; } h4 { color: #8D673A; text-shadow: 0 0 1px #CDAA80, 0 0 1px #CDAA80, 0 0 2px #CDAA80, 0 0 3px #CDAA80, 0 0 5px #CDAA80; } h5 { color: #8D673A; text-shadow: 0 0 1px #CDAA80, 0 0 1px #CDAA80, 0 0 1px #CDAA80, 0 0 2px #CDAA80, 0 0 3px #CDAA80; } /* Верхрнее меню */ .addthis_toolbox { position: absolute; /*Фиксированно на экране*/ z-index: 1000; /*Окошко всегда будет на переднем плане*/ top: 2px; /*Отступы*/ left: 15%; padding: 5px; width: 600px; height: 90px; opacity: 0.8; /*Прозрачность*/ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /*IE 5.5+*/ -moz-opacity: 0.8; /* Mozilla 1.6 и ниже */ html-opacity: 0.8; /* Konqueror 3.1, Safari 1.1 */ background-image: url(https://wiki.botva.ru/images/4/43/Fon_2.png); /*Фон*/ background-position: 0px 0px; background-size: 600px; background-repeat: no-repeat; } .addthis_toolbox .custom_images a { width: 32px; height: 32px; cursor: pointer; } .addthis_toolbox .custom_images a img { border: 0; margin: 2px 0; opacity: 0.6; } .addthis_toolbox .custom_images a:hover img { margin: 2px 0; opacity: 1.0; } /*Меню*/ /*************************** Основные пункты */ #mainmenu{ position:relative; height:47px; width:100%; z-index:10; text-align:left; color: #8D673A; text-shadow: 0 0 2px #CDAA80, 0 0 5px #CDAA80, 0 0 10px #CDAA80, 0 0 15px #CDAA80, 0 0 20px #CDAA80; } #mainmenu ul, /* сбрасываем поля и отступы у списков */ #mainmenu ul ul { color: #8D673A; list-style:none; padding:0; margin:0; vertical-align:middle; font-size: 20px; font-weight: bold; } #mainmenu ul { color: #8D673A; clear:left; position:relative; right:50%; height:20px; float:right; text-align:center; font:16px Arial, Helvetica, sans-serif; vertical-align:middle; font-weight: bold; } #mainmenu ul li { position:relative; left:50%; float:left; height:47px; padding:0; margin:0; vertical-align:middle; font-weight: bold; opacity: 1.0; } #mainmenu ul li:last-child { border:none; box-shadow:none; position: relative; } #mainmenu ul li a { display:block; color: #8D673A; text-decoration: none; padding:13px 20px; } #mainmenu ul li a:hover { opacity: 0.8; border:0px solid #8D653A; position:relative; border-radius: 6px; -moz-border-radius: 8px; -o-border-radius: 8px; -webkit-border-radius: 8px; -ms-border-radius: 8px; } #mainmenu ul li:hover > ul { opacity: 1; visibility: visible; margin: 0; } /*************************** Выпадающие подпункты */ #mainmenu ul li ul { background: #F4DDB3; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3); opacity: 0.9; text-transform:none; opacity: 0; visibility: hidden; position:absolute; left:0; top:48px; font-size:12px; height:auto; width:150px; z-index: 1; } #mainmenu ul li ul li { border:none; position:relative; left:0; float:none; height:auto; margin:0; text-align:left !important; } #mainmenu ul li ul li:last-child { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #mainmenu ul li ul li a { padding:10px 8px; border:none; } /*************************** Выпадающие пункты второго уровня */ #mainmenu ul li ul li ul { top: 0; left: 150px; margin: 0 0 0 40px; _margin: 0; /*IE6 only*/ box-shadow: -1px 0 0 rgba(255,255,255,.3); -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3); -o-box-shadow: -1px 0 0 rgba(255,255,255,.3); -ms-box-shadow: -1px 0 0 rgba(255,255,255,.3); -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3); } /*********************** Стрелочки на подпунктах */ #mainmenu ul ul li:first-child > a { border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; } #mainmenu ul ul li:first-child > a:after { content: ''; position: absolute; left: 40px; top: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #8D653A; } #mainmenu ul ul ul li:first-child a:after { left: -6px; top: 50%; margin-top: -6px; border-left: 0; border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-right: 6px solid #3b3b3b; } #mainmenu ul ul li:first-child a:hover:after { border-bottom-color: #8D653A; } #mainmenu ul ul ul li:first-child a:hover:after { border-right-color: #0299d3; border-bottom-color: transparent; } #mainmenu ul ul li:last-child > a { -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } /*Внимание!!!!!*/ .warning-box { background-image: url(https://wiki.botva.ru/images/9/91/Cmd_foul1.png); /* Путь к фоновому изображению */ background-color: rgb(244, 221, 179); /* Цвет фона */ background-position: 15px 5px; background-repeat: no-repeat; border: 1px #CDAA80 solid; padding: 6px; text-align: left; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; } .warning-box h3 { color: #AB230D; text-shadow: 0 0 1px #CDAA80, 0 0 2px #CDAA80, 0 0 5px #CDAA80, 0 0 7px #CDAA80, 0 0 10px #CDAA80; padding-left: 50px; } .warning-box p { padding: 0px; margin: 0px; margin-left: 5px; } /*popup*/ HTML, BODY { padding: 0 ; margin: 0 ; width:100%; height:100%; } BODY{ background: #b8deff; font-family: Tahoma, Ubuntu, Geneva, Kalimati, sans-serif; font-size: 11px; color: #542f1b; } TD,TR,INPUT,SELECT,TABLE { font-family: Tahoma, Ubuntu, Geneva, Kalimati, sans-serif; } A { color: #542f1b; } A:hover{ color: #a76320; } form { margin: 0; padding: 0; } #container{ margin: 0 auto; width: 1080px; position: relative; min-height:1250px; } #top1{ width: 1080px;height:70px; z-index:1; padding-top:10px; } #top1 DIV{ width: 625px; margin: 0px 0px 0px 228px; text-align:center; float: left; } #top1 DIV A{ color: white; margin: 0 4px; font-weight:bold; font-size:11px; } #top1 DIV A.active{ color:#ffff7c; } #top1 DIV A:hover{ color:#ffff7c; } #top_menu{ background:url(intop_2.png ) no-repeat bottom center; height:115px; z-index:5; width: 1080px; text-align:left; padding:0; position: relative; } #top_menu .logo { display:block; background:url(inlogo.png ) no-repeat top center; width: 205px; height: 215px; position:absolute; margin-top: -78px; margin-left: 40px; } #top_menu .logo2 { background:url(inlogo_2.png ) no-repeat top center; } #container.turbo #top_menu .logo { background:url(/locale/RU/turbo/inlogo.png) no-repeat top center; } #container.turbo #top_menu .logo2 { background:url(/locale/RU/turbo/inlogo-premium.png) no-repeat top center; } #top_menu .top_stats{ width:600px; height:50px; position:absolute; padding-left:230px; margin-top:-20px; } #top_menu .top_stats2{ margin-left:410px; } #top_menu .char_stat{ width: 234px; height: 42px; display:block; float:left; color:white; padding:5px 0px; margin-left: 15px; background:url(inbg_pers.png ) no-repeat top center; position: relative; } .cage_parrot_link { position: absolute; right: 10px; top: 0px; z-index: 10; } .cage_parrot_icon { display: block; background: url(/i/ico.png) no-repeat -220px -660px; width: 20px; height: 20px; position: absolute; top: 3px; left: 40px; opacity: 0.7; } .cage_parrot_icon:hover { opacity: 1; } #top_menu .char_stat_without_pets { margin-left: 190px; } #top_menu .char_stat_with_pets { margin-left: 47px; } #top_menu .char_stat .name{ height:22px; font-size:11px; font-weight:Bold; color: #fcbd4b; text-align:center; overflow:hidden; white-space: nowrap; } #top_menu .char_stat .name.name_slim { padding-left: 24px; max-width: 118px; display: block; } #top_menu .char_stat .name B{ margin-top:-1px; } #top_menu .char_stat .name U{ display:inline-block; line-height:17px; text-decoration:none; } #top_menu .char_stat{ font-size:9px; line-height:10px; } #top_menu .char_stat .stat{ background:url(intop_hp.png ) no-repeat top left; display:block; position:absolute; z-index:0; height:9px; margin: 0 16px; } #pet .name { /* padding-right:28px; */ max-width:162px; } #pet .name U { margin-left: 0px; } /** Бутылки*/ #top_menu .char_stat A.icon{ position:absolute; margin-left:200px; margin-top:-22px; } #top_menu .char_stat I{ margin: -1px 0 0 110px; /*-top:-8px;*/ display:inline; position:absolute; font-style:normal; color: #ffe0aa; z-index:5; } #top_menu .char_stat .life_2{background-position: 0 -9px; } #top_menu .char_stat .life_3{background-position: 0 -18px; } #top_menu .char_stat .life_hidden{background-position: 0 -45px; } #top_menu #pet {margin-left:53px;} #top_menu #pet .ico_cage{ display:block; background:url(ico_cage.png) no-repeat ; width:20px;height:20px;float:left; margin-left:17px; margin-top:-2px; } #top_menu #pet .ico_cage_1{background-position: 0px -20px } #top_menu #pet .ico_cage_1:hover{background-position: -20px -20px; } #top_menu #pet .ico_cage_1:active{background-position: -40px -20px; } #top_menu #pet .ico_cage_2{background-position: 0px 0px } #top_menu #pet .ico_cage_2:hover{background-position: -20px 0px; } #top_menu #pet .ico_cage_2:active{background-position: -40px 0px; } #top_menu .char_stat_small{ width: 78px; padding:5px 0px; background:url(inbg_pers2.png ) no-repeat top center; margin-right:0px !important; /*margin-left:20px !important;*/ /*margin-left:10px; */ } #top_menu .char_stat_small .name{ width:30px; margin-left:35px !important; margin-top:0px; } #top_menu .char_stat_small I{ margin: -1px 0 0 30px; /*-top:-8px;*/ } #top_menu .guilds { width: 209px; height:115px; margin-left:840px; position:absolute; } #top_menu .guilds U{ display:block; color:#542f1b; font-size:10px; line-height:19px; text-decoration:none; } #top_menu .guilds U:first-child { color: transparent; cursor: default; } #top_menu .guilds.show_guilds U:first-child { color:#542f1b; cursor: text; } #top_menu .guilds DIV A{ display: inline-block; width: 40px; height: 40px; background: none; cursor: default; } #top_menu .guilds.show_guilds DIV A { background: url(/i/inside/top_guilds.png) top left no-repeat; cursor: pointer; } #top_menu .guilds .guild2_0{background-position:-40px 0;} #top_menu .guilds .guild3_0{background-position:-80px 0;} #top_menu .guilds .guild4_0{background-position:-120px 0;} #top_menu .guilds .hover{background-position: 0px 0} #top_menu .guilds .hover:hover{background-position: -40px 0} #top_menu .guilds P A{ color: #e7b86d; display:inline; } #top_menu .guilds P A:hover{ color: #ffe0aa; } #top_menu .guilds P{ line-height:22px; } #top_menu .guilds_old { width: 209px; height:115px; margin-left:840px; position:absolute; } #top_menu .guilds_old U{ display:block; color:#542f1b; font-size:10px; line-height:19px; text-decoration:none; } #top_menu .guilds_old DIV A{ display:inline-block; width:50px; height:50px; background:url(/i/inside/top_guilds_020412.png) top left no-repeat; } #top_menu .guilds_old .guild2_0{background-position:-50px 0;} #top_menu .guilds_old .guild3_0{background-position:-100px 0;} #top_menu .guilds_old .guild4_0{background-position:-150px 0;} #top_menu .guilds_old .hover{background-position: 0px 0} #top_menu .guilds_old .hover:hover{background-position: -50px 0} #top_menu .guilds_old P A{ color: #e7b86d; display:inline; } #top_menu .guilds_old P A:hover{ color: #ffe0aa; } #top_menu .guilds_old P{ line-height:22px; } #top_menu .fast { width: 570px; height: 37px; position: absolute; background-image: url('/images/packs/fast/bg_fast.png'); margin-left: 250px; margin-top: 83px; padding-top: 5px; padding-left: 7px; } #top_menu .fast_empty { background-image: url('/images/packs/fast/bg_fast2.png'); background-repeat: no-repeat; background-position: 534px; padding-left: 9px; } .fast_item { margin: 1px; padding: 2px 0 0 0; width: 29px; height: 28px; text-align: center; border: 1px solid #b48c5c; background: #d6b98d; border-radius: 2px; text-decoration: none; } .fast_item:hover, .fast_item.open { background: #eccfa2; } .fast_item:active { background-position: -61px 0px; } .fast_item_empty:hover, .fast_item_empty:active { background-position: 1px 0px; } .fast_item .ico { width: 28px; height: 28px; background-image: url('/images/packs/fast/ico_fast.png'); } .fast .last { margin-right: 7px } .fast_item .folder { background-position: -140px -196px; line-height: 32px; text-align: center; color: #fff; font-weight: bold; padding-left: 4px; width: 24px;} .fast_item .fempty { background-image: none } .fast_item .f1 { background-position: 1px 0px } .fast_item .f2 { background-position: -28px 0px } .fast_item .f3 { background-position: -56px 0px } .fast_item .f4 { background-position: -83px -1px } .fast_item .f5 { background-position: -112px -1px } .fast_item .f6 { background-position: -140px 0px } .fast_item .f7 { background-position: -168px 0px } .fast_item .f8 { background-position: -196px 0px } .fast_item .f9 { background-position: -224px 0px } .fast_item .f10 { background-position: -252px -1px } .fast_item .f11 { background-position: 1px -29px } .fast_item .f12 { background-position: -28px -29px } .fast_item .f13 { background-position: -56px -29px } .fast_item .f14 { background-position: -84px -29px } .fast_item .f15 { background-position: -112px -29px } .fast_item .f16 { background-position: -140px -29px } .fast_item .f17 { background-position: -168px -29px } .fast_item .f18 { background-position: -196px -29px } .fast_item .f19 { background-position: -224px -29px } .fast_item .f20 { background-position: -252px -29px } .fast_item .f21 { background-position: 1px -57px } .fast_item .f22 { background-position: -27px -58px } .fast_item .f23 { background-position: -56px -58px } .fast_item .f24 { background-position: -84px -58px } .fast_item .f25 { background-position: -112px -58px } .fast_item .f26 { background-position: -140px -58px } .fast_item .f27 { background-position: -168px -58px } .fast_item .f28 { background-position: -196px -57px } .fast_item .f29 { background-position: -223px -58px } .fast_item .f30 { background-position: -252px -58px } .fast_item .f31 { background-position: 1px -85px } .fast_item .f32 { background-position: -28px -85px } .fast_item .f33 { background-position: -56px -85px } .fast_item .flast { background-position: -84px -85px } .fast_item .f35 { background-position: -112px -85px } .fast_item .f36 { background-position: -139px -85px } .fast_item .f37 { background-position: -168px -84px } .fast_item .f38 { background-position: -196px -85px } .fast_item .f39 { background-position: -224px -85px } .fast_item .f40 { background-position: -251px -84px } .fast_item .f41 { background-position: 1px -112px } .fast_item .f42 { background-position: -27px -112px } .fast_item .f43 { background-position: -56px -112px } .fast_item .f44 { background-position: -84px -112px } .fast_item .f45 { background-position: -112px -112px } .fast_item .f46 { background-position: -140px -112px } .fast_item .f47 { background-position: -167px -112px } .fast_item .f48 { background-position: -196px -112px } .fast_item .f49 { background-position: -223px -112px } .fast_item .f50 { background-position: -252px -112px } .fast_item .f51 { background-position: 1px -139px } .fast_item .f52 { background-position: -28px -139px } .fast_item .f53 { background-position: -56px -139px } .fast_item .f54 { background-position: -139px -141px } .fast_item .f55 { background-position: -112px -141px } .fast_item .f56 { background-position: -83px -141px } .fast_item .f57 { background-position: -167px -139px } .fast_item .f58 { background-position: -195px -139px } .fast_item .f59 { background-position: -223px -139px } .fast_item .f60 { background-position: -251px -139px } .fast_item .f61 { background-position: 1px -168px } .fast_item .f62 { background-position: -27px -168px } .fast_item .f63 { background-position: -55px -168px } .fast_item .f64 { background-position: -83px -168px } .fast_item .f65 { background-position: -112px -168px } .fast_item .f66 { background-position: -140px -168px } .fast_item .f67 { background-position: -168px -168px } .fast_item .f68 { background-position: -196px -168px } .fast_item .f69 { background-position: -223px -168px } .fast_item .f70 { background-position: -56px -85px } .fast_item .f71 { background-position: -251px -168px } .fast_item .f72 { background-position: 1px -195px } .fast_item .f73 { background-position: -28px -196px } .fast_item .f74 { background-position: -56px -196px } .fast_item .f75 { background-position: -84px -196px } .fast_item .f76 { background-position: -112px -196px } .fast_item .f77 { background-position: -168px -196px;} .fast_item .f78 { background-position: -196px -196px;} DIV#online{ float:right; margin: 0 60px 0 0; width:161px; height:70px; background: url(timer_bg.png) bottom left no-repeat; color:#fffcd8; font-size:11px; } DIV#online .t{margin:0px;color:white;} DIV#online #time{display:block;margin:0px;color:#9b702e;} .top_money { padding: 18px 0 0 ; display:block; margin-left:247px; position:absolute; min-width: 580px; } .top_money .money{ background:url(intop_menu.png ) no-repeat top left; width: 65px; height: 50px; padding:10px 10px 10px 70px; float:left; font-size:11px; color: #fcbd4b; } .top_money .money P{ margin-bottom:3px; font-size:11px; padding:0; text-align:center; } .top_money .money B{ color: #ffe0aa; font-weight:normal; display:block; text-align:center; display: block; width: 80px; margin-left: -14px; } .top_money #crystal{background-position: -145px 0px;} .top_money #fish{background-position: -290px 0px;} .top_money #green{background-position: -435px 0px;} .top_money A{ display:block; position:absolute; width:30px; height:30px; margin:22px 0 0 43px; background: url(intop_green.png) no-repeat; } .top_money A:hover{background-position: -30px 0px;} .top_moneyA:active{background-position: -60px 0px;} .top_money2{margin-left:295px;} .top_money .safe{ background:url(intop_safe.png ) no-repeat 0px -13px; display:block; position:absolute; height:13px; width: 70px; margin-top:4px; text-align:left; } .top_money .safe B{ background:url(intop_hp.png ) no-repeat 0 -27px; display:block; width:65px; height:9px; margin:2px 1px 1px 2px; } .top_money .safe I{ position:absolute; display:block; background:url(intop_safe.png ) no-repeat 0 0 ; width: 11px; height:13px; margin: 0 0px 0 -13px; } .top_money .safe2 I{ background-position: -11px 0px; } .top_money .safe B.safe_1{background-position: 0 -36px; } /*.top_money .safe B.safe_2{background-position: 0 -9px; } */ .temp_account{ display:block; margin-left:260px; position:absolute; background:red; width: 538px; margin-top:85px; background:#e6d6bc; border: 1px solid #fe0000; text-align:center; padding: 2px 5px; color: #980000; } #content-container { float: left; width: 1080px; } #menu{ float: left; background:url(inlmenu.png ) no-repeat top left; width: 170px; height:500px; margin-left:38px; padding:70px 20px 0 20px; display: inline; position: relative; } #menu.menu_steps_14 {height: 396px; background:url(inlmenu14.png ) no-repeat top left;} #menu.menu_steps_13 {height: 416px; background:url(inlmenu13.png ) no-repeat top left;} #menu.menu_steps_12 {height: 457px; background:url(inlmenu12.png ) no-repeat top left;} #menu.menu_steps_11 {height: 457px; background:url(inlmenu11.png ) no-repeat top left;} #content { float: left; width: 583px; background: url(bg_bottom.png ) no-repeat center bottom; margin-bottom:10px; padding-bottom: 40px; } #crumbs{ background: url(incrumbs.png ) no-repeat; height:21px; width:504px; padding: 13px 40px 10px; vertical-align:middle; color:#dec696; } #crumbs A{ color:#dec696} #crumbs B{ color:#ffd171} #body{ margin:0 5px 0 4px; padding: 6px 10px 1px; width:554px; background: #eadec9; min-height:677px; position: relative; } #right { float: left; width: 210px; display: inline; position: relative; } #rmenu1{ background:url(inrmenu_1.png ) no-repeat top left; height:220px; padding:43px 20px 20px 20px; text-align:center; } #rmenu1.slim{ background:url(inrmenu_1_2.png ) no-repeat top left; height:160px; } #rmenu1.extend2{ background:url(inrmenu_3.png ) no-repeat top left; height:246px; } #rmenu1.extend3{ background:url(inrmenu_4.png ) no-repeat top left; height:272px; } #rmenu2{ background:url(inrmenu_2-5.png ) no-repeat top left; height:405px; padding:25px 17px 40px 13px; position: relative; } /*#rmenu2.rmenu_size1{background-image:url(inrmenu_2-1.png );height:302px;}*/ /*#rmenu2.rmenu_size2{background-image:url(inrmenu_2-2.png );height:328px; }*/ /*#rmenu2.rmenu_size3{background-image:url(inrmenu_2-3.png );height:354px; }*/ /*#rmenu2.rmenu_size4{background-image:url(inrmenu_2-4.png );height:380px; }*/ /*#rmenu2.rmenu_size5{background-image:url(inrmenu_2-5.png );height:406px; }*/ #rmenu2.rmenu_size6{background-image:url(inrmenu_2-6.png );height:430px; } #rmenu2 .scroll { width: 178px; height: 377px; background-color: #efdcb5; border: 1px solid #9c8164; border-radius: 3px; outline: none; overflow: auto; } #rmenu2 h3 { margin: 5px 0 7px; text-align: center; font-size: 11px; text-transform: uppercase; color: #73503a; } #rmenu2 A.settings{ position: absolute; top: 23px !important; right: -8px !important; width: 25px !important; height: 25px !important; background: url(btn_plus2.png) -25px 0px no-repeat !important; text-decoration: none; }f #rmenu2 A.settings:hover{background-position: -25px -25px !important;} #rmenu2 A.settings:active{background-position: -25px -50px !important;} /** таймеры */ #rmenu1 .timers{ margin:7px 0px 16px1px; height:127px; width:164px; } #rmenu1 .timer{ background: url(intop_safe.png) 0 -26px no-repeat ; display:block; width:154px; text-align:center; height:20px; line-height:20px; text-decoration: none; margin: 3px auto ; } #rmenu1 .coulons{ margin-top:3px; position: relative; margin-left: -2px; } #rmenu1 .coulons.margin2{ margin-top: 2px; } #rmenu1 .coulons A.plus{ position: absolute; top: -1px !important; right: -29px !important; width: 21px !important; height: 21px !important; background: url(btn_plus2.png) 0px 0px no-repeat !important; text-decoration: none; } #rmenu1 .coulons A.plus:hover{background-position: 0px -25px !important;} #rmenu1 .coulons A.plus:active{background-position: 0px -50px !important;} #rmenu1 .coulons A{ cursor:pointer; display:inline-block; background: url(intop_safe.png) 0 -46px no-repeat ; width: 20px; padding:2px; text-align:center; height:20px; margin-right:1px; } #rmenu1 .coulons A.active, #rmenu1 .coulons A:hover{ background-position: -24px -46px; } #rmenu1 .coulons B{ width: 20px; height:20px; } /** Footer */ #footer { clear: both; background:url(bg_footer.png ) no-repeat top center; height:47px; text-align: left; padding: 15px 1px; margin:0 auto 20px; width: 574px; } #footer .logo_ddestiny { background: url(/i/front/logo_destiny.png) no-repeat; width:142px; height:42px; margin-left:20px; display:block; position:absolute; } #footer .logo_ddestiny:hover {background-position: 0 -42px;} #top_menu #logo_mail { background: url(/i/global/mailru_small.png) no-repeat; width:110px; height:30px; margin:130px 85px 0; position:absolute; top: 20px; } #footer #logo_mail2 { background: url(/i/front/logo_mailru_s.png) no-repeat; width:84px; height:22px; margin:12px 170px 0; position:absolute; } #footer_menu{ text-align:center; width: 300px; margin-left:240px; position:absolute; color:#cd9e5c; } #footer_menu .links{ font-weight:bold; font-size:11px; color:#ecbf75; margin-bottom:10px; } #footer_menu A{ color:#ecbf75; } #footer_menu A:hover{ color:#fcddab; } /** Глобальные вещи */ H2{ font-size:14px; text-align:center; } H4{ text-align:center; } .break{ line-height:7px;display:block; height:10px; } SPAN.small{font-size:11px;} SPAN.xsmall{font-size:10px;} #right .spr, #menu A[id^="m"], #menu a.adminLink{ width: 165px; height: 20px; color: #542f1b; display:block; overflow: hidden; position:relative; text-align:center; padding-top:0px; line-height:20px; font-size:10px; text-decoration:none; } #menu .adminLink {margin-top: 0px;position:absolute;font-weight:20px} #right .spr B, #menu A B{ background-image:url(/locale/RU/i/inside_menu_txt.png); background-repeat: no-repeat; display:block; height:20px; width:165px; position:absolute; left:0; top:0; z-index:1; } #menu #m1 B{background-position:0px 0px} #menu #m1:hover B{background-position:-165px 0px} #menu #m2 B{background-position:0px -20px} #menu #m2.active B, #menu #m2:hover B{background-position:-165px -20px} #menu #m3 B{background-position:0px -40px} #menu #m3:hover B{background-position:-165px -40px} #menu #m4 B{background-position:0px -60px} #menu #m4:hover B{background-position:-165px -60px} #menu #m5 B{background-position:0px -80px} #menu #m5:hover B{background-position:-165px -80px} #menu #m6 B{background-position:0px -100px} #menu #m6:hover B{background-position:-165px -100px} #menu #m7 B{background-position:0px -120px;} #menu #m7:hover B{background-position:-165px -120px} #menu #m8 B{background-position:0px -140px} #menu #m8:hover B{background-position:-165px -140px} #menu #m9 B{background-position:0px -160px} #menu #m9.active B, #menu #m9:hover B{background-position:-165px -160px} #menu #m10 B{background-position:0px -180px} #menu #m10:hover B{background-position:-165px -180px} #menu #m11 B{background-position:0px -200px} #menu #m11.activeB, #menu #m11:hover B{background-position:-165px -200px} #menu #m12 B{background-position:0px -220px} #menu #m12:hover B{background-position:-165px -220px} #menu #m13 B{background-position:0px -240px} #menu #m13.activeB, #menu #m13:hover B{background-position:-165px -240px} #menu #m14 B{background-position:0px -260px} #menu #m14:hover B{background-position:-165px -260px} #menu #m15 B{background-position:0px -280px} #menu #m15:hover B{background-position:-165px -280px} #menu #m16 B{background-position:0px -300px} #menu #m16:hover B{background-position:-165px -300px} #menu #m17 B{background-position:0px -320px} #menu #m17:hover B{background-position:-165px -320px} #menu #m18 B{background-position:0px -360px} #menu #m18:hover B, #menu #m18.active B{background-position:-165px -360px} #mtimers B{background-position:0px -320px} #mcoulons B{background-position:0px -340px} /*#mtimers:hover B{background-position:100% -320px}*/ #mcoulons:hover B{background-position:-165px -340px} #menu .menu_ico{ position:absolute; display:block; background:red; width:26px; height:26px; background: url(/i/menu_icons.png) no-repeat; z-index:10; margin: -6px 0 0 140px; } #menu .ico_assault{ background-position: -52px 0; } .cmd_all { background-color: #dfccac; } /** Аккордеон */ #accordion{ margin-top:-5px; height:100%; overflow:hidden; font-family: Tahoma, Ubuntu, Geneva, Kalimati, sans-serif; position: relative; } #accordion P{ margin:0; } #accordion .rating *{ text-decoration:none; color:#542f1b; } #accordion H6{ margin: 0 -5px 0 -1px ; padding:0; line-height:22px; text-align:center; color:#542f1b; font-size:12px; background:#ecddc0; font-weight:normal; line-height:22px; border:1px solid #bfb18e; } #accordion H6:first-child {margin-top: -1px;} #accordion .rating H6 { border-bottom: 0; border-top: 1px solid #bfb18e; } #accordion .rating H6:first-child { border-top: 0; } #accordionH6 A { text-decoration:none; } #accordion .rating P.slim{ line-height:16px; } #accordion .rating P{ height:22px; line-height:22px; padding-left:5px; margin-bottom:0; border-top:1px solid #bfb18e; } #accordion .rating P:first-child { border-top: 0; } #accordion UL { list-style-type:none; padding:0; margin:0; } /*#accordion .resources, #accordion .timers, #accordion .right_counters, #events_scroll {*/ /*overflow: hidden;*/ /*height: 216px;*/ /*width: 178px;*/ /*height: 268px;*/ /*}*/ /* .ui-accordion-content-active {overflow: hidden !important;}*/ #accordion .resources {padding: 0;} #accordion .resources UL { float:left; width:87px; } #accordion .resources UL+UL {margin-right: -5px;} #accordion .resources UL LI{ padding:1px 0 1px 5px; width:79px; white-space:nowrap; } #accordion UL LI{ border:1px solid #c1b092; padding:1px 5px; height:20px; line-height:20px; margin: 1px; color:#52311e; width:150px; background-color: #e7d4ad; border-radius: 2px; } .recommendations {position: absolute; bottom: 2px; left: 1px; right: 1px;} .recommendations h6 {margin-left: -1px !important; margin-right: -1px !important; border-left-color: #9c8164 !important; border-right-color: #9c8164 !important;} .accordion_bgr {background-color: #e7d4ad; border-radius: 2px;} #accordion .small {width: 83px !important; float: left; margin: 1px 0 0 1px; padding: 1px 0 1px 1px;overflow:hidden;} #accordion ul.r + h6 + ul.r {margin-right: -3px;} #accordion UL LI b {margin: -3px 0 0;} #accordion .right_counters LI{ width:161px; } /** Царь РіРѕСЂС‹ */ DIV#king{ text-align:center; color: #4c1e10; } DIV#king A{ color: #4c1e10; } DIV#king IMG.avat{ width: 126px; height: 160px; } .cmd_all{ background: url(../buttons.png) no-repeat ; } /** РќСЊСЋР±Рё квест */ BODY.newbie #menu #m2 B{background-position:-330px -20px !important} BODY.newbie #menu #m4 B{background-position:-330px-60px !important} BODY.newbie #menu #m5 B{background-position:-330px -80px !important} BODY.newbie #menu #m9 B{background-position:-330px -160px !important} BODY.newbie #menu #m10 B{background-position:-330px -180px !important} BODY.newbie #menu #m11 B{background-position:-330px -200px !important} BODY.newbie #menu #m12 B{background-position:-330px -220px !important} BODY.newbie #menu #m13 B{background-position:-330px -240px !important} BODY.newbie #menu #m14 B{background-position:-330px -260px !important} BODY.newbie #menu #m17 B{background-position:-330px -320px !important} BODY.newbie #menu #m6 B{background-position:-330px -100px !important} BODY.newbie #menu #m7 B{background-position:-330px -120px !important} /** Деревня */ BODY.newbie_1 #menu #m3 B, BODY.newbie_2 #menu #m3 B, BODY.newbie_3 #menu #m3 B, BODY.newbie_4 #menu #m3 B, BODY.newbie_5 #menu #m3 B, BODY.newbie_6 #menu #m3 B, BODY.newbie_7 #menu #m3 B{background-position:-330px -40px !important} /** Бодалка */ BODY.newbie_1 #menu #m8 B, BODY.newbie_2 #menu #m8 B{background-position:-330px -140px !important} .feb14{ width:64px; height:50px; display:block; position:absolute; background:url(/images/m/feb14/feb14_1.png) no-repeat; margin-left:108px; margin-top:30px; } .feb14_2{ width:150px; height:45px; display:block; position:absolute; margin-left:70px; margin-top:120px; } #potions_popup, #potions_pet_popup { font-size: 11px; } #potions_popup td, #potions_pet_popup td { padding-left: 5px; padding-right: 5px; } #potions_popup td.pic, #potions_pet_popup td.pic { padding-left: 0px; padding-right: 0px; } #potions_popup .cmd_all, #potions_pet_popup .cmd_all{ float:right; } #potions_popup .pic .cmd_all, #potions_pet_popup .pic .cmd_all{ float:none; } #player_message_to_load, #pet_message_to_load { height: 28px; } #socs_bgr { background: #000; opacity: 0.2; -ms-filter:"alpha(opacity=20)"; /* IE8 */ position: fixed; right: 0px; top: 30%; width: 47px; height: 312px; border-radius: 3px 0 0 3px; } #socs { position: fixed; right: 0px; top: 30%; width: 47px; opacity: 1; } #socs table { width: 47px; } #socs table td { /*background-image: url(/images/packs/bg_socs.png); background-repeat: repeat; background-position: -32px 0px;*/ } #socs table td.top { height: 10px; background-position: 0px -10px; } #socs table td.bottom { height: 10px; background-position: 0px 0px; } #socs a { background-image: url(/images/packs/socs.png); width: 32px; height: 32px; display:block; margin-bottom:5px; margin-right: 5px; } #socs a.s1 { background-position: 0px 0px; } #socs a.s1:hover { background-position: -32px 0px; } #socs a.s2 { background-position: 0px -32px; } #socs a.s2:hover { background-position: -32px -32px; } #socs a.s3 { background-position: 0px -64px; } #socs a.s3:hover { background-position: -32px -64px; } #socs a.s4 { background-position: 0px -96px; } #socs a.s4:hover { background-position: -32px -96px; } #socs a.s5 { background-position: 0px -128px; } #socs a.s5:hover { background-position: -32px -128px; } #socs a.s6 { background-position: 0px -160px; } #socs a.s6:hover { background-position: -32px -160px; } #socs a.s7 { background-position: 0px -192px; } #socs a.s7:hover { background-position: -32px -192px; } #socs a.s8 { background-position: 0px -224px; } #socs a.s8:hover { background-position: -32px -224px; } #socs a.s9 { background-position: 0px -256px; } #socs a.s9:hover { background-position: -32px -256px; } #opaque { position:fixed; top:0;left:0;bottom:0; width:100%; background:black; opacity:.5; /* FX/Opera/Safari/Chrome */ -ms-filter:"alpha(opacity=50)"; /* IE8 */ filter:alpha(opacity=50); /* IE6/IE7 */ z-index: 1000; } #news_box { position: fixed; width: 810px; top: 100px; bottom: 100px; left: 0; right: 0; margin: 0 auto; background-image: url(/images/m/balert/overlay.png); border-radius: 3px; display: none; z-index: 10000; } #news_box #news_prev, #news_box #news_next {position: absolute; width: 93px; min-height: 200px; text-align: center; opacity: 0.3;} #news_box #news_prev div, #news_box #news_next div {width: 29px; height: 44px; background-image: url(/images/m/help/white_arrows.png); display: inline-block; position: relative; top: 45%;} #news_box #news_prev div {background-position: 0 0;} #news_box #news_next div {background-position: -30px 0;} #news_box #news_prev {left: -93px;} #news_box #news_next {right: -93px;} #news_box #news_prev.enabled, #news_box #news_next.enabled {cursor: pointer; opacity: 0.7;} #news_box #news_prev.enabled:hover, #news_box #news_next.enabled:hover {opacity: 1;} #news_box #bgr { width: 700px; position: absolute; top: 10px; right: 10px; bottom: 10px; background-color: #fdf3db; border-radius: 3px; } #news_box #list { width: 80px; position: relative; left: 10px; display: block; } #news_box #list.full { height: 540px; } #news_box #text { padding: 10px; } #news_box .scroll { position: relative; display: block; overflow: auto; } #news_box .scroll_left { top: 10px; width: 100px; float: left; } #news_box .scroll_left .jspVerticalBar {left: 3px; display: none;} #news_box .scroll_left .jspPane {margin-left: 0 !important;} #news_box .scroll_right { top: 60px; width: 680px; right: 20px; float: right; } #news_box #more_old { position: absolute; width: 200px; height: 40px; display: block; top: 530px; left: 30px; border: 1px red dotted; text-align: center; vertical-align: middle; } #news_box #more { margin-top: 5px; height: 25px; width: 80px; background-color: #dacaac; background-color: rgba(218,202,172,0.9); cursor: pointer; margin-bottom: 10px; text-align: center; line-height: 25px; text-decoration: underline; border-radius: 3px; } #news_box #more:hover { background-color: #fdf3db; } #news_box #close { width: 16px; height: 16px; position: absolute; top: 20px; right: 20px; cursor: pointer; display:inline-block; background-image: url(/i/ico.png); background-position: -80px -980px; background-repeat:no-repeat; vertical-align:middle; background-color: transparent; } #news_box #title { width: 700px; height: 38px; position: absolute; top: 10px; right: 10px; display: block; text-align: center; color: #836b50; font-weight: bold; font-size: 11px; text-transform: uppercase; line-height: 38px; overflow: hidden; background-color: #f5ebd3; border-radius: 3px 3px 0 0; border-bottom: 1px solid #ddcdb8; } #news_box #head { width: 330px; height: 30px; position: absolute; top: 25px; left: 10px; display: block; text-align: center; color: #E3D0AF; font-weight: bold; font-size: 12px; line-height: 30px; display: none; } #news_box #type { width: 70px; height: 30px; position: absolute; top: 13px; left: 103px; display: block; text-align: center; color: #E3D0AF; font-weight: bold; font-size: 12px; line-height: 30px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border: none; } #news_box #type.type_1 { border: 1px #933e23 solid; } #news_box #type.type_2 { border: 1px #e45f00 solid; } #news_box #type.type_3 { border: 1px #008218 solid; } #news_box #type.type_4 { border: 1px #0075ab solid; } #news_box #type.type_30 { border: 1px #cc3300 solid; } #news_box #close:hover { background-position: -100px -980px; } #news_box #list .news_item { height: 50px; width: 80px; background-color: #dacaac; background-color: rgba(218,202,172,0.9); cursor: pointer; margin: 0 0 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; position: relative; } #news_box #list .news_item:hover { background-color: #fdf3db; } #news_box #list .news_item.active { background: #fdf3db; cursor: default; } #news_box #list .news_item .arrow { width: 7px; height: 50px; position: absolute; right: -7px; top: 0; background: url(/images/packs/news/active_news.png) no-repeat right center; display: none; } #news_box #list .news_item.active .arrow {display: block;} #news_box #list .left { display: inline-block; width: 80px; height: 50px; } #news_box #list .left span, #news_box #type .left span { width: 70px; height: 15px; display: block; color: #e9ddc8; font-weight: bold; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; text-align: center; margin: 5px; line-height: 15px; } #news_box #type .left span { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; -khtml-border-radius: 0px; } #news_box #type .left span { width: 70px; height: 15px; display: block; color: #e9ddc8; font-weight: bold; text-align: center; margin: 5px; line-height: 15px; } #news_box #type .left span, #news_box #type i { margin: 0px !important; } #news_box #list .left span.type_1, #news_box #type.type_1 .left span { background-color: #933e23; } #news_box #list .left span.type_2, #news_box #type.type_2 .left span { background-color: #e45f00; } #news_box #list .left span.type_3, #news_box #type.type_3 .left span { background-color: #008218; } #news_box #list .left span.type_4, #news_box #type.type_4 .left span { background-color: #0075ab; } #news_box #list .left span.type_30, #news_box #type.type_30 .left span { color: #845d36; background-color: white; } #news_box #list .left span.type_40, #news_box #type.type_30 .left span { color: #845d36; background-color: white; } #news_box #list .left span.type_41, #news_box #type.type_41 .left span { color: #845d36; background-color: white; } #news_box #list .left i, #news_box #type i { width: 70px; height: 15px; display: block; font-style: normal !important; font-weight: normal !important; font-size: 10px; color: #896f58; margin: 5px; text-align: center; line-height: 15px; } #news_box #list .right { width: 250px; height: 50px; text-align: left !important; float:left; line-height: 15px; padding-top: 7px; display: none; } #news_box #filters { width: 330px; height: 40px; position: absolute; top: -20px; left: 10px; display: none; } #news_box #filters div { width: 30px; height: 30px; background-image: url(/images/packs/news/btn_groups.png); margin-left: 5px; padding-top: 10px; padding-left: 10px; float: left; } #news_box #filters div:first-child { margin-left: 0; } #news_box #filters div:hover { background-position: -40px 0px; } #news_box #filters div.active { background-position: -80px 0px; } #news_box #filters div i { width: 20px; height: 20px; background-image: url(/images/packs/news/ico_news.png); display: block; } #news_box #filters div.f1 i { background-position: -20px 0px; } #news_box #filters div.f2 i { background-position: -40px 0px; } #news_box #filters div.f3 i { background-position: -60px 0px; } #news_box #filters div.f4 i { background-position: -80px 0px; } #news_box #ya_share { position: absolute; bottom: 14px; left: 102px; z-index: 10001; } #news_box #comments { position: absolute; bottom: 14px; right: 130px; z-index: 10001; height: 26px; line-height: 26px; } #news_box #comments a { text-decoration: none; border-bottom: 1px solid; } #news_box #comments a:hover { border-bottom: 0; } #news_box #like { position: absolute; bottom: 20px; right: 25px; z-index: 10001; width: 90px; height: 37px; line-height: 60px; background: url(/images/packs/news/like_button.png) no-repeat right top; cursor: pointer; } #news_box #like span {border-bottom: 1px dotted;} #news_box #like:hover span {border-bottom-color: transparent;} #news_box #like.thanks {opacity: 0.5; cursor: default;} #news_box #like.thanks span {border: 0; border-bottom-color: transparent;} #news_box.guild_news {width: 940px;} #news_box.guild_news .scroll_left {top: 60px; left: 10px; right: 10px; width: 920px;} #news_box.guild_news .scroll_left .jspVerticalBar {left: auto; display: block;} #news_box.guild_news #news_prev, #news_box.guild_news #news_next {display: none;} #news_box.guild_news #bgr {left: 10px; right: 10px; width: 920px;} #news_box.guild_news #title {left: 10px; right: 10px; width: 920px;} #news_box.guild_news #head { width: 920px; top: 10px; z-index: 1000001; display: block; color: #836b50; font-weight: bold; font-size: 11px; text-transform: uppercase; line-height: 38px; } #news_box.guild_news #like {display: none;} #news_box.guild_news #close {z-index: 1000002;} #news_box.guild_news #list {width: 900px; left: 10px; right: 10px;} #news_box.guild_news #list .news_item{ width: 900px; overflow: hidden; cursor: default; background-color: rgba(218,202,172,0.5); } #news_box.guild_news #list .news_item:hover { background-color: #dacaac; background-color: rgba(218,202,172,0.5); } #news_box.guild_news #more { width: 900px; } #news_box.guild_news #more:hover {background-color: #dacaac;} #news_box.guild_news #text { display: none; } #news_box.guild_news #list .right { width: 795px; display: block; float: right; } #news_box.guild_news #list .left { width: 100px; float: left; } #news_box.guild_news #list .left span, #news_box.guild_news #type .left span { width: 90px; } #news_box.guild_news #filters { width: 595px; height: 65px; position: absolute; top: -55px; left: 0; right: 0; margin: 0 auto; display: block; } #news_box.guild_news #filters div { width: 65px; height: 65px; background-image: url(/images/packs/news/btn_groups2.png); margin-bottom: 5px; padding-top: 0px; padding-left: 0px; float: left; margin-right: 5px; } #news_box.guild_news #filters div:hover { background-position: -65px 0px; } #news_box.guild_news #filters div.active { background-position: -130px 0px; } #news_box.guild_news #filters div i { width: 60px; height: 60px; background-image: url(/images/packs/news/ico_news2.png); display: block; margin-left: 3px; cursor: pointer; } #news_box.guild_news #filters div.active i {cursor: default;} #news_box.guild_news #filters div.f1 i { background-position: -60px 0px; } #news_box.guild_news #filters div.f2 i { background-position: -240px 0px; } #news_box.guild_news #filters div.f3 i { background-position: -180px 0px; } #news_box.guild_news #filters div.f4 i { background-position: -120px 0px; } #news_box.guild_news #filters div.f30 i { background-position: -300px 0px; } #news_box.guild_news #filters div.f40 i { background-position: -360px 0px; } #news_box.guild_news #filters div.f41 i { background-position: -420px 0px; } #news_box.guild_news #filters div.f5 i { background-position: -300px 60px; } #news_box.guild_news #filters div.f6 i { background-position: -360px 60px; } #news_box.guild_news #filters div.f7 i { background-position: -420px 60px; } #news_box.guild_news #filters div.f8 i { background-position: -480px 60px; } #news_box.guild_news #filters div.f11 i { background-position: -720px 60px; } #news_box.guild_news #filters div.f21 i { background-position: -660px 60px; } #news_box.guild_news #filters div.f22 i { background-position: -540px 60px; } #news_box.guild_news #filters div.f23 i { background-position: -600px 60px; } .iconItem2{ width: 40px; height: 40px; display:inline-block; background: url(/images/packs/ico_items2.jpg) no-repeat; vertical-align:top; } .iconItem2.ico_safe {background-position: 0px 0px;} .iconItem2.ico_pet {background-position: -40px 0px;} .iconItem2.ico_woodoo {background-position: -80px 0px;} .iconItem2.ico_woodoo2 {background-position: -120px 0px;} .iconItem2.ico_totem {background-position: -160px 0px;} .iconItem2.ico_totem2 {background-position: -200px 0px;} .iconItem2.ico_group_4 {background-position: -240px 0px;} .iconItem2.ico_group_2 {background-position: -280px 0px;} .iconItem2.ico_group_3 {background-position: -320px 0px;} .iconItem2.ico_group_5 {background-position: -360px 0px;} .iconItem2.ico_group_6 {background-position: -400px 0px;} .iconItem2.ico_defs{background-position: -440px 0px;} .iconItem2.ico_zorro {background-position: -480px 0px;} .iconItem2.ico_group_24 {background-position: -600px 0px;} .iconItem2.ico_group_25 {background-position: -560px 0px;} .class_scroll_border { width: 84px; height: 70px; background-image: url("/images/m/class/talants/bg_talents.png"); background-position: 0 0; position: relative; } div.class_scroll_border img { top:4px; left:12px; position:relative; } .slider.disabled A {display: none;} #js_message { background-image: url("/i/global/info_line.png"); color: red; display: block; font-size: 12px; height: 30px; left: 0; right: 0; margin: 0 auto; line-height: 25px; position: absolute; text-align: center; top: 121px; vertical-align: middle; width: 550px; cursor:pointer; } .flipV{ -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); filter: FlipH; -ms-filter: "FlipH"; } .flipH{ -moz-transform: scale(1,-1); -webkit-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); filter: FlipV; -ms-filter: "FlipV"; } #battle_invite {display: block;height: 32px;left: 317px;position: absolute;/*top: 28px;*/width: 160px;z-index: 10;margin-top: -52px;} #battle_invite .img {background-image: url("/images/m/class/battle/guild_invite.png");background-repeat: no-repeat;height: 32px;width: 83px;} #battle_invite .img.race_2.guild_5{background-position: 0px 0px;} #battle_invite .img.race_2.guild_6{background-position: 0px -32px;} #battle_invite .img.race_2.guild_7{background-position: 0px -64px;} #battle_invite .img.race_2.guild_8{background-position: 0px -96px;} #battle_invite .img.race_1.guild_5{background-position: -82px 0px;} #battle_invite .img.race_1.guild_6{background-position: -82px -32px;} #battle_invite .img.race_1.guild_7{background-position: -82px -64px;} #battle_invite .img.race_1.guild_8{background-position: -82px -96px;} #battle_invite .text {position: absolute;top:8px;left:86px;font-weight:bold;} .bg_banner_new {background-position: 0px 0px;height:130px;width:190px;cursor:pointer;} .battleground_banner_mine_01_new {background-image: url('/images/m/battleground/shaft1.png');} .battleground_banner_mine_02_new {background-image: url('/images/m/battleground/shaft2.png');} .battleground_banner_mine_03_new {background-image: url('/images/m/battleground/shaft3.png');} .battleground_banner_mine_04_new {background-image: url('/images/m/battleground/shaft4.png');} .battleground_banner_mine_05_new {background-image: url('/images/m/battleground/shaft5.png');} .battleground_banner_mine_06_new {background-image: url('/images/m/battleground/shaft6.png');} .battleground_banner_text_new {color:#834f15;margin-top:-24px;margin-left:20px;text-align: center;font-size: 11px;font-weight: bold;cursor:pointer;} .maslenica_banner {background-position: 0px 0px;height:100px;width:190px;cursor:pointer;background-image: url('/locale/RU/ad/banner_pancake.png');} .maslenica_banner:hover {background-position: 0px -100px;} .knowledgeday_banner {background-position: 0px 0px;height:100px;width:190px;cursor:pointer;background-image: url('/locale/RU/ad/ban_knowledge.png');} .knowledgeday_banner:hover {background-position: 0px -100px;} .popka_banner {background-position: 0px 0px;height:100px;width:190px;cursor:pointer;background-image: url('/locale/RU/ad/popka_banner.png');} .popka_banner:hover {background-position: 0px -100px;} .supergifts_2013may_banner {background-position: 0px 0px;height:100px;width:190px;cursor:pointer;background-image: url('/locale/RU/ad/supergifts_2013may_banner.png');} .supergifts_2013may_banner:hover {background-position: 0px -100px;} .supergifts_2013may_banner2 {background-position: 0px 0px;height:100px;width:190px;cursor:pointer;background-image: url('/locale/RU/ad/supergifts_2013may_banner_2.png');} .supergifts_2013may_banner2:hover {background-position: 0px -100px;} .supergifts_2013may_banner3 {background-position: 0px 0px;height:100px;width:190px;cursor:pointer;background-image: url('/locale/RU/ad/supergifts_2013may_banner_3_other.png');} .supergifts_2013may_banner3:hover {background-position: 0px -100px;} .supergifts_2013may_banner4 {background-position: 0px 0px;height:100px;width:190px;cursor:pointer;background-image: url('/locale/RU/ad/supergifts_2013may_banner_4.png');} .supergifts_2013may_banner4:hover {background-position: 0px -100px;} .octoberfest_banner {background-image: url('/locale/RU/ad/kvasfest.png');} .tournament_banner {background-image: url('/locale/RU/ad/tournament.png');} /* выбор магической зверушки - зоокотомка */ .fast_pets {overflow: hidden} .fast_pets > div, .choose_pet {width: 60px; height: 60px; float: left; cursor: pointer; position: relative;} .fast_pets > div img, .choose_pet img {width: 60px; height: 60px; display: block;} .fast_pets > div > b, .choose_pet > b {width: 60px; nowhitespace: afterproperty; height: 60px; position: absolute; opacity: 0; filter: alpha(Opacity=0); display: block; left: 0; top: 0; box-shadow: inset 0 0 10px 1px greenyellow; /*background: greenyellow\0/*/;;} .fast_pets > div:hover > b, .fast_pets > div.open > b, .choose_pet:hover > b, .choose_pet.open > b {opacity: 0.8; filter: alpha(Opacity=50);} .choose_pet {float: none; display: inline-block;} .selected_pet {opacity: 0.8 !important; filter: alpha(Opacity=90) !important;} /* перенесено РёР· design_2.tpl */ #js_message {display: none;z-index: 10001 !important;left: 0px;top: -110px;} #body {/*position: relative !important;*/} #menu_forum_events {background-position: 0px 0px;height:100px;width:190px;cursor:pointer;background-image: url('/locale/RU/ad/menu_forum_events.png');} #menu_forum_events:hover {background-position: 0px -100px;} .night .maslenica_banner {background-image: url('/locale/RU/ad/banner_pancake_old.png');} .night .knowledgeday_banner {background-image: url('/locale/RU/ad/ban_knowledge_old.png');} .night .popka_banner {background-image: url('/locale/RU/ad/popka_banner_old.png');} .night .supergifts_2013may_banner {background-image: url('/locale/RU/ad/supergifts_2013may_banner.png');} .night .supergifts_2013may_banner2 {background-image: url('/locale/RU/ad/supergifts_2013may_banner_2.png');} .night .supergifts_2013may_banner3 {background-image: url('/locale/RU/ad/supergifts_2013may_banner_3_other.png');} .night .supergifts_2013may_banner4 {background-image: url('/locale/RU/ad/supergifts_2013may_banner_old_4.png');} .night .octoberfest_banner {background-image: url('/locale/RU/ad/kvasfest_old.png');} .night #menu_forum_events {background-image: url('/locale/RU/ad/menu_forum_events_old.png');} .night .tournament_banner {background-image: url('/locale/RU/ad/tournament_old.png');}