/* HERO */ /* DETAIL */ #hosDb .hosDbCommonTitleDetail { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/hero/title_710x40_title_blue1.jpg'); } #hosDb .hosDbCommonTitleDetail span { float: left; } #hosDb .hosDbCommonTitleDetail a.goHeroList { float: right; width: 99px; height: 24px; overflow: hidden; margin: 8px 12px 0 0; background: transparent url('//static.inven.co.kr/image_2011/hos/dataninfo/hero/bttn_go_hero_list_99x24.jpg') left top no-repeat; color: #fff; text-indent: -1000em; } #hosDb #hosDbHeroDetail { padding: 0 9px 3px 9px !important; _padding-bottom: 9px !important; } #hosDbHeroDetail .infoWrap { width: 690px; clear: both; overflow: hidden; margin: 9px 0 6px 0; } #hosDbHeroDetail div.overall .infoBody { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/hero/detail_overall_bg_690x387_skyblue1a.jpg'); background-position: left top; background-repeat: no-repeat; } #hosDbHeroDetail div.overall dl { width: 660px; clear: both; overflow: hidden; } #hosDbHeroDetail div.overall dt { width: 135px; height: 300px; } #hosDbHeroDetail div.overall dd { width: 525px; } #hosDbHeroDetail div.overall dt.top, #hosDbHeroDetail div.overall dd.top { height: 65px; overflow: hidden; } #hosDbHeroDetail div.overall dt img { width: 119px; height: 212px; border: 0; margin: 6px 0 0 3px; } #hosDbHeroDetail div.overall dt a { display: block; width: 126px; height: 52px; overflow: hidden; text-indent: -1000em; background: url('//static.inven.co.kr/image_2011/hos/dataninfo/hero/bttn_skin_126x52.png') left top no-repeat; margin: 20px 0 0 0; padding: 0; } #hosDbHeroDetail div.overall dd .name, #hosDbHeroDetail div.overall dd .name * { width: 452px; overflow: hidden; font-family: "Malgun Gothic", "gulim"; } #hosDbHeroDetail div.overall dd .name * { float: left; font-size: 19px; letter-spacing: 1px; line-height: 26px; text-indent: 4px; clear: both; } #hosDbHeroDetail div.overall dd .name strong { margin-top: 2px; } #hosDbHeroDetail div.overall dd .name span { color: #9debff; font-size: 13px; } #hosDbHeroDetail div.overall dd .price { width: 73px; } #hosDbHeroDetail div.overall dd .price span { float: left; width: 64px; height: 22px; margin: 3px 0; clear: both; overflow: hidden; text-align: right; } #hosDbHeroDetail div.overall dd .price .gold { background: url('//static.inven.co.kr/image_2011/hos/dataninfo/hero/icon_gold_20x21.png') left top no-repeat; } #hosDbHeroDetail div.overall dd .price .battleCoin { background: url('//static.inven.co.kr/image_2011/hos/dataninfo/hero/icon_battle_coin_19x21.png') left top no-repeat; } #hosDbHeroDetail div.overall dd .price span strong { color: #fefefe; line-height: 22px; letter-spacing: 0px; } #hosDbHeroDetail div.overall dd .name *, #hosDbHeroDetail div.overall dd .price strong { font-weight: bold; color: #fff; text-shadow: 0 -1px #2e4a6d, 1px 0 #2e4a6d, 0 1px #2e4a6d, -1px 0 #2e4a6d; _filter: glow(color=#2e4a6d,strength=2); _zoom: 1; } #hosDbHeroDetail div.overall dd .desc { width: 525px; clear: both; overflow: hidden; margin-bottom: 10px; } #hosDbHeroDetail div.overall dd .desc table { width: 525px; border-left: 1px solid #152348; border-top: 1px solid #152348; } #hosDbHeroDetail div.overall dd .desc table col.th { width: 98px; } #hosDbHeroDetail div.overall dd .desc table col.td { width: 427px; } #hosDbHeroDetail div.overall dd .desc table th, #hosDbHeroDetail div.overall dd .desc table td { color: #fff; padding: 9px; padding-top: 7px; padding-bottom: 6px; _padding-top: 8px; border-right: 1px solid #152348; border-bottom: 1px solid #152348; } #hosDbHeroDetail div.overall dd .desc table td.desc { padding: 10px; padding-top: 8px; padding-bottom: 7px; _padding-top: 9px; line-height: 18px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #hosDbHeroDetail div.overall dd .desc table th, #hosDbHeroDetail div.overall dd .desc table td { padding-top: 9px; padding-bottom: 4px; } #hosDbHeroDetail div.overall dd .desc table td.desc { padding-top: 10px padding-bottom: 5px; } } #hosDbHeroDetail div.overall dd .desc table td { background-color: #405789; background-color: rgb(64, 87, 137); background: transparent\9; background-color: rgba(0, 0, 0, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000); zoom: 1; } #hosDbHeroDetail div.overall dd .wrap { width: 525px; clear: both; overflow: hidden; } #hosDbHeroDetail div.overall dd .ability { width: 150px; _width: 168px; height: 256px; _height: 259px; overflow: hidden; margin-right: 5px; padding: 1px 8px 0 8px; background-color: #404156; border: 1px solid #1c263c; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #hosDbHeroDetail div.overall dd .ability { height: 258px; } } #hosDbHeroDetail div.overall dd .ability div { width: 160px; height: 42px; overflow: hidden; margin: 0 0 5px -10px; } #hosDbHeroDetail div.overall dd .ability div img { width: 42px; height: 42px; border: 0; margin: 0 0 0 10px; } #hosDbHeroDetail div.overall dd .stats { width: 352px; overflow: hidden; } #hosDbHeroDetail div.overall dd .stats table { width: 100%; border-top: 1px solid #1c263c; border-left: 1px solid #1c263c; } #hosDbHeroDetail div.overall dd .stats table col.name { width: 91px; } #hosDbHeroDetail div.overall dd .stats table col.level0 { width: 101px; } #hosDbHeroDetail div.overall dd .stats table col.level { width: 53px; } #hosDbHeroDetail div.overall dd .stats table th, #hosDbHeroDetail div.overall dd .stats table td { color: #fff; font-size: 11px; text-align: center; border-right: 1px solid #1c263c; border-bottom: 1px solid #1c263c; padding-top: 2px; _padding-top: 4px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #hosDbHeroDetail div.overall dd .stats table th, #hosDbHeroDetail div.overall dd .stats table td { padding-top: 5px; } } #hosDbHeroDetail div.overall dd .stats table th { height: 34px; background-color: #4a50d7; } #hosDbHeroDetail div.overall dd .stats table td { height: 28px; background-color: #404156; } #hosDbHeroDetail div.overall dd .stats table td.life { color: #12ff00; } #hosDbHeroDetail div.overall dd .stats table td.energy { color: #24edff; } #hosDbHeroDetail div.overall dd .stats table td.speed { color: #fd4fff; } #hosDbHeroDetail div.overall dd .stats table td.attack { color: #ffae00; } #hosDbHeroDetail div.overall dd .stats table td.damage { color: #ff4040; } #hosDbHeroDetail ul.ability li.hasMovie .tooltip { width: 382px !important; margin-right: 12px !important; } #hosDbHeroDetail ul.ability li.hasMovie .tooltip dt, #hosDbHeroDetail ul.ability li.hasMovie .tooltip dd { width: 374px !important; _width: 382px !important; } #hosDbHeroDetail ul.ability li.hasMovie .tooltip dd div { width: 374px !important; } #hosDbHeroDetail ul.ability li.hasMovie .movie { cursor: pointer; width: 160px; _width: 162px; height: 89px; _height: 91px; overflow: hidden; border: 1px solid #009cff; background: #000 none center center no-repeat; } #hosDbHeroDetail ul.ability li.hasMovie .movie div { width: 37px; height: 30px; overflow: hidden; text-indent: -1000em; margin: 28px 0 0 61px; background: url('//static.inven.co.kr/image_2011/hos/dataninfo/hero/bttn_movie_play_37x30.png') left top no-repeat; } #hosDbHeroDetail ul.ability li.hasMovie .movieNotReady { cursor: default !important; background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/hero/bg_movie_not_ready_160x89.jpg') !important; } #hosDbHeroDetail ul.ability li.hasMovie .movieNotReady div { display: none !important; } #hosDbHeroDetail dl.talent { width: 620px; _width: 660px; height: 401px; _height: 441px; padding: 20px; overflow: hidden; clear: both; } #hosDbHeroDetail dl.talent dt { width: 73px; margin-bottom: -5px; overflow: hidden; } #hosDbHeroDetail dl.talent dt div, #hosDbHeroDetail dl.talent dt div a { width: 58px; height: 50px; overflow: hidden; clear: both; } #hosDbHeroDetail dl.talent dt div { margin-bottom: 5px; } #hosDbHeroDetail dl.talent dt div a { float: left; text-decoration: none; text-indent: -1000em; background: url('//static.inven.co.kr/image_2011/hos/dataninfo/hero/talent_level_58x50.png') left top no-repeat; } #hosDbHeroDetail dl.talentLevel-1 dt div a { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/hero/talent_level_58x50_-1.png'); } #hosDbHeroDetail dl.talentLevel-2 dt div a { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/hero/talent_level_58x50_-2.png'); } #hosDbHeroDetail dl.talent dt .tier1 a { background-position: 0 0; } #hosDbHeroDetail dl.talent dt .tier1 a:hover, #hosDbHeroDetail dl.talent dt .tier1 a.selected { background-position: -58px 0; } #hosDbHeroDetail dl.talent dt .tier2 a { background-position: 0 -50px; } #hosDbHeroDetail dl.talent dt .tier2 a:hover, #hosDbHeroDetail dl.talent dt .tier2 a.selected { background-position: -58px -50px; } #hosDbHeroDetail dl.talent dt .tier3 a { background-position: 0 -100px; } #hosDbHeroDetail dl.talent dt .tier3 a:hover, #hosDbHeroDetail dl.talent dt .tier3 a.selected { background-position: -58px -100px; } #hosDbHeroDetail dl.talent dt .tier4 a { background-position: 0 -150px; } #hosDbHeroDetail dl.talent dt .tier4 a:hover, #hosDbHeroDetail dl.talent dt .tier4 a.selected { background-position: -58px -150px; } #hosDbHeroDetail dl.talent dt .tier5 a { background-position: 0 -200px; } #hosDbHeroDetail dl.talent dt .tier5 a:hover, #hosDbHeroDetail dl.talent dt .tier5 a.selected { background-position: -58px -200px; } #hosDbHeroDetail dl.talent dt .tier6 a { background-position: 0 -250px; } #hosDbHeroDetail dl.talent dt .tier6 a:hover, #hosDbHeroDetail dl.talent dt .tier6 a.selected { background-position: -58px -250px; } #hosDbHeroDetail dl.talent dt .tier7 a { background-position: 0 -300px; } #hosDbHeroDetail dl.talent dt .tier7 a:hover, #hosDbHeroDetail dl.talent dt .tier7 a.selected { background-position: -58px -300px; } #hosDbHeroDetail dl.talent dd { width: 557px; overflow: hidden; padding-top: 1px; } #hosDbHeroDetail dl.talent dd div { width: 555px; _width: 557px; overflow: hidden; clear: both; border: 1px solid #609ad4; background-color: #283a65; margin-top: -1px; } #hosDbHeroDetail dl.talent dd div div { width: 553px; _width: 555px; border: 1px solid #284c82; } #hosDbHeroDetail dl.talent dd dl { width: 537px; _width: 553px; padding: 7px; border: 1px solid #28406f; overflow: hidden; clear: both; } #hosDbHeroDetail dl.talent dd dt { width: 62px; height: 62px; margin: 0; padding: 0; border-width: 0; background-color: transparent; } #hosDbHeroDetail dl.talent dd dt img { width: 62px; height: 62px; border: 0; } #hosDbHeroDetail dl.talent dd dd { width: 465px; margin: 0 0 0 10px; padding: 0; border-width: 0; background-color: transparent; } #hosDbHeroDetail dl.talent dd dd p { display: inline; float: left; width: 465px; margin: 0; overflow: hidden; clear: both; color: #bdd9e2; line-height: 18px; } #hosDbHeroDetail dl.talent dd dd p.name span { float: left; color: #fff; font-size: 13px; font-weight: bold; line-height: 34px; } #hosDbHeroDetail dl.talent dd dd p.name span.right { float: right; color: #fe92ff; } #hosDbHeroDetail dl.talent dd dd p span.quest { color: #cfa700; font-weight: bold; margin-right: 3px; } #hosDbHeroDetail dl.talent dd div.disabled { background-color: #18264e; } #hosDbHeroDetail dl.talent dd div.disabled div { border-color: #18396f; } #hosDbHeroDetail dl.talent dd div.disabled dl { border-color: #182c59; } #hosDbHeroDetail dl.talent dd div.disabled dt { background-color: #000; } #hosDbHeroDetail dl.talent dd div.disabled dt img { opacity : 0.4; filter: alpha(opacity=40); } #hosDbHeroDetail dl.talent dd div.disabled dd * { color: #8774ab !important; } #hosDbHeroDetail div.skinWrap { height: 275px; _height: 305px; } #hosDbHeroDetail dl.skin { height: 245px; _height: 275px; } #hosDbHeroDetail dl.skin dt { width: 285px; height: 255px; overflow: hidden; margin-top: -10px; } #hosDbHeroDetail dl.skin dt ul { width: 275px; overflow: hidden; clear: both; } #hosDbHeroDetail dl.skin dt ul.skin { height: 117px; margin-bottom: -1px; _margin-bottom: 4px; } #hosDbHeroDetail dl.skin dt ul.skin li { width: 50px; height: 50px; overflow: hidden; margin: 0 5px 5px 0; } #hosDbHeroDetail dl.skin dt ul.skin li a { float: left; width: 46px; _width: 50px; height: 46px; _height: 50px; overflow: hidden; border: 2px solid #609ad4; background: #2b1953 url('//static.inven.co.kr/image_2011/hos/dataninfo/hero/bg_skin_not_ready_50x50.png') center center no-repeat; } #hosDbHeroDetail dl.skin dt ul.skin li a:hover, #hosDbHeroDetail dl.skin dt ul.skin li a.selected { border-color: #c0ffff; } #hosDbHeroDetail dl.skin dt ul.skin li a span { float: left; width: 44px; _width: 46px; height: 44px; _height: 46px; overflow: hidden; clear: both; border: 1px solid #000; cursor: pointer !important; } #hosDbHeroDetail dl.skin dt ul.swatch li, #hosDbHeroDetail dl.skin dt ul.swatch li a, #hosDbHeroDetail dl.skin dt ul.swatch li a span { float: left; width: 50px; height: 62px; overflow: hidden; } #hosDbHeroDetail dl.skin dt ul.swatch li { margin-right: 5px; } #hosDbHeroDetail dl.skin dt ul.swatch li a { background-position: center center; background-repeat: no-repeat; } #hosDbHeroDetail dl.skin dt ul.swatch li a span { background: url('//static.inven.co.kr/image_2011/hos/dataninfo/hero/icon_swatch_border_50x62.png') left top no-repeat; cursor: pointer !important; } #hosDbHeroDetail dl.skin dt ul.swatch li a:hover span, #hosDbHeroDetail dl.skin dt ul.swatch li a.selected span { background-position: -50px top; } #hosDbHeroDetail dl.skin dd { width: 345px; height: 245px; overflow: hidden; } #hosDbHeroDetail dl.skin dd div.title { width: 317px _width: 345px; height: 30px; padding: 0 14px; overflow: hidden; clear: both; background: #1d3c64 url('//static.inven.co.kr/image_2011/hos/dataninfo/hero/bg_skin_title_345x30.jpg') left top no-repeat; } #hosDbHeroDetail dl.skin dd div.title span { float: left; width: 220px; height: 30px; font-size: 13px; font-weight: bold; overflow: hidden; line-height: 33px; } #hosDbHeroDetail dl.skin dd div.title span.right { float: right; width: 97px; text-align: right; color: #b7c8f6; font-size: 11px; font-weight: normal; } #hosDbHeroDetail dl.skin dd div.screenShot { width: 341px; _width: 345px; height: 213px; _height: 215px; overflow: hidden; clear: both; border: 2px solid #609ad4; border-top-width: 0; background: #2b1953 url('//static.inven.co.kr/image_2011/hos/dataninfo/hero/bg_skin_not_ready_345x215.jpg') center center no-repeat; } #hosDbHeroDetail ul.script, #hosDbHeroDetail ul.script li, #hosDbHeroDetail ul.script li ul, #hosDbHeroDetail ul.script li ul li { width: 630px; overflow: hidden; clear: both; } #hosDbHeroDetail ul.script { margin-bottom: -25px; } #hosDbHeroDetail ul.script li h3 { margin-top: -10px; } #hosDbHeroDetail ul.script li ul { line-height: 18px; margin: -5px 0 25px 0; _clear: none; } #hosDbHeroDetail ul.script li ul li { width: 620px; _width: 630px; padding: 0 0 5px 10px; }