/* MANUAL */ /* COMMON */ #hosDb .heroTitleName { color: #fff; font-size: 19px; letter-spacing: 1px; font-family: "Malgun Gothic", "gulim"; font-weight: bold; text-shadow: 0 -1px #2e4a6d, 1px 0 #2e4a6d, 0 1px #2e4a6d, -1px 0 #2e4a6d; _filter: glow(color=#2e4a6d,strength=2); _zoom: 1; } /* LIST */ #hosDbManualHeroSelector .wrap { width: 704px; _width: 710px; padding: 1px; background-color: #232436; border: 2px solid #678cdc; overflow: hidden; clear: both; } #hosDbManualHeroSelector .hosDbCommonHeroList { width: 704px; padding-bottom: 4px; } #hosDbManualHeroSelector.scrollList .hosDbCommonHeroList { height: 186px; padding-bottom: 1px; overflow-y: scroll; } #hosDbManualHeroSelector .hosDbCommonHeroList a.selected span { color: #ffff00 !important; } #hosDb #hosDbHeroSelector div.noResult { height: 182px !important; line-height: 182px !important; } #hosDb div.overView { width: 700px; _width: 710px; padding: 9px 4px 9px 4px; background-color: #dfe8f1; border: 1px solid #9aaabb; } #hosDb div.overView dl { width: 340px; overflow: hidden; margin: 0 5px; } #hosDb div.overView dl dt { width: 340px; height: 30px; color: #fff; font-weight: bold; text-indent: 12px; line-height: 32px; _line-height: 33px; background: #255fa8 url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/title_340x30_skyblue1.jpg') left top no-repeat; overflow: hidden; clear: both; } #hosDb div.overView dl dt span { color: #9ce5ff; } #hosDb div.overView dl dd { width: 322px; _width: 340px; padding: 3px 8px 8px 8px; background-color: #fff; border: 1px solid #9aaabb; border-top-width: 0; overflow: hidden; clear: both; } #hosDb div.overView dl dd ul, #hosDb div.overView dl dd ul li { width: 322px; height: 105px; overflow: hidden; clear: both; } #hosDb div.overView dl dd ul li { height: 16px; margin-top: 5px; text-indent: 21px; line-height: 17.5px; background-position: left top; background-repeat: no-repeat; } #hosDb div.overView dl dd ul li.empty { text-indent: 0px; text-align: center; } #hosDb div.overView dl dd ul li span { font-size: 11px; color: #ff5400; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #hosDb div.overView dl dt { line-height: 35px; } #hosDb div.overView dl dd ul li { line-height: 19px; } } #hosDb div.buttons a, #hosDb div.buttons button { float: left; width: 60px; height: 23px; color: #fdf5f5; font-weight: bold; text-align: center; text-decoration: none !important; line-height: 25px; margin: 0 4px 0 0; background: transparent url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/bttn_60x23.png') left top no-repeat; overflow: hidden; } #hosDb div.buttons button { border: 0; outline: 0; padding: 0; cursor: pointer; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #hosDb div.buttons a, #hosDb div.buttons button { line-height: 27px; } } #hosDb div.buttons .button2 { background-position: left -23px; } #hosDb div.buttons .button3 { background-position: left -46px; } #hosDb div.buttons .button4 { background-position: left -69px; } #hosDb div.buttons .button5 { background-position: left -92px; } #hosDb div.buttons .button6 { background-position: left -115px; } #hosDb div.buttons a.right, #hosDb div.buttons form, #hosDb div.buttons form * { float: right; margin: 0 0 0 4px; } #hosDb div.buttons form input { height: 18px; } #hosDb div.buttons form select { height: 23px; } /* TABLE */ #hosDb .hosDbCommonList table col.hero { width: 54px; } #hosDb .hosDbCommonList table col.season { width: 58px; } #hosDb .hosDbCommonList table col.subject { width: 314px; } #hosDb .hosDbCommonList table col.author { width: 95px; } #hosDb .hosDbCommonList table col.date { width: 60px; } #hosDb .hosDbCommonList table col.read { width: 60px; } #hosDb .hosDbCommonList table col.recomm { width: 70px; } #hosDb .hosDbCommonList table thead th.sort { cursor: pointer; } #hosDb .hosDbCommonList table thead th.sort span.arrow { width: 7px; height: 9px; margin: 0 0 0 4px; overflow: hidden; display: inline-block; _display: inline; _vertical-align: 3px; background: url('//static.inven.co.kr/image_2011/hos/dataninfo/table_header_arrow_7x9.gif?v=2') 0 -9px no-repeat; } #hosDb .hosDbCommonList table thead th.sort-up span.arrow { background-position: 0 0; } #hosDb .hosDbCommonList table thead th.sort-down span.arrow { background-position: 0 -18px; } #hosDb .hosDbCommonList table tbody td { height: 48px; } #hosDb .hosDbCommonList table tbody tr:last-child td { border-bottom-color: #fff; } #hosDb .hosDbCommonList table tbody tr.gray td { background-color: #a0a0a0; } #hosDb .hosDbCommonList table tbody td.icon img { width: 32px; height: 32px; } #hosDb .hosDbCommonList table tbody td.nick img { width: 16px; height: 16px; vertical-align: middle; margin-top: -2px; } #hosDb .hosDbCommonList table tbody td.subject span { font-size: 11px; color: #ff5400; } #hosDb .hosDbCommonList table tbody td.subject span.icon { display: inline-block; width: 36px; height: 17px; margin-right: 4px; vertical-align: -4px; _display: inline; _float: left; _margin-left: 2px; _margin-right: 0; _vertical-align: 4px; background-repeat: no-repeat; background-position: 0 0; overflow: hidden; text-indent: -1000em; } #hosDb .hosDbCommonList table tbody td.subject span.icon-certification { background-image: url('//static.inven.co.kr/image_2011/hs/dataninfo/deck/icon_certification.gif'); } #hosDb .hosDbCommonList table tbody td.left { text-indent: 3px; } #hosDb .hosDbCommonList table tbody td.vote img { width: 53px; height: 13px; margin-bottom: 2px; } #hosDb .hosDbCommonList table tbody td.vote .positive, #hosDb .hosDbCommonList table tbody td.vote .negative { vertical-align: middle; background-repeat: no-repeat; background-image: url('//static.inven.co.kr/image_2011/hs/dataninfo/deck/vote_arrow.gif'); background-position: 1px -21px; padding-left: 9px; color: #242424; } #hosDb .hosDbCommonList table tbody td.vote .positive, #hosDb .hosDbCommonList table tbody td.vote .ing { background-position: 1px 1px; color: #fe3000; font-weight: bold; } #hosDb .hosDbCommonList table tfoot td { height: 31px; text-align: center; background-color: #dfe8f1; } /* VIEW */ #hosDb #hosDbManualView dl.vote { width: 670px; _width: 690px; padding-left: 5px; margin-top: 0px; } #hosDbManualView dl.vote dt { width: 325px; height: 30px; margin: 0 0 0 10px; color: #9ce5ff; font-weight: bold; text-align: center; line-height: 32px; _line-height: 33px; background: #182e7b url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/vote_title_325x30.png') 0 0 no-repeat; overflow: hidden; } #hosDbManualView dl.vote dd { width: 295px; _width: 325px; height: 49px; _height: 62px; margin: 0 0 0 10px; padding: 6px 14px; border: 1px solid #152348; border-top-width: 0; background-color: #374b76; overflow: hidden; } #hosDbManualView dl.vote dd div.voteLine { width: 295px; height: 21px; line-height: 22px; _line-height: 24px; text-indent: 50px; background-position: 0 2px; background-repeat: no-repeat; overflow: hidden; clear: both; } #hosDbManualView dl.vote dd div.voteLine a { float: right; width: 40px; height: 21px; text-indent: -1000em; background: #182e7b url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/vote_bttn_vote_40x21.png') 0 0 no-repeat; overflow: hidden; } #hosDbManualView dl.vote dd div.votePositive { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/vote_icon_positive_41x16.png'); } #hosDbManualView dl.vote dd div.voteNegative { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/vote_icon_negative_41x16.png'); margin-top: 7px; } #hosDbManualView dl.vote dd div.voteResult { width: 53px; _width: 105px; height: 13px; _height: 36px; padding: 12px 11px 11px 41px; margin: 7px 0 0 2px; background: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/vote_result_box_105x36.png') 0 0 no-repeat; overflow: hidden; text-align: center; } #hosDbManualView dl.vote dd div.voteResult img { height: 13px; } #hosDbManualView dl.vote dd div.voteResult2 { width: 176px; height: 44px; margin: 6px 0 0 12px; overflow: hidden; color: #bdd9e2; text-align: center; } #hosDbManualView dl.vote dd div.voteResult2 div { width: 174px; _width: 176px; height: 18px; _height: 20px; color: #ffffff; line-height: 19px; _line-height: 21px; margin-bottom: 5px; border: 1px solid #619ad4; background-color: #1d2d56; overflow: hidden; clear: both; } #hosDbManualView dl.vote dd div.voteResult2 div span { color: #49f844; font-weight: bold; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #hosDbManualView dl.vote dd div.voteLine { line-height: 25px; } #hosDbManualView dl.vote dd div.voteResult2 div { line-height: 22px; } } #hosDbManualView dl.viewTitle, #hosDbManualView dl.viewTitle dt, #hosDbManualView dl.viewTitle dd { width: 690px; overflow: hidden; clear: both; } #hosDbManualView dl.viewTitle { margin-top: 10px; border-bottom: 1px solid #18264c; } #hosDbManualView dl.viewTitle dt, #hosDbManualView dl.viewTitle dd { height: 31px; _height: 32px; background-color: #405789; border-top: 1px solid #18264c; } #hosDbManualView dl.viewTitle dt div { height: 31px; overflow: hidden; color: #f0ff00; font-weight: bold; } #hosDbManualView dl.viewTitle dt div.gradientBgBlue { width: 98px; _width: 99px; border-right: 1px solid #18264c; color: #fff; } #hosDbManualView dl.viewTitle dt div.battleground { float: right; padding-right: 6px; } #hosDbManualView dl.viewTitle dt div.battleground span { background: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/icon_battleground_20x24.png?v=5') 0 0 no-repeat; float: left; width: 20px; height: 24px; margin: 3px 3px 0 0; text-indent: -1000em; cursor: default; overflow: hidden; } #hosDbManualView dl.viewTitle dt div.battleground span.battleground1 { background-position: 0 -24px; } #hosDbManualView dl.viewTitle dt div.battleground span.battleground2 { background-position: 0 -48px; } #hosDbManualView dl.viewTitle dt div.battleground span.battleground3 { background-position: 0 -72px; } #hosDbManualView dl.viewTitle dt div.battleground span.battleground4 { background-position: 0 -96px; } #hosDbManualView dl.viewTitle dt div.battleground span.battleground5 { background-position: 0 -120px; } #hosDbManualView dl.viewTitle dt div.battleground span.battleground6 { background-position: 0 -144px; } #hosDbManualView dl.viewTitle dt div.battleground span.battleground7 { background-position: 0 -168px; } #hosDbManualView dl.viewTitle dt div.battleground span.battleground8 { background-position: 0 -192px; } #hosDbManualView dl.viewTitle dt div.battleground span.battleground9 { background-position: 0 -216px; } #hosDbManualView dl.viewTitle dt div.battleground span.battleground10 { background-position: 0 -240px; } #hosDbManualView dl.viewTitle dt div.battleground span.battleground11 { background-position: 0 -264px; } #hosDbManualView dl.viewTitle dt div.battleground span.battleground12 { background-position: 0 -288px; } #hosDbManualView dl.viewTitle dd { text-indent: 23px; color: #fff; } #hosDbManualView dl.viewTitle dd span { color: #9debff; } #hosDbManualView dl.viewTitle dt div, #hosDbManualView dl.viewTitle dd { line-height: 32px; _line-height: 35px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #hosDbManualView dl.viewTitle dt div, #hosDbManualView dl.viewTitle dd { line-height: 36px; } } #hosDb #hosDbManualView dl.hosDbHeroDetailTop { margin-top: 0px; } #hosDbManualView dl.hosDbHeroDetailTop dd.top table { width: 558px; margin-left: 16px; } #hosDbManualView dl.hosDbHeroDetailTop dd.top table col.th { width: 98px; } #hosDbManualView dl.hosDbHeroDetailTop dd.top table col.td { width: 460px; } #hosDbManualView dl.hosDbHeroDetailTop dd.top table th, #hosDbManualView dl.hosDbHeroDetailTop dd.top table td { color: #fff; padding: 9px; padding-top: 7px; padding-bottom: 6px; _padding-top: 8px; border: 1px solid #152348; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #hosDbManualView dl.hosDbHeroDetailTop dd.top table th, #hosDbManualView dl.hosDbHeroDetailTop dd.top table td { padding-top: 9px; padding-bottom: 4px; } } #hosDbManualView dl.hosDbHeroDetailTop dd.top table td { border-left-width: 0px; 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; } #hosDbManualView dl.hosDbHeroDetailTop dd.bottom { width: 660px; height: auto; overflow: hidden; clear: both; } #hosDbManualView dl.hosDbHeroDetailTop div.levelContiner { margin: 20px 0 10px 0; } #hosDb #hosDbManualView h2 { margin-top: 15px; } #hosDbManualView ul.talentSummary { width: 646px !important; _width: 660px !important; padding: 9px 0 9px 12px !important; } #hosDbManualView ul.talentSummary li.tier { width: 65px; _width: 82px; height: 89px; _height: 123px; padding: 34px 7px 0 10px; margin: 0 10px 0 0; background: #1d2d56 url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/talent_summary_bg_82x123.png') 0 0 no-repeat; overflow: hidden; } #hosDbManualView ul.talentSummaryLevel-1 li.tier { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/talent_summary_bg_82x123_-1.png'); } #hosDbManualView ul.talentSummaryLevel-2 li.tier { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/talent_summary_bg_82x123_-2.png'); } #hosDbManualView ul.talentSummary li.tier2 { background-position: -82px 0; } #hosDbManualView ul.talentSummary li.tier3 { background-position: -164px 0; } #hosDbManualView ul.talentSummary li.tier4 { background-position: -246px 0; } #hosDbManualView ul.talentSummary li.tier5 { background-position: -328px 0; } #hosDbManualView ul.talentSummary li.tier6 { background-position: -410px 0; } #hosDbManualView ul.talentSummary li.tier7 { background-position: -492px 0; } #hosDbManualView ul.talentSummary li.tier img { width: 62px; height: 62px; } #hosDbManualView ul.talentSummary li.tier ul { width: 65px; height: 15px; overflow: hidden; margin: 2px 0 0 0; } #hosDbManualView ul.talentSummary li.tier ul li { width: 10px; height: 15px; margin: 0 3px 0 0; overflow: hidden; text-indent: -1000em; background: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/talent_summary_icon_column_10x15.png') 0 0 no-repeat; } #hosDbManualView ul.talentSummary li.tier ul li.column1 { background-position: -10px 0; } #hosDbManualView ul.talentSummary li.tier ul li.column2 { background-position: -20px 0; } #hosDbManualView ul.talentSummary li.tier ul li.column3 { background-position: -30px 0; } #hosDbManualView ul.talentSummary li.tier ul li.column4 { background-position: -40px 0; } #hosDbManualView ul.talentSummary li.tier ul li.column5 { background-position: -50px 0; } #hosDbManualViewButtons { height: 33px; _height: 35px; background-color: #ededed; border: 1px solid #cdcccc; border-left-width: 0; border-right-width: 0; margin-top: 15px !important; } #hosDbManualViewButtons li { width: 150px; height: 23px; overflow: hidden; margin: 5px 0; } #hosDbManualViewButtons li.left { margin-left: 5px; text-align: left; } #hosDbManualViewButtons li.middle { width: 400px; text-align: center; } #hosDbManualViewButtons li.right { margin-right: 5px; text-align: right; } #hosDbManualViewButtons li a { width: 54px; height: 23px; line-height: 24px; _line-height: 26px; text-align: center; text-decoration: none !important; color: #000 !important; display: inline-block; _display: inline; _margin-right: 1px; background: url('//static.inven.co.kr/image/board/common/bttn_54x23_white1.gif') left top no-repeat; overflow: hidden; } #hosDbManualViewButtons li a.wide { width: 75px; background-image: url('//static.inven.co.kr/image/board/common/bttn_75x23_white1.gif'); } #hosDb #cmtWrap { margin-top: 0px; } /* BOARD VIEW */ #hosDb .infoBody .hosDbCommonBoardView { display: block; padding: 0; } #hosDb .infoBody .hosDbCommonBoardView .boardContent { display: block; position: relative; color: #bdd9e2; width: 630px; _width: 660px; padding: 14px 14px; border: 1px solid #152348; background-color: #374b76; margin: 0; line-height: 184%; overflow: hidden; clear: both; } #hosDb .infoBody .hosDbCommonBoardView .boardContent img, #hosDb .infoBody .hosDbCommonBoardView .boardContent object, #hosDb .infoBody .hosDbCommonBoardView .boardContent embed { border: 0; max-width: 630px !important; } #hosDb .infoBody .hosDbCommonBoardView .boardContent div.divBoxStyleWH1, #hosDb .infoBody .hosDbCommonBoardView .boardContent div.divBoxStyleSL1, #hosDb .infoBody .hosDbCommonBoardView .boardContent div.divBoxStyleYE1, #hosDb .infoBody .hosDbCommonBoardView .boardContent div.divBoxStyleOR1, #hosDb .infoBody .hosDbCommonBoardView .boardContent div.divBoxStyleVL1, #hosDb .infoBody .hosDbCommonBoardView .boardContent div.divBoxStyleRE1, #hosDb .infoBody .hosDbCommonBoardView .boardContent div.divBoxStyleLM1, #hosDb .infoBody .hosDbCommonBoardView .boardContent div.divBoxStyleSK1, #hosDb .infoBody .hosDbCommonBoardView .boardContent div.divBoxStyleBU1, #hosDb .infoBody .hosDbCommonBoardView .boardContent .txc-textbox1, #hosDb .infoBody .hosDbCommonBoardView .boardContent .txc-textbox2, #hosDb .infoBody .hosDbCommonBoardView .boardContent .txc-textbox3, #hosDb .infoBody .hosDbCommonBoardView .boardContent .txc-textbox4, #hosDb .infoBody .hosDbCommonBoardView .boardContent .txc-textbox5, #hosDb .infoBody .hosDbCommonBoardView .boardContent .txc-textbox6, #hosDb .infoBody .hosDbCommonBoardView .boardContent .txc-textbox7, #hosDb .infoBody .hosDbCommonBoardView .boardContent .txc-textbox8, #hosDb .infoBody .hosDbCommonBoardView .boardContent .txc-textbox9, #hosDb .infoBody .hosDbCommonBoardView .boardContent .txc-textbox10, #hosDb .infoBody .hosDbCommonBoardView .boardContent .txc-textbox11, #hosDb .infoBody .hosDbCommonBoardView .boardContent .txc-textbox12, #hosDb .infoBody .hosDbCommonBoardView .boardContent .txc-textbox13, #hosDb .infoBody .hosDbCommonBoardView .boardContent .txc-textbox14, #hosDb .infoBody .hosDbCommonBoardView .boardContent .txc-textbox15, #hosDb .infoBody .hosDbCommonBoardView .boardContent .txc-textbox16, #hosDb .infoBody .hosDbCommonBoardView .boardContent .txc-textbox17, #hosDb .infoBody .hosDbCommonBoardView .boardContent .txc-textbox18, #hosDb .infoBody .hosDbCommonBoardView .boardContent .txc-textbox19, #hosDb .infoBody .hosDbCommonBoardView .boardContent .txc-textbox20, #hosDb .infoBody .hosDbCommonBoardView .boardContent .txc-textbox21, #hosDb .infoBody .hosDbCommonBoardView .boardContent .txc-textbox22, #hosDb .infoBody .hosDbCommonBoardView .boardContent .txc-textbox23, #hosDb .infoBody .hosDbCommonBoardView .boardContent .txc-textbox24 { color: #000; } #hosDb .infoBody .hosDbCommonBoardView .boardContent div.subtitle { height: 36px; clear: none; overflow: hidden; font: bold 12px/38px "굴림", "gulim"; _line-height: 39px; color: #fff; text-indent: 10px; background: transparent url('//static.inven.co.kr/image_2011/hos/dataninfo/hero/subtitle_137x36_transparent1.png') left top no-repeat; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #hosDb .infoBody .hosDbCommonBoardView .boardContent div.subtitle { line-height: 41px; } } #hosDb .infoBody .hosDbCommonBoardView .boardContent .infoBox, #hosDb .infoBody .hosDbCommonBoardView .boardContent h2, #hosDb .infoBody .hosDbCommonBoardView .boardContent h2 strong, #hosDb .infoBody .hosDbCommonBoardView .boardContent h3 { float: none; width: auto; height: auto; padding: 0; margin: 0; border-width: 0px; overflow: visible; background-color: transparent; backgorund-image: url(''); line-height: 1.4; } #hosDb .infoBody .hosDbCommonBoardView .boardContent .collapse { height: auto; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #hosDb .infoBody .hosDbCommonBoardView .boardContent h2, #hosDb .infoBody .hosDbCommonBoardView .boardContent h3 { line-height: 1.4; } } #hosDb .infoBody .hosDbCommonBoardView .boardContent h2 span { float: none; } /* HEADER */ #hosDbManualHeader div.hosDbCommonBoardView div.boardContent { background-color: #030919 !important; background-position: -1px 0; background-repeat: no-repeat; } /* HARMONY */ #hosDbManualHarmony dl.harmony { width: 633px; _width: 660px; height: 208px; padding: 0 0 0 27px; margin: 0 0 10px 0; background: #140222 url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/harmony_bg_660x208.jpg') left top no-repeat; overflow: hidden; clear: both; } #hosDbManualHarmony dl.harmony dt, #hosDbManualHarmony dl.harmony dd { width: 620px; height: 65px; margin: 48px 0 0 0; overflow: hidden; clear: both; } #hosDbManualHarmony dl.harmony dd { margin-top: 2px; } #hosDbManualHarmony dl.harmony ul { width: 260px; height: 44px; margin: 0 0 0 50px; overflow: hidden; } #hosDbManualHarmony dl.harmony ul.right, #hosDbManualHarmony dl.harmony ul.right li { float: right; } #hosDbManualHarmony dl.harmony li, #hosDbManualHarmony dl.harmony li a, #hosDbManualHarmony dl.harmony li span { float: left; width: 44px; height: 44px; overflow: hidden; } #hosDbManualHarmony dl.harmony li { margin: 0 8px 0 0; background: #000 1px 1px no-repeat; } #hosDbManualHarmony dl.harmony li a, #hosDbManualHarmony dl.harmony li span { background: transparent url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/harmony_bttn_44x44.png') 0 0 no-repeat; } #hosDbManualHarmony dl.harmony li span { background-position: -132px 0; } #hosDbManualHarmony dl.harmony dt ul.left li span { background-position: -44px 0; } #hosDbManualHarmony dl.harmony dd ul.right li span { background-position: -88px 0; } #hosDbManualHarmony dl.harmony li a { display: none; } #hosDbManualHarmony a.reset { display: none; width: 131px; height: 33px; margin: 0 0 5px 264px; float: left; text-indent: -1000em; background: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/harmony_bttn_reset_131x33.png') left top no-repeat; overflow: hidden; clear: both; } #hosDbManualWriteContents #hosDbManualHarmony dl.harmony li a, #hosDbManualWriteContents #hosDbManualHarmony a.reset { display: inline; } #hosDbManualWriteContents #hosDbManualHarmony dl.harmony li span { cursor: pointer; } #hosDbManualHarmonySelector { position: absolute; left: 65px; top: 0; z-index: 9; width: 612px; overflow: hidden; clear: both; } #hosDbManualHarmonySelector dt { width: 612px; height: 8px; background: transparent url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/harmony_selector_border_top.png') -636px 2px no-repeat; } #hosDbManualHarmonySelector dd { width: 610px; _width: 612px; color: #fff; background-color: #1d2d56; border: 1px solid #609ad4; border-top-width: 0; padding: 0; overflow: hidden; clear: both; } #hosDbManualHarmonySelector.loading dd { height: 120px; background: #1d2d56 url('//static.inven.co.kr/image/wow/dataninfo/edb_item/loading.gif') center center no-repeat; } #hosDbManualHarmonySelector dd div { width: 610px; height: 23px; margin: 7px 0; clear: both; overflow: hidden; } #hosDbManualHarmonySelector dd div button { float: left; width: 60px; height: 23px; color: #fdf5f5; font-weight: bold; text-align: center; text-decoration: none !important; line-height: 24px; margin: 0 4px 0 0; background: transparent url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/bttn_60x23.png') left top no-repeat; overflow: hidden; border: 0; outline: 0; padding: 0; cursor: pointer; background-position: left -92px; margin-left: 275px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #hosDbManualHarmonySelector dd div button { line-height: 27px; } } /* TALENT */ #hosDbManualTalent #hosDbTalentTool { margin-top: 0px; } #hosDbManualTalent #hosDbTalentTool div.talents dl.talentTier dt ul { height: 63px; margin: 2px 0 2px -9px; } #hosDbManualTalent #hosDbTalentTool div.talents dl.talentTier dt ul li, #hosDbManualTalent #hosDbTalentTool div.talents dl.talentTier dt ul li a { height: 63px; } #hosDbManualTalent #hosDbTalentTool div.talents dl.talentTier dt ul li.selected a, #hosDbManualTalent #hosDbTalentTool div.talents dl.talentTier dt ul li.selected2 a { background-position: 0 0; background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/talent_bttn_selected_53x63.png') !important; filter: alpha(opacity=100) !important; -moz-opacity: 1.0 !important; -khtml-opacity: 1.0 !important; opacity: 1.0 !important; } #hosDbManualTalent #hosDbTalentTool div.talents dl.talentTier dt ul li.selected2 a { background-position: 0 -63px; } #hosDbManualTalent #hosDbTalentTool div.talents dt div a { display: none; } #hosDbManualTalent #hosDbTalentTool div.talents dl.talentTier dd textarea, #hosDbManualTalent #hosDbTalentTool div.talents dl.talentTier dd p { width: 311px; height: 69px; border: 1px solid #1d3361; padding: 5px; color: #bdd9e2; overflow: hidden; background: transparent; _background: transparent url(''); } #hosDbManualTalent #hosDbTalentTool div.talents dl.talentTier dd textarea { overflow-y: scroll; resize: none; } #hosDbManualTalent #hosDbTalentTool div.talents dl.talentTier dd p { width: 299px; _width: 311px; height: auto; display: inline; float: left; margin: 0; } #hosDbManualTalent #hosDbTalentTool div.talents dl.talentTier dd p span { display: inline; float: left; width: 299px; height: auto; min-height: 57px; } #hosDbManualTalent #hosDbTalentTool ul.ability .talentOption { filter: alpha(opacity=65); -moz-opacity: 0.65; -khtml-opacity: 0.65; opacity: 0.65; } #hosDbManualTalent #hosDbTalentTool ul.ability li.talentMajor dl.tooltip dt span.layerAnchor, #hosDbManualTalent #hosDbTalentTool ul.ability dl.tooltip dd div.talentMajor span.upgrade { float: left; text-indent: 27px; margin-right: 4px; background: transparent url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/talent_icon_major_26x13.png') 0 2px no-repeat; } #hosDbManualTalent #hosDbTalentTool ul.ability li.talentOption dl.tooltip dt span.layerAnchor, #hosDbManualTalent #hosDbTalentTool ul.ability dl.tooltip dd div.talentOption span.upgrade { float: left; text-indent: 27px; margin-right: 4px; background: transparent url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/talent_icon_option_26x13.png') 0 2px no-repeat; } #hosDbManualTalent #hosDbTalentTool ul.ability li.talentMajor dl.tooltip dt span.layerAnchor, #hosDbManualTalent #hosDbTalentTool ul.ability li.talentOption dl.tooltip dt span.layerAnchor { text-indent: 29px; margin-right: 8px; background-position: 0 1px; } #hosDbManualWriteContents #hosDbManualTalent #hosDbTalentTool div.talents dl.talentTier dd textarea.placeHold { color: #acacac; } #hosDbManualWriteContents #hosDbManualTalent #hosDbTalentTool div.talents dt div a { float: left; display: inline; width: 38px; height: 15px; margin: 40px 0 0 11px; background: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/talent_bttn_reset_38x15.png') left top no-repeat; text-indent: -1000em; overflow: hidden; clear: both; } #hosDbManualWriteContents #hosDbManualTalent #hosDbTalentTool div.talents dt div a:hover { background-position: 0 -15px; } #hosDbManualView #hosDbManualTalent #hosDbTalentTool div.talents { _height: auto; _padding-bottom: 15px; } #hosDbManualView #hosDbManualTalent #hosDbTalentTool div.talents dl.talentTier dd textarea { height: auto; min-height: 69px; outline: none; -webkit-appearance: none; } /* WRITE */ #hosDbManualHeroSelector.hosDbCommonDetail .wrap { width: 684px; _width: 690px; padding: 1px; background-color: #232436; border: 2px solid #678cdc; overflow: hidden; clear: both; } #hosDbManualHeroSelector.hosDbCommonDetail .hosDbCommonHeroList { width: 684px; padding-bottom: 4px; } #hosDbManualHeroSelector .hosDbCommonHeroList div.chooseYourHero { width: 670px; height: 36px; margin: 7px 7px 2px 7px; background: #23398e url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/title_choose_your_hero_670x36.png') 0 -36px no-repeat; text-indent: -1000em; overflow: hidden; clear: both; } #hosDbManualHeroSelectorLoading { width: 690px; height: 130px; background: #5c7dc4 url('//static.inven.co.kr/image/wow/dataninfo/edb_item/loading.gif') center center no-repeat; } #hosDb #hosDbManualWrite .infoBody { margin-top: 0px; } #hosDbManualWrite .infoBody .wrap { width: 660px; overflow: hidden; clear: both; } #hosDbManualWrite .heroInfo .icon { width: 62px; height: 62px; overflow: hidden; margin-right: 9px; background: transparent left top no-repeat; } #hosDbManualWrite .heroInfo .title { width: 589px; height: 62px; overflow: hidden; } #hosDbManualWrite .heroInfo .title .heroTitleName { width: 589px; height: 34px; overflow: hidden; clear: both; } #hosDbManualWrite .heroInfo .title .inputTitle { width: 587px; _width: 589px; height: 26px; _height: 28px; border: 1px solid #1a2950; background-color: #405789; overflow: hidden; clear: both; } #hosDbManualWrite .heroInfo .title input { width: 569px; height: 26px; margin: 0 9px; padding: 0; border: 0; color: #fff; _line-height: 28px; background-color: transparent; outline: none; -webkit-appearance: none; -webkit-border-radius: 0; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #hosDbManualWrite .heroInfo .title input { line-height: 31px; } } #hosDbManualWrite .heroInfo .title input.placeHold { color: #ccc; } #hosDbManualWrite .heroInfo table { border-top: 1px solid #1a2950; border-left: 1px solid #1a2950; table-layout: fixed; } #hosDbManualWrite .heroInfo table col.th { width: 71px; } #hosDbManualWrite .heroInfo table col.td { width: 589px; } #hosDbManualWrite .heroInfo table th, #hosDbManualWrite .heroInfo table td { border-bottom: 1px solid #1a2950; border-right: 1px solid #1a2950; color: #fff; } #hosDbManualWrite .heroInfo table th { padding: 7px 7px 6px 7px; _padding-top: 8px; } #hosDbManualWrite .heroInfo table th { padding-left: 0px; padding-right: 0px; } #hosDbManualWrite .heroInfo table td { background-color: #405789; } #hosDbManualWrite .heroInfo table td ul { width: 574px; _width: 588px; padding: 0 7px; margin: 9px 0 0 0; _margin: 5px 0; overflow: hidden; } #hosDbManualWrite .heroInfo table td li { width: 142px; height: 22px; overflow: hidden; } #hosDbManualWrite .heroInfo table td input { margin: 0; vertical-align: -2px; _vertical-align: -1px; } #hosDbManualWrite .heroInfo table td label { padding: 0 0 0 3px; _padding-left: 1px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #hosDbManualWrite .heroInfo table th { padding-top: 9px; padding-bottom: 4px; } #hosDbManualWrite .heroInfo table td ul { margin: 6px 0 3px 0; } #hosDbManualWrite .heroInfo table td label { padding-left: 1px; } } #hosDb #hosDbManualWrite.hasEditor, #hosDb #hosDbManualWrite.hasEditor #hosDbManualWriteContents { padding-bottom: 0; border-bottom-width: 0; } /* WRITE TAB */ #hosDbManualWriteTabs { width: 690px; height: 36px; margin: 11px 0 1px 0; overflow: hidden; clear: both; } #hosDbManualWriteTabs li { width: 105px; height: 36px; overflow: hidden; } #hosDbManualWriteTabs li a { float: left; width: 104px; height: 72px; background: transparent url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/tab_104x36.png') 0 0 no-repeat; text-indent: -1000em; text-decoration: none !important; overflow: hidden; } #hosDbManualWriteTabs li a:hover, #hosDbManualWriteTabs li a.selected { margin-top: -36px; } #hosDbManualWriteTabs li.tab0 { float: right; width: 112px; } #hosDbManualWriteTabs li.tab0 a { width: 112px; background-position: -312px 0; } #hosDbManualWriteTabs li.tab2 a { background-position: -104px 0; } #hosDbManualWriteTabs li.tab3 a { background-position: -208px 0; } /* WRITE EDITOR */ #hosDbManualWriteContents div.wysiwygEditor { margin-top: 10px; } #hosDbManualWriteContents div.wysiwygEditor div.signToolbar ul { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/bttn_editor_bg.gif?v=2'); } #hosDbManualWriteContents div.wysiwygEditor div.signToolbar ul li.fontname { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/bttn_editor_fontname.gif?v=2'); } #hosDbManualWriteContents div.wysiwygEditor div.signToolbar ul li.fontsize { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/bttn_editor_fontsize.gif'); } #hosDbManualWriteContents div.wysiwygEditor div.signToolbar ul li.bold { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/bttn_editor_bold.gif'); } #hosDbManualWriteContents div.wysiwygEditor div.signToolbar ul li.underline { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/bttn_editor_underline.gif'); } #hosDbManualWriteContents div.wysiwygEditor div.signToolbar ul li.italic { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/bttn_editor_italic.gif'); } #hosDbManualWriteContents div.wysiwygEditor div.signToolbar ul li.strikethrough { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/bttn_editor_strikethrough.gif'); } #hosDbManualWriteContents div.wysiwygEditor div.signToolbar ul li.forecolor { background: #000000 url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/bttn_editor_forecolor.gif'); } #hosDbManualWriteContents div.wysiwygEditor div.signToolbar ul li.backcolor { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/bttn_editor_backcolor.gif'); } #hosDbManualWriteContents div.wysiwygEditor div.signToolbar ul li.forepic, #hosDbManualWriteContents div.wysiwygEditor div.signToolbar ul li.backpic { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/bttn_editor_moredown.gif?v=2'); } #hosDbManualWriteContents div.wysiwygEditor div.signToolbar ul li.justifyleft { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/bttn_editor_justifyleft.gif'); } #hosDbManualWriteContents div.wysiwygEditor div.signToolbar ul li.justifycenter { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/bttn_editor_justifycenter.gif'); } #hosDbManualWriteContents div.wysiwygEditor div.signToolbar ul li.justifyright { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/bttn_editor_justifyright.gif'); } #hosDbManualWriteContents div.wysiwygEditor div.signToolbar ul li.justifyfull { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/bttn_editor_justifyfull.gif'); } #hosDbManualWriteContents div.wysiwygEditor div.signToolbar ul li.outdent { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/bttn_editor_outdent.gif'); } #hosDbManualWriteContents div.wysiwygEditor div.signToolbar ul li.indent { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/bttn_editor_indent.gif'); } #hosDbManualWriteContents div.wysiwygEditor div.signToolbar ul li.InsertOrderedList { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/bttn_editor_orderedlist.gif'); } #hosDbManualWriteContents div.wysiwygEditor div.signToolbar ul li.InsertUnorderedList { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/bttn_editor_unorderedlist.gif'); } #hosDbManualWriteContents div.wysiwygEditor div.signToolbar ul li.link { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/bttn_editor_link.gif'); } #hosDbManualWriteContents div.wysiwygEditor div.signToolbar ul li.image { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/bttn_editor_image.gif'); } #hosDbManualWriteContents div.wysiwygEditor div.signToolbar ul li.blockquote { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/bttn_editor_blockquote.gif'); } #hosDbManualWriteContents div.wysiwygEditor div.signToolbar ul li.divbox { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/bttn_editor_divbox.gif'); } #hosDbManualWriteContents div.wysiwygEditor div.signToolbar ul li.emoticon { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/bttn_editor_emoticon.gif'); } #hosDbManualWriteContents div.wysiwygEditor div.signToolbar ul li.external { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/bttn_editor_external.gif'); } #hosDbManualWriteContents div.wysiwygEditor div.signToolbar ul li.youtube { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/bttn_editor_movie.gif') !important; } #hosDbManualWriteContents div.wysiwygEditor div.signToolbar ul li.html { background-image: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/bttn_editor_html.gif');} #hosDbManualWriteContents div.wysiwygEditor iframe.iframeEditCtrl { border-color: #000; background-color: #374b76; } #hosDbManualWriteContents div.wysiwygEditor textarea.signContent { color: #bdd9e2; background-color: #374b76; font-family: "굴림", gulim, Helvetica; font-size: 12px; font-weight: normal; letter-spacing: 0px; font-style: normal; word-wrap: break-word; border: 1px solid #000; overflow-y: scroll; resize: none; outline: none; -webkit-appearance: none; -webkit-border-radius: 0; } /* WRITE MENU */ #hosDb #hosDbManualWriteEditorMenu { padding-top: 0; border-top-width: 0; margin-top: 0; } #hosDb #hosDbManualWriteEditorMenu .infoBody { padding-top: 10px; border-top-width: 0; margin-top: 0; } #hosDbManualWriteEditorMenu ul.menu { width: 660px; height: 23px; overflow: hidden; clear: both; } #hosDbManualWriteEditorMenu ul.menu li { float: right; height: 22px; _height: 23px; border: 1px solid #000; border-bottom-width: 0; overflow: hidden; } #hosDbManualWriteEditorMenu ul.menu li.image { float: left; } #hosDbManualWriteEditorMenu ul.menu li.icon { border-left-width: 0; } #hosDbManualWriteEditorMenu ul.menu li a { float: left; height: 20px; _height: 22px; color: #fff; line-height: 22px; _line-height: 24px; font-weight: bold; border: 1px solid #7e7e7e; background-color: #585858; padding: 0 10px; overflow: hidden; text-decoration: none !important; } #hosDbManualWriteEditorMenu ul.menu li a:hover, #hosDbManualWriteEditorMenu ul.menu li a.selected { border-color: #ff7238; background-color: #c1391c; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #hosDbManualWriteEditorMenu ul.menu li a { line-height: 25px; } } #hosDbManualWriteEditorMenuContents { width: 650px; _width: 660px; padding: 4px 4px; border: 1px solid #000; background-color: #1d2d56; overflow: hidden; clear: both; } #hosDbManualWriteEditorMenuContents .wrap { width: 630px; _width: 650px; padding: 10px; overflow: hidden; clear: both; } #hosDbManualWriteEditorMenuContents .wrap .wrap { width: 630px; padding: 0; } #hosDbManualWriteEditorMenuContents .wrap2 { width: 650px; overflow: hidden; clear: both; } #hosDbManualWriteEditorMenuUploadImage div.info { width: 532px; height: 33px; overflow: hidden; line-height: 18px; } #hosDbManualWriteEditorMenuUploadImage div.info b { letter-spacing: -1px; } #hosDbManualWriteEditorMenuUploadImage form { position: relative; float: right; width: 98px; height: 33px; overflow: hidden; background: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/bttn_upload_image_98x33.png') right top no-repeat; } #hosDbManualWriteEditorMenuUploadImage form input.file { position: absolute; top: -5px; right: 0; font-size: 33px; width: 120px; height: 66px; cursor: pointer; margin: 0; padding: 0; border: none; outline: none; -webkit-appearance: none; filter: alpha(opacity=0) !important; -moz-opacity: 0 !important; -khtml-opacity: 0 !important; opacity: 0 !important; } #hosDbManualWriteEditorMenuUploadImages { width: 630px; overflow: hidden; clear: both; } #hosDbManualWriteEditorMenuUploadImages div { width: 630px; overflow: hidden; clear: both; line-height: 18px; color: #ff8000; font-weight: bold; } #hosDbManualWriteEditorMenuUploadImages ul { width: 635px; margin: 0 0 6px -6px; overflow: hidden; clear: both; } #hosDbManualWriteEditorMenuUploadImages ul li { width: 119px; _width: 201px; height: 83px; _height: 85px; overflow: hidden; border: 1px solid #9e9e9e; margin: 6px 0 0 6px; color: #000; background-color: #fff; background-position: center center; background-repeat: no-repeat; background-image: url('//static.inven.co.kr/image_2011/hs/common/ajax_loading.gif'); cursor: pointer; } #hosDbManualWriteEditorMenuUploadImages ul li a { float: right; width: 20px; _width: 21px; height: 15px; _height: 16px; margin-top: 67px; background-color: #fff; border-top: 1px solid #9e9e9e; border-left: 1px solid #9e9e9e; color: #9e9e9e; font-size: 11px; text-align: center; text-decoration: none !important; line-height: 16px; overflow: hidden; } #hosDbManualWriteEditorMenuSubTitle { height: 25px; overflow: hidden; } #hosDbManualWriteEditorMenuSubTitle label { float: left; line-height: 25px; margin: 0 5px 0 0; } #hosDbManualWriteEditorMenuSubTitle select { float: left; margin: 2px 18px 0 0; } #hosDbManualWriteEditorMenuSubTitle input.text { float: left; width: 370px; height: 25px; padding: 0 4px 0 4px; border: 1px solid #000; outline: none; -webkit-appearance: none; } #hosDbManualWriteEditorMenuSubTitle input.submit { float: right; width: 88px; height: 25px; background: #257381 url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/bttn_add_subtitle_88x25.png') left top no-repeat; text-indent: -1000em; cursor: pointer; border: none; outline: none; -webkit-appearance: none; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #hosDbManualWriteEditorMenuSubTitle label { line-height: 29px; } #hosDbManualWriteEditorMenuSubTitle select { margin-top: 3px; } #hosDbManualWriteEditorMenuSubTitle input.text { line-height: 27px; } } #hosDb #gameIconHelper, #hosDb #gameIconHelper div.hosIcon, #hosDb #gameIconHelper div.hosIcon ul.hosIcon { width: 650px; border-width: 0; } #hosDb #gameIconHelper div.hosIcon ul.hosIcon li.hero { width: 650px; padding: 0; } #hosDb #gameIconHelper div.hosIcon ul.hosIcon li.hosIcon { margin-left: 6px; margin-right: 0; } #hosDb #gameIconHelper div.hosIcon ul.hosIcon li.hosIcon dl { background: url('//static.inven.co.kr/image_2011/hos/dataninfo/hero/bbsicon_border_top.png') -720px 2px no-repeat; } #hosDb #gameIconHelper div.hosIcon ul.hosIcon li.hosIcon dt { margin-left: 4px; } #hosDb #gameIconHelper li.hosIcon dd div.icons, #hosDb #gameIconHelper li.hosIcon dd div.loading, #hosDb #gameIconHelper li.hosIcon dd div.fail, #hosDb #gameIconHelper li.hosIcon dd div.menu, #hosDb #gameIconHelper li.hosIcon dd div.contents { width: 618px; } #hosDb #gameIconHelper li.hosIcon dd div.contents ul.ability { margin-top: -5px; } #hosDb #gameIconHelper li.hosIcon dd div.contents ul.talents { width: 336px; } #hosDb #gameIconHelper li.hosIcon dd div.contents ul.talents li { width: 268px; _width: 336px; } /* WRITE BOTTOM BUTTONS */ #hosDbManualWriteButtons { height: 25px; text-align: center; } #hosDbManualWriteButtons div { float: right; width: 115px; height: 25px; margin: 0 2px; text-indent: -1000em; cursor: pointer; overflow: hidden; background: url('//static.inven.co.kr/image_2011/hos/dataninfo/manual/bttn_save_load.png') 0 0 no-repeat; } #hosDbManualWriteButtons div.savePrivate { background-position: -115px 0; }