@charset "utf-8"; /* ************************************************************************************* * FileName : ranking.css * Author : gilhyun * Date : 2009.12.09 * Description : css * Revision : ************************************************************************************* */ /* -------------------------------------------------------------------------------------- ranking seting */ /* -------------------------------------------------------------------------------------- '임시 - 랭킹에서 공통으로 쓰여지는것들' : layout */ #contents #contents_right{float:right;display:inline;width:760px;margin-top:20px;} #contents #contents_left{float:left;display:inline;width:170px;margin-right:20px;margin-top:20px;} /* -------------------------------------------------------------------------------------- '랭킹에서 공통으로 쓰여지는것들' : class */ #contents #contents_right h2{font-size:20px;color:#224480;height:31px;line-height:31px;border-bottom:1px solid #d8d8d8;} #contents #contents_right ul.Ranking_subCat{overflow:hidden;width:760px;height:34px;} #contents #contents_right ul.Ranking_subCat li{float:left;display:inline;margin:10px 0;padding:0 6px;position:relative;} #contents #contents_right ul.Ranking_subCat li a{color:#222;} #contents #contents_right ul.Ranking_subCat li.on a{color:#1293ee;} #contents #contents_right ul.Ranking_subCat li a.adult{color:#c93b31;} #contents #contents_right ul.Ranking_subCat li.on a.adult{color:#1293ee;} #contents #contents_right ul.Ranking_subCat li a:hover{color:#1293ee;} #contents #contents_right ul.Ranking_subCat li span{width:1px;height:9px;font-size:0;line-height:0;overflow:hidden;position:absolute;top:2px;left:0;background-color:#d9d9d9;} #contents #contents_right ul.Ranking_subCat li.st span{display: none;} #contents #contents_right ul.Ranking_subCat li a.more{position:relative;width:5px;height:10px;overflow:hidden;font-size:0;line-height:0;display:block;background:url(/images/skin/base/ranking/rankingImages.png) no-repeat 0 -990px;margin-top:2px;margin-left:-3px;text-indent: -9999px;} #contents #contents_right ul.Ranking_subCat li.notice{color:#222;} #contents #contents_right ul.Ranking_subCat li.end span{display: none;} #contents #contents_right .RankingList_cov{background:url(/images/skin/base/ranking/topRanking.gif) no-repeat 0 0;} #contents #contents_right .RankingList{overflow:hidden;width:786px;height:100%;margin:0 -13px 0 -13px;} *:first-child+html #contents #contents_right .RankingList{padding-bottom:28px;}/* IE7 */ #contents #contents_right .RankingList *{margin:0;padding:0;} #contents #contents_right .RankingList li{position:relative;float:left;display:inline;width:150px;height:190px;overflow:hidden;margin:0 23px 28px 23px;} #contents #contents_right .RankingList li p.Ranking{position:absolute;left:0;top:0;width:40px;height:40px;background:url(/images/skin/base/ranking/rankingImages.png) no-repeat 0 0;text-indent:-9999px;z-index:100;} #contents #contents_right .RankingList li p.n1{left:55px !important;top:15px !important;background-position:-10px -4px;height:17px;} #contents #contents_right .RankingList li p.n2{left:55px !important;top:15px !important;background-position:-10px -4px;height:17px;} #contents #contents_right .RankingList li p.n3{left:55px !important;top:15px !important;background-position:-10px -4px;height:17px;} #contents #contents_right .RankingList li p.n4{left:55px !important;top:15px !important;background-position:-10px -4px;height:17px;} #contents #contents_right .RankingList li p.n5{background-position:-184px 0;} #contents #contents_right .RankingList li p.n6{background-position:0 -46px;} #contents #contents_right .RankingList li p.n7{background-position:-46px -46px;} #contents #contents_right .RankingList li p.n8{background-position:-92px -46px;} #contents #contents_right .RankingList li p.n9{background-position:-138px -46px;} #contents #contents_right .RankingList li p.n10{background-position:-184px -46px;} #contents #contents_right .RankingList li p.n11{background-position:0 -92px;} #contents #contents_right .RankingList li p.n12{background-position:-46px -92px;} #contents #contents_right .RankingList li p.n13{background-position:-92px -92px;} #contents #contents_right .RankingList li p.n14{background-position:-138px -92px;} #contents #contents_right .RankingList li p.n15{background-position:-184px -92px;} #contents #contents_right .RankingList li p.n16{background-position:0 -138px;} #contents #contents_right .RankingList li p.n17{background-position:-46px -138px;} #contents #contents_right .RankingList li p.n18{background-position:-92px -138px;} #contents #contents_right .RankingList li p.n19{background-position:-138px -138px;} #contents #contents_right .RankingList li p.n20{background-position:-184px -138px;} #contents #contents_right .RankingList li p.n21{background-position:0 -184px;} #contents #contents_right .RankingList li p.n22{background-position:-46px -184px;} #contents #contents_right .RankingList li p.n23{background-position:-92px -184px;} #contents #contents_right .RankingList li p.n24{background-position:-138px -184px;} #contents #contents_right .RankingList li p.n25{background-position:-184px -184px;} #contents #contents_right .RankingList li p.n26{background-position:0 -230px;} #contents #contents_right .RankingList li p.n27{background-position:-46px -230px;} #contents #contents_right .RankingList li p.n28{background-position:-92px -230px;} #contents #contents_right .RankingList li p.n29{background-position:-138px -230px;} #contents #contents_right .RankingList li p.n30{background-position:-184px -230px;} #contents #contents_right .RankingList li p.n31{background-position:0 -276px;} #contents #contents_right .RankingList li p.n32{background-position:-46px -276px;} #contents #contents_right .RankingList li p.n33{background-position:-92px -276px;} #contents #contents_right .RankingList li p.n34{background-position:-138px -276px;} #contents #contents_right .RankingList li p.n35{background-position:-184px -276px;} #contents #contents_right .RankingList li p.n36{background-position:0 -322px;} #contents #contents_right .RankingList li p.n37{background-position:-46px -322px;} #contents #contents_right .RankingList li p.n38{background-position:-92px -322px;} #contents #contents_right .RankingList li p.n39{background-position:-138px -322px;} #contents #contents_right .RankingList li p.n40{background-position:-184px -322px;} #contents #contents_right .RankingList li p.n41{background-position:0 -368px;} #contents #contents_right .RankingList li p.n42{background-position:-46px -368px;} #contents #contents_right .RankingList li p.n43{background-position:-92px -368px;} #contents #contents_right .RankingList li p.n44{background-position:-138px -368px;} #contents #contents_right .RankingList li p.n45{background-position:-184px -368px;} #contents #contents_right .RankingList li p.n46{background-position:0 -414px;} #contents #contents_right .RankingList li p.n47{background-position:-46px -414px;} #contents #contents_right .RankingList li p.n48{background-position:-92px -414px;} #contents #contents_right .RankingList li p.n49{background-position:-138px -414px;} #contents #contents_right .RankingList li p.n50{background-position:-184px -414px;} #contents #contents_right .RankingList li p.n51{background-position:0 -460px;} #contents #contents_right .RankingList li p.n52{background-position:-46px -460px;} #contents #contents_right .RankingList li p.n53{background-position:-92px -460px;} #contents #contents_right .RankingList li p.n54{background-position:-138px -460px;} #contents #contents_right .RankingList li p.n55{background-position:-184px -460px;} #contents #contents_right .RankingList li p.n56{background-position:0 -506px;} #contents #contents_right .RankingList li p.n57{background-position:-46px -506px;} #contents #contents_right .RankingList li p.n58{background-position:-92px -506px;} #contents #contents_right .RankingList li p.n59{background-position:-138px -506px;} #contents #contents_right .RankingList li p.n60{background-position:-184px -506px;} #contents #contents_right .RankingList li p.n61{background-position:0 -552px;} #contents #contents_right .RankingList li p.n62{background-position:-46px -552px;} #contents #contents_right .RankingList li p.n63{background-position:-92px -552px;} #contents #contents_right .RankingList li p.n64{background-position:-138px -552px;} #contents #contents_right .RankingList li p.n65{background-position:-184px -552px;} #contents #contents_right .RankingList li p.n66{background-position:0 -598px;} #contents #contents_right .RankingList li p.n67{background-position:-46px -598px;} #contents #contents_right .RankingList li p.n68{background-position:-92px -598px;} #contents #contents_right .RankingList li p.n69{background-position:-138px -598px;} #contents #contents_right .RankingList li p.n70{background-position:-184px -598px;} #contents #contents_right .RankingList li p.n71{background-position:0 -644px;} #contents #contents_right .RankingList li p.n72{background-position:-46px -644px;} #contents #contents_right .RankingList li p.n73{background-position:-92px -644px;} #contents #contents_right .RankingList li p.n74{background-position:-138px -644px;} #contents #contents_right .RankingList li p.n75{background-position:-184px -644px;} #contents #contents_right .RankingList li p.n76{background-position:0 -690px;} #contents #contents_right .RankingList li p.n77{background-position:-46px -690px;} #contents #contents_right .RankingList li p.n78{background-position:-92px -690px;} #contents #contents_right .RankingList li p.n79{background-position:-138px -690px;} #contents #contents_right .RankingList li p.n80{background-position:-184px -690px;} #contents #contents_right .RankingList li p.n81{background-position:0 -736px;} #contents #contents_right .RankingList li p.n82{background-position:-46px -736px;} #contents #contents_right .RankingList li p.n83{background-position:-92px -736px;} #contents #contents_right .RankingList li p.n84{background-position:-138px -736px;} #contents #contents_right .RankingList li p.n85{background-position:-184px -736px;} #contents #contents_right .RankingList li p.n86{background-position:0 -782px;} #contents #contents_right .RankingList li p.n87{background-position:-46px -782px;} #contents #contents_right .RankingList li p.n88{background-position:-92px -782px;} #contents #contents_right .RankingList li p.n89{background-position:-138px -782px;} #contents #contents_right .RankingList li p.n90{background-position:-184px -782px;} #contents #contents_right .RankingList li p.n91{background-position:0 -828px;} #contents #contents_right .RankingList li p.n92{background-position:-46px -828px;} #contents #contents_right .RankingList li p.n93{background-position:-92px -828px;} #contents #contents_right .RankingList li p.n94{background-position:-138px -828px;} #contents #contents_right .RankingList li p.n95{background-position:-184px -828px;} #contents #contents_right .RankingList li p.n96{background-position:0 -874px;} #contents #contents_right .RankingList li p.n97{background-position:-46px -874px;} #contents #contents_right .RankingList li p.n98{background-position:-92px -874px;} #contents #contents_right .RankingList li p.n99{background-position:-138px -874px;} #contents #contents_right .RankingList li p.n100{background-position:-184px -874px;} #contents #contents_right .RankingList li p.thumb{} #contents #contents_right .RankingList li p.thumb a.thumb:hover span{position:absolute;top:0;left:0;border:4px solid #1293ee;width:142px;height:105px;filter:alpha(opacity=90); opacity:0.9; -moz-opacity:0.9;} #contents #contents_right .RankingList li p.title{margin:10px 0 3px 0;height:31px;overflow:hidden;} #contents #contents_right .RankingList li p.title a{font-weight:bold;color:#333;} #contents #contents_right .RankingList li p.title a:hover{color:#1293ee;} #contents #contents_right .RankingList li p.play{color:#1293ee;} #contents #contents_right .RankingList li p.play strong{color:#1293ee;} #contents #contents_right .RankingList li p.username{margin-top:3px;cursor:pointer;} #contents #contents_right .RankingList li p.username *{color:#666;font-size:11px;} #contents #contents_right .RankingList li p.mtime {padding:1px 4px;position:absolute;right:0;top:100px;} #contents #contents_right .RankingList li.topRanking{height:337px;margin-bottom:0;} #contents #contents_right .RankingList li.topRanking p.Ranking{position:absolute;left:0;top:78px;} #contents #contents_right .RankingList li.topRanking p.thumb{margin-top:78px;position:relative;} #contents #contents_right .RankingList li.topRanking p.thumb a.thumb:hover span{position:absolute;top:0;left:0;border:4px solid #1293ee;width:142px;height:105px;filter:alpha(opacity=90); opacity:0.9; -moz-opacity:0.9;} #contents #contents_right .RankingList li.topRanking p.title{margin-top:12px;} #contents #contents_right .RankingList li.topRanking p.username{margin-top:5px;} #contents #contents_right .RankingList li.topRanking p.username *{color:#666;font-size:11px;} #contents #contents_right .RankingList li.topRanking p.mtime {top:178px;} #contents #contents_right #btn_more{text-align:right;font-weight:bold;} #contents #contents_right #btn_more a{color:#c93b31;position:relative;padding-right:12px;} #contents #contents_right #btn_more a:hover{text-decoration:none;} #contents #contents_right #btn_more a span.pagineNum{color:#484848;} #contents #contents_right #btn_more a span.icon{position:absolute;top:1px;right:0;width:8px;height:8px;background: url(/images/skin/base/ranking/rankingImages.png) no-repeat 0 -958px;} #contents #contents_right #btn_more a{color:#C93B31;letter-spacing:-1px;} #contents #contents_right #btn_more a:hover{color:#1293ee;} #contents #contents_right #btn_more a.top{color:#234282;margin-right:10px;} #contents #contents_right #btn_more a.top:hover{color:#1293ee;} #contents #contents_right #btn_more a.top span.icon{background: url(/images/skin/base/bt_icon/20090923.gif) no-repeat scroll -4px -344px;} #contents #contents_left .Ranking_lnb_cov{background-color:#e0e0e0;padding:3px;width:164px;} #contents #contents_left .Ranking_lnb_cov .Ranking_lnb_border{width:162px;border:1px solid #bdbdbd;} #contents #contents_left .Ranking_lnb_cov .Ranking_lnb_border .Ranking_lnb{width:160px;border:1px solid #f7f7f7;background-color:#fff;} #contents #contents_left .Ranking_lnb_cov .Ranking_lnb_border .Ranking_lnb h3{position:relative;width:143px;height:31px;margin:5px 0 6px 4px;} #contents #contents_left .Ranking_lnb_cov .Ranking_lnb_border .Ranking_lnb h3 span{position:absolute;top:0;left:0;width:143px;height:31px;background:#fff url(/images/skin/base/ranking/rankingImages.png) no-repeat 10px -922px;border-bottom:1px solid #e3e3e3;} #contents #contents_left .Ranking_lnb_cov .Ranking_lnb_border .Ranking_lnb ul{margin-bottom:24px;margin-left:4px;width:143px;} #contents #contents_left .Ranking_lnb_cov .Ranking_lnb_border .Ranking_lnb ul li{position:relative;width:143px;height:23px;line-height:23px;text-indent:21px;} #contents #contents_left .Ranking_lnb_cov .Ranking_lnb_border .Ranking_lnb ul li a{color:#222;} #contents #contents_left .Ranking_lnb_cov .Ranking_lnb_border .Ranking_lnb ul li.on a{color:#c93b31;font-weight:bold;} #contents #contents_left .Ranking_lnb_cov .Ranking_lnb_border .Ranking_lnb ul li span{position:absolute;top:10px;left:10px;width:6px;height:2px;font-size:0;line-height:0;background-color:#999;} #contents #contents_left .Ranking_lnb_cov .Ranking_lnb_border .Ranking_lnb ul li.on span{background-color:#e08d87;} #contents #contents_left .Ranking_ad{margin-top:10px;}