/* 기본 */ #mDb { background: #171d29 url('//static.inven.co.kr/image_2011/mobile/lol/lol_mobile_200x160_bg1a.jpg?v=20160204a') center center no-repeat; font-size: 13px; color: #fff; padding: 0 5px 5px 5px; min-height: 300px; position: relative; } #mDb.loaded { background-image: none !important; } #lolDb, #lolDbPlayer, #lolDbPlayerCommonTop, #lolDbPlayerCommonTop div { display: block !important; width: auto !important; margin: 0 !important; float: none !important; clear: both !important; } #lolDbPlayer div.hidden, #lolDbPlayerCommonTop div.hidden, #lolDb2, #newLoading { display: none !important; } #lolDbPlayer { border: 0 none; background-color: transparent; } /* 하단 고정 버튼 */ #goScrollTop, #toggleFavPlayer { position: fixed; bottom: 55px; width: 28px; height: 28px; z-index: 9999; overflow: hidden; cursor: pointer; } #goScrollTop { right: 7px; background: url('//static.inven.co.kr/image_2011/mobile/common/icon_top_28x28.png?v=4') left top no-repeat; } #toggleFavPlayer { left: 7px; background: url('//static.inven.co.kr/image_2011/mobile/common/icon_fav_28x28.png?v=4') left top no-repeat; } html.openSideMenu #toggleFavPlayer { margin-left: 260px; } #goScrollTop.hidden, #toggleFavPlayer.hidden { display: none; } a.gototop { display: none; } /* 즐겨찾기 */ #favPlayerArea { display: none; position: fixed; top: 0px; left: 0px; z-index: 50000; width: 100px; height: 100%; padding-right: 100%; overflow: hidden; overflow-y: auto; background: transparent url('//static.inven.co.kr/image_2011/mobile/common/bg_black_opacity50.png') left top repeat; padding-bottom: 50px !important; } #favPlayerArea div.favPlayerArea { width: 100px; min-height: 100%; background: #000917; overflow-x: hidden; color: #fff; } #lolPlayerRightFloat { position: static !important; left: auto !important; top: auto !important; z-index: auto !important; display: none !important } #favPlayerArea #lolPlayerRightFloat, #favPlayerArea #lolPlayerRightFloat div.innerFrame, #favPlayerArea #lolPlayerRightFloat div.floatTitle, #favPlayerArea #lolPlayerRightFloat div.floatMenus, #favPlayerArea #lolPlayerRightFloat div.floatMenus ul, #favPlayerArea #lolPlayerRightFloat div.floatMenus ul li { display: block !important; width: auto !important; height: auto !important; float: none !important; clear: both !important; padding: 0px !important; margin: 0px !important; background-color: transparent !important; border-width: 0px !important; overflow: hidden !important; } #favPlayerArea #lolPlayerRightFloat div.floatMenus ul li.top { display: none !important; } #favPlayerArea #lolPlayerRightFloat div.floatMenus ul li { padding: 3px 4px !important; height: 18px !important; text-align: center; border: 1px solid #10121f; border-radius: 3px; background-color: #5c638a; background-image: -webkit-gradient(linear,left top,left bottom,from(#454a67),to(#262939)); background-image: -moz-linear-gradient(top,#454a67,#262939); background-image: -o-linear-gradient(top,#454a67,#262939); background-image: linear-gradient(to bottom,#454a67,#262939); margin: 2px 2px !important; } #favPlayerArea #lolPlayerRightFloat div.floatMenus ul li a { font-size: 12px; line-height: 1.5; } #favPlayerArea #lolPlayerRightFloat div.floatMenus ul li a.sname { width: 80px; text-align: left; } #favPlayerArea #lolPlayerRightFloat div.floatMenus ul li a.favdel { float: right; text-align: right; } html.openFavPlayer, html.openFavPlayer body { width: 100% !important; height: 100% !important;; overflow: hidden !important; } html.openFavPlayer #mobileWrap { width: 100% !important; height: 100% !important; overflow: visible !important; margin-left: 100px !important; } html.openFavPlayer #favPlayerArea { display: block; } html.openFavPlayer #lolPlayerMenuWrap.fixedMenu { margin-left: 100px; } html.openFavPlayer #lolPlayerMenuWrap:not(.fixedMenu), html:not(.openFavPlayer) #lolPlayerMenuWrap { margin-left: 0px !important; } html.openFavPlayer #goScrollTop { margin-right: -100px; } /* 검색 */ #lolDbPlayerCommonTop { height: auto !important; padding: 5px 5px !important; margin-top: 5px !important; background-color: #222d3f; border: 1px solid #2F3E57; } #lolDbPlayer .commonTop .commonTopSearch { height: auto; } #lolDbPlayer .commonTop .commonTopSearch .searchBarPart { position: relative; height: 30px; overflow: visible !important; } #lolDbPlayer .commonTop .commonTopSearch .searchTitle { position: absolute; left: 0px; top: 1px; z-index: 1; width: 105px !important; height: 30px; background: transparent url('//static.inven.co.kr/image_2011/mobile/lol/title_player_search_103x30.gif') left top no-repeat; overflow: hidden; } #lolDbPlayer .commonTop .commonTopSearch .searchBg { height: 30px; padding: 0 31px 0 105px; overflow: visible !important; background-color: transparent; border: 0 none; } #lolDbPlayer .commonTop .commonTopSearch .searchBg input.searchInput { width: 100%; height: 28px; border: 1px solid #000; border-right-width: 0px; background-color: #aebed7; color: black; } #lolDbPlayer .commonTop .commonTopSearch .searchBg input.searchInput { font-size: 14px; font-weight: bold; text-indent: 4px; line-height: 28px; } #lolDbPlayer .commonTop .commonTopSearch .searchBg input.searchInput::-webkit-input-placeholder { font-size: 14px; font-weight: bold; text-indent: 4px; line-height: 28px; } #lolDbPlayer .commonTop .commonTopSearch .searchBg input.searchInput:-moz-placeholder { font-size: 14px; font-weight: bold; text-indent: 4px; line-height: 28px; } #lolDbPlayer .commonTop .commonTopSearch .searchBg input.searchInput::-moz-placeholder { font-size: 14px; font-weight: bold; text-indent: 4px; line-height: 28px; } #lolDbPlayer .commonTop .commonTopSearch .searchBg input.searchInput:-ms-input-placeholder { font-size: 14px; font-weight: bold; text-indent: 4px; line-height: 28px; } #lolDbPlayer .commonTop .commonTopSearch .searchBttn { position: absolute; top: 1px; right: 0px; z-index: 2; width: 30px !important; height: 30px; overflow: hidden; } #lolDbPlayer .commonTop .commonTopSearch .searchBttn input.submit { width: 30px; height: 30px; text-indent: -1000em; background: url('//static.inven.co.kr/image_2011/mobile/lol/bttn_player_search_30x30_blue.gif') left top no-repeat; border: 0px; margin: 0px; overflow: hidden; cursor: pointer; } #lolDbPlayer .commonTop .commonTopSearch .searchHistory { padding-top: 5px; height: auto; } #lolDbPlayer .commonTop .commonTopSearch .searchHistory div.titleButton { width: 46px !important; } #lolDbPlayer .commonTop .commonTopSearch .searchHistory div.summonerList { height: 18px; margin-top: -18px !important; line-height: 18px; padding: 0 0 0 50px; } #lolDbPlayer .commonTop .commonTopNotice { margin-top: 5px !important; font-size: 12px; padding: 2px 5px; height: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* 소환사 기본 정보 */ #lolDbPlayer .kdanormal { color: #83ff00 !important; } #lolDbPlayer .kdagood { color: #00fff6 !important; } #lolDbPlayer .kdabest { color: #ff6b6b !important; } #lolDbPlayer .kdabestest { color: #ff64f2 !important; } #lolDbPlayer .kdaperfect { color: #f0ff66 !important; } #lolDbPlayer .commonTop .commonTopBox { margin-top: 5px !important; overflow: hidden; height: auto; } #lolDbPlayer .commonTop .commonTopBox .commonTopBoxInner { background-image: none !important; height: auto; } #lolDbPlayer .commonTop .commonTopBox .commonInfos { position: relative; background: #040508 none; border: 1px solid #1c1d1f; height: auto; } #lolDbPlayer .commonTop .commonTopBox .commonInfos .leftPart { padding: 5px 5px; height: auto; min-height: 92px; } #lolDbPlayer .commonTop .commonTopBox .commonInfos .leftPart .icon, #lolDbPlayer .commonTop .commonTopBox .commonInfos .leftPart #nowLoading { width: 56px !important; height: 56px; } #lolDbPlayer .commonTop .commonTopBox .commonInfos .leftPart .icon { background-color: transparent; } #lolDbPlayer .commonTop .commonTopBox .commonInfos .leftPart .icon img { width: 52px; height: 52px; } #lolDbPlayer .commonTop .commonTopBox .commonInfos .leftPart #nowLoading { margin-top: -56px !important; overflow: hidden; } #lolDbPlayer .commonTop .commonTopBox .commonInfos .leftPart #nowLoading img { width: 70px; height: 70px; margin-left: -7px; border: none; } #lolDbPlayer .commonTop .commonTopBox .commonInfos .leftPart .name { font-size: 15px; margin-top: -58px !important; height: auto; } #lolDbPlayer .commonTop .commonTopBox .commonInfos .leftPart .name .fav { position: absolute; left: 5px; top: 64px; z-index: 5; height: auto; } #lolDbPlayer .commonTop .commonTopBox .commonInfos .leftPart .name .fav a { display: block; width: 54px; height: 16px; overflow: hidden; border: 1px solid #0c1f0a; background-color: #0ea200; color: #ffffff; font-size: 11px; text-shadow: none; filter: none; line-height: 17px; text-align: center; font-weight: normal; } html.quirks #lolDbPlayer .commonTop .commonTopBox .commonInfos .leftPart .name .fav a { width: 56px; height: 18px; } #lolDbPlayer .commonTop .commonTopBox .commonInfos .leftPart .name, #lolDbPlayer .commonTop .commonTopBox .commonInfos .leftPart .rating, #lolDbPlayer .commonTop .commonTopBox .commonInfos .leftPart .oldRating, #lolDbPlayer .commonTop .commonTopBox .commonInfos .leftPart .level, #lolDbPlayer .commonTop .commonTopBox .commonInfos .leftPart .normalgame, #lolDbPlayer .commonTop .commonTopBox .commonInfos .leftPart .rankgame { padding: 0 0 0 61px; height: auto; } #lolDbPlayer .commonTop .commonTopBox .commonInfos .rightPart { position: relative; padding: 0px 104px 5px 5px; height: auto; } #lolDbPlayer .commonTop .commonTopBox .commonInfos .rightPart .times div { text-align: right; } #lolDbPlayer .commonTop .commonTopBox .commonInfos .rightPart .bttn { position: absolute; right: 5px; top: 0px; z-index: 4; } @media screen and (min-width: 510px) { #lolDbPlayer .commonTop .commonTopBox .commonInfos .rightPart { position: static; overflow: visible; padding-right: 5px; } #lolDbPlayer .commonTop .commonTopBox .commonInfos .rightPart .bttn { top: 5px; } #lolDbPlayer .commonTop .commonTopBox .commonInfos .leftPart { padding-bottom: 0px; } #lolDbPlayer .commonTop .commonTopBox .commonInfos .rightPart .times { position: absolute; right: 5px; bottom: 6px; z-index: 3; } } @media screen and (max-width: 320px) { #lolDbPlayer .commonTop .commonTopBox .commonInfos .leftPart .level, #lolDbPlayer .commonTop .commonTopBox .commonInfos .leftPart .normalgame { letter-spacing: -1px; } } /* 관전 */ #lolDbPlayer div.liveGame { margin-top: 5px !important; overflow: hidden; padding: 1px 1px; border: 1px solid #0b0b0b !important; } #lolDbPlayer div.liveGame div.leftTeam, #lolDbPlayer div.liveGame div.rightTeam { width: 50% !important; float: left !important; clear: none !important; margin-bottom: 26px !important; } #lolDbPlayer div.liveGame div.title { height: 26px; overflow: hidden; } #lolDbPlayer div.liveGame div.title div { line-height: 26px; text-align: center; } #lolDbPlayer div.liveGame div.content { padding: 5px 5px 0 5px !important; border: 0 none !important; border-top: 1px solid #3d4045 !important; } #lolDbPlayer div.liveGame div.leftTeam div.title, #lolDbPlayer div.liveGame div.leftTeam div.content { border-right: 1px solid #3d4045 !important; } #lolDbPlayer div.liveGame div.middle { width: 100% !important; height: 26px !important; left: 0px !important; top: auto !important; bottom: 1px !important; border: 1px solid #3d4045 !important; border-bottom-width: 0px !important; background-color: #191919; text-align: center !important; } #lolDbPlayer div.liveGame div.middle div.title, #lolDbPlayer div.liveGame div.middle div.title div, #lolDbPlayer div.liveGame div.middle div.content, #lolDbPlayer div.liveGame div.middle div.content div { display: inline-block !important; width: auto !important; background-color: transparent !important; border-width: 0px !important; clear: none !important; height: 26px !important; overflow: hidden !important; line-height: 26px !important; margin: 0px !improtant; padding: 0px !important; font-size: 12px !important; } #lolDbPlayer div.liveGame div.middle div.title div, #lolDbPlayer div.liveGame div.middle div.content div { padding: 0 5px !important; } #lolDbPlayer div.liveGame div.content .teamList div.memberOne { height: 36px; overflow: hidden; margin-bottom: 5px !important; } #lolDbPlayer div.liveGame div.content .teamList div.memberOne div.icon { width: 36px !important; height: 36px; overflow: hidden; } #lolDbPlayer div.liveGame div.content .teamList div.memberOne div.spells { width: 16px !important; height: 36px; overflow: hidden; } #lolDbPlayer div.liveGame div.content .teamList div.memberOne div.spells img { margin-bottom: -1px; } #lolDbPlayer div.liveGame div.content .teamList div.memberOne div.names { height: 36px; overflow: hidden; } #lolDbPlayer div.liveGame div.content .teamList div.memberOne div.names div.name { width: 78px !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #lolDbPlayer div.liveGame div.content .teamList div.memberOne div.names div.name a { font-size: 11px; } #lolDbPlayer div.liveGame div.content .teamList div.memberOne div.names div.tierPannel { width: 49px !important; height: 16px; padding: 0px !important; line-height: 17px; overflow: hidden; margin-bottom: 4px !important; } #lolDbPlayer div.liveGame div.content .teamList div.memberOne div.names div.teamno { display: inline-block !important; height: 14px !important; line-height: 15px !important; padding: 0 2px !important; margin: 1px 2px !important; overflow: hidden !important; } #lolDbPlayer div.liveGame div.content .teamList div.memberOne div.detail, #lolDbPlayer div.liveGame div.content .teamList div.memberOne div.mmr { height: 36px !important; line-height: 20px; overflow: hidden; padding: 0px !important; text-align: left; } #lolDbPlayer div.liveGame div.content .teamList div.memberOne div.detail { width: 90px !important; } #lolDbPlayer div.liveGame div.content .teamList div.memberOne div.mmr { width: 26px !important; } #lolDbPlayer div.liveGame div.leftTeam div.content .teamList div.memberOne div.icon, #lolDbPlayer div.liveGame div.leftTeam div.content .teamList div.memberOne div.spells, #lolDbPlayer div.liveGame div.leftTeam div.content .teamList div.memberOne div.names, #lolDbPlayer div.liveGame div.leftTeam div.content .teamList div.memberOne div.crefresh, #lolDbPlayer div.liveGame div.leftTeam div.content .teamList div.memberOne div.names div.tierPannel, #lolDbPlayer div.liveGame div.leftTeam div.content .teamList div.memberOne div.names div.teamno, #lolDbPlayer div.liveGame div.leftTeam div.content .teamList div.memberOne div.detail, #lolDbPlayer div.liveGame div.leftTeam div.content .teamList div.memberOne div.mmr { float: left !important; clear: none !important; padding: 0 2px 0 0; } #lolDbPlayer div.liveGame div.leftTeam div.content .teamList div.memberOne div.mmr { margin-right: 5px !important; } #lolDbPlayer div.liveGame div.rightTeam div.content .teamList div.memberOne div.icon, #lolDbPlayer div.liveGame div.rightTeam div.content .teamList div.memberOne div.spells, #lolDbPlayer div.liveGame div.rightTeam div.content .teamList div.memberOne div.crefresh, #lolDbPlayer div.liveGame div.rightTeam div.content .teamList div.memberOne div.names, #lolDbPlayer div.liveGame div.rightTeam div.content .teamList div.memberOne div.names div.tierPannel, #lolDbPlayer div.liveGame div.rightTeam div.content .teamList div.memberOne div.names div.teamno, #lolDbPlayer div.liveGame div.rightTeam div.content .teamList div.memberOne div.detail, #lolDbPlayer div.liveGame div.rightTeam div.content .teamList div.memberOne div.mmr { float: right !important; clear: none !important; padding: 0 0 0 2px; } #lolDbPlayer div.liveGame div.rightTeam div.content .teamList div.memberOne div.mmr { margin-left: 5px !important; } #lolDbPlayer div.liveGame div.rightTeam div.content .teamList div.memberOne div.detail, #lolDbPlayer div.liveGame div.rightTeam div.content .teamList div.memberOne div.mmr { text-align: right; } #lolDbPlayer div.liveGame div.middle .content div.button, #lolDbPlayer div.liveGame div.middle .content div.bans, #lolDbPlayer .commonTop div.specEndLine { display: none !important; } @media screen and (max-width: 350px) { #lolDbPlayer div.liveGame div.middle div.title div, #lolDbPlayer div.liveGame div.middle div.content div { padding: 0 4px !important; letter-spacing: -1px !important; } } /* 메뉴 */ #lolDbPlayer .commonTab, #lolDbPlayer .commonTab ul, #lolDbPlayer .commonTab ul a, #lolDbPlayer .commonTab ul div { display: block !important; width: auto !important; margin: 0 !important; float: none !important; clear: both !important; overflow: hidden; } #lolDbPlayer .commonTab, #lolDbPlayer .commonTab ul, #lolDbPlayer .commonTab ul li { height: 32px !important; } #lolDbPlayer .commonTab { margin-top: 5px !important; } #lolDbPlayer .commonTab ul { border-left: 1px solid #0b0b0b; } #lolDbPlayer .commonTab ul li { display: block; float: left; width: 20%; } #lolDbPlayer .commonTab ul div { border: 1px solid #0b0b0b; border-left-width: 0px; text-shadow: 2px 2px 2px black; filter: dropshadow(offx=2, offy=2, color=black, positivel=true); } #lolDbPlayer .commonTab ul a { font-size: 12px; letter-spacing: -1px; text-indent: 0em; text-align: center; background-image: none; font-weight: bold; color: #fff; height: 28px; line-height: 28px; border: 1px solid #0066bb; } #lolDbPlayer .commonTab ul a { border: 1px solid #646464; background: #424242; background: -moz-linear-gradient(top, #424242 1%, #111111 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#424242), color-stop(100%,#111111)); background: -webkit-linear-gradient(top, #424242 1%,#111111 100%); background: -o-linear-gradient(top, #424242 1%,#111111 100%); background: -ms-linear-gradient(top, #424242 1%,#111111 100%); background: linear-gradient(to bottom, #424242 1%,#111111 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#111111',GradientType=0 ); } #lolDbPlayer .commonTab ul a.selected { border: 1px solid #0066bb; background: #004fa0; background: -moz-linear-gradient(top, #004fa0 0%, #0066d6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004fa0), color-stop(100%,#0066d6)); background: -webkit-linear-gradient(top, #004fa0 0%,#0066d6 100%); background: -o-linear-gradient(top, #004fa0 0%,#0066d6 100%); background: -ms-linear-gradient(top, #004fa0 0%,#0066d6 100%); background: linear-gradient(to bottom, #004fa0 0%,#0066d6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004fa0', endColorstr='#0066d6',GradientType=0 ); } #lolPlayerMenuWrap { height: 32px; overflow: hidden; } #lolPlayerMenuWrap.fixedMenu { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; } #lolPlayerMenuWrap.fixedMenu ul#commonTabUL { margin: 0 5px !important; } @media screen and (min-width: 340px) { #lolDbPlayer .commonTab ul a { letter-spacing: 0px; } } /* 상세 정보 */ #lolDbPlayer .playerTabs { padding: 0 !important; display: block !important; width: auto !important; margin: 0 !important; float: none !important; clear: both !important; overflow: hidden; } #lolDbPlayer .playerTabs div { display: block !important; overflow: hidden; margin: 0 !important; } #lolDbPlayer .playerTabs div:not(.noFixDiv) { width: auto !important; float: none !important; clear: both !important; } #lolDbPlayer .playerTabs div.hidden, #lolDbPlayer .playerTabs div.template { display: none !important; } #lolDbPlayer .playerTabs div.boxTitle, #lolDbPlayer .playerTabs div.commonBoxOuter, #lolDbPlayer .playerTabs div.commonBoxLongOuter { height: auto !important; padding: 0px !important; margin-top: 5px !important; } #lolDbPlayer .playerTabs div.boxTitle div.titleText, #lolDbPlayer .playerTabs div.commonBoxTitle { height: 26px !important; padding: 0px !important; line-height: 26px !important; text-align: center !important; position: relative; } #lolDbPlayer .playerTabs div.boxTitle div.titleText { margin: 1px !important; } #lolDbPlayer .playerTabs div.boxTitle div.titleText div.titleTextText { text-align: center !important; height: 26px !important; line-height: 26px !important; } #lolDbPlayer .playerTabs div.commonBoxOuter, #lolDbPlayer .playerTabs div.commonBoxLongOuter { padding: 1px 1px !important; } #lolDbPlayer .playerTabs div.commonBoxOuter div.commonBoxInner { border-top-width: 0px; } #lolDbPlayer .playerTabs div.commonBoxOuter div.commonBoxTitle { border-top-width: 1px; } #lolDbPlayer .playerTabs table { width: 100% !important; } /* 종합 */ /* 랭크 */ #lolDbPlayer .playerTabs #playerTab1 div.totalContent1 div.rankInfo div.boxTitle { margin-top: 5px !important; } #lolDbPlayer .playerTabs #playerTab1 div.titleText div.teamRankButton { display: inline-block !important; width: auto !important; position: absolute; top: 2px; right: 2px; z-index: 2; height: 20px !important; } #lolDbPlayer .playerTabs #playerTab1 div.titleText div.teamRankButtonText { display: inline-block !important; width: auto !important; margin: 1px 1px !important; padding: 0 4px !important; height: 18px !important; line-height: 20px !important; } #lolDbPlayer .playerTabs div#teamRankBoxWrap { display: none !important; } #lolDbPlayer .playerTabs div#teamRankBoxWrap.showTeamRank { display: block !important; } #lolDbPlayer .playerTabs #playerTab1 .totalContent1 .rankInfo .rankBox .soloRank, #lolDbPlayer .playerTabs #playerTab1 .totalContent1 .rankInfo .rankBox .teamRank { height: auto; padding: 5px 10px; margin: 1px !important; } #lolDbPlayer .playerTabs #playerTab1 .totalContent1 .rankInfo .rankBox .soloRank div.medal { width: 90px !important; height: 90px; } #lolDbPlayer .playerTabs #playerTab1 .totalContent1 .rankInfo .rankBox .soloRank div.desc { height: 70px; margin: -70px 0 0 100px !important; } #lolDbPlayer .playerTabs #playerTab1 .totalContent1 .rankInfo .rankBox .teamRank div.medal { width: 90px !important; height: 57px; text-align: center; } #lolDbPlayer .playerTabs #playerTab1 .totalContent1 .rankInfo .rankBox .teamRank div.name { margin-top: -54px !important; } #lolDbPlayer .playerTabs #playerTab1 .totalContent1 .rankInfo .rankBox .teamRank div.name, #lolDbPlayer .playerTabs #playerTab1 .totalContent1 .rankInfo .rankBox .teamRank div.desc { height: 40px; margin-left: 100px !important; } #lolDbPlayer .playerTabs #playerTab1 .totalContent1 .rankInfo .rankBox .teamRank div.name div, #lolDbPlayer .playerTabs #playerTab1 .totalContent1 .rankInfo .rankBox .teamRank div.desc div { text-align: left !important; height: 20px !important; } #lolDbPlayer .playerTabs #playerTab1 .totalContent1 .rankInfo .mmrBox { position: relative; height: auto !important; margin-top: 5px !important; border: 1px solid #44474c; } #lolDbPlayer .playerTabs #playerTab1 .totalContent1 .rankInfo .mmrBox div.mmrTitleText { height: 26px; line-height: 26px; text-align: center; padding: 0; } #lolDbPlayer .playerTabs #playerTab1 .totalContent1 .rankInfo .mmrBox div.mmrHelp { position: absolute; top: 0px; right: 2px; z-index: 2; height: 26px; background-position: left -2px; } #lolDbPlayer .playerTabs #playerTab1 .totalContent1 .rankInfo .mmrBox div.mmrPrintBox, #lolDbPlayer .playerTabs #playerTab1 .totalContent1 .rankInfo .mmrBox div.mmrNotice { height: auto; padding: 5px; } #lolDbPlayer .playerTabs #playerTab1 .totalContent1 .rankInfo .mmrBox div.mmrPrintBox div { height: auto !important; } #lolDbPlayer .playerTabs #playerTab1 .totalContent1 .rankInfo .mmrBox div.mmrPrintBox div.mmrPrintValue { font-size: 30px; line-height: 30px; margin-bottom: 5px !important; } #lolDbPlayer .playerTabs #playerTab1 .totalContent1 .rankInfo .mmrBox .mmrNotice .noticeText { text-align: center; } #lolDbPlayer .playerTabs #playerTab1 .totalContent1 .mostChamp .mostChampBox { height: 59px !important; margin-bottom: 1px !important; } #lolDbPlayer .playerTabs #playerTab1 .totalContent1 .mostChamp .mostChampBox .mostChampInner { margin: 1px 1px !important; } #lolDbPlayer .playerTabs #playerTab1 .totalContent1 .mostChamp .mostChampBox .mostChampInner, #lolDbPlayer .playerTabs #playerTab1 .totalContent1 .mostChamp .mostChampBox .mostChampInner .trans { height: 55px !important; } #lolDbPlayer .playerTabs #playerTab1 .totalContent1 .mostChamp .mostChampBox .mostChampInner { background-color: #0b0b0b !important; background-position: right top !important; } #lolDbPlayer .playerTabs #playerTab1 .totalContent1 .mostChamp .mostChampBox .mostChampInner .trans { background: url('//static.inven.co.kr/image_2011/lol/player/bg_400x55_grad_mobile.png?v=2') repeat-y right top !important; } #lolDbPlayer .playerTabs #playerTab1 .totalContent1 .mostChamp .mostChampBox .mostChampInner .champName { padding: 8px 10px 2px 10px; } #lolDbPlayer .playerTabs #playerTab1 .totalContent1 .mostChamp .mostChampBox .mostChampInner .detail { padding: 0 10px; } @media screen and (min-width: 500px) { #lolDbPlayer .commonTab ul a { letter-spacing: 0px; } #lolDbPlayer .playerTabs #playerTab1 .totalContent1 .rankInfo .rankBox .teamRank div.desc { margin-top: -40px !important; } #lolDbPlayer .playerTabs #playerTab1 .totalContent1 .rankInfo .rankBox .teamRank div.desc div { text-align: right !important; } } @media screen and (min-width: 640px) { #lolDbPlayer .playerTabs #playerTab1 div.totalContent1 { position: relative; } #lolDbPlayer .playerTabs #playerTab1 div.rankInfo { min-height: 335px; padding-right: 330px !important; } #lolDbPlayer .playerTabs #playerTab1 div.mostChamp { width: 325px !important; position: absolute; top: 0px; right: 0px; z-index: 2; } } @media screen and (min-width: 690px) { #lolDbPlayer .playerTabs #playerTab1 div.rankInfo { padding-right: 352px !important; } #lolDbPlayer .playerTabs #playerTab1 div.mostChamp { width: 347px !important; } } /* 경기 */ #lolDbPlayer div.matchHistory div.matchBox { margin-top: 5px !important; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal { padding: 5px 5px; height: auto; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.basic { width: 72px !important; height: 56px; overflow: hidden; margin-left: -5px !important; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.basic .winloss { line-height: 22px; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.champicon, #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.champicon div.icon, #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.champicon div.icon img { width: 56px !important; height: 56px; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.champicon div.champname { width: 56px !important; padding: 0; margin-top: -15px !important; letter-spacing: -1px; text-shadow: 0 -1px black, 1px 0 black, 0 1px black, -1px 0 black; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.champicon { margin: -56px 0 0 72px !important; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.score { width: 90px !important; height: 56px; margin: -56px 0 0 128px !important; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.score div.KDA, #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.score div.kda { text-align: center; font-weight: bold; font-size: 14px; margin-top: 1px !important; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.spells { width: 20px !important; height: 56px; margin: -56px 0 0 218px !important; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.spells img, #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.items ul li img, #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.item2 img, #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.spells div.emptyBox, #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.items ul li div.emptyBox { width: 18px !important; height: 18px; border: 1px solid #000; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.spells div.emptyBox, #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.items ul li div.emptyBox { background-color: #191919; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.spells img, #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.spells div.emptyBox { margin: 5px 0 -4px 0; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.items { width: 66px !important; height: 56px; margin: -56px 0 0 243px !important; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.items ul { width: 66px; margin: 5px 0 0 0; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.items ul li { float: left; padding: 0 0 6px 2px; width: 20px; height: 20px; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.item2 { width: 20px !important; height: 56px; margin: -56px 0 0 312px !important; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.item2 img { margin: 17px 0 0 0; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.stats { width: 333px !important; height: 17px; margin-top: 3px !important; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.stats ul { width: 343px; margin: 0 0 0 -10px; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.stats ul li { float: left; width: auto; padding: 0 0 0 10px; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.team1, #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.team2 { width: 50% !important; height: 90px; display: none !important; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.team2 { margin: -90px 0 0 50% !important; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.team2 ul { float: right !important; width: 112px; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.team1 ul li, #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.team2 ul li { height: 16px !important; text-overflow: ellipsis; white-space: nowrap; line-height: 16px !important; margin: 1px 0 !important; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.team1 ul li img, #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.team2 ul li img { vertical-align: bottom; } #lolDbPlayer div.matchHistory div.matchHistoryMore { height: 24px; } #lolDbPlayer div.matchHistory div.matchHistoryMore a { display: block; width: 51px; height: 18px; overflow: hidden; background-color: #222d3f; padding: 0 5px; border: 1px solid #222d3f; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin: 0 auto !important; } #lolDbPlayer div.matchHistory div.matchHistoryMore a img { width: 51px; height: 18px; } #lolDbPlayer div.matchHistory div.matchHistoryHidden.hidden { display: none !important; } @media screen and (max-width: 355px) { #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.champicon { margin-left: 68px !important; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.champicon div.icon { margin-top: 5px !important; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.champicon div.icon, #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.champicon div.icon img { width: 44px !important; height: 44px; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.champicon, #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.champicon div.champname { width: 44px !important; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.score { margin-left: 114px !important; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.spells { margin-left: 206px !important; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.spells img, #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.items ul li img, #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.item2 img, #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.spells div.emptyBox, #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.items ul li div.emptyBox { width: 15px !important; height: 15px; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.items { margin-left: 224px !important; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.items ul li { padding-left: 1px; width: 17px; height: 17px; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.item2 { margin-left: 280px !important; } } @media screen and (min-width: 580px) { #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal { position: relative; min-height: 85px; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.team1, #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.team2 { position: absolute; width: 112px !important; top: 3px; margin: 0px !important; display: block !important; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.team1 { left: 345px; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.team2 { right: 5px; } #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.stats { position: absolute; left: 5px; bottom: 3px; } } @media screen and (min-width: 720px) { #lolDbPlayer div.matchHistory .matchBox div.matchBoxTotal div.team1 { left: auto; right: 233px; } } /* 경기 - 상세 */ #lolDbPlayer .matchHistory .matchBox div.matchBoxBottom, #lolDbPlayer .matchHistory .matchBox div.matchBoxBottom div { height: 20px !important; line-height: 21px; overflow: hidden; } #lolDbPlayer .matchHistory .matchBox div.matchBoxBottom { position: relative; padding: 0 56px 0 0; } #lolDbPlayer .matchHistory .matchBox div.matchBoxBottom div { display: inline !important; float: left !important; clear: none !important; margin: 0 0 0 12px !important; } #lolDbPlayer .matchHistory .matchBox div.matchBoxBottom div.mmrtext, #lolDbPlayer .matchHistory .matchBox div.matchBoxBottom div.mmr { margin-left: 5px !important; } #lolDbPlayer .matchHistory .matchBox div.matchBoxBottom div.button { position: absolute; top: 0px; right: 0px; z-index: 2; display: block !important; float: none !important; clear: both !important; width: 56px !important; border: 0 none !important; margin: 0px !important; padding: 0 5px !important; } #lolDbPlayer .matchHistory .matchBox div.matchBoxBottom div.button2 { position: absolute; top: 0px; right: 70px; z-index: 2; display: block !important; float: none !important; clear: both !important; border: 0 none !important; margin: 0px !important; padding: 0 5px !important; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap { display: none !important; } #lolDbPlayer .matchHistory .matchBox div.on div.matchDetailWrap { display: block !important; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.matchDetailTop { position: relative; border: 0 none !important; border-top: 1px solid #202020 !important; padding: 0 5px !important; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.matchDetailTop, #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.matchDetailTop div.detailInfoLeft, #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.matchDetailTop div.detailInfoCenter, #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.matchDetailTop div.detailInfoRight { height: 30px !important; line-height: 30px !important; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.matchDetailTop div.detailInfoLeft { position: absolute; left: 5px; top: 0px; z-index: 2; float: left !important; clear: none !important; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.matchDetailTop div.detailInfoRight { position: absolute; right: 5px; top: 0px; z-index: 2; float: right !important; clear: none !important; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.matchDetailTop div.detailInfoCenter { width: 140px !important; background-position: center center !important; margin: 0 auto !important; line-height: 31px !important; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.matchDetailTop div.detailInfoCenter div.teamLeft { float: left !important; clear: none !important; text-align: left !important; padding: 0 5px; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.matchDetailTop div.detailInfoCenter div.teamRight { float: right !important; clear: none !important; text-align: right !important; padding: 0 5px; } @media screen and (max-width: 410px) { #lolDbPlayer .matchHistory .matchBox div.matchBoxBottom div.queue { display: none !important; } } @media screen and (max-width: 430px) { #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.matchDetailTop div.detailInfoRight { display: none !important; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.matchDetailTop div.detailInfoCenter { margin: 0 0 !important; float: right !important; clear: none !important; } } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table th, #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td { padding: 2px 2px; height: auto; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td.champ div.champIcon, #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td.champ div.champIcon img { width: 33px !important; height: 33px !important; overflow: hidden; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td.champ div.level, #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td.champ div.spell, #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td.champ div.name { height: 33px !important; margin-top: -33px !important; padding: 0; overflow: hidden; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td.champ div.level { width: 20px !important; padding-left: 36px; line-height: 33px; font-size: 12px; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td.champ div.spell { width: 16px !important; padding-left: 51px; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td.champ div.name { width: 70px !important; padding-left: 69px; line-height: 16px; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td.champ div.spell div.spell1, #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td.champ div.spell div.spell2 { width: 16px !important; height: 16px !important; padding: 0 !important; overflow: hidden; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td.champ div.spell div.spell1 { margin-bottom: 1px !important; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td.champ div.spell img { vertical-align: 0px !important; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td.champ div.name div.tier, #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td.champ div.name div.sname { width: 70px !important; height: 16px !important; padding: 0px !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: -1px; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td.champ div.name div.tier { font-size: 11px; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td.champ div.name div.sname a { vertical-align: 0px !important; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td.KDA div { width: 36px !important; overflow: hidden; margin: 0 auto !important; letter-spacing: -1px; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td.items div.items, #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td.items div.items ul { width: 51px !important; height: 34px !important; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td.items img, #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td.items div.emptyBox { width: 14px !important; height: 14px !important; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td.items li, #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td.items div.item2 { width: 16px !important; height: 16px !important; margin: 1px 0 0 1px !important; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td.items li { float: left; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td.items div.item2 { margin-top: -25px !important; padding: 0 0 0 52px !important; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td.items div.itemsWrap { width: 68px !important; height: 34px !important; margin: 0 auto !important; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td div.graph { width: 60px !important; margin: 2px auto !important; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td div.text, #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td.ward div { width: 60px !important; overflow: hidden; margin: 0 auto !important; letter-spacing: -1px; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.matchDetailBot div.botTitle { height: 30px !important; padding: 3px 3px !important; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.matchDetailBot div.botTitle div.champImg, #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.matchDetailBot div.botTitle div.plLevel, #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.matchDetailBot div.botTitle div.plName { display: inline !important; float: left !important; clear: none !important; height: 30px !important; line-height: 30px; padding: 0px; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.matchDetailBot div.botTitle div.plLevel { padding: 0 6px 0 4px; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap .matchDetailBot div.botBody { position: relative; padding: 5px 5px 0 5px; overflow: hidden; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap .matchDetailBot div.botBody div.infoOne { width: 268px !important; height: auto; border: 0px none; margin-bottom: 5px !important; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap .matchDetailBot div.botBody div.infoOne ul, #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap .matchDetailBot div.botBody div.infoOne ul li { display: block; width: auto; height: auto; float: none; clear: both; margin: 0px !important; padding: 0; overflow: hidden; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap .matchDetailBot div.botBody div.infoOne ul li { height: 16px; } @media screen and (min-width: 680px) { #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap .matchDetailBot div.botBody div.damageInfo { position: absolute; top: 5px; left: 25%; z-index: 2; margin-left: -40px !important; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap .matchDetailBot div.botBody div.desInfo { position: absolute; top: 5px; left: 50%; z-index: 2; margin-left: 70px !important; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap .matchDetailBot div.botBody div.csInfo { position: absolute; top: 5px; right: -178px; z-index: 2; } } @media screen and (min-width: 550px) and (max-width: 679px) { #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap .matchDetailBot div.botBody div.desInfo { position: absolute; top: 5px; left: 50%; z-index: 2; margin-left: -50px !important; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap .matchDetailBot div.botBody div.csInfo { position: absolute; top: 5px; right: -178px; z-index: 2; } } @media screen and (min-width: 420px) and (max-width: 549px) { #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap .matchDetailBot div.botBody div.damageInfo { position: absolute; top: 5px; right: 0px; z-index: 2; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap .matchDetailBot div.botBody div.desInfo { position: absolute; top: 74px; right: 0px; z-index: 2; } } @media screen and (max-width: 419px) { #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap .matchDetailBot div.botBody div.desInfo { position: absolute; bottom: 0px; right: -120px; z-index: 2; } } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table col:nth-child(1) { width: 139px !important; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table col:nth-child(2) { width: 36px !important; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table col:nth-child(3) { width: 68px !important; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table col:nth-child(4), #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table col:nth-child(5) { width: 60px !important; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table col:nth-child(8) { width: 60px !important; } @media screen and (max-width: 489px) { #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table col:nth-child(6), #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table th:nth-child(6), #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td:nth-child(6) { display: none; } } @media screen and (max-width: 429px) { #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table col:nth-child(5), #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table col:nth-child(6), #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table th:nth-child(5), #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table th:nth-child(6), #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td:nth-child(5), #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td:nth-child(6) { display: none; } } @media screen and (max-width: 359px) { #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table col:nth-child(4), #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table col:nth-child(5), #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table col:nth-child(6), #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table th:nth-child(4), #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table th:nth-child(5), #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table th:nth-child(6), #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td:nth-child(4), #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td:nth-child(5), #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td:nth-child(6) { display: none; } #lolDbPlayer .matchHistory .matchBox div.matchDetailWrap div.detailInfo table td { padding: 5px 2px; } } /* 최근 경기 종합 (20경기) */ #lolDbPlayer .playerTabs .result20Content table.view-wide { display: none !important; } #lolDbPlayer .playerTabs .result20Content table.view-small { display: table !important; } #lolDbPlayer .playerTabs .result20Content div.graph { width: 90px !important; } #lolDbPlayer .playerTabs .result20Content div.total { font-size: 13px; } #lolDbPlayer .playerTabs .result20Content div.total span.hap { font-size: 14px; } #lolDbPlayer .playerTabs .result20Content div.gold, #lolDbPlayer .playerTabs .result20Content div.gold div.text, #lolDbPlayer .playerTabs .result20Content div.cs, #lolDbPlayer .playerTabs .result20Content div.cs div.text { height: 30px !important; overflow: hidden; } #lolDbPlayer .playerTabs .result20Content div.gold div.icon, #lolDbPlayer .playerTabs .result20Content div.gold div.icon img, #lolDbPlayer .playerTabs .result20Content div.cs div.icon, #lolDbPlayer .playerTabs .result20Content div.cs div.icon img { width: 30px !important; height: 30px !important; overflow: hidden; } #lolDbPlayer .playerTabs .result20Content div.gold div.text, #lolDbPlayer .playerTabs .result20Content div.cs div.text { margin-top: -30px !important; padding: 0 0 0 34px; } #lolDbPlayer .playerTabs .result20Content div.champions li div.stats { height: 42px !important; } #lolDbPlayer .playerTabs .result20Content td { padding: 5px 5px; } #lolDbPlayer .playerTabs .result20Content table.view-wide div.graph { margin: 4px auto !important; } #lolDbPlayer .playerTabs .result20Content table.view-wide div.total { width: 90px !important; margin: 0 auto !important; } #lolDbPlayer .playerTabs .result20Content table.view-wide div.gold, #lolDbPlayer .playerTabs .result20Content table.view-wide div.cs { width: 153px !important; margin: 7px auto !important; } #lolDbPlayer .playerTabs .result20Content table.view-wide div.champions ul { width: 189px; margin: 0 auto; } #lolDbPlayer .playerTabs .result20Content table.view-wide div.champions ul li, #lolDbPlayer .playerTabs .result20Content table.view-wide div.champions ul li div.champicon, #lolDbPlayer .playerTabs .result20Content table.view-wide div.champions ul li div.stats { width: 63px !important; text-align: center; overflow: hidden; } #lolDbPlayer .playerTabs .result20Content table.view-wide div.champions ul li { height: 78px !important; float: left; } #lolDbPlayer .playerTabs .result20Content table.view-wide div.champions ul li div.champicon { height: 36px !important; } #lolDbPlayer .playerTabs .result20Content table.view-small td, #lolDbPlayer .playerTabs .result20Content table.view-small div.winloss, #lolDbPlayer .playerTabs .result20Content table.view-small div.winrate, #lolDbPlayer .playerTabs .result20Content table.view-small div.total, #lolDbPlayer .playerTabs .result20Content table.view-small div.champions ul li div.stats { text-align: left !important; } #lolDbPlayer .playerTabs .result20Content table.view-small div.winloss, #lolDbPlayer .playerTabs .result20Content table.view-small div.winrate { display: inline !important; float: left !important; clear: none !important; height: 15px !important; overflow: hidden; line-height: 15px; } #lolDbPlayer .playerTabs .result20Content table.view-small div.graph { float: right !important; clear: none !important; } #lolDbPlayer .playerTabs .result20Content table.view-small div.total { height: auto !important; margin: 10px 0 !important; } #lolDbPlayer .playerTabs .result20Content table.view-small div.gold { float: left !important; clear: none !important; } #lolDbPlayer .playerTabs .result20Content table.view-small div.cs { float: right !important; clear: none !important; } #lolDbPlayer .playerTabs .result20Content table.view-small div.champions ul { display: block; width: auto; height: 42px !important; margin: 10px 0 0 0; overflow: hidden; } #lolDbPlayer .playerTabs .result20Content table.view-small div.champions ul li { width: 33% !important; height: 42px; float: left; overflow: hidden; } #lolDbPlayer .playerTabs .result20Content table.view-small div.champions ul li div.champicon { width: 40px !important; height: 42px !important; overflow: hidden; } #lolDbPlayer .playerTabs .result20Content table.view-small div.champions ul li div.champicon img { margin: 4px 0 0 0; } #lolDbPlayer .playerTabs .result20Content table.view-small div.champions ul li div.stats { margin: -42px 0 0 0 !important; padding: 0 0 0 42px; } @media screen and (max-width: 359px) { #lolDbPlayer .playerTabs .result20Content table.view-small div.winloss span.result20title { display: none; } } @media screen and (min-width: 600px) { #lolDbPlayer .playerTabs .result20Content table.view-wide { display: table !important; } #lolDbPlayer .playerTabs .result20Content table.view-small { display: none !important; } } /* 추세 차트 */ #lolDbPlayer .playerTabs #playerTab1 .totalContent2 .weekGraph div.weekGraphContent, #lolDbPlayer .playerTabs #playerTab1 .totalContent2 .friends div.friendTable { height: 250px !important; } #lolDbPlayer .playerTabs #playerTab1 .totalContent2 .weekGraph div.flotSelect { display: inline-block !important; position: absolute; top: 0px; right: 6px; z-index: 2; } #lolDbPlayer .playerTabs #playerTab1 .totalContent2 .weekGraph div.flotSelect a.bold { font-weight: bold !important; color: #ff0; } #lolDbPlayer .playerTabs #playerTab1 .totalContent2 .weekGraph #historyFlot, #lolDbPlayer .playerTabs #playerTab1 .totalContent2 .weekGraph #mmrFlot, #lolDbPlayer .playerTabs #playerTab1 .totalContent2 .weekGraph div.weekGraphFlot { width: 300px !important; height: 300px; margin: 18px auto 0 auto !important; } #lolDbPlayer .playerTabs #playerTab1 .totalContent2 .weekGraph div.weekGraphFlot-Fix { transform-origin: 0 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform: scaleY(0.82); -webkit-transform: scaleY(0.82); -moz-transform: scaleY(0.82); -ms-transform: scaleY(0.82); -o-transform: scaleY(0.82); } #lolDbPlayer .playerTabs #playerTab1 .totalContent2 .weekGraph div.weekGraphFlot div.data-point-label { width: 60px !important; text-align: center; color: #ddd; font-size: 9px; font-family: Arial; } /* 최근 함께 한 소환사 */ #lolDbPlayer .playerTabs #playerTab1 .totalContent2 .friends .friendTable table th { font-size: 12px; line-height: 16px; padding: 4px 0 5px 0; height: auto; } #lolDbPlayer .playerTabs #playerTab1 .totalContent2 .friends .friendTable table td { font-size: 12px; line-height: 16px; padding: 6px 0 0 0; height: auto; } #lolDbPlayer .playerTabs #playerTab1 .totalContent2 .friends .friendTable table td.name a { font-size: 12px; letter-spacing: -1px; } html.ie #lolDbPlayer .playerTabs #playerTab1 .totalContent2 .friends .friendTable table td { padding-top: 3px; } html.firefox #lolDbPlayer .playerTabs #playerTab1 .totalContent2 .friends .friendTable table td { line-height: 14px; } @media screen and (min-width: 670px) { #lolDbPlayer .playerTabs #playerTab1 .totalContent2 { position: relative; } #lolDbPlayer .playerTabs #playerTab1 .totalContent2 div.weekGraph, #lolDbPlayer .playerTabs #playerTab1 .totalContent2 div.friends { width: 50% !important; } #lolDbPlayer .playerTabs #playerTab1 .totalContent2 div.friends { position: absolute; top: 0px; right: 0px; z-index: 20; } #lolDbPlayer .playerTabs #playerTab1 .totalContent2 div.weekGraph div.commonBoxOuter { margin-right: 2px !important; } #lolDbPlayer .playerTabs #playerTab1 .totalContent2 div.friends div.commonBoxOuter { margin-left: 3px !important; } } /* 챔피언 */ /* 리스트 */ #playerTab3 div#championList { margin-top: 5px !important; } #playerTab3 div#championList thead th a { background-position: right 3px !important; } #playerTab3 div#championList thead th a.asc { background-position: right -9px !important; } #playerTab3 div#championList thead th a.desc { background-position: right -21px !important; } #playerTab3 div#championList table th, #playerTab3 div#championList table td, #playerTab4 div#leaguePlayerList table th, #playerTab4 div#leaguePlayerList table td { font-size: 12px !important; letter-spacing: -1px !important; } #playerTab3 div#championList table td.name, #playerTab4 div#leaguePlayerList table td.name { text-indent: 10px; } #playerTab3 div#championList table td.name img, #playerTab4 div#leaguePlayerList table td.name img { left: -3px; } #playerTab3 div#championList table td.name a, #playerTab4 div#leaguePlayerList table td.name a { display: inline-block; text-indent: 0px; } #playerTab3 div#championList table thead th a { padding-right: 21px; } @media screen and (max-width: 420px) { #playerTab3 div#championList table td.name img, #playerTab4 div#leaguePlayerList table td.name img { top: 2px; vertical-align: top; } #playerTab3 div#championList table td.name a, #playerTab4 div#leaguePlayerList table td.name a { width: 75px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #playerTab3 div#championList table thead th span { display: none; } #playerTab3 div#championList table colgroup col.td2 { width: 45px; } #playerTab3 div#championList table colgroup col.td2 { width: 125px; } #playerTab3 div#championList table colgroup col.td6, #playerTab3 div#championList table thead th:nth-child(6), #playerTab3 div#championList table tbody td.avgkda, #playerTab3 div#championList table colgroup col.td7, #playerTab3 div#championList table thead th:nth-child(7), #playerTab3 div#championList table tbody td.avgcs, #playerTab3 div#championList table colgroup col.td8, #playerTab3 div#championList table thead th:nth-child(8), #playerTab3 div#championList table tbody td.avggold { display: none !important; } } @media screen and (max-width: 490px) { #playerTab3 div#championList table thead th span { display: none; } #playerTab3 div#championList table colgroup col.td7, #playerTab3 div#championList table thead th:nth-child(7), #playerTab3 div#championList table tbody td.avgcs, #playerTab3 div#championList table colgroup col.td8, #playerTab3 div#championList table thead th:nth-child(8), #playerTab3 div#championList table tbody td.avggold { display: none !important; } } @media screen and (max-width: 639px) { #playerTab3 div#championList table colgroup col.td8, #playerTab3 div#championList table thead th:nth-child(8), #playerTab3 div#championList table tbody td.avggold { display: none !important; } } /* 디테일 */ #playerTab3 div#championList td div.layerPlayerTab3ChampInfo div.championInfo div.champ, #playerTab3 div#championList td div.layerPlayerTab3ChampInfo div.championInfo dl, #playerTab3 div#championList td div.layerPlayerTab3ChampInfo div.championInfo dl dt, #playerTab3 div#championList td div.layerPlayerTab3ChampInfo div.championInfo dl dd { height: 36px !important; overflow: hidden; } #playerTab3 div#championList td div.layerPlayerTab3ChampInfo div.championInfo div.innerWrap { padding: 5px; } #playerTab3 div#championList td div.layerPlayerTab3ChampInfo div.championInfo div.champ {} #playerTab3 div#championList td div.layerPlayerTab3ChampInfo div.championInfo dl { width: auto; padding: 0; } #playerTab3 div#championList td div.layerPlayerTab3ChampInfo div.championInfo dl dt { width: 36px; float: left; } #playerTab3 div#championList td div.layerPlayerTab3ChampInfo div.championInfo dl dt img.champicon { width: 34px; height: 34px; } #playerTab3 div#championList td div.layerPlayerTab3ChampInfo div.championInfo dl dd { width: auto; float: left; } #playerTab3 div#championList td div.layerPlayerTab3ChampInfo div.championInfo dl dd p { padding: 3px 0 0 0 !important; text-indent: 5px !important; } #playerTab3 div#championList td div.layerPlayerTab3ChampInfo div.championInfo div.playtime { height: 43px !important; overflow: hidden; letter-spacing: 0px; } #playerTab3 div#championList td div.layerPlayerTab3ChampInfo div.championInfo div.playtime p { padding: 0; font-size: 14px; } #playerTab3 div#championList td div.layerPlayerTab3ChampInfo div.championInfo div.playtime p span { font-size: 18px; } @media screen and (min-width: 530px) { #playerTab3 div#championList td div.layerPlayerTab3ChampInfo div.championInfo div.playtime { margin-top: -43px !important; } } #playerTab3 #championList td div.layerPlayerTab3ChampInfo div.championDetail tfoot { display: none; } #playerTab3 #championList td div.layerPlayerTab3ChampInfo div.championDetail tfoot th, #playerTab3 #championList td div.layerPlayerTab3ChampInfo div.championDetail tfoot td { background-color: #34363c; color: #cececc; border-width: 0px; text-align: right; } #playerTab3 #championList td div.layerPlayerTab3ChampInfo div.championDetail tfoot th { width: 52px; padding: 0 2px; } #playerTab3 #championList td div.layerPlayerTab3ChampInfo div.championDetail tfoot td { width: 30px; color: #fe8b14; border-right-width: 1px; text-align: left; text-indent: 4px; } #playerTab3 #championList td div.layerPlayerTab3ChampInfo div.championDetail tfoot tr.firstRow th, #playerTab3 #championList td div.layerPlayerTab3ChampInfo div.championDetail tfoot tr.firstRow td { border-top-width: 1px; } #playerTab3 #championList td div.layerPlayerTab3ChampInfo div.championDetail tfoot tr.lastRow th, #playerTab3 #championList td div.layerPlayerTab3ChampInfo div.championDetail tfoot tr.lastRow td { border-bottom-width: 1px; } @media screen and (max-width: 689px) { #playerTab3 #championList td div.layerPlayerTab3ChampInfo div.championDetail tbody { display: none; } #playerTab3 #championList td div.layerPlayerTab3ChampInfo div.championDetail tfoot { display: table-footer-group; } #playerTab3 #championList td div.layerPlayerTab3ChampInfo div.championDetail col { width: auto !important; } } /* 소속 리그 */ #playerTab4 div#leagueInfo, #playerTab4 div#leaguePlayerList { margin-top: 5px !important; } #playerTab4 div#leagueInfo div { margin: 1px !important; } #playerTab4 div#leagueInfo p { margin-top: 19px !important; } #playerTab4 div#leagueInfo p span.rank { line-height: 35px; } #playerTab4 div#leagueInfo p span.leagueName { font-size: 18px; padding-top: 9px; } #playerTab4 div#leaguePlayerList table tr:hover td { background-color: transparent !important; } #playerTab4 div#leaguePlayerList table tr.myinfo td, #playerTab4 div#leaguePlayerList table tr:hover.myinfo td { background-color: #131415 !important; } #playerTab4 div#leaguePlayerList table td.medal img { height: 10px; margin: 2px 0 0 0; } #playerTab4 div#leaguePlayerList table td.result img { height: 8px; margin: 2px 1px 0 0; } @media screen and (min-width: 450px) and (max-width: 767px) { #playerTab4 div#leaguePlayerList table td.medal img { height: 12px; } #playerTab4 div#leaguePlayerList table td.result img { height: 10px; } } @media screen and (max-width: 400px) { #playerTab4 div#leaguePlayerList table th span { display: none; } #playerTab4 div#leagueInfo div img.tier { margin: 1px 12px 0 12px; } } @media screen and (max-width: 360px) { #playerTab4 div#leagueInfo div img.tier { margin: 1px 0 0 0!important; } #playerTab4 div#leagueInfo div a.rankUp { margin: 17px 4px 0 4px !important; } #playerTab4 div#leagueInfo div a.rankDown { margin: 48px 0 0 -26px !important; } } @media screen and (min-width: 768px) { #playerTab4 div#leaguePlayerList table th, #playerTab4 div#leaguePlayerList table td { font-size: 13px !important; letter-spacing: 0px !important; } #playerTab4 div#leaguePlayerList table td.medal img { height: 14px; } #playerTab4 div#leaguePlayerList table td.result img { height: 14px; margin-right: 2px; } } /* 룬/특성 */ #lolDbPlayer .playerTabs div.runmaBoxIn { margin: 1px !important; } #lolDbPlayer .playerTabs div.runmaBoxIn div.pageWrap { height: auto !important; padding: 5px 5px !important; } #lolDbPlayer .playerTabs div.runmaBoxOut div.title { font-size: 13px; font-weight: bold; height: auto !important; background-image: none !important; } #playerTab5 div.pageWrap div.pages div.pageNumber { margin: 2px 0 5px 0 !important; height: auto !important; } #playerTab5 div.pageWrap div.pages div.pageNumber div { width: 23px !important; height: 23px; overflow: hidden; float: left !important; clear: none !important; margin: 3px 0 0 3px !important; } #playerTab5 div.pageWrap div.pages div.pageNumber a { width: 23px !important; height: 23px !important; margin: 0px !important; color: #fff; background: url('//static.inven.co.kr/image_2011/lol/player/bg_pagenumbers_mobile.gif') left top no-repeat !important; text-indent: 0px !important; text-align: center !important; font-weight: bold; line-height: 23px; } #playerTab5 div.pageWrap div.pages div.pageNumber a.selected { background-position: left -23px !important; } #playerTab5 div.pageWrap div.pages div.pageNameI { margin: 2px !important; overflow: hidden; } #playerTab5 div.pageWrap div.pages div.pageNameI div.pageNameS { margin: 3px 5px 0 5px !important; text-overflow: ellipsis; white-space: nowrap; } /* 룬 */ #lolDbPlayer .playerTabs #runePage { margin: 5px 0 !important; } #lolDbPlayer .playerTabs #runePage div.runmaContent { padding: 5px !important; } #lolDbPlayer .playerTabs #runePage div.runesWrap { position: relative; margin: 0 auto !important; max-width: 522px; } #lolDbPlayer .playerTabs #runePage div.runePageBg { width: 522px !important; height: 348px; } #lolDbPlayer .playerTabs #runePage div#runePageWrap { width: 520px !important; height: 346px; margin: 1px !important; } #lolDbPlayer .playerTabs #runePage div#runePageWrap div { width: 64px !important; height: 64px !important; overflow: visible !important; } #lolDbPlayer .playerTabs #runePage div.runePageDesc { background-color: transparent !important; border: 0 none !important; height: auto !important; } #lolDbPlayer .playerTabs #runePage div.runePageDesc #runeDescWrap { border: 1px solid black; background-color: #d9c190; } #lolDbPlayer .playerTabs #runePage div.runePageDesc ul, #lolDbPlayer .playerTabs #runePage div.runePageDesc ul li { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; } #lolDbPlayer .playerTabs #runePage div.runePageDesc ul { padding: 0 5px !important; clear: both !important; margin: -1px 0 !important; } #lolDbPlayer .playerTabs #runePage div.runePageDesc ul li { line-height: 130%; padding: 0 0 !important; margin: 0 0 !important; background-image: none !important; border-top: 1px solid #ece0c8; border-bottom: 1px solid #827456; } #lolDbPlayer .playerTabs #runePage div.runePageDesc ul li div { padding: 6px 6px; } @media screen and (max-width: 709px) { #lolDbPlayer .playerTabs #runePage div.runePageDescIsEmpty { display: none !important; } #lolDbPlayer .playerTabs #runePage div.runePageDesc { margin-top: 5px !important; } #lolDbPlayer .playerTabs #runePage div.runePageDesc ul li { width: 50% !important; float: left !important; clear: none !important; } #lolDbPlayer .playerTabs #runePage div.runePageDesc ul li:nth-child(odd) div { border-right: 1px solid #827456; } #lolDbPlayer .playerTabs #runePage div.runePageDesc ul li:nth-child(even) div { border-left: 1px solid #ece0c8; } } @media screen and (min-width: 400px) and (max-width: 709px) { #lolDbPlayer .playerTabs #runePage div.runePageDesc ul li br { display: none; clear: none; } } @media screen and (min-width: 710px) { #lolDbPlayer .playerTabs #runePage div.runmaContent { height: 348px !important; } #lolDbPlayer .playerTabs #runePage div.runesWrap { max-width: 776px; } #lolDbPlayer .playerTabs #runePage #runePageTransformWrap { width: 522px !important; height: 348px !important; position: absolute; left: 0px; top: 0px; z-index: 1; } #lolDbPlayer .playerTabs #runePage div.runePageDesc { padding-left: 527px !important; } #lolDbPlayer .playerTabs #runePage div.runePageDesc ul li.empty { display: none !important; } #lolDbPlayer .playerTabs #runePage div.runePageDesc #runeDescWrap { height: 346px !important; } } @media screen and (min-width: 768px) { #lolDbPlayer .playerTabs #runePage div.runePageDesc ul li br { display: none; clear: none; } } /* 특성 */ #lolDbPlayer .playerTabs #masteryPage div.runmaContent { padding: 5px !important; } #lolDbPlayer .playerTabs #masteryPage div.masteriesWrap { margin: 0 auto !important; max-width: 696px; } #lolDbPlayer .playerTabs #lolDbMastery div.masteryHead div.partHead, #lolDbPlayer .playerTabs #lolDbMastery div.masteryPart, #lolDbPlayer .playerTabs #lolDbMastery div.absoluteWrap { width: 219px !important; } #lolDbPlayer .playerTabs #lolDbMastery div.masteryHead div.partHead, #lolDbPlayer .playerTabs #lolDbMastery div.masteryHead div.partHead dt, #lolDbPlayer .playerTabs #lolDbMastery div.masteryHead div.partHead dd, #lolDbPlayer .playerTabs #lolDbMastery div.masteryPart, #lolDbPlayer .playerTabs #lolDbMastery div.absoluteWrap, #lolDbPlayer .playerTabs #lolDbMastery div.skillOne div.iconWrap div { float: left !important; clear: none !important; } #lolDbPlayer .playerTabs #lolDbMastery div.masteryHead div.partHead { margin-left: 10px !important; } #lolDbPlayer .playerTabs #lolDbMastery div.masteryHead div.partHead, #lolDbPlayer .playerTabs #lolDbMastery div.masteryHead div.partHead dl, #lolDbPlayer .playerTabs #lolDbMastery div.masteryHead div.partHead dt, #lolDbPlayer .playerTabs #lolDbMastery div.masteryHead div.partHead dd { height: 51px; line-height: 50px; font-weight: bold; font-size: 14px; } #lolDbPlayer .playerTabs #lolDbMastery div.masteryParts { margin-left: 2px !important; } #lolDbPlayer .playerTabs #lolDbMastery div.masteryPart { margin: 3px 0 0 7px !important; } #lolDbPlayer .playerTabs #lolDbMastery div.skillOne { width: 46px !important; } #lolDbPlayer .playerTabs #lolDbMastery div.skillOne div.iconWrap { width: 46px !important; overflow: visible !important; } #lolDbPlayer .playerTabs #lolDbMastery div.skillOne div.iconWrap div.action { width: 46px !important; margin-top: -44px !important; clear: both !important; } #lolDbPlayer .playerTabs #lolDbMastery div.skillOne div.iconWrap div.iconImage { width: 42px !important; margin: 2px 0 0 2px !important; } #lolDbPlayer .playerTabs #lolDbMastery div.skillOne div.iconWrap div.pointWrap { width: 44px !important; margin-top: -9px !important; } #lolDbPlayer .playerTabs #lolDbMastery div.skillOne div.iconWrap div.pointWrap div.point { width: 27px !important; float: right !important; } /* MASTERY LAYER */ /* BASIC */ div.lolDbMasteryLayer, div.lolDbMasteryLayer_inner, div.lolDbMasteryLayer dl, div.lolDbMasteryLayer dt, div.lolDbMasteryLayer dd { display: inline; float: left; overflow: hidden; } div#lolDbMasteryLayers { z-index: 999; } div.lolDbMasteryLayer { position: absolute; z-index: 999; background: #3e7194; border: 1px solid black; padding: 1px; } div.lolDbMasteryLayer_inner { border: 1px solid black; padding: 1px; width: 354px; _width: 358px; background-color: #0d1419; } div.lolDbMasteryLayer dl, div.lolDbMasteryLayer a, div.lolDbMasteryLayer dl { color: white; } div.lolDbMasteryLayer dl dt { margin: 0 0px; } div.lolDbMasteryLayer img { width: 64px; height: 64px; border: 0; vertical-align: top; } /* NO TITLE */ div.lolDbMasteryLayer dl dt { display: none; } /* COLOR */ div.lolDbMasteryLayer dl.icon { width: 64px; height: 64px; margin: 14px 0 0 13px; overflow: hidden; } div.lolDbMasteryLayer dl.name { width: 170px; margin: 16px 0 0 13px; overflow: hidden; } div.lolDbMasteryLayer dl.name dd { color: #ffffd6; font-weight: bold; font-size: 13px; } div.lolDbMasteryLayer dl.name dd img { margin-left: 10px; vertical-align: middle; width: 36px; height: 13px; } div.lolDbMasteryLayer dl.req { width: 252px; margin: 5px 0 0 13px; padding-bottom: 5px;} div.lolDbMasteryLayer dl.req dt, div.lolDbMasteryLayer dl.req dd { color: #be5e11; line-height: 18px;} div.lolDbMasteryLayer dl.req dt.req { display:inline; width: 66px;} div.lolDbMasteryLayer dl.req dd.req { width: 186px;} div.lolDbMasteryLayer dl.req dd.req dl, div.lolDbMasteryLayer dl.req dd.req dl dd { clear:both; width: 186px;} div.lolDbMasteryLayer dl.description { width: 330px; margin: 3px 0 0 13px; padding-bottom: 8px;} div.lolDbMasteryLayer dl.description dl { margin: 5px 0 0 0;padding:15px 0 5px 0; color:#9b9b9b; background: url('//static.inven.co.kr/image_2011/lol/common/line_1x3_teal1.png') repeat-x left top;} div.lolDbMasteryLayer dl.description dl dt { display: inline; clear: both; width: 330px; font-weight:bold;letter-spacing:-1px;} div.lolDbMasteryLayer dl.description dl dd { display: inline; clear: both; width: 330px;} div.lolDbMasteryLayer.desc1 dl.description dl.desc1, div.lolDbMasteryLayer.desc2 dl.description dl.desc2, div.lolDbMasteryLayer.desc3 dl.description dl.desc3, div.lolDbMasteryLayer.desc4 dl.description dl.desc4, div.lolDbMasteryLayer.desc5 dl.description dl.desc5 { color:#ffd339;} div.lolDbMasteryLayer dl.cooltime { width: 170px; height: 18px; margin: 0px 0 0 15px; overflow: hidden; } div.lolDbMasteryLayer dl.cooltime dt { width: 95px; display:inline; color: #be5e11; } div.lolDbMasteryLayer dl.cooltime dd { color: #be5e11; } div.lolDbMasteryLayer dl.skilllevel { width: 170px; height: 18px; margin: 5px 0 0 15px; overflow: hidden; } div.lolDbMasteryLayer dl.skilllevel dt { width: 70px; display:inline; color: #be5e11; } div.lolDbMasteryLayer dl.skilllevel dd { color: #be5e11; } div.lolDbMasteryLayer dl.skilltype { width: 92px; height: 15px; margin: 6px 0 0 0; font-size:11px; letter-spacing: -1px; text-align: right; } div.lolDbMasteryLayer dl.skilltype span.domino { color: #a439ff; float: right; } div.lolDbMasteryLayer dl.skilltype span.domiok { color: #ed50b7; float: right; } div.lolDbMasteryLayer dl.line { width: 338px; height: 3px; overflow: hidden; margin: 15px 0 0 9px; } div.lolDbMasteryLayer dl.line div.line { width: 338px; height: 2px; _height: 3px; border-bottom: 1px solid #3d4347; background-color: #192834; overflow: hidden;} div.lolDbMasteryLayer dl.effect { width: 320px; color: #ffd339; margin: 12px 0 0 18px; padding-bottom: 16px; }