mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-09 03:32:00 +09:00
3dcf8b4f49
git-svn-id: http://xe-core.googlecode.com/svn/branches/1.5.0@8811 201d5d3c-b55e-5fd7-737f-ddc643e51545
1 line
No EOL
32 KiB
CSS
1 line
No EOL
32 KiB
CSS
@charset "utf-8"; /* NHN (developers@xpressengine.com) */ /* Element Reset */ body,table,input,textarea,select,button{font-family:Tahoma,Geneva,sans-serif;font-size:12px;color:#333} header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block} button,input[type=submit],input[type=reset],input[type=button]{cursor:pointer;overflow:visible} body{margin:0} img{border:0} p{line-height:1.5} /* Section & Heading */ .section{margin:1em 0;padding:0;border:0} .h1, .h2, .h3, .h4{position:relative;border-bottom-style:solid;border-bottom-color:#ccc;zoom:1} .h1{border-bottom-width:4px;font-size:24px} .h2{border-bottom-width:3px;font-size:20px} .h3{border-bottom-width:2px;font-size:16px} .h4{border-bottom-width:1px;font-size:12px} /* Portlet */ .portlet{position:relative;border:1px solid #e9e9e9;margin:1em 0;padding:0;background:#fff;zoom:1;overflow:hidden;border-radius:5px} .portlet h2, .portlet h3{margin:0;padding:.5em 1em;font-size:14px;border:1px solid #fff;border-bottom:1px solid #e9e9e9;background:#f7f7f7;border-radius:5px 5px 0 0} .portlet p{margin:1em 1.2em} .portlet li{position:relative;padding-right:8em} .portlet .lined{margin:1px;padding:0;list-style:none} .portlet .lined li{padding:.5em 8em .5em 1em;border-top:1px solid #eee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis} .portlet .lined li:first-child{border:0} .portlet .side{position:absolute;top:0;_top:1px;right:0;color:#666;background:#fff;padding:0 1em} .portlet .lined .side{padding:.5em 1em} .portlet .more{position:absolute;top:.5em;right:1em;text-decoration:none !important;color:#666} .portlet .more span{color:#999} .portlet .action{text-align:right;top:0;right:0;padding:.5em 1em .5em 3em;background:#fff;background:-webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(255,255,255,0)), to(rgba(255,255,255,1)), color-stop(15%, #fff));background:-moz-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,1) 15%)} .portlet .action a, .portlet .action button{margin-left:1em} .portlet .btnArea{border-top:1px solid #ddd;margin:0;padding:.5em 1em;margin:0 1px 1px 1px;background:#f7f7f7;border-radius:0 0 5px 5px} /* Table */ .table{margin:1em 0} .table table{width:100%;border:0;border-collapse:collapse;border-top:2px solid #ccc} .table caption{font-weight:bold;text-align:left;line-height:22px;padding:5px 0} .table caption:after{content:"";display:block;clear:both} .table caption a{font-weight:normal} .table caption em{float:right;font-style:normal;font-weight:normal;color:#e00;margin-left:1em} .table caption strong{color:#e00} .table caption .side{float:right;font-weight:normal;margin-left:1em} .table th,.table td{border:0;padding:8px;vertical-align:top;text-align:left;border-bottom:1px solid #ddd;white-space:nowrap} .table th{background:#f8f8f8} .table thead th{border-bottom:1px solid #999} .table tfoot td{font-weight:bold;background:#f8f8f8} .table.even tbody tr:nth-of-type(even) td{background-color:#fafafa} .table td>input[type=text]{margin:-1px 0 -3px 0 !important;vertical-align:middle} .table img{vertical-align:middle} .table .title, .table .text{white-space:normal} /* Form */ .form{margin:1em 0;padding:0} .form fieldset{margin:0 0 2em 0;padding:0;border:0} .form em{font-style:normal;color:#e00} .form label{margin-right:1em;line-height:1} .form input[type=checkbox]+label,.form input[type=radio]+label,.form input[type=file]{cursor:pointer} .form ul{position:relative;margin:0;padding:0;list-style:none;border-top:2px solid #ccc;border-bottom:1px solid #ccc;zoom:1} .form li{list-style:none;border:1px solid #ddd;border-left:0;border-right:0;margin:-1px 0;padding:8px 0;vertical-align:top;zoom:1} .form li:first-child{border-top:0} .form li>label:first-child{display:block;font-weight:bold} .form li label em{font-weight:normal} .form input[type=text],.form input[type=password],.form input[type=file],textarea{position:relative;width:280px;margin:2px 0;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent} .form input[type=text],.form input[type=password],.form input[type=file]{height:22px;line-height:22px;vertical-align:middle;padding:0 4px} .form input[type=checkbox],.form input[type=radio]{margin:0;padding:0;width:13px;height:13px;vertical-align:middle} .form *[disabled=disabled]{background:#ddd;text-shadow:1px 1px 0 #fff} .form textarea{padding:3px 4px;vertical-align:top} .form span.desc{line-height:22px;vertical-align:middle;margin:0 10px} .form p.desc{margin:.25em 0;line-height:1.4} .form .q{font-weight:bold;margin:0 0 5px 0} .form .a{margin:0 0 5px 0} .form .tgForm{margin-right:1em} .form .h1 + ul, .form .h2 + ul, .form .h3 + ul, .form .h4 + ul{border-top:0} /* Global Navigation Bar */ .gnb{position:relative;clear:both;border:1px solid #c1c1c1;border-left:0;border-right:0;background-color:#efefef;background:#efefef -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#dcdcdc));background:#efefef -moz-linear-gradient(top, #efefef, #dcdcdc);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#efefef, endColorStr=#dcdcdc);zoom:1} .gnb ul{margin:0;padding:0 0 0 2em;list-style:none;border:1px solid #fff;border-left:0;border-right:0;zoom:1} .gnb ul ul{position:absolute;top:30px;left:0;border:1px solid #ccc;padding:0;background:#fff} .gnb ul:after{content:"";display:block;clear:both} .gnb li{position:relative;float:left;border:1px solid #fff;border-top:0;border-bottom:0;margin:0 -1px 0 0} .gnb li li{float:none;clear:both;overflow:hidden;border:0;border-top:1px dotted #ccc;margin:0;padding:2px} .gnb li li:first-child{border:0} .gnb li a{float:left;font-weight:bold;color:#333;font-size:12px;padding:8px 18px;white-space:nowrap;text-decoration:none;text-shadow:0 1px 0 #fff;zoom:1} .gnb li a:hover, .gnb li a:active, .gnb li a:focus, .gnb li.active a, .gnb li.activeOn a{background:#fff;border:1px solid #ddd;padding:7px 17px} .gnb li li a{display:block;float:none;color:#555;padding:5px 15px !important;font-weight:normal !important;border:0 !important} .gnb li li a:hover, .gnb li li a:active, .gnb li li a:focus{border:0;background:#eee} .gnb .setting{position:absolute;top:8px;right:2em;width:16px;height:0;padding:16px 0 0 0;overflow:hidden;background:url(../img/iconSetting.gif) no-repeat center} .gnb.jx ul{display:block;position:static;padding:0} .gnb.jx li{float:none;clear:both;border-top:1px solid #ccc} .gnb.jx ul ul{border:0} .gnb.jx li li{border:0} .gnb.jx li a{float:none;display:block} .gnb.jx li a:hover, .gnb.jx li a:active, .gnb.jx li a:focus{background:none} .gnb.jx li.activeOn>a{background:#ddd} @media only all and (max-width:860px){ .gnb ul{padding-left:1em} .gnb .setting{right:1em} } @media only all and (max-width:640px){ .gnb ul{display:block;position:static;padding:0} .gnb li{float:none;clear:both;border-top:1px solid #ccc} .gnb ul ul{border:0;position:static} .gnb li li{border:0} .gnb li a{float:none;display:block} .gnb li a:hover, .gnb li a:active, .gnb li a:focus{background:none} .gnb li.activeOn>a{background:#ddd} } /* Local Navigation */ .lnb{position:relative;float:left;width:200px;margin:1em 0 1em -230px;line-height:normal;zoom:1;display:inline} .lnb .h2{margin-top:0} .lnb ul{margin:0;padding:0;list-style:none} .lnb li{position:relative;margin:0 0 -1px 0;vertical-align:top;zoom:1} .lnb li a{display:block;position:relative;padding:8px 10px;text-decoration:none;color:#666;font-weight:bold;background:#fafafa;border:1px solid #eee;zoom:1} .lnb li a .i{position:absolute;top:50%;left:100%;margin:-4px 0 0 -16px;width:8px;height:8px;color:#ccc;background:url(../img/iconNavVr.gif) no-repeat left top} .lnb li ul{padding:5px 0;background:#fff} .lnb li li{margin:0;border-top:1px dotted #ddd} .lnb li li:first-child{border:0} .lnb li li a{font-weight:normal;background:#fff;padding:5px 10px;border:0} .lnb li li a span{color:#666} .lnb li.active{border:1px solid #ccc;z-index:2} .lnb li li.active{border:0} .lnb li.active a{color:#000;border:0} .lnb li.active .i{background-position:0 -44px} .lnb li.active li a{border:0} .lnb li.active ul{display:block;border-top:1px solid #eee} .lnb li.active li.active a span{color:#13b200;font-weight:bold;letter-spacing:-1px} /* Content Navigation */ .cnb{margin:1em 0;position:relative;zoom:1} .cnb:after{content:"";display:block;clear:both} .cnb .active{font-weight:bold;color:#333;text-decoration:none} .cnb .side{float:right} /* Pagination */ .pagination{margin:1em 0;text-align:center;line-height:normal} .pagination *{vertical-align:middle} .pagination a, .pagination strong{position:relative;display:inline-block;padding:2px 4px;font-weight:bold;text-decoration:none;line-height:normal;color:#333 !important;vertical-align:middle} .pagination a:hover, .pagination a:active, .pagination a:focus{border:1px solid #ddd;margin:0 -1px} .pagination strong{color:#e00 !important;font-size:20px} .pagination .direction{font-weight:normal;white-space:nowrap} .pagination .direction:hover, .pagination .direction:active, .pagination .direction:focus{border:0;margin:0;text-decoration:underline} .pagination input{width:30px;text-align:center} .pagination button{overflow:visible} /* Button */ .btn{position:relative;display:inline-block;margin:2px;vertical-align:top} .btn *{display:inline-block;padding:0 8px;font-size:12px;height:24px;line-height:22px;margin:0;font-weight:bold !important;color:#fff;text-decoration:none !important;border:1px solid;cursor:pointer;overflow:visible;border-radius:3px;box-shadow:inset 0 0 1px #fff;-moz-box-shadow:inset 0 0 1px #fff;-webkit-box-shadow:inset 0 0 1px #fff;background-color:#666;text-shadow:0 -1px 0 #333;zoom:1} .btn a, .btn button[type=button]{border-color:#ccc;color:#333 !important;background:#eee -webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#ddd));background:#eee -moz-linear-gradient(top,#fff,#ddd);background-color:#eee;text-shadow:1px 1px 0 #fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#dddddd)} .btn input, .btn button[type=submit]{border-color:#666;background:#333 -webkit-gradient(linear,0% 0%,0% 100%,from(#777),to(#777),color-stop(0.5,#333),color-stop(0.5,#000));background:#333 -moz-linear-gradient(top,#777,#000);background-color:#333;color:#ffc;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#777777, endColorStr=#333333)} .btn a{height:22px} .btn.medium *{padding:0 12px;font-size:16px;height:30px;line-height:28px} .btn.medium a{height:28px} .btn.large *{padding:0 18px;font-size:22px;height:36px;line-height:34px} .btn.large a{height:34px} /* Star Rating */ .starRating, .starRating span{display:inline-block;height:14px;background:transparent url(../img/iconStarRating.gif) no-repeat;overflow:hidden} .starRating{width:79px;vertical-align:top} .starRating span{font-size:0;line-height:0;vertical-align:top;text-indent:-100px;*text-indent:0;background-position:0 -14px} /* Progress */ .prgrs{white-space:nowrap;line-height:normal;vertical-align:middle} .prgrs *{vertical-align:middle} .prgrs .pBar{position:relative;display:inline-block;background:#e9e9e9;margin:0 5px 0 0} .prgrs .pAction{display:inline-block;vertical-align:top;background:#99a6b6} .prgrs .pNum{position:absolute;width:100%;left:0;top:0;text-align:center;text-shadow:1px 1px 0 #fff} .prgrs.prgrsSmall{font-size:14px;line-height:14px} .prgrs.prgrsSmall .pBar, .prgrs.prgrsSmall .pAction, .prgrs.prgrsSmall .pNum{height:16px;line-height:16px;font-size:11px} .prgrs.prgrsMedium{font-size:24px;line-height:24px} .prgrs.prgrsMedium .pBar, .prgrs.prgrsMedium .pAction, .prgrs.prgrsMedium .pNum{height:22px;line-height:22px;font-size:12px} .prgrs.prgrsLarge{font-size:38px;line-height:38px} .prgrs.prgrsLarge .pBar, .prgrs.prgrsLarge .pAction, .prgrs.prgrsLarge .pNum{height:34px;line-height:34px;font-size:14px} /* Layer */ .layer{position:absolute;background:#fff;padding:0 1em;*padding:1em;border:8px solid #ddd;font-weight:normal;z-index:2;zoom:1;border-radius:5px;box-shadow:0 0 6px #666;-moz-box-shadow:0 0 6px #666;-webkit-box-shadow:0 0 6px #666;filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135, strength=5)} .layer h2{margin-top:1em} .layer ul, .layer ol, .layer .lined, .layer .table{margin-bottom:1em} .layerClose{position:absolute;right:-8px;top:-8px;border:0;background:#ddd;padding:0;width:28px;height:28px;font-size:14px;font-weight:bold;cursor:pointer;color:#999;border-radius:5px} .layerBlur{position:absolute;top:0;right:0;border:0;background:none;padding:0;width:1px;height:1px;overflow:hidden} /* Modal Window */ .modal{position:fixed;*position:absolute;top:0;left:0;width:100%;_height:100%;min-height:100%;z-index:100} .modal .bg{position:absolute;background:#000;_background:none;width:100%;height:100%;opacity:.5;z-index:2;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);zoom:1} .modal .fg{position:relative;width:50%;margin:5em auto;background:#fff;padding:0 1em;*padding:1em;border:8px solid #ddd;z-index:3;zoom:1;border-radius:5px;box-shadow:0 0 6px #000;-moz-box-shadow:0 0 6px #000;-webkit-box-shadow:0 0 6px #000} .modal h2{margin-top:1em} .modal ul, .modal ol, .modal .lined, .modal .table{margin-bottom:1em} .modal .ie6{position:absolute;left:0;top:0;width:100%;height:100%;border:0;opacity:0;filter:alpha(opacity=0);z-index:1} .modalClose{position:absolute;right:-8px;top:-8px;border:0;background:#ddd;padding:0;width:28px;height:28px;font-size:14px;font-weight:bold;cursor:pointer;color:#999;border-radius:5px} .modalBlur{position:absolute;top:0;right:0;border:0;background:none;padding:0;width:1px;height:1px;overflow:hidden} html.modalContainer,body.modalContainer{_height:100%;_width:100%} /* IE6 only */ /* Message */ .message{border:1px solid #ddd;background:#f8f8f8;margin:1em 0;padding:0 1em;border-radius:5px} .message em{font-style:normal;color:#e00} .message.info, .message.error, .message.update{padding-left:55px} .message.info{border-color:#E0E8EC;background:#EDF9FF url(../img/msg.Info.png) no-repeat 1em .5em} .message.error{border-color:#EFDCDC;background:#FFECEC url(../img/msg.error.png) no-repeat 1em .5em} .message.update{border-color:#EAE9DC;background:#FFFDEF url(../img/msg.update.png) no-repeat 1em .5em} /* Text Button */ input.text, button.text{border:0;overflow:visible;padding:0;margin:0;color:#33a;background:none;text-decoration:underline} /* H2 Anchor */ .h2Anchor{position:absolute;right:0;border:0;background:none;color:#00f;text-decoration:underline} /* Waiting for server response */ #wfsr .bg{position:absolute;background:#000;_background:none;width:100%;height:100%;opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);zoom:1} #wfsr .fg{position:relative;width:50%;margin:5em auto;background:#fff;padding:0 1em;*padding:1em;border:10px solid #ddd;z-index:2;zoom:1} #wfsr .fg p{padding:0 0 0 2.5em;background:url(../img/preLoader16.gif) no-repeat 1em .4em} #wfsr .ie6{position:absolute;left:0;top:0;width:100%;height:100%;border:0;opacity:0;filter:alpha(opacity=0);z-index:1} .wfsrActive{position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;z-index:100} .wfsrClose{position:absolute;right:-10px;top:-10px;border:0;background:#ddd;padding:0;width:34px;height:34px;font-size:16px;font-weight:bold;cursor:pointer;color:#999} .wfsrBlur{position:absolute;top:0;right:0;border:0;background:none;padding:0;width:1px;height:1px;overflow:hidden} /* Skip Navigation */ .skipNav{margin:0;text-align:center;overflow:hidden} .skipNav a{position:absolute;width:1px;height:1px;display:block;color:#fff;font-weight:bold;padding:10px 0;background:#333;border-top:1px solid #656565} .skipNav a:hover, .skipNav a:active, .skipNav a:focus{position:relative;width:auto;height:auto} /* Header */ .header{position:relative;z-index:2;padding:30px 0 0 0;background:#4c4c4c;box-shadow:0 0 10px #aaa;-moz-box-shadow:0 0 10px #aaa;-webkit-box-shadow:0 0 10px #aaa;zoom:1} .stAdmin .header{background:#2D808A} .header:after{content:"";display:block;clear:both} .header a{text-decoration:none} .header h1{margin:0 100px 10px 1.3em;font-size:24px;line-height:32px} .header h1 *{vertical-align:middle} .header h1 a{color:#fff;text-shadow:1px 1px 0 #000;filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color=#000000, Positive=true);zoom:1} .header h1 img{height:32px} .header h1 .url{font-size:12px;font-weight:normal} .header .siteTool{position:absolute !important;top:42px;right:0;padding:0 2em 0 0;z-index:2} .header .siteTool .i{position:relative;z-index:2;display:inline-block;color:#fff;padding:0 6px;line-height:24px} .header .siteTool .i:first-child{border:0} .header .siteTool .tgAnchor{padding-right:16px;background:url(../img/iconArrow.gif) no-repeat right -156px} .header .siteTool .tgAnchor.active{border:1px solid #ccc;border-bottom:0;background-color:#fff;color:#333;text-decoration:none;border-radius:5px 5px 0 0} .header .siteTool .tgContent{position:absolute;top:24px;right:2em;border:1px solid #ccc;z-index:1;background-color:#fff;border-radius:5px 0 5px 5px} .header .siteTool .tgContent .btnArea{margin:0} .header #moveSiteList{padding:10px 1em 5px 1em;margin:0} .header #moveSiteList ul{list-style:none;margin:0;padding:0} .header #moveSiteList li{white-space:nowrap;margin:0;padding:4px 0;border-bottom:1px dotted #ccc} .header #siteMapList{padding:0 1em 1em 1em;margin:0} .header #siteMapList li{white-space:nowrap} .header .account{position:absolute;z-index:3;width:100%;padding:5px 2em 5px 0;top:0;right:0;white-space:nowrap;text-align:right;background:#333;border-bottom:1px solid #656565;color:#fff;font-size:12px;box-shadow:0 0 10px #333;-moz-box-shadow:0 0 10px #333;-webkit-box-shadow:0 0 10px #333} .stAdmin .header .account{background:#0e5f69} .header .account ul{margin:0 2px 0 0;padding:0;list-style:none} .header .account li{position:relative;display:inline;border-left:1px solid #666;padding:0 6px 0 10px} .header .account li:first-child{border:0} .header .account a{color:#fff;display:inline-block;height:14px} .header .account a.language{padding-right:2px} .header #language{position:absolute;top:19px;right:0;padding:6px 4px !important;border:1px solid #666;border-top:0;background:#333} .header #language li{border:0;display:block;padding:1px 8px;text-align:left;line-height:1} .header #language li.selected{background:transparent url(../img/checked.png) no-repeat left center} .header h1 a:hover, .header h1 a:active, .header h1 a:focus, .header .siteTool a:hover, .header .siteTool a:active, .header .siteTool a:focus, .header .account a:hover, .header .account a:active, .header .account a:focus{color:#6e9cf2;text-decoration:underline} /* Footer */ .footer{border-top:1px solid #ddd;text-align:center;font-size:12px;padding:1.5em 0;margin:0 2em} .footer p{margin:0} .footer a{color:#6e9cf2;text-decoration:none} /* Body */ .body{position:relative;z-index:1;padding:1em 2em 1em 260px;zoom:1} .body:after{content:"";display:block;clear:both} /* Content */ .content{float:right;width:100%;margin-left:-230px;zoom:1} .content:after{content:"";display:block;clear:both} .content a{color:#33a} .content a:hover, .content a:active, .content a:focus{color:#a33} .content .portlet a{text-decoration:none} .content .portlet a:hover, .content .portlet a:active, .content .portlet a:focus{text-decoration:underline} /* Dashboard */ .dashboard{position:relative;float:none;width:auto;margin-left:-230px} .dashboard .portlet{float:left;width:48%;margin-right:1em} .dashboard .portlet:nth-of-type(odd){ float:left;width:49%;margin-right:0} .dashboard .portlet:nth-of-type(even){ float:right;width:49%;margin-right:0} /* Search */ .search{zoom:1} .search:after{content:"";display:block;clear:both} .search .pagination{float:left;text-align:left} .search form{float:right;margin:1em 0} .search form *{vertical-align:middle} /* Site Map */ .siteMap h2 input{font-size:12px;font-weight:bold;padding:0 .5em} .siteMap label{cursor:text} .siteMap .lined ul{padding:0;margin:0;border-top:1px solid #eee;zoom:1} .siteMap .lined li{position:relative;padding:0;margin:0;cursor:all-scroll;list-style:none;zoom:1} .siteMap .lined li li{border-top:1px solid #eee} .siteMap li li{text-indent:18px} .siteMap li li li{text-indent:36px} .siteMap li li li li{text-indent:54px} .siteMap li li li li li{text-indent:72px} .siteMap li li li li li li{text-indent:90px} .siteMap li li li li li li li{text-indent:108px} .siteMap li li li li li li li li{text-indent:126px} .siteMap li li li li li li li li li{text-indent:144px} .siteMap li li li li li li li li li li{text-indent:162px} .siteMap li li li li li li li li li li li{text-indent:180px} .siteMap li li li li li li li li li li li li{text-indent:198px} .siteMap li *{vertical-align:middle} .siteMap li .moveTo+input{width:200px;border:0;padding:0 .5em} .siteMap li .moveTo+input:hover, .siteMap li .moveTo+input:active, .siteMap li .moveTo+input:focus{border:1px dotted #ccc;overflow:visible} .siteMap .moveTo{position:relative;z-index:2;width:22px;height:32px;padding:32px 0 0 0;margin:0 3px;_margin-top:-1px;overflow:hidden;background:#fff url(../img/iconMoveTo.gif) no-repeat center 0;border:0;cursor:move} .siteMap li.active, .siteMap li.active .moveTo{background-color:#f7f7f7} .siteMap li.active li, .siteMap li.active ul{border-top-color:#f7f7f7} .siteMap li.active .moveTo{background-position:center -32px} .siteMap .vr, .siteMap .hr{display:none;position:absolute;z-index:1;left:14px;border:0px solid #ccc;overflow:hidden} .siteMap .vr{top:-16px;height:100%;border-left-width:1px} .siteMap .hr{top:16px;width:16px;border-top-width:1px} .siteMap li.active .vr, .siteMap li.active li .hr{display:block} .siteMap li li .vr, .siteMap li li li .hr{left:32px} .siteMap li li li .vr, .siteMap li li li li .hr{left:50px} .siteMap li li li li .vr, .siteMap li li li li li .hr{left:68px} .siteMap li li li li li .vr, .siteMap li li li li li li .hr{left:86px} .siteMap li li li li li li .vr, .siteMap li li li li li li li .hr{left:104px} .siteMap li li li li li li li .vr, .siteMap li li li li li li li li .hr{left:122px} .siteMap li li li li li li li li .vr, .siteMap li li li li li li li li li .hr{left:140px} .siteMap li li li li li li li li li .vr, .siteMap li li li li li li li li li li .hr{left:158px} .siteMap li li li li li li li li li li .vr, .siteMap li li li li li li li li li li li .hr{left:176px} .siteMap li li li li li li li li li li li .vr, .siteMap li li li li li li li li li li li li .hr{left:336px} .siteMap .side{padding-top:0 !important;padding-bottom:0 !important;line-height:30px;background:transparent !important} .siteMap .side button{text-indent:0;line-height:1} .siteMap .tgMap{position:absolute; top:12px; right:1em; padding:0 16px 0 0; line-height:16px; background:url(../img/iconArrow.gif) no-repeat right -126px} .siteMap.fold .tgMap{background-position:right -158px} .siteMap.fold .h2{border-bottom-color:#fff; border-radius:5px} .siteMap .placeholder{background:#bbb} .siteMap .draggable, .siteMap .draggable .moveTo{background-color:#ddd} .siteMap .draggable .summary{border-left:1px solid #ccc;padding-left:10px;margin-left:10px;font-size:11px;color:#999} /* Button Area */ .btnArea{margin:1em 0;text-align:right;zoom:1} .btnArea:after{content:"";display:block;clear:both} /* Multilingual */ .langEdit{background:#fff;position:absolute;*left:0;*margin-top:28px;z-index:10;box-shadow:3px 3px 6px #999;-moz-box-shadow:3px 3px 6px #999;-webkit-box-shadow:3px 3px 6px #999;filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135, strength=5)} .langEdit ul{border-top:1px solid #ccc;border-left:1px solid #eee;border-right:1px solid #eee;margin:0} .langEdit li{padding:.5em 10px} .langEdit input[type=text]{width:220px;padding-right:40px} .langEdit label{left:15px !important} .langEdit .action{border:1px solid #eee;width:268px;padding:0 10px} .langEdit p, .langEdit .btnArea{white-space:normal} .langEdit li.en input, .mLangEdit li.en textarea{background:url(../img/flag.us.gif) no-repeat 99% 5px} .langEdit li.ko input, .mLangEdit li.ko textarea{background:url(../img/flag.kr.gif) no-repeat 99% 5px} .langEdit li.ja input, .mLangEdit li.ja textarea{background:url(../img/flag.jp.gif) no-repeat 99% 5px} .langEdit li.zh input, .mLangEdit li.zh textarea{background:url(../img/flag.cn.gif) no-repeat 99% 5px} .langEdit li.fr input, .mLangEdit li.fr textarea{background:url(../img/flag.fr.gif) no-repeat 99% 5px} .langEdit li.de input, .mLangEdit li.de textarea{background:url(../img/flag.de.gif) no-repeat 99% 5px} .langEdit li.ru input, .mLangEdit li.ru textarea{background:url(../img/flag.ru.gif) no-repeat 99% 5px} .langEdit li.es input, .mLangEdit li.es textarea{background:url(../img/flag.es.gif) no-repeat 99% 5px} .langEdit li.tr input, .mLangEdit li.tr textarea{background:url(../img/flag.tr.gif) no-repeat 99% 5px} .langEdit li.vi input, .mLangEdit li.vi textarea{background:url(../img/flag.vn.gif) no-repeat 99% 5px} .langEdit li.mn input, .mLangEdit li.mn textarea{background:url(../img/flag.mn.gif) no-repeat 99% 5px} .mLangEdit.en strong{background:url(../img/flag.us.gif) no-repeat 0 10px} .mLangEdit.ko strong{background:url(../img/flag.kr.gif) no-repeat 0 10px} .mLangEdit.ja strong{background:url(../img/flag.jp.gif) no-repeat 0 10px} .mLangEdit.zh strong{background:url(../img/flag.cn.gif) no-repeat 0 10px} .mLangEdit.fr strong{background:url(../img/flag.fr.gif) no-repeat 0 10px} .mLangEdit.de strong{background:url(../img/flag.de.gif) no-repeat 0 10px} .mLangEdit.ru strong{background:url(../img/flag.ru.gif) no-repeat 0 10px} .mLangEdit.es strong{background:url(../img/flag.es.gif) no-repeat 0 10px} .mLangEdit.tr strong{background:url(../img/flag.tr.gif) no-repeat 0 10px} .mLangEdit.vi strong{background:url(../img/flag.vn.gif) no-repeat 0 10px} .mLangEdit.mn strong{background:url(../img/flag.mn.gif) no-repeat 0 10px} .mLangEdit ul ul{border:0} .mLangEdit li{ position:relative;padding:0} .mLangEdit li strong{ display:inline-block;padding:6px 100px 8px 24px;font-weight:normal;line-height:1.5} .mLangEdit li .side{ position:absolute;top:8px;right:0;padding-right:18px;background:url(../img/iconArrow.gif) no-repeat right -160px} .mLangEdit li li{ border:0;padding-right:36px} .mLangEdit li textarea{ width:100%;height:16px;padding-right:30px;resize:vertical;line-height:1.4} .mLangEdit li label{ top:8px !important} .mLangEdit li.active strong{ font-weight:bold} .mLangEdit li.active .side{ background-position:right -128px} .modal .mLangEdit ul{padding-bottom:1em} .modal .mLangEdit li{border:0;padding-right:36px} /* Suggestion */ .suggestion{display:none;position:absolute;background:#fff;z-index:10;_height:200px;max-height:200px;overflow:auto;*left:0;*margin-top:28px;box-shadow:3px 3px 6px #999;-moz-box-shadow:3px 3px 6px #999;-webkit-box-shadow:3px 3px 6px #999;filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135, strength=5)} .suggestion ul{border-top:1px solid #ccc;border-left:1px solid #eee;border-right:1px solid #eee;margin:0} .suggestion li{padding:0} .suggestion li:last-child{border-bottom:0} .suggestion li button{border:0;background:#fff;text-align:left;width:288px;padding:2px 4px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .suggestion li button:hover, .suggestion li button:active, .suggestion li button:focus{background:#eee} /* Image Mark */ #imageMark{right:0} /* Easy Installer */ .easyNav{position:relative;border:1px solid #e9e9e9;zoom:1} .easyNav:after{content:"";display:block;clear:both} .easyNav h2{font-size:16px} .easyNav .category{width:30%;float:left;margin:0 2em;display:inline} .easyNav .filter{position:absolute;top:0;right:0;margin:1em 2em;text-align:right} .easyList td p{margin-top:0} .easyList td p.update{background:#ffc;padding:.5em 1em;border:1px solid #fc9;border-left:0;border-right:0;text-align:center} /* Font Preview */ .fontPreview{width:96%;border:1px solid #e9e9e9;zoom:1;padding:1em 2em;margin:.5em 0} /* FTP Suggestion */ #ftpSuggestion{background:#fff;box-shadow:3px 3px 6px #999;-moz-box-shadow:3px 3px 6px #999;-webkit-box-shadow:3px 3px 6px #999;filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135, strength=5)} #ftpSuggestion ul{border-left:1px solid #eee;border-right:1px solid #eee} #ftpSuggestion li{padding:0} #ftpSuggestion li button{border:0;background:#fff;text-align:left;width:288px} #ftpSuggestion li button:hover, #ftpSuggestion li button:active, #ftpSuggestion li button:focus{background:#eee} /* Theme & Skin Preview */ .thumbPreview li{position:relative;padding-left:10px;padding-right:10px} .thumbPreview li.active.highlight{background:#f9f9f9} .thumbPreview .prevToggle{position:absolute;top:8px;right:10px;line-height:16px;padding:0 18px 0 0;text-decoration:none;background:url(../img/iconArrow.gif) no-repeat right -32px} .thumbPreview li.active .prevToggle{background-position:right 0} .thumbPreview .a{border:0;margin:0;zoom:1} .thumbPreview .a:after{content:"";display:block;clear:both} .thumbPreview .i{float:left;vertical-align:top;margin:0 1em 1em 0;padding:0;border:0;zoom:1} .thumbPreview .i:after{content:"";display:block;clear:both} .thumbPreview .i .thumb{position:relative;width:124px;height:84px;padding:0;margin-bottom:3px;text-align:center;overflow:hidden;border:1px solid #ddd;display:block;cursor:pointer;background:#fff} .thumbPreview .i .thumb .frame{position:absolute;width:120px;height:80px;left:0;top:0;border:2px solid #fff;overflow:hidden} .thumbPreview .i .thumb img{width:120px;margin:0} .thumbPreview .i label{display:block;position:relative;top:0;left:2px;width:122px;height:1.1em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .thumbPreview .i input{display:none} .thumbPreview .i ul{display:none} .thumbPreview .selected .i{display:block;float:none} .thumbPreview .selected .i .thumb{float:left;width:186px;height:126px;margin:0 1em 0 0;border:2px solid #eee} .thumbPreview .selected .i .thumb .frame{width:180px;height:120px;border-width:3px} .thumbPreview li.active.highlight .selected .i .thumb{border-color:#5ea8f6} .thumbPreview .selected .i .thumb img{width:180px;position:relative} .thumbPreview li.active .selected .i .thumb img{z-index:auto} .thumbPreview .selected .i label{cursor:text} .thumbPreview .selected .i ul{display:block;list-style:none;border:0;margin:1em 0 1em 200px} .thumbPreview .selected .i li{border:0;padding:0;margin:0 0 .2em 0} .thumbPreview.jx .i label{display:inline;width:auto} .thumbPreview.jx .i.noDirection{display:none} .thumbPreview.jx .i input{display:inline} #skin .showAll{float:right;border:0;overflow:visible;padding:0 18px 0 0;cursor:pointer;color:#00f;background:url(../img/iconArrow.gif) no-repeat right -32px} #skin .showAll.hideAll{background-position:right 0} /* Sign Up Form */ .signUpForm li{position:relative} .signUpForm .side{position:absolute;top:8px;right:0} /* Favorite On | Off */ .fvOff,.fvOn{display:inline-block;width:16px;height:16px;overflow:hidden;text-indent:16px;background:url(../img/iconFavorite.gif) no-repeat} .fvOn{background-position:0 -16px} /* Up-Down Dragable */ .uDrag .wrap{position:relative;padding-left:20px} .uDrag .dragActive{background:#FFD} .uDrag .dragActive td{background:none !important} .uDrag .dragBtn{position:absolute;width:8px;height:100%;padding:0;overflow:hidden;background:url(../img/bgDragable.gif);top:1px;left:0;text-indent:12px;border:0;cursor:n-resize} /* Favicon Preview */ .faviconPreview{position:relative;padding:60px 0 0 200px;background:url(../img/bgFavicon.gif) no-repeat} .faviconPreview img{position:absolute} .faviconPreview .fn1{top:30px;left:12px} .faviconPreview .fn2{top:55px;left:68px} /* Mobile Icon Preview */ .mobiconPreview{position:relative;padding:252px 0 0 200px;background:url(../img/bgMobileTop.png) no-repeat} .mobiconPreview img{position:absolute;top:20px;left:10px} .mobiconPreview span{position:absolute;width:32px;text-align:center;top:52px;left:10px;color:#fff;font-size:9px} /* Text List */ .textList{border:1px solid #ddd !important;line-height:1.5em;height:18.5em;overflow:auto} .textList li{border:0;padding:.25em 1em;height:1.5em;white-space:nowrap;overflow:hidden} .textList li:nth-child(even){background:#eee} .textList li a{float:right} /* Responsive Layout */ @media only all and (max-width:860px){ .header h1{margin-left:.7em} .header .account{padding-right:1em} .header .siteTool{padding-right:1em} .header .siteTool .tgContent{right:1em} .body{padding:1em} .content{float:none;margin-left:0} .lnb{float:none;width:auto;margin:1em 0} .dashboard .portlet{float:none !important;width:auto !important;margin-right:0} .modal .fg, .wfsr .fg{width:auto} .easyNav .category{float:none;display:block;width:auto} .easyNav .filter{position:static} } @media only all and (max-width:640px){ .skipNav a{position:relative;width:auto;height:auto} .modal{position:absolute} } |