/* 자료정보 */ #archlord2Db {} /* COMMON TITLE */ #archlord2Db .archlord2DbCommonTitle { width: 710px; height: 40px; clear: both; overflow: hidden; margin-top: 0px; margin-left: 15px; text-indent: 40px; font: bold 14px/41px "굴림", "gulim"; color: #e7cd3c; background: transparent url("//static.inven.co.kr/image_2011/archlord2/common/title_710x40_dataninfo.png") top left no-repeat; } /* COMMON TOP */ #archlord2Db .archlord2DbCommonTop { width: 710px; clear: both; overflow: hidden; margin-top: 10px; margin-left: 15px; } /* COMMON VIEW */ #archlord2Db .archlord2DbCommonView { width: 710px; clear: both; overflow: hidden; margin-top: 15px; margin-left: 15px; } /* COMMON SEARCH */ #archlord2Db .archlord2DbCommonSearch { width: 710px; clear: both; overflow: hidden; margin-top: 10px; margin-left: 15px; } /* COMMON FILTER */ #archlord2Db .archlord2DbCommonFilter { width: 710px; clear: both; overflow: hidden; margin-top: 15px; margin-left: 15px; margin-bottom: -15px; } /* COMMON LIST */ #archlord2Db .archlord2DbCommonList { width: 710px; clear: both; overflow: hidden; margin-top: 15px; margin-left: 15px; } /* COMMON DETAIL */ #archlord2Db .archlord2DbCommonDetail { width: 710px; clear: both; overflow: hidden; margin-top: 18px; margin-left: 15px; } /* COMMON INFO */ #archlord2Db .archlord2DbCommonInfo { width: 710px; clear: both; overflow: hidden; margin-top: 15px; margin-left:15px; } /* COMMON COMMENT */ #archlord2Db .archlord2DbCommonComment { width: 710px; clear: both; overflow: hidden; margin-top: 15px; margin-left: 15px; } /* COMMON DATABOARD */ #archlord2Db .archlord2DbCommonDataboard { width: 710px; clear: both; overflow: hidden; margin-top: 15px; margin-left: 15px; } /* 공통 색상 정보 */ /* 아이템 퀄리티 */ .itemQuality1, .itemQualityBad { color: #555; } .itemQuality2, .itemQualityNormal { color: #fff; } #archlord2Db .archlord2DbItemList .itemQuality2, #archlord2Db .archlord2DbItemList .itemQualityNormal { color: #000; } .itemQuality3, .itemQualityHigh { color: #00d053; } /*#archlord2Db .archlord2DbItemList .itemQuality2, #archlord2Db .archlord2DbItemList .itemQualityHigh { color: #00c80a; } */ .itemQuality4, .itemQualityRare { color: #00b0f0; } /*#archlord2Db .archlord2DbItemList .itemQuality3, #archlord2Db .archlord2DbItemList .itemQualityRare { color: #0090ff; } */ .itemQuality5, .itemQualityUnique { color: #f179ff; } /*#archlord2Db .archlord2DbItemList .itemQuality4, #archlord2Db .archlord2DbItemList .itemQualityUnique { color: #e11bfe; } */ .itemQuality6, .itemQualityHero { color: #e46c0a; } /*#archlord2Db .archlord2DbItemList .itemQuality5, #archlord2Db .archlord2DbItemList .itemQualityHero { color: #ff6600; } */ /* ITEM */ /* Tooltip */ div#archlord2DbItemLayers { z-index: 999; } div.archlord2DbItemLayer { position: absolute; display: none; z-index: 999;} div.archlord2DbItemLayer { width: 306px; background-color: #353021; overflow: hidden; } div.archlord2DbItemLayer_inner { padding: 15px 0; } div.archlord2DbItemLayer_loading { position: absolute; z-index: 999; display: none; width: 100px; height: 100px; margin: 0; padding: 0; } div.archlord2DbItemLayer_loading { background:url('//static.inven.co.kr/image/wow/dataninfo/edb_item/loading.gif') left top no-repeat; } div.archlord2DbItemLayer { width: 386px; background: transparent url('//static.inven.co.kr/image_2011/archlord2/dataninfo/itemlayer_mid1_386x1.png') left top repeat-y; } div.archlord2DbItemLayer div.archlord2DbItemLayer_inner { padding-bottom: 0; background: transparent url('//static.inven.co.kr/image_2011/archlord2/dataninfo/itemlayer_top1_386x9.png') left top no-repeat; } div.archlord2DbItemLayer dl { width: 346px; margin: 0 20px; font-weight: bold; line-height: 14px; } div.archlord2DbItemLayer dl dt { color: #dbdbdb; } div.archlord2DbItemLayer dl dd { color: #dbdbdb; font-weight: normal; } div.archlord2DbItemLayer dl dd ul { padding: 0; margin: 0; width: 100%; } div.archlord2DbItemLayer dl dd ul li { width: 100%; line-height: 16px; } div.archlord2DbItemLayer dl.dataEnd { height: 9px; _height: 14px; width: 386px; margin: 0; padding: 5px 0 0 0; background: transparent url('//static.inven.co.kr/image_2011/archlord2/dataninfo/itemlayer_bot1_386x9.png') left bottom no-repeat; } div.archlord2DbItemLayer dl.dataEnd * { display: none; } div.archlord2DbItemLayer dl.line1, div.archlord2DbItemLayer dl.line2, div.archlord2DbItemLayer dl.line3, div.archlord2DbItemLayer dl.line4 { height: 2px; width: 386px; margin: 5px 0 5px; padding: 0; background: transparent url('//static.inven.co.kr/image_2011/archlord2/dataninfo/itemlayer_line1_386x2.png') left top no-repeat; } div.archlord2DbItemLayer dl.line1 *, div.archlord2DbItemLayer dl.line2 *, div.archlord2DbItemLayer dl.line3 *, div.archlord2DbItemLayer dl.line4 * { display: none; } div.archlord2DbItemLayer dl.itemName { font-size: 14px; _line-height: 16px; margin-bottom: 10px; } div.archlord2DbItemLayer dl.itemName dt { display: none; } div.archlord2DbItemLayer dl.itemName dd { font-weight: bold; } div.archlord2DbItemLayer dl.itemIcon { height: 49px; width: 49px; margin-right: 0; } div.archlord2DbItemLayer dl.itemIcon dt { display: none; } div.archlord2DbItemLayer dl.itemIcon dd { height: 43px; width: 43px; padding: 3px; /*background: transparent url('//static.inven.co.kr/image_2011/archlord2/dataninfo/icon_wrap_49x49.png') left top no-repeat;*/ } div.archlord2DbItemLayer dl.itemIcon dd span { display: inline; float: left; width: 38px; height: 38px; padding: 2px; } div.archlord2DbItemLayer dl.itemIcon dd span.itemQuality1 { background: transparent url('//static.inven.co.kr/image_2011/archlord2/dataninfo/icon_wrap_quality1_42x42.png') left top no-repeat; } div.archlord2DbItemLayer dl.itemIcon dd span.itemQuality2 { background: transparent url('//static.inven.co.kr/image_2011/archlord2/dataninfo/icon_wrap_quality2_42x42.png') left top no-repeat; } div.archlord2DbItemLayer dl.itemIcon dd span.itemQuality3 { background: transparent url('//static.inven.co.kr/image_2011/archlord2/dataninfo/icon_wrap_quality3_42x42.png') left top no-repeat; } div.archlord2DbItemLayer dl.itemIcon dd span.itemQuality4 { background: transparent url('//static.inven.co.kr/image_2011/archlord2/dataninfo/icon_wrap_quality4_42x42.png') left top no-repeat; } div.archlord2DbItemLayer dl.itemIcon dd span.itemQuality5 { background: transparent url('//static.inven.co.kr/image_2011/archlord2/dataninfo/icon_wrap_quality5_42x42.png') left top no-repeat; } div.archlord2DbItemLayer dl.itemIcon dd span.itemQuality6 { background: transparent url('//static.inven.co.kr/image_2011/archlord2/dataninfo/icon_wrap_quality6_42x42.png') left top no-repeat; } div.archlord2DbItemLayer dl.itemIcon dd img { width: 38px; height: 38px; border: 0; } div.archlord2DbItemLayer dl.itemGrade { width: 287px; _height: 17px; padding: 2px 0 1px; margin-top: 7px; margin-left: 10px; } div.archlord2DbItemLayer dl.itemType { width: 287px; _height: 17px; padding: 2px 0 1px; margin-left: 10px; } div.archlord2DbItemLayer dl.itemEnchantLevel { width: 346px; _height: 17px; padding: 2px 0 1px; margin: 0 20px; } div.archlord2DbItemLayer dl.itemBindInfo, div.archlord2DbItemLayer dl.itemUnbindCount, div.archlord2DbItemLayer dl.itemLimitInfo { width: 346px; _height: 17px; padding: 2px 0 1px; margin: 0 20px; } div.archlord2DbItemLayer dl.itemBindInfo dt, div.archlord2DbItemLayer dl.itemUnbindCount dt, div.archlord2DbItemLayer dl.itemLimitInfo dt { display: none; } div.archlord2DbItemLayer dl.itemBindInfo dd { color: #ffc000; font-weight: bold; } div.archlord2DbItemLayer dl.itemUnbindCount dd, div.archlord2DbItemLayer dl.itemLimitInfo dd { font-weight: bold; } /*div.archlord2DbItemLayer dl.itemReqStat,*/ div.archlord2DbItemLayer dl.itemEquipEffect { margin-top: 5px; } div.archlord2DbItemLayer dl.itemReqStat dt, div.archlord2DbItemLayer dl.itemEquipEffect dt { display: none; } div.archlord2DbItemLayer dl.itemReqStat dd, div.archlord2DbItemLayer dl.itemEquipEffect dd { font-weight: bold; line-height: 16px; } div.archlord2DbItemLayer dl.itemReqStat dd span.itemReqStat { font-weight: normal; } div.archlord2DbItemLayer dl.itemReqStat h4 { width: 346px; margin-bottom: 5px; font-weight: bold; color: #dbdbdb; } div.archlord2DbItemLayer dl.itemEquipEffect h4.itemEffectTitle { width: 346px; margin-bottom: 5px; color: #ff3820; font-weight: bold; } div.archlord2DbItemLayer dl.itemReqStat span.itemEffectName, div.archlord2DbItemLayer dl.itemEquipEffect span.itemEffectName { color: #dfde0d; } div.archlord2DbItemLayer dl.itemEquipEffect span.itemEffectNamePvP { color: #00B0F0; } div.archlord2DbItemLayer dl.itemDurability { width: 346px; margin-top: 10px; } div.archlord2DbItemLayer dl.itemSocket { width: 346px; } div.archlord2DbItemLayer dl.itemSocket dt { display: none; } div.archlord2DbItemLayer dl.itemSocket dd { width: 100%; text-align: left; } div.archlord2DbItemLayer dl.itemSocket dd span { margin-left: 3px; } div.archlord2DbItemLayer dl.itemSocket dd img { width: 22px; height: 22px; } div.archlord2DbItemLayer dl.itemBind { float:left; clear: left; margin-top: 0; width: 106px; margin-right: 0; } div.archlord2DbItemLayer dl.itemBind dt { display: none; } div.archlord2DbItemLayer dl.itemPrice { float: right; margin-top: 0; margin-left: 0; width: 240px; } div.archlord2DbItemLayer dl.itemPrice dt { display: none; } div.archlord2DbItemLayer dl.itemPrice dd { width: 100%; text-align: right; } div.archlord2DbItemLayer dl.itemSet { margin-top: 5px; } div.archlord2DbItemLayer dl.itemSet dt { display: none; } div.archlord2DbItemLayer dl.itemSet dd h4 { margin-bottom: 3px; font-weight: bold; color: #dedede; } div.archlord2DbItemLayer dl.itemSet dd h4.setEffect { margin-top: 10px; } div.archlord2DbItemLayer dl.itemSet dd ul li span.setPieces { font-weight: bold; } div.archlord2DbItemLayer dl.itemDesc { margin-top: 5px; } div.archlord2DbItemLayer dl.itemDesc dt { display: none; } div.archlord2DbItemLayer dl.itemDesc dd { color: #F0A33F; } /* COMMON COMPONENTS */ /* COMMON BOARD VIEW */ #archlord2Db .archlord2DbCommonBoardView { padding-bottom: 13px; } #archlord2Db .archlord2DbCommonBoardView .title { display: inline; clear: both; margin: 29px 0 0 50px; } #archlord2Db .archlord2DbCommonBoardView .viewBody { width: 603px; margin: 15px 0 0 52px; } #archlord2Db .archlord2DbCommonBoardView .importantNote { width: 618px; _width: 620px; margin-top: 10px; margin-left:44px; padding: 6px 0 2px; border: solid 1px #F00; color: #F00; font-weight: bold; letter-spacing: -1px; text-align: center; } #archlord2Db .archlord2DbCommonBoardView .boardContent { width: 603px; margin-top: 20px; margin-left: 0px; padding-bottom: 20px; line-height: 140%; } #archlord2Db .archlord2DbCommonBoardView .links { width: 650px; margin-top: 20px; margin-left:44px; padding-bottom: 10px; } #archlord2Db .archlord2DbCommonBoardView .links a { color: #000088; font-weight: bold; letter-spacing: -1px; } /* Board Overwrite */ #archlord2Db .archlord2DbCommonBoardView .boardContent div, #archlord2Db .archlord2DbCommonBoardView .boardContent h1, #archlord2Db .archlord2DbCommonBoardView .boardContent h2, #archlord2Db .archlord2DbCommonBoardView .boardContent h3, #archlord2Db .archlord2DbCommonBoardView .boardContent h4, #archlord2Db .archlord2DbCommonBoardView .boardContent h5, #archlord2Db .archlord2DbCommonBoardView .boardContent h6 { float: none; display: block; } #archlord2Db .archlord2DbCommonBoardView .boardContent ul, #archlord2Db .archlord2DbCommonBoardView .boardContent ol { float: none; display: block; margin: 0 0 0 30pt; padding: 0px; } #archlord2Db .archlord2DbCommonBoardView .boardContent li, #archlord2Db .archlord2DbCommonBoardView .boardContent li { float: none; display: list-item; padding: 0px; margin: 0px; } #archlord2Db .archlord2DbCommonBoardView .boardContent h1, #archlord2Db .archlord2DbCommonBoardView .boardContent h2, #archlord2Db .archlord2DbCommonBoardView .boardContent h3, #archlord2Db .archlord2DbCommonBoardView .boardContent h4, #archlord2Db .archlord2DbCommonBoardView .boardContent h5, #archlord2Db .archlord2DbCommonBoardView .boardContent h6 { font-weight: bold; } /* DATANINFO */ /* CRAFT */ #archlord2DbCraftList div.archlord2DbCraftList { width: 710px; } #archlord2DbCraftList table { border-collapse: collapse; padding: 0; margin: 0; width: 100%; border-bottom: 1px solid #aeaeae; } #archlord2DbCraftList table th, #archlord2DbCraftList table td { border-top: 1px solid #aeaeae; border-bottom: 1px solid #aeaeae; text-align: center; padding: 0; margin: 0; } #archlord2DbCraftList table th { font-weight: bold; color: #525252; } #archlord2DbCraftList table th span { display: inline; float: left; width: 100%; height: 14px; line-height: 14px; _height: 28px; padding: 6px 0; _padding: 7px 0 5px; border-width: 1px 0; border-style: solid; border-color: #fff; background: #d5d5d5 url('//static.inven.co.kr/image_2011/archlord2/dataninfo/sep_2x13_black.png') right center no-repeat; } html.ie10 #archlord2DbCraftList table th span { padding: 8px 0 4px; } #archlord2DbCraftList table th.lastCol span { background-image: none; } #archlord2DbCraftList table td { padding: 10px 3px; line-height: 16px; color: #4e4e4e } #archlord2DbCraftList table td a { font-weight: bold; } #archlord2DbCraftList table td .materials a { font-weight: normal; } #archlord2DbCraftList table td .craftIcon { display: inline; float: left; height: 42px; width: 42px; padding: 3px; } #archlord2DbCraftList table td .craftIcon img { width: 36px; height: 36px; border-width: 0; } #archlord2DbCraftList table td .materialIcon { width:16px; height: 16px; border: 1px solid #4e4e4e; vertical-align: middle; margin-right: 3px; } #archlord2DbCraftList table td .craftname { margin: 18px 0 0 4px; } #archlord2DbCraftList table td .materials LI { width: 180px; height: 25px; } #archlord2DbCraftList table td a.craftQuality1 { color: #555555;} #archlord2DbCraftList table td a.craftQuality2 { color: black;} #archlord2DbCraftList table td a.craftQuality3 { color: #00a02E;} #archlord2DbCraftList table td a.craftQuality4 { color: #0080c0;} #archlord2DbCraftList table td a.craftQuality5 { color: #7030A0;} #archlord2DbCraftList table td a.craftQuality6 { color: #E46C0A;} #archlord2DbCraftList table td.craftQuality1 .craftIcon { background: transparent url('//static.inven.co.kr/image_2011/archlord2/dataninfo/icon_wrap_quality1_42x42.png') left top no-repeat; } #archlord2DbCraftList table td.craftQuality2 .craftIcon { background: transparent url('//static.inven.co.kr/image_2011/archlord2/dataninfo/icon_wrap_quality2_42x42.png') left top no-repeat; } #archlord2DbCraftList table td.craftQuality3 .craftIcon { background: transparent url('//static.inven.co.kr/image_2011/archlord2/dataninfo/icon_wrap_quality3_42x42.png') left top no-repeat; } #archlord2DbCraftList table td.craftQuality4 .craftIcon { background: transparent url('//static.inven.co.kr/image_2011/archlord2/dataninfo/icon_wrap_quality4_42x42.png') left top no-repeat; } #archlord2DbCraftList table td.craftQuality5 .craftIcon { background: transparent url('//static.inven.co.kr/image_2011/archlord2/dataninfo/icon_wrap_quality5_42x42.png') left top no-repeat; } #archlord2DbCraftList table td.craftQuality6 .craftIcon { background: transparent url('//static.inven.co.kr/image_2011/archlord2/dataninfo/icon_wrap_quality6_42x42.png') left top no-repeat; } #archlord2DbCraftList .craftList col.name { width: 309px;} #archlord2DbCraftList .craftList col.material { width: 165px;} #archlord2DbCraftList .craftList col.skill { width: 90px;} #archlord2DbCraftList .craftList col.cost { width: 62px;} #archlord2DbCraftList .craftList col.type { width: 84px;} #archlord2DbCraftList .craftList td.name { text-align: left;} #archlord2DbCraftTop .wrap710 { width: 710px; height: 179px; overflow: hidden; background: url('//static.inven.co.kr/image_2011/archlord2/dataninfo/bg_710x179_recipe1.jpg') no-repeat left top; } #archlord2DbCraftTop .wrap710 .craftClass1 { width: 702px; height: 110px; overflow: hidden; margin: 3px 0 0 3px; } #archlord2DbCraftTop .wrap710 .craftClass1 UL { width: 710px; } #archlord2DbCraftTop .wrap710 .craftClass1 UL LI { width: 138px; height: 110px; overflow: hidden; margin-right: 3px; } #archlord2DbCraftTop .wrap710 .craftClass1 UL LI a { width: 138px; height: 220px; overflow: hidden; float: left; text-indent: -100em; background: url('//static.inven.co.kr/image_2011/archlord2/dataninfo/tab_138x110_recipe1.jpg') no-repeat left top; } #archlord2DbCraftTop .wrap710 .craftClass1 UL LI.class11 a { background-position: 0px 0px; } #archlord2DbCraftTop .wrap710 .craftClass1 UL LI.class12 a { background-position: -138px 0px; } #archlord2DbCraftTop .wrap710 .craftClass1 UL LI.class13 a { background-position: -276px 0px; } #archlord2DbCraftTop .wrap710 .craftClass1 UL LI.class14 a { background-position: -414px 0px; } #archlord2DbCraftTop .wrap710 .craftClass1 UL LI.class15 a { background-position: -552px 0px; } #archlord2DbCraftTop .wrap710 .craftClass1 UL LI a.selected { margin-top: -110px; } #archlord2DbCraftTop .wrap710 .craftClass2 { margin: 26px 0 0 69px; } #archlord2DbCraftTop .wrap710 .craftClass2 .classTitle { color: #ff6c00; font-weight: bold; width: 40px; overflow: hidden; } #archlord2DbCraftTop .wrap710 .craftClass2 .classList { margin-left: -1px; overflow: hidden; } #archlord2DbCraftTop .wrap710 .craftClass2 .classList UL { } #archlord2DbCraftTop .wrap710 .craftClass2 .classList UL LI { background: url('//static.inven.co.kr/image_2011/archlord2/dataninfo/sep_1x12_white1.png') no-repeat left top; } #archlord2DbCraftTop .wrap710 .craftClass2 .classList UL LI.first { background: none; } #archlord2DbCraftTop .wrap710 .craftClass2 .classList UL LI a { padding-left: 14px; padding-right: 14px; color: white; font-weight: bold; text-align: center; } #archlord2DbCraftTop .wrap710 .craftClass2 .classList UL LI a.selected2 { color: #fefd07; } #archlord2DbCraftTop .wrap710 .craftClass2 .tabClass { display: none; } #archlord2DbCraftTop .wrap710 .craftClass2 .selected { display: inline; } #archlord2DbCraftSearch { width: 710px; overflow: hidden; } #archlord2DbCraftSearch .archlord2DbCraftSearch { width: 710px; height: 45px; overflow: hidden; background: url('//static.inven.co.kr/image_2011/archlord2/dataninfo/bg_710x45_recipe_search1.png') no-repeat left top; } #archlord2DbCraftSearch .archlord2DbCraftSearch label { text-indent: -100em; float:left;} #archlord2DbCraftSearch .archlord2DbCraftSearch #archlord2DbCraftSearchL1 { border:0; width: 378px; height: 22px; margin: 12px 0 0 170px; _height: 20px; float: left;} #archlord2DbCraftSearch .archlord2DbCraftSearch .submit { width: 67px; height: 24px; overflow: hidden; border: 0; text-indent: -100em; float: left; background: url('//static.inven.co.kr/image_2011/archlord2/dataninfo/bttn_67x24_search_green1.png') no-repeat left top; margin: 11px 0 0 5px; } /* TOP */ /* SKILL */ #archlord2DbSkillTop .race1 { width: 354px; overflow: hidden; float: left; margin-top: 10px; } #archlord2DbSkillTop .race1 h4.raceTitle1 { width: 354px; height: 36px; overflow: hidden; text-indent: -10000em; background: url('//static.inven.co.kr/image_2011/archlord2/dataninfo/skill_race_title1.jpg') no-repeat left top; } #archlord2DbSkillTop .race2 { width: 352px; overflow: hidden; float: left; margin-left: 4px; margin-top: 10px; } #archlord2DbSkillTop .race2 h4.raceTitle2 { width: 352px; height: 36px; overflow: hidden; text-indent: -10000em; background: url('//static.inven.co.kr/image_2011/archlord2/dataninfo/skill_race_title2.jpg') no-repeat left top; } #archlord2DbSkillTop .wrap{ clear: both; height: 111px; overflow: hidden; } #archlord2DbSkillTop .wrap ul { clear: both; height: 111px; overflow: hidden; } #archlord2DbSkillTop .wrap ul li a { display: inline; float: left; height: 222px; overflow: hidden; text-indent: -10000em; } #archlord2DbSkillTop .wrap { height: 111px; } #archlord2DbSkillTop .wrap1 ul li a { background: url('//static.inven.co.kr/image_2011/archlord2/dataninfo/skill_race_top1.jpg') no-repeat left top; } #archlord2DbSkillTop .wrap2 ul li a { background: url('//static.inven.co.kr/image_2011/archlord2/dataninfo/skill_race_top2.jpg') no-repeat left top; } #archlord2DbSkillTop .wrap1 ul{ width: 354px; } #archlord2DbSkillTop .wrap2 ul{ width: 352px; } #archlord2DbSkillTop .wrap1 ul li.we1 a { width: 88px; background-position: 0px top; } #archlord2DbSkillTop .wrap1 ul li.we2 a { width: 89px; background-position: -88px top; } #archlord2DbSkillTop .wrap1 ul li.we3 a { width: 88px; background-position: -177px top; } #archlord2DbSkillTop .wrap1 ul li.we4 a { width: 89px; background-position: -265px top; } #archlord2DbSkillTop .wrap2 ul li.we1 a { width: 88px; background-position: 0px top; } #archlord2DbSkillTop .wrap2 ul li.we2 a { width: 88px; background-position: -88px top; } #archlord2DbSkillTop .wrap2 ul li.we3 a { width: 88px; background-position: -176px top; } #archlord2DbSkillTop .wrap2 ul li.we4 a { width: 88px; background-position: -264px top; } #archlord2DbSkillTop .wrap ul li a.selected, #archlord2DbSkillTop .wrap ul li a:hover { margin: -111px 0 0; } /* INFO */ /* SKILL INFO */ #archlord2DbSkillInfo {} #archlord2DbSkillInfo .skillInfoTitle { width: 710px; height: 32px; font: bold 12px/34px 굴림,gulim; color : #eee8e7; text-indent: 25px; overflow: hidden; background: url('//static.inven.co.kr/image_2011/archlord2/dataninfo/skill_info_title1.jpg') no-repeat left top; } #archlord2DbSkillInfo .infoBody { width: 710px; height: 344px; overflow: hidden; background: url('//static.inven.co.kr/image_2011/archlord2/dataninfo/frame_710x344_info2.jpg') no-repeat left top; } #archlord2DbSkillInfo .leftWrap { width: 401px; height: 304px; margin: 16px 0 0 18px; float: left; overflow: hidden; } #archlord2DbSkillInfo .leftWrap .leftPart { width: 159px; margin-left: 17px; overflow: hidden; float: left; } #archlord2DbSkillInfo .leftWrap .leftPart .imgSplit { width: 156px; height: 220px; margin: 19px 0 0 2px; } #archlord2DbSkillInfo .leftWrap .leftPart .bttnSplit { width: 159px; height: 28px; overflow: hidden; margin-top: 10px; } #archlord2DbSkillInfo .leftWrap .leftPart .bttnSplit a { width: 159px; height: 28px; display: block; text-indent: -10000em; } #archlord2DbSkillInfo .leftWrap .rightPart { width: 195px; height: 286px; line-height: 22px; margin: 16px 0 0 16px; float: left; overflow: hidden; color: #c8c8c8; } #archlord2DbSkillInfo .leftWrap .rightPart span { font-weight: bold; letter-spacing: -1px; } #archlord2DbSkillInfo .leftWrap .rightPart span.raceBody { color: #ff6452; } #archlord2DbSkillInfo .rightWrap { width: 291px; height: 335px; float: left; overflow: hidden; margin-top: 9px; } #archlord2DbSkillInfo .rightWrap .chainTitle{ width: 277px; margin-top: 11px; margin-bottom: 10px; color: #f2d32a; font-weight: bold; letter-spacing: -1px; text-align: center; overflow: hidden; } #archlord2DbSkillInfo .rightWrap .chainBody { width: 173px; overflow: hidden; } #archlord2DbSkillInfo .rightWrap .full { width: 253px; } #archlord2DbSkillInfo .rightWrap .chainBody ul { width: 245px; overflow: hidden; margin-left: 36px; margin-top: 7px; margin-bottom: 2px; } #archlord2DbSkillInfo .rightWrap .chainBody ul li { width: 80px; height: 49px; background: url('//static.inven.co.kr/image_2011/archlord2/dataninfo/chain_arrow1.png') no-repeat 61px center; } #archlord2DbSkillInfo .rightWrap .chainBody ul li a { width: 49px; height: 49px; display: block; background: url('//static.inven.co.kr/image_2011/archlord2/dataninfo/skill_icon_wrap1.png') no-repeat left top; } #archlord2DbSkillInfo .rightWrap .chainBody ul li a img { width: 43px; height: 43px; margin: 3px 0 0 3px; } /* TREE */ #archlord2DbSkillSimul { overflow: hidden; margin: 10px 0 0 15px; } #archlord2DbSkillSimul .simulBody { width: 710px; height: 509px; background: url('//static.inven.co.kr/image_2011/archlord2/dataninfo/frame_710x509_tree2.jpg') no-repeat left top; overflow: hidden; } #archlord2DbSkillSimul .simulBody .treePart { width: 710px; height: 509px; overflow: hidden; float: left; position: absolute; } #archlord2DbSkillSimul .simulBody .treePart span { position: absolute; left: 15px; color: #ffa010; } #archlord2DbSkillSimul .simulBody .treePart span.num15 { top: 72px; _top: 73px; top: 142px; _top: 143px; } #archlord2DbSkillSimul .simulBody .treePart span.num30 { top: 212px; _top: 213px; } #archlord2DbSkillSimul .simulBody .treePart span.num50 { top: 282px; _top: 283px; } #archlord2DbSkillSimul .simulBody .treePart span.num70 { top: 352px; _top: 353px; } #archlord2DbSkillSimul .simulBody .treePart span.num90 { top: 422px; _top: 423px; } #archlord2DbSkillSimul .simulBody .treePart a { position: absolute; width: 48px; height: 48px; display: block; background: url('//static.inven.co.kr/image_2011/archlord2/dataninfo/skill_icon_wrap2.png') no-repeat left top; } #archlord2DbSkillSimul .simulBody .treePart a img { width: 44px; height: 44px; margin: 2px 0 0 2px; } #archlord2DbSkillSimul .simulBody .treePart div.rightType { position: absolute; } #archlord2DbSkillSimul .simulBody .treePart div.rightType .part1 { width: 8px; height: 14px; background: url('//static.inven.co.kr/image_2011/archlord2/dataninfo/skill_xpo_right1.png') no-repeat left top; } #archlord2DbSkillSimul .simulBody .treePart div.rightType .part2 { background: url('//static.inven.co.kr/image_2011/archlord2/dataninfo/skill_xpo_2.png') repeat-x left top; height: 14px; } #archlord2DbSkillSimul .simulBody .treePart div.rightType .part3 { background: url('//static.inven.co.kr/image_2011/archlord2/dataninfo/skill_xpo_3_1.png') no-repeat left top; width: 1px; height: 14px; } #archlord2DbSkillSimul .simulBody .treePart div.leftType { position: absolute; } #archlord2DbSkillSimul .simulBody .treePart div.leftType .part1 { width: 8px; height: 14px; background: url('//static.inven.co.kr/image_2011/archlord2/dataninfo/skill_xpo_left1.png') no-repeat left top; } #archlord2DbSkillSimul .simulBody .treePart div.leftType .part2 { background: url('//static.inven.co.kr/image_2011/archlord2/dataninfo/skill_xpo_2.png') repeat-x left top; height: 14px; } #archlord2DbSkillSimul .simulBody .treePart div.leftType .part3 { background: url('//static.inven.co.kr/image_2011/archlord2/dataninfo/skill_xpo_3_1.png') no-repeat left top; width: 1px; height: 14px; } #archlord2DbSkillSimul .simulBody .treePart div.bottomType { position: absolute; width: 14px; } #archlord2DbSkillSimul .simulBody .treePart div.bottomType .part1 { width: 14px; height: 8px; background: url('//static.inven.co.kr/image_2011/archlord2/dataninfo/skill_ypo_bottom1.png') no-repeat left top; } #archlord2DbSkillSimul .simulBody .treePart div.bottomType .part2 { width: 14px; overflow: hidden; background: url('//static.inven.co.kr/image_2011/archlord2/dataninfo/skill_ypo_2_1.png') repeat-y left top; } #archlord2DbSkillSimul .simulBody .treePart div.bottomType .part3 { width: 14px; height: 1px; overflow: hidden; background: url('//static.inven.co.kr/image_2011/archlord2/dataninfo/skill_ypo_3_1.png') no-repeat left top; } #archlord2DbSkillSimul .simulBody .treePart a.left1 { left: 34px; } #archlord2DbSkillSimul .simulBody .treePart a.left2 { left: 125px; } #archlord2DbSkillSimul .simulBody .treePart a.left3 { left: 211px; } #archlord2DbSkillSimul .simulBody .treePart a.left4 { left: 294px; } #archlord2DbSkillSimul .simulBody .treePart a.left5 { left: 379px; } #archlord2DbSkillSimul .simulBody .treePart a.left6 { left: 465px; } #archlord2DbSkillSimul .simulBody .treePart a.left7 { left: 551px; } #archlord2DbSkillSimul .simulBody .treePart a.left8 { left: 634px; } #archlord2DbSkillSimul .simulBody .treePart a.top1 { top: 20px; } #archlord2DbSkillSimul .simulBody .treePart a.top2 { top: 90px; } #archlord2DbSkillSimul .simulBody .treePart a.top3 { top: 160px; } #archlord2DbSkillSimul .simulBody .treePart a.top4 { top: 230px; } #archlord2DbSkillSimul .simulBody .treePart a.top5 { top: 300px; } #archlord2DbSkillSimul .simulBody .treePart a.top6 { top: 370px; } #archlord2DbSkillSimul .simulBody .treePart a.top7 { top: 440px; } /* LIST */ /* SKILL LIST BODY */ #archlord2Db .archlord2DbSkillList .title126BU1, #archlord2Db .groupList .title126BU1 { text-align:left; text-indent:10px; } #archlord2Db .archlord2DbSkillList table { width: 710px; } #archlord2Db .archlord2DbSkillList tbody .skillicon img { width: 40px; height: 40px; border: 0; } #archlord2Db .archlord2DbSkillList tbody .skillicon a { width: 49px; height: 49px; margin-left: 11px; _margin-left: 0; text-align: center; display: block; background: url('//static.inven.co.kr/image_2011/archlord2/dataninfo/skill_icon_wrap1.png') no-repeat left top; } #archlord2Db .archlord2DbSkillList tbody .skillicon a img { width: 43px; height: 43px; margin: 3px 0 0 0; } #archlord2Db .archlord2DbSkillList tbody .skillname a { font-weight: bold; letter-spacing: -1px; } #archlord2Db .archlord2DbSkillList span.comment { font-size: 9px; color: #ff6c00; font-weight: bold; letter-spacing: -1px; } /* SKILL LIST TYPE - default */ #archlord2Db .archlord2DbSkillList-default col.skillicon { width: 70px; } #archlord2Db .archlord2DbSkillList-default col.skillname { width: 215px; } #archlord2Db .archlord2DbSkillList-default col.costmp { width: 85px; } #archlord2Db .archlord2DbSkillList-default col.skilldesc { width: 330px; } /* DETAIL */ /* SKILL DETAIL */ /* Basic */ #archlord2Db #archlord2DbSkillDetail {} #archlord2Db #archlord2DbSkillDetail .infoGroup { overflow: hidden; } #archlord2Db #archlord2DbSkillDetail .infoBody { } #archlord2Db #archlord2DbSkillDetail .infoMultiGroups { width: 710px; overflow: hidden; } #archlord2Db #archlord2DbSkillDetail .infoMultiGroups .infoMultiGroup { overflow: hidden; } /* Combined Basic Info */ #archlord2Db #archlord2DbSkillDetail .combinedBasicInfo { } #archlord2Db #archlord2DbSkillDetail .combinedBasicInfo .combinedBasicInfo1 { width: 386px; } #archlord2Db #archlord2DbSkillDetail .combinedBasicInfo .combinedBasicInfo2 { width: 314px; margin-left: 10px; } /* Layer Info */ #archlord2Db #archlord2DbSkillDetail .layerInfo { width: 386px; overflow: hidden; } #archlord2Db #archlord2DbSkillDetail .layerInfo .archlord2DbSkillLayer { position: static; display: inline; } /* Basic Info */ #archlord2Db #archlord2DbSkillDetail .basicInfo { border-top: 1px solid #aeaeae;border-bottom: 1px solid #aeaeae;padding:1px 0; } #archlord2Db #archlord2DbSkillDetail .basicInfo table { width: 314px; } #archlord2Db #archlord2DbSkillDetail .basicInfo table col.th { width: 145px; } #archlord2Db #archlord2DbSkillDetail .basicInfo table col.td { width: 169px; } #archlord2Db #archlord2DbSkillDetail .basicInfo table tr.chainInfo div { width: 135px; overflow: hidden; } #archlord2Db #archlord2DbSkillDetail .basicInfo table tr.chainInfo div.shortDiv { width: 83px; } #archlord2Db #archlord2DbSkillDetail .basicInfo table tr.chainInfo ul { width: 157px; overflow: hidden; } #archlord2Db #archlord2DbSkillDetail .basicInfo table tr.chainInfo ul li { overflow: hidden; margin-right: 5px; width: 47px; background: url('//static.inven.co.kr/image_2011/archlord2/dataninfo/chain_arrow1.png') no-repeat right 10px;} #archlord2Db #archlord2DbSkillDetail .basicInfo table tr.chainInfo ul li a { width: 29px; height: 29px; display: block; float: left; border: 1px solid black; } #archlord2Db #archlord2DbSkillDetail .basicInfo table tr.chainInfo ul li img {width: 27px; height: 27px; border: 1px solid #e0e0e0; } #archlord2Db #archlord2DbSkillDetail .basicInfo table tr.chainInfo ul li.thisSkill img{border: 1px solid #FF3820; }