mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-08 03:01:43 +09:00
4c448b72ed
git-svn-id: http://xe-core.googlecode.com/svn/branches/1.5.0@8921 201d5d3c-b55e-5fd7-737f-ddc643e51545
525 lines
32 KiB
CSS
525 lines
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],.form 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=text].loading,.form input.loading[type=password]{padding-right:24px;width:260px;background:transparent url(../img/preLoader16.gif) no-repeat 265px center}
|
|
.form input[type=checkbox],.form input[type=radio]{margin:0;padding:0;width:13px;height:13px;vertical-align:middle}
|
|
.form input[type=text][disabled=disabled],
|
|
.form input[type=password][disabled=disabled],
|
|
.form input[type=checkbox][disabled=disabled],
|
|
.form input[type=radio][disabled=disabled],
|
|
.form input[type=file][disabled=disabled],
|
|
.form textarea[disabled=disabled],
|
|
.form select[disabled=disabled]{background:#ddd !important;text-shadow:1px 1px 0 #fff}
|
|
.form textarea{padding:3px 4px;vertical-align:top}
|
|
.form span.desc, .form em.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 *[type=submit][disabled=disabled],
|
|
.btn *[type=button][disabled=disabled]{opacity:.5;*filter:alpha(opacity=50)}
|
|
.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}
|
|
/* Modal Window */
|
|
.modal{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;line-height:1.4}
|
|
.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 .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.jp input, .mLangEdit li.jp textarea{background:url(../img/flag.jp.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}
|
|
.langEdit li.zh-CN input, .mLangEdit li.zh-CN textarea, .langEdit li.zh-TW input, .mLangEdit li.zh-TW textarea{background:url(../img/flag.cn.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.jp strong{background:url(../img/flag.jp.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.zh-CN strong, .mLangEdit.zh-TW strong{background:url(../img/flag.cn.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{background:#FFFDEF}
|
|
.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}
|
|
/* 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 li>.wrap{margin:0 0 0 8px}
|
|
.uDrag .dragActive{background:#FFD}
|
|
.uDrag .dragActive th,
|
|
.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;white-space:nowrap}
|
|
/* 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}
|
|
/* File Box */
|
|
.fileBox li{position:relative}
|
|
.fileBox li img{max-width:100%}
|
|
.fileBox .portlet ul{margin:1em;list-style:none;padding:0;border:0}
|
|
.fileBox .portlet li{border-top:1px solid #ddd;border-bottom:0;padding:8px 0}
|
|
.fileBox .side{position:absolute;top:8px;right:0}
|
|
/* Messages */
|
|
.desc.error{color:#f00}
|
|
.desc.success{color:#080}
|
|
|
|
/* 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}
|
|
}
|