/* PROBUILDER LIST */ /* COMMON */ #lolDb .lolDbProbuilder { display: block; margin-left: 15px; margin-top: 15px; } #lolDb .lolDbProbuilder .unvisible { display: none !important; } #lolDb .lolDbProbuilder .visible { display: block !important; } /* PROSEARCHBOX */ #lolDb .proListTitle { display: block; background-color: #2daef8; height: 31px; font-size: 14px; color: #FFF; text-indent: 15px; font-weight: bold; font-family: NanumGothic; line-height: 31px; float: none; width: 712px; margin-bottom: 15px; } #lolDb .proSearchBox { display: block; width: 710px; height: auto; overflow: hidden; border: 1px solid #c7dce8; } #lolDb .proSearchBox .proTabs { display: block; overflow: hidden; height: 38px; width: 100%; } #lolDb .proSearchBox .proTabs li { display: block; float: left; width: 50%; height: 100%; } #lolDb .proSearchBox .proTabs li a { display: inline-block; width: 100%; height: 100%; text-align: center; font-size: 11px; font-family: dotum; line-height: 37px; box-sizing: border-box; border-bottom: 1px solid #c7dce8; text-decoration: none; } #lolDb .proSearchBox .proTabs li a.active { font-weight: bold; color: #434343; background-color: #e0f4ff; border-bottom: none; } #lolDb .proSearchBox .proTabs li:nth-child(1) a.active { border-right: 1px solid #c7dce8; } #lolDb .proSearchBox .proTabs li:nth-child(2) a.active { border-left: 1px solid #c7dce8; } #lolDb .proSearchFilter li.textSearch { display: block; width: 100%; margin: 10px 0; } #lolDb .proSearchFilter li.textSearch input.sname { display: inline-block; background-color: #ffffff; border: 1px solid #c4e4ff; line-height: 26px; padding: 0 15px; color: #96beeb; font-weight: bold; width: 80%; outline: none; height: 28px; } #lolDb .proSearchFilter li.textSearch input.sname::-webkit-input-placeholder { color: #96beeb; } #lolDb .proSearchFilter li.textSearch input.sname::-moz-input-placeholder { color: #96beeb; } #lolDb .proSearchFilter input.ssearch, #lolDb .proSearchFilter input.psearch { display: inline-block; width: 50px; height: 27px; overflow: hidden; text-indent: -9999px; border: 0; background: url('//static.inven.co.kr/image_2011/lol/probuilder/module/search/bttn_50x27_search1a.jpg') no-repeat; vertical-align: top; margin-left: 3px; outline: none; } #lolDb .proSearchFilter { display: block; width: 100%; height: 77px; background-color: #e0f4ff; overflow: hidden; } #lolDb .proSearchFilter .filters { display: none; box-sizing: border-box; } #lolDb .proSearchFilter .champFilter, #lolDb .proSearchFilter .playerFilter { display: block; width: 100%; height: 100%; text-align: center; padding-top: 10px; } #lolDb .proSearchFilter .champFilter li, #lolDb .proSearchFilter .playerFilter li { display: inline-block; float: none; } #lolDb .proSearchFilter .champFilter a { display: inline-block; margin: 0 2px; } #lolDb .proSearchFilter .champFilter a.active { font-weight: bold; font-size: 12px; } #lolDb .proSearchFilter .playerFilter li label input { vertical-align: -2px; } #lolDb .proContents { display: block; width: 100%; height: 255px; background-color: #e0f4ff; } #lolDb .proContents .inner { float: none; margin: 0 auto; display: block; width: 670px; height: 240px; box-sizing: border-box; background-color: #FFF; border: 1px solid #c3dae7; overflow-y: scroll; } #lolDb .proContents .champList { display: block; margin-left: 15px; margin-top: 15px; } #lolDb .proContents .champList li { position: relative; display: inline-block; float: left; width: 52px; height: 68px; margin-right: 11px; margin-bottom: 7px; } /*.proContents .champList li:nth-child(10n) { margin-right: 0px; }*/ #lolDb .proContents .champList li a { display: inline-block; width: 100%; height: 100%; } #lolDb .proContents .champList .champ-icon { display: inline-block; width: 52px; height: 52px; border: 1px solid #e7b000; } #lolDb .proContents .free-rotation-icon { position: absolute; display: inline-block; width: 15px; height: 15px; text-indent: -9999px; overflow: hidden; background: url('//static.inven.co.kr/image_2011/lol/common/icon_15x15_nkp.png') no-repeat; top: 1%; left: 5%; } #lolDb .proContents .champList .champName { display: inline-block; width: 100%; overflow: hidden; white-space: nowrap; /*text-overflow: ellipsis;*/ font-size: 11px; color: #717171; line-height: 18px; text-align: center; letter-spacing: -1px; } #lolDb .proContents .playerList { display: block; width: 624px; float: none; margin: 9px auto; overflow: hidden; } #lolDb .proContents .playerList li a { display: inline-block; width: 100%; height: 100%; } #lolDb .proContents .playerList li { position: relative; display: block; overflow: hidden; float: left; width: 155px; height: 45px; border-style: dotted; border-color: #8a8a8a; border-width: 0px 1px 1px 0px; } #lolDb .proContents .playerList li.n4 { border-right: 0px; } #lolDb .proContents .playerList li .playerPicture { position: static; float: left; margin-left: 7px; margin-top: 3px; width: 38px; height: 38px; background-color: #FFF; background: url('//static.inven.co.kr/image_2011/lol/probuilder/module/search/player_38x38_black1a.jpg') no-repeat; } #lolDb .proContents .playerList li .playerInfor { float: right; width: 105px; height: 38px; margin-top: 3px; } #lolDb .proContents .playerList li .playerInfor .iconPos { margin-top: 5px; } #lolDb .proContents .playerList li .playerInfor .summonerName { display: block; width: 105px; font-size: 12px; font-family: dotum; color: #686868; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; letter-spacing: -1px; font-weight: bold; } #lolDb .proContents .playerList li.lastLine { border-bottom: 0px; } #lolDb .proList { display: block; margin-top: 10px; width: 100%; display: none; } #lolDb .proList .tableHistory { width: 100%; border-spacing: 0px; border-collapse: separate; height: auto; } #lolDb .proList .tableHistory col.col0 { width: auto; } #lolDb .proList .tableHistory col.col1 { width: 200px; } #lolDb .proList .tableHistory col.col2 { width: 36px; } #lolDb .proList .tableHistory col.col3 { width: 67px; } #lolDb .proList .tableHistory col.col4 { width: 215px; } #lolDb .proList .tableHistory col.col5 { width: 91px; } #lolDb .proList .tableHistory col.col6 { width: auto; } /* 승/패 */ #lolDb .proList .tableHistory th { background-color: #5782b5; font-size: 11px; color: #FFF; font-family: dotum; text-align: center; font-weight: bold; height: 36px; } #lolDb .proList .tableHistory td { padding: 8px 0px; text-align: center; border-bottom: 1px dashed #909090; font-family: dotum; } #lolDb .proList .tableHistory td.times { letter-spacing: -1px; color: #0A0A0A; font-size: 11px; } #lolDb .proList .tableHistory td .item-icon, #lolDb .proList .tableHistory td .spell-icon { width: 22px; height: 22px; border: 1px solid #e8b40d; } #lolDb .proList .tableHistory tr:last-child td { border-bottom: 0px; } #lolDb .proList .tableHistory td.summoner { color: #686868; font-weight: bold; letter-spacing: -1px; } #lolDb .proList .tableHistory td.summoner .mainlypos { vertical-align: -1px; } #lolDb .proList .tableHistory td.summoner em.summonerName { display: inline-block; width: 105px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: -3px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* only ie10~11 */ #lolDb .proList .tableHistory td.summoner em.summonerName { vertical-align: -4px; } } #lolDb .proList .tableHistory td.summoner img.s-image { background: url('//static.inven.co.kr/image_2011/lol/probuilder/module/search/player_38x38_black1a.jpg') no-repeat; background-size: 24px 24px; vertical-align: -7px; width: 24px; height: 24px; } #lolDb .proList .tableHistory td.kda { color: #686868; } #lolDb .proList .tableHistory td.kda .k { color: #00c1bd; } #lolDb .proList .tableHistory td.kda .d { color: #ff5abb; } #lolDb .proList .tableHistory td.kda .a { color: #c08800; } #lolDb .proList .tableHistory td.gold { color: #ebc200; } /* .proList .tableHistory td.winloss .winloss { display: inline-block; width: 28px; height: 24px; overflow: hidden; text-indent: -9999px; } .proList .tableHistory td.winloss .win { background-size: cover; background-image: url('//static.inven.co.kr/image_2011/lol/probuilder/detail/icon_39x36_win1a.jpg'); } .proList .tableHistory td.winloss .loss { background-size: cover; background-image: url('//static.inven.co.kr/image_2011/lol/probuilder/detail/icon_39x36_lose2a.jpg'); } */ #lolDb .proList .tableHistory td.winloss .winloss { display: inline-block; padding: 2px; font-size: 11px; color: #FFF; border: 1px solid #232323; } #lolDb .proList .tableHistory td.winloss .win { background-color: #003acf; } #lolDb .proList .tableHistory td.winloss .loss { background-color: #F12940; } #lolDb .proList .tableHistory tbody tr { cursor: pointer; } #lolDb .proList .tableHistory tr.nolist { border-bottom: 2px solid #677687; } #lolDb .proList .tableHistory .r-paging { display: block; width: 100%; text-align: center; border-top: 2px solid #677687; padding-top: 5px; } #lolDb .proList .tableHistory .r-paging li { display: inline-block; float: none; margin: 2px 3px; } #lolDb .proList .tableHistory .r-paging li a.prev, #lolDb .proList .tableHistory .r-paging li a.next { width: 30px; } #lolDb .proList .tableHistory .r-paging li a { display: inline-block; width: 100%; height: 100%; text-align: center; letter-spacing: -1px; } #lolDb .proList .tableHistory .r-paging li a:hover, #lolDb .proList .tableHistory .r-paging li a.active { font-weight: bold; text-decoration: none; }