/* COMMON */ /* BACIC */ #chainDb .chainDbCommonList, #chainDb .chainDbCommonDetail, #chainDb .chainDbCommonList table { width: 100%; } /* HIDE PC LAYOUT */ #chainDb .chainDbCommonTitle, #chainDb .chainDbCommonTop, #chainDb .chainDbCommonSearch { display: none; } /* RIGHT MENU */ #rightSlidingMenu ul.mainBttns li span, #rightSlidingMenu ul.bttns li span { border-radius: 0px; box-shadow: none; } #rightSlidingMenu ul li.title { color: #000000; border-top: 1px solid #c6b075; border-bottom: 1px solid #c6b075; background: #c6b075; background: -moz-linear-gradient(left, #c6b075 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c6b075), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(left, #c6b075 0%,#ffffff 100%); background: -o-linear-gradient(left, #c6b075 0%,#ffffff 100%); background: -ms-linear-gradient(left, #c6b075 0%,#ffffff 100%); background: linear-gradient(to right, #c6b075 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6b075', endColorstr='#ffffff',GradientType=1 ); } /* BOTTOM MENU */ .bottomMenu { width: 30px; height: 30px; background-color: #3e3e3e; color: white; text-align: center; position: fixed; right: 10px; bottom: 60px; border: 1px solid #939393; } .bottomMenu ul { float: none; text-align: center; } .bottomMenu ul li { display: inline; font-size: 0.7em; } .bottomMenu ul li.last { border-right: none; } .bottomMenu ul li a { color: #e2e2e2; padding: 10px 7px; } /* CARD */ /* LIST */ #chainDb .chainDbCardList table th, #chainDb .chainDbCardList table td, #chainDb .chainDbWeaponList table th, #chainDb .chainDbWeaponList table td { border-bottom: 1px solid #cecece; } #chainDb .chainDbCardList table th, #chainDb .chainDbWeaponList table th { border-right: 1px solid #cecece; background-color: #e3e3e3; color: #5f6060; font-weight: bold; letter-spacing: -1px; line-height: 22px; } #chainDb .chainDbCardList table th.first, #chainDb .chainDbWeaponList table th.first { border-left: 1px solid #cecece; } #chainDb .chainDbCardList table td, #chainDb .chainDbWeaponList table td { height: 45px; text-align: center; } #chainDb .chainDbCardList table td img, #chainDb .chainDbWeaponList table td img { max-width: 44px; max-height: 44px; margin-top: 4px; margin-bottom: -1px; } #chainDb .chainDbCardList table .wide-view, #chainDb .chainDbWeaponList table .wide-view { display: none; } #chainDb .chainDbCardList table tr.wide-view-hidden, #chainDb .chainDbWeaponList table tr.wide-view-hidden { display: table-row !important; } #chainDb .chainDbCardList table .hidden, #chainDb .chainDbCardList table .mobile-hidden, #chainDb .chainDbWeaponList table .hidden, #chainDb .chainDbWeaponList table .mobile-hidden { display: none !important; } #chainDb .chainDbCardList table col.icon { width: 52px; } #chainDb .chainDbCardList table col.name { width: auto; } #chainDb .chainDbCardList table col.fonticon { width: 52px; } #chainDb .chainDbCardList table col.cost { width: 52px; } #chainDb .chainDbCardList table col.level { width: 5%; min-width: 20px; } #chainDb .chainDbCardList table col.stat { width: 7%; min-width: 50px; } #chainDb .chainDbCardList table th.menu li, #chainDb .chainDbCardList table th.menu li input { display: none; } #chainDb .chainDbCardList table th.menu li.selected { display: block; } #chainDb .chainDbCardList table td.name { text-align: left; } #chainDb .chainDbCardList table td.name .cardStarRarity { display: block; margin-bottom: 3px; } @media screen and (min-width:615px) { #chainDb .chainDbCardList tr.wide-view { display: table-row; } #chainDb .chainDbCardList th.wide-view, #chainDb .chainDbCardList td.wide-view { display: table-cell; } #chainDb .chainDbCardList span.wide-view { display: inline; } #chainDb .chainDbCardList th.wide-view { height: auto; } #chainDb .chainDbCardList table tr.wide-view-hidden { display: none !important; } } /* DETAIL */ #chainDb .chainDbCommonDetail .infoLeft { background-color: #fff; border: 1px solid #cecece; padding: 5px 5px; background-color: #e3e3e3; clear: both; } #chainDb .chainDbCommonDetail .infoLeft .containerWrap { text-align: center; background-color: #fff; border: 1px solid #cecece; } #chainDb .chainDbCommonDetail .infoLeft .container { margin: 0 auto; clear: both; padding: 5px 5px 0 5px; } #chainDb .chainDbCommonDetail .infoRight { width: 100%; clear: both; } #chainDb .chainDbCommonDetail .infoRight .subtitle, #chainDb .chainDbCommonDetail .infoRight .subinfo h2 { margin-top: 10px; font-size: 14px; color: #000000; border: 1px solid #c6b075; padding: 2px 6px; background: #c6b075; background: -moz-linear-gradient(left, #c6b075 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c6b075), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(left, #c6b075 0%,#ffffff 100%); background: -o-linear-gradient(left, #c6b075 0%,#ffffff 100%); background: -ms-linear-gradient(left, #c6b075 0%,#ffffff 100%); background: linear-gradient(to right, #c6b075 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6b075', endColorstr='#ffffff',GradientType=1 ); } #chainDb .chainDbCommonDetail .infoRight .subinfo div, #chainDb .chainDbCommonDetail .infoRight .information { border: 1px solid #cecece; border-top-width: 0; line-height: 20px; padding: 5px 10px; } #chainDb .chainDbCommonDetail .infoRight .wrap { border: 1px solid #cecece; padding: 5px 5px; clear: both; } #chainDb .chainDbCommonDetail .infoRight table { width: 100%; border: 1px solid #cecece; border-bottom: 0px none; } #chainDb .chainDbCommonDetail .infoRight table th { background-color: #e3e3e3; font-weight: bold; letter-spacing: -1px; } #chainDb .chainDbCommonDetail .infoRight table th, #chainDb .chainDbCommonDetail .infoRight table td { padding: 5px 4px; border-bottom: 1px solid #cecece; } #chainDb .chainDbCommonDetail .infoRight table.borderall { border-top: 0px none; border-right: 0px none; } #chainDb .chainDbCommonDetail .infoRight table.borderall th, #chainDb .chainDbCommonDetail .infoRight table.borderall td { border-right: 1px solid #cecece; border-bottom: 1px solid #cecece; } #chainDb .chainDbCommonDetail .infoRight table col.th { width: 22%; } #chainDb .chainDbCommonDetail .infoRight table col.td { width: 28%; } #chainDb .chainDbCommonDetail .infoRight table col.weaponname { width: 40%; } #chainDb .chainDbCommonDetail .infoRight table.borderall td { text-align: center; } #chainDb .chainDbCommonDetail .infoRight table .stat { display: none; } #chainDb .chainDbCommonDetail .infoRight table .cardStarRarity { display: block; } #chainDb .chainDbCommonDetail .infoRight table td.icon img { vertical-align: middle; margin: 0 5px; } #chainDb .chainDbCommonDetail .infoRight table td.icon img.top1 { margin-top: -1px; } #chainDb .chainDbCommonDetail .infoRight table td.icon img.top2 { margin-top: -2px; } #chainDb .chainDbCommonDetail .infoRight table td.icon img.top3 { margin-top: -3px; } #chainDb .chainDbCommonDetail .infoRight table td.icon img.top4 { margin-top: -4px; } #chainDb .chainDbCommonDetail .infoRight table td.icon img.top5 { margin-top: -5px; } #chainDb .chainDbCommonDetail #chainDbCardEnchant { width: 100%; height: 33px; clear: both; overflow: hidden; margin-bottom: 1px; } #chainDb .chainDbCommonDetail #chainDbCardEnchant .enchantBar { width: 223px; height: 33px; overflow: hidden; background: url('//static.inven.co.kr/image_2011/chain/dataninfo/card/enchant_bar.png?v=4') left top no-repeat; float: left; } #chainDb .chainDbCommonDetail #chainDbCardEnchant .enchantBar ul { width: 142px; height: 29px; margin: 2px 0 0 80px; overflow: hidden; } #chainDb .chainDbCommonDetail #chainDbCardEnchant .enchantBar ul li { width: 21px; height: 29px; cursor: pointer; overflow: hidden; margin-right: 0; float: left; } #chainDb .chainDbCommonDetail #chainDbCardEnchant .enchantBar ul li.enchantBttn0 { width: 51px; margin-right: 7px; } #chainDb .chainDbCommonDetail #chainDbCardEnchant .enchantBar ul li div { width: 15px; height: 29px; cursor: pointer; overflow: hidden; background: url('//static.inven.co.kr/image_2011/chain/dataninfo/card/enchant_button.png') left top no-repeat; } #chainDb .chainDbCommonDetail #chainDbCardEnchant .enchantBar ul li.hover div { visibility: visible !important; opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } #chainDb .chainDbCommonDetail #chainDbCardEnchantWrap.enchant0 .enchantBar ul li.enchantBttn1 div, #chainDb .chainDbCommonDetail #chainDbCardEnchantWrap.enchant0 .enchantBar ul li.enchantBttn2 div, #chainDb .chainDbCommonDetail #chainDbCardEnchantWrap.enchant0 .enchantBar ul li.enchantBttn3 div, #chainDb .chainDbCommonDetail #chainDbCardEnchantWrap.enchant0 .enchantBar ul li.enchantBttn4 div, #chainDb .chainDbCommonDetail #chainDbCardEnchantWrap.enchant0 .enchantBar ul li.enchantBttn5 div, #chainDb .chainDbCommonDetail #chainDbCardEnchantWrap.enchant1 .enchantBar ul li.enchantBttn2 div, #chainDb .chainDbCommonDetail #chainDbCardEnchantWrap.enchant1 .enchantBar ul li.enchantBttn3 div, #chainDb .chainDbCommonDetail #chainDbCardEnchantWrap.enchant1 .enchantBar ul li.enchantBttn4 div, #chainDb .chainDbCommonDetail #chainDbCardEnchantWrap.enchant1 .enchantBar ul li.enchantBttn5 div, #chainDb .chainDbCommonDetail #chainDbCardEnchantWrap.enchant2 .enchantBar ul li.enchantBttn3 div, #chainDb .chainDbCommonDetail #chainDbCardEnchantWrap.enchant2 .enchantBar ul li.enchantBttn4 div, #chainDb .chainDbCommonDetail #chainDbCardEnchantWrap.enchant2 .enchantBar ul li.enchantBttn5 div, #chainDb .chainDbCommonDetail #chainDbCardEnchantWrap.enchant3 .enchantBar ul li.enchantBttn4 div, #chainDb .chainDbCommonDetail #chainDbCardEnchantWrap.enchant3 .enchantBar ul li.enchantBttn5 div, #chainDb .chainDbCommonDetail #chainDbCardEnchantWrap.enchant4 .enchantBar ul li.enchantBttn5 div { visibility: hidden; } #chainDb .chainDbCommonDetail #chainDbCardEnchant .enchantStep { width: 50px; height: 28px; overflow: hidden; margin: 5px 0 0 0; background: url('//static.inven.co.kr/image_2011/chain/dataninfo/card/divide4.png') right 4px no-repeat; float: right; } #chainDb .chainDbCommonDetail #chainDbCardEnchant .number { width: 20px; height: 26px; overflow: hidden; background: url('//static.inven.co.kr/image_2011/chain/dataninfo/card/number_0to5.png') left top no-repeat; } #chainDb .chainDbCommonDetail #chainDbCardEnchantWrap.enchant1 .number { background-position: -20px 0; } #chainDb .chainDbCommonDetail #chainDbCardEnchantWrap.enchant2 .number { background-position: -40px 0; } #chainDb .chainDbCommonDetail #chainDbCardEnchantWrap.enchant3 .number { background-position: -60px 0; } #chainDb .chainDbCommonDetail #chainDbCardEnchantWrap.enchant4 .number { background-position: -80px 0; } #chainDb .chainDbCommonDetail #chainDbCardEnchantWrap.enchant5 .number { background-position: -100px 0; } #chainDb .chainDbCommonDetail #chainDbCardStatTable td .stat { display: none; } #chainDb .chainDbCommonDetail #chainDbCardEnchantWrap.enchant0 td .enchant0, #chainDb .chainDbCommonDetail #chainDbCardEnchantWrap.enchant1 td .enchant1, #chainDb .chainDbCommonDetail #chainDbCardEnchantWrap.enchant2 td .enchant2, #chainDb .chainDbCommonDetail #chainDbCardEnchantWrap.enchant3 td .enchant3, #chainDb .chainDbCommonDetail #chainDbCardEnchantWrap.enchant4 td .enchant4, #chainDb .chainDbCommonDetail #chainDbCardEnchantWrap.enchant5 td .enchant5 { display: inline; } #chainDb .chainDbCommonDetail #chainDbCardSkill th { text-align: left; } #chainDb .chainDbCommonDetail #chainDbCardSkill th p { float: left; } #chainDb .chainDbCommonDetail #chainDbCardSkill th p.skill { float: right; width: auto; padding-right: 5px; text-align: right; } #chainDb .chainDbCommonDetail #chainDbCardSkill th p.skill span.skill { float: left; height: 22px; width: 22px; margin: 0 4px; background: transparent url('//static.inven.co.kr/image_2011/chain/dataninfo/card/skill_0a.png') left top no-repeat; } #chainDb .chainDbCommonDetail #chainDbCardSkill th p.skill span.skill1 { background-image: url('//static.inven.co.kr/image_2011/chain/dataninfo/card/skill_5a.png'); } #chainDb .chainDbCommonDetail #chainDbCardSkill th p.skill span.skill2 { background-image: url('//static.inven.co.kr/image_2011/chain/dataninfo/card/skill_4a.png'); } #chainDb .chainDbCommonDetail #chainDbCardSkill th p.skill span.skill3 { background-image: url('//static.inven.co.kr/image_2011/chain/dataninfo/card/skill_2a.png'); } #chainDb .chainDbCommonDetail #chainDbCardSkill th p.skill span.skill4 { background-image: url('//static.inven.co.kr/image_2011/chain/dataninfo/card/skill_1a.png'); } #chainDb .chainDbCommonDetail #chainDbCardSkill th p.skill span.skill5 { background-image: url('//static.inven.co.kr/image_2011/chain/dataninfo/card/skill_3a.png'); } #chainDb .chainDbCommonDetail #chainDbCardAbility th { text-align: left; background: #e3e3e3 url('//static.inven.co.kr/image_2011/chain/dataninfo/card/ability_1a.png') 5px center no-repeat; } #chainDb .chainDbCommonDetail #chainDbCardAbility th span { float: left; } #chainDb .chainDbCommonDetail #chainDbCardAbility th span.abilityName { margin-left: 25px; } #chainDb .chainDbCommonDetail #chainDbCardAbility th span.abilityLevel { float: right; margin-right: 5px; } #chainDb .chainDbCommonDetail #chainDbCardQuest th, #chainDb .chainDbCommonDetail #chainDbCardQuest td { text-align: left; } /* WEAPON */ /* LIST */ #chainDb .chainDbWeaponList table col.weaponicon { width: 52px; } #chainDb .chainDbWeaponList table col.weaponname { width: auto; } #chainDb .chainDbWeaponList table col.rank { width: 52px; } #chainDb .chainDbWeaponList table col.weapontype { width: 52px; } #chainDb .chainDbWeaponList table col.attackbonus, #chainDb .chainDbWeaponList table col.criticalbonus, #chainDb .chainDbWeaponList table col.guardbonus { width: 13%; min-width: 60px; } #chainDb .chainDbWeaponList table td.weaponname { text-align: left; } #chainDb .chainDbWeaponList table td.weaponname .cardStarRarity { display: block; margin-bottom: 3px; } @media screen and (min-width:416px) { #chainDb .chainDbWeaponList tr.wide-view { display: table-row; } #chainDb .chainDbWeaponList th.wide-view, #chainDb .chainDbWeaponList td.wide-view { display: table-cell; } #chainDb .chainDbWeaponList span.wide-view { display: inline; } #chainDb .chainDbWeaponList th.wide-view { height: auto; } #chainDb .chainDbWeaponList table tr.wide-view-hidden { display: none !important; } } /* DETAIL */ #chainDb .chainDbCommonDetail .infoLeft .container img { width: 276px; } #chainDb .chainDbCommonDetail .infoRight table col.weaponname { width: 40%; } #chainDb .chainDbCommonDetail .infoRight #ability th { letter-spacing: -1px; } #chainDb .chainDbCommonDetail .infoRight #ability td.abilityicon { text-align: left; min-width: 200px !important; } #chainDb .chainDbCommonDetail .infoRight #ability td.abilityicon li { float: left; margin-right: 2px; height: 16px; overflow: hidden; } #chainDb .chainDbCommonDetail .infoRight #ability td.abilityicon li img { width: 8px !important; height: 16px !important; } #chainDb .chainDbCommonDetail .infoRight #ability td.abilitynumber { text-align: right; min-width: 28px !important; }