mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-08 11:11:39 +09:00
e14a9a8388
1. add theme.js 2. modify some style related to theme preview git-svn-id: http://xe-core.googlecode.com/svn/branches/1.5.0@8694 201d5d3c-b55e-5fd7-737f-ddc643e51545
613 lines
38 KiB
CSS
613 lines
38 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{padding:8px 0;font-weight:bold;text-align:left;line-height:32px}
|
|
.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 input[type=text]{margin:-1px 0 -3px 0;vertical-align:middle}
|
|
.table img{vertical-align:middle}
|
|
.table .title,
|
|
.table .text{white-space:normal}
|
|
.table .h1 + table,
|
|
.table .h2 + table,
|
|
.table .h3 + table,
|
|
.table .h4 + table,
|
|
.h1 + .table table,
|
|
.h2 + .table table,
|
|
.h3 + .table table,
|
|
.h4 + .table table{border-top:0}
|
|
/* 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:33px;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:13px;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}
|
|
}
|
|
/* Lined Tab Navigation */
|
|
.tab.line{padding:0 0 35px 0;margin:1em 0}
|
|
.tab.line ul{position:relative;margin:0;padding:0;list-style:none;border-bottom:1px solid #ccc;zoom:1}
|
|
.tab.line ul:after{content:"";display:block;clear:both}
|
|
.tab.line li{float:left;margin-bottom:-1px}
|
|
.tab.line li a{position:relative;float:left;text-decoration:none;border:1px solid #eee;border-bottom-color:#ccc;background:#fafafa;color:#333}
|
|
.tab.line li a span{display:inline-block;height:14px;padding:6px 25px 6px 25px;letter-spacing:-1px;cursor:pointer}
|
|
.tab.line li ul{width:100%;position:absolute;top:40px;left:0;list-style:none;border:0;margin:0;padding:0;white-space:nowrap;overflow:hidden;zoom:1}
|
|
.tab.line li ul:after{content:"";display:block;clear:both}
|
|
.tab.line li li{position:relative;left:-1px;padding:0 10px;border-left:1px solid #ddd;overflow:visible}
|
|
.tab.line li li a{padding:0;margin:0;border:0 !important;color:#666 !important;font-weight:normal;background:transparent;letter-spacing:normal}
|
|
.tab.line li.active a{border:1px solid #ccc;border-bottom:1px solid #fff;margin-top:-1px;background:transparent}
|
|
.tab.line li.active a span{padding-top:7px;font-weight:bold}
|
|
.tab.line li li a:hover,
|
|
.tab.line li li a:active,
|
|
.tab.line li li a:focus,
|
|
.tab.line li li.active a{font-weight:bold;letter-spacing:-1px;color:#333 !important}
|
|
.tab.line.jx{padding:0}
|
|
.tab.line.jx ul{border:0}
|
|
.tab.line.jx li{float:none}
|
|
.tab.line.jx li a{float:none;display:block;font-weight:bold;color:#333;border:1px solid #eee !important;border-bottom-color:#ccc !important;background:#fafafa !important}
|
|
.tab.line.jx li ul{position:static;display:block !important;padding:5px 0;left:0;top:0}
|
|
.tab.line.jx li li{display:inline}
|
|
.tab.line.jx li li a{display:inline;letter-spacing:normal;border:0 !important;font-weight:normal !important;color:#666 !important;background:none !important}
|
|
.tab.line.jx li li a:hover,
|
|
.tab.line.jx li li a:active,
|
|
.tab.line.jx li li a:focus{text-decoration:underline}
|
|
/* Faced Tab Navigation */
|
|
.tab.face{padding:0 0 35px 0;margin:1em 0}
|
|
.tab.face ul{position:relative;margin:0;padding:0;_padding:2px 0 0 0;list-style:none;border-bottom:2px solid #315593;zoom:1}
|
|
.tab.face ul:after{content:"";display:block;clear:both}
|
|
.tab.face li{float:left;margin-right:1px;background:#4CB1E5}
|
|
.tab.face li a,
|
|
.tab.face li a span{position:relative;cursor:pointer}
|
|
.tab.face li a{float:left;text-decoration:none}
|
|
.tab.face li a span{display:inline-block;padding:6px 25px 6px 25px;color:#fff}
|
|
.tab.face li ul{width:100%;position:absolute;top:40px;left:0;list-style:none;border:0;margin:0;padding:0;white-space:nowrap;overflow:hidden;zoom:1}
|
|
.tab.face li ul:after{content:"";display:block;clear:both}
|
|
.tab.face li li{position:relative;left:-1px;padding:0 10px;border-left:1px solid #ddd;overflow:visible;background:transparent !important}
|
|
.tab.face li li a{padding:0;margin:0;font-weight:normal;color:#666}
|
|
.tab.face li.active{background-color:#315593;margin-top:-1px}
|
|
.tab.face li.active a span{padding-top:7px;padding-bottom:7px;font-weight:bold;letter-spacing:-1px}
|
|
.tab.face li li a:hover,
|
|
.tab.face li li a:active,
|
|
.tab.face li li a:focus,
|
|
.tab.face li li.active a{font-weight:bold;letter-spacing:-1px;color:#333}
|
|
.tab.face.jx{padding:0}
|
|
.tab.face.jx ul{border:0}
|
|
.tab.face.jx li{float:none}
|
|
.tab.face.jx li a{float:none;font-weight:bold}
|
|
.tab.face.jx li ul{display:block !important;position:static;padding:5px 0;left:0;top:0;background:#fff}
|
|
.tab.face.jx li li{display:inline}
|
|
.tab.face.jx li li a{font-weight:normal !important;color:#666;letter-spacing:normal}
|
|
.tab.face.jx li li a:hover,
|
|
.tab.face.jx li li a:active,
|
|
.tab.face.jx li li a:focus{text-decoration:underline}
|
|
/* Tab + List */
|
|
.tab.list{height:160px;margin:1em 0}
|
|
.tab.list ul{position:relative;margin:0;padding:0;list-style:none;border-bottom:1px solid #ccc;zoom:1}
|
|
.tab.list ul:after{content:"";display:block;clear:both}
|
|
.tab.list li{float:left;margin-bottom:-1px}
|
|
.tab.list li a{position:relative;float:left;text-decoration:none;border:1px solid #eee;border-bottom-color:#ccc;background:#fafafa;color:#666}
|
|
.tab.list li a span{display:inline-block;padding:6px 25px 6px 25px;letter-spacing:-1px;cursor:pointer}
|
|
.tab.list li ul{width:100%;position:absolute;top:40px;left:0;list-style:none;border:0;margin:0;padding:0;zoom:1}
|
|
.tab.list li ul:after{content:"";display:block;clear:both}
|
|
.tab.list li li{float:none;position:relative;margin:0 0 8px 0;color:#999}
|
|
.tab.list li li a{float:none;padding:0;margin:0;border:0 !important;color:#666 !important;font-weight:normal;background:transparent;letter-spacing:normal}
|
|
.tab.list li li a:hover,
|
|
.tab.list li li a:active,
|
|
.tab.list li li a:focus{color:#000 !important;text-decoration:underline}
|
|
.tab.list li li .side{position:absolute;top:0;right:0;color:#767676}
|
|
.tab.list li li.more{position:absolute;top:-30px;right:0;border:0 !important;background:transparent}
|
|
.tab.list li.active a{border:1px solid #ccc;border-bottom:1px solid #fff;margin-top:-1px;background:transparent;color:#333}
|
|
.tab.list li.active a span{padding-top:7px;font-weight:bold}
|
|
.tab.list.jx{height:auto}
|
|
.tab.list.jx ul{border:0}
|
|
.tab.list.jx li{float:none;position:relative}
|
|
.tab.list.jx li a{float:none;display:block;font-weight:bold;color:#333;border:1px solid #eee !important;border-bottom-color:#ccc !important;background:#fafafa !important}
|
|
.tab.list.jx li ul{position:static;display:block !important;left:0;top:0;padding:5px 0}
|
|
.tab.list.jx li li a{display:inline;border:0 !important;background:none !important;font-weight:normal}
|
|
.tab.list.jx li li.more{top:7px;right:15px}
|
|
/* Vertical Navigation */
|
|
.vNav{position:relative;margin:1em 0;line-height:normal;zoom:1}
|
|
.vNav ul{margin:0;padding:0;list-style:none}
|
|
.vNav li{position:relative;margin:0 0 -1px 0;vertical-align:top;zoom:1}
|
|
.vNav 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}
|
|
.vNav 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}
|
|
.vNav li ul{padding:5px 0;background:#fff}
|
|
.vNav li li{margin:0}
|
|
.vNav li li a{font-weight:normal;background:#fff;padding:5px 10px;border:0}
|
|
.vNav li li a span{color:#666}
|
|
.vNav li.active{border:1px solid #ccc;z-index:2}
|
|
.vNav li li.active{border:0}
|
|
.vNav li.active a{color:#000;border:0}
|
|
.vNav li.active .i{background-position:0 -44px}
|
|
.vNav li.active li a{border:0}
|
|
.vNav li.active ul{display:block;border-top:1px solid #eee}
|
|
.vNav li.active li.active a span{color:#13b200;font-weight:bold;letter-spacing:-1px}
|
|
/* Tree Navigation */
|
|
.tNav{position:relative;margin:1em 0;zoom:1}
|
|
.tNav ul{list-style:none;margin:0;padding:0}
|
|
.tNav ul ul{margin:0 0 0 -3px}
|
|
.tNav li{position:relative;padding:0 0 0 22px;white-space:nowrap;line-height:20px;background:url(../img/lineTree.gif) no-repeat 9px 0;*zoom:1}
|
|
.tNav li.last{background-position:9px -1766px}
|
|
.tNav li.active a{font-weight:bold;color:#333}
|
|
.tNav li.active li a{font-weight:normal;color:#767676}
|
|
.tNav a{text-decoration:none;color:#767676}
|
|
.tNav a:hover,
|
|
.tNav a:active,
|
|
.tNav a:focus{text-decoration:underline}
|
|
.tNav .tNavToggle{position:absolute;top:0;left:0;width:19px;height:19px;padding:0;overflow:hidden;border:0;font-size:0;color:#fff;vertical-align:middle;text-indent:19px;*text-indent:0;background:transparent url(../img/btnPlusMinus.gif) no-repeat;cursor:pointer}
|
|
.tNav .tNavToggle.plus{background-position:5px -15px}
|
|
.tNav .tNavToggle.minus{background-position:5px 5px}
|
|
/* 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}
|
|
/* FAQ */
|
|
.faq{border-bottom:1px solid #ddd;margin:1em 0}
|
|
.faq .faqHeader{position:relative;zoom:1}
|
|
.faq .faqHeader .showAll{position:absolute;bottom:0;right:0;border:0;padding:0;overflow:visible;background:none;cursor:pointer}
|
|
.faq .faqBody{margin:0;padding:0}
|
|
.faq .faqBody .article{list-style:none}
|
|
.faq .q{margin:0;border-top:1px solid #ddd}
|
|
.faq .q a{display:block;padding:.5em 1em;text-align:left;font-weight:bold;background:#fafafa;color:#000;text-decoration:none !important}
|
|
.faq .q a:hover, .faq .q a:active, .faq .q a:focus{background:#f8f8f8}
|
|
.faq .a{margin:0;padding:1em;line-height:1.5}
|
|
/* Horizontal Bar Graph */
|
|
.hGraph ul{margin:1em 50px 1em 50px;padding:1px 0 0 0;border:1px solid #ddd;border-top:0;border-right:0;list-style:none}
|
|
.hGraph li{position:relative;margin:10px 0;white-space:nowrap;vertical-align:top}
|
|
.hGraph .gTerm{position:absolute;width:40px;top:0;left:-50px;line-height:20px;text-align:right;font-weight:bold}
|
|
.hGraph .gBar{position:relative;display:inline-block;height:20px;border:1px solid #ccc;border-left:0;background:#e9e9e9}
|
|
.hGraph .gBar span{position:absolute;width:40px;line-height:20px;top:0;right:-50px}
|
|
/* Vertical Bar Graph */
|
|
.vGraph{margin:1em 0;padding:20px 0}
|
|
.vGraph ul{margin:0;padding:0;height:200px;border:1px solid #ddd;border-top:0;border-right:0;list-style:none}
|
|
.vGraph ul:after{content:"";display:block;clear:both}
|
|
.vGraph li{float:left;display:inline;width:8%;height:100%;margin:0 3%;position:relative;text-align:center;white-space:nowrap}
|
|
.vGraph .gTerm{position:relative;display:inline-block;width:100%;height:20px;line-height:20px;margin:0 -100% -20px 0;padding:200px 0 0 0;vertical-align:bottom;font-weight:bold}
|
|
.vGraph .gBar{position:relative;display:inline-block;width:100%;margin:-1px 0 0 0;border:1px solid #ccc;border-bottom:0;background:#e9e9e9;vertical-align:bottom}
|
|
.vGraph .gBar span{position:absolute;width:100%;top:-20px;left:0}
|
|
/* 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 .info{}
|
|
.message .error{}
|
|
.message .update{}
|
|
/* 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;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 #language{position:absolute;top:19px;right:0;padding:10px !important;border:1px solid #666;border-top:0;background:#333}
|
|
.header #language li{border:0;display:block;padding:0;text-align:left;line-height:1.4}
|
|
.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{float:none;width:auto;margin-left:-230px}
|
|
.dashboard .portlet{float:left;width:48%;margin-right:1em}
|
|
/* 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}
|
|
/* 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 .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:32px}
|
|
.siteMap li li li{text-indent:64px}
|
|
.siteMap li li li li{text-indent:96px}
|
|
.siteMap li li li li li{text-indent:128px}
|
|
.siteMap li li li li li li{text-indent:160px}
|
|
.siteMap li li li li li li li{text-indent:192px}
|
|
.siteMap li li li li li li li li{text-indent:224px}
|
|
.siteMap li li li li li li li li li{text-indent:256px}
|
|
.siteMap li li li li li li li li li li{text-indent:288px}
|
|
.siteMap li li li li li li li li li li li{text-indent:320px}
|
|
.siteMap li li li li li li li li li li li li{text-indent:352px}
|
|
.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:32px;height:32px;padding:32px 0 0 0;margin:0 .5em;_margin-top:-1px;overflow:hidden;background:#fff url(../img/iconMoveTo.gif) no-repeat;border:0}
|
|
.siteMap li.active li,
|
|
.siteMap li.active ul{border-top-color:#fff}
|
|
.siteMap li.active .moveTo{background-position:0 -32px}
|
|
.siteMap .vr{display:none;position:absolute;z-index:1;left:16px;top:-16px;margin:0 .5em;height:100%;border-left:1px solid #ccc;overflow:hidden}
|
|
.siteMap .hr{display:none;position:absolute;z-index:1;left:16px;top:16px;margin:0 .5em;width:16px;border-top:1px solid #ccc;overflow:hidden}
|
|
.siteMap li.active .vr,
|
|
.siteMap li.active li .hr{display:block}
|
|
.siteMap li li .vr,
|
|
.siteMap li li li .hr{left:48px}
|
|
.siteMap li li li .vr,
|
|
.siteMap li li li li .hr{left:80px}
|
|
.siteMap li li li li .vr,
|
|
.siteMap li li li li li .hr{left:112px}
|
|
.siteMap li li li li li .vr,
|
|
.siteMap li li li li li li .hr{left:144px}
|
|
.siteMap li li li li li li .vr,
|
|
.siteMap li li li li li li li .hr{left:176px}
|
|
.siteMap li li li li li li li .vr,
|
|
.siteMap li li li li li li li li .hr{left:208px}
|
|
.siteMap li li li li li li li li .vr,
|
|
.siteMap li li li li li li li li li .hr{left:240px}
|
|
.siteMap li li li li li li li li li .vr,
|
|
.siteMap li li li li li li li li li li .hr{left:272px}
|
|
.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:304px}
|
|
.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}
|
|
.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}
|
|
/* Button Area */
|
|
.btnArea{margin:1em 0;text-align:right;zoom:1}
|
|
.btnArea:after{content:"";display:block;clear:both}
|
|
/* Multilingual */
|
|
#vLangEdit{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)}
|
|
#vLangEdit ul{border-top:1px solid #ccc;border-left:1px solid #eee;border-right:1px solid #eee;margin:0}
|
|
#vLangEdit li{padding:.5em 10px}
|
|
#vLangEdit input[type=text]{width:220px;padding-right:40px}
|
|
#vLangEdit label{left:15px !important}
|
|
#vLangEdit .action{ border:1px solid #eee; width:268px; padding:0 10px}
|
|
#vLangEdit p, #vLangEdit .btnArea{ white-space:normal}
|
|
input#lang_en{background:url(../img/flag.us.gif) no-repeat 96% center}
|
|
input#lang_ko{background:url(../img/flag.kr.gif) no-repeat 96% center}
|
|
input#lang_ja{background:url(../img/flag.jp.gif) no-repeat 96% center}
|
|
input#lang_zh{background:url(../img/flag.cn.gif) no-repeat 96% center}
|
|
input#lang_fr{background:url(../img/flag.fr.gif) no-repeat 96% center}
|
|
input#lang_de{background:url(../img/flag.de.gif) no-repeat 96% center}
|
|
input#lang_ru{background:url(../img/flag.ru.gif) no-repeat 96% center}
|
|
input#lang_tr{background:url(../img/flag.tr.gif) no-repeat 96% center}
|
|
input#lang_vi{background:url(../img/flag.vn.gif) no-repeat 96% center}
|
|
input#lang_mn{background:url(../img/flag.mn.gif) no-repeat 96% center}
|
|
|
|
/* 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:280px;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}
|
|
/* Notice Alert */
|
|
.noticeAlert{background:#ffc;padding:0 2em;border:1px solid #fcc;border-left:0;border-right:0;zoom:1;position:relative}
|
|
.noticeAlert h2{zoom:1;margin:.83em 0}
|
|
.noticeAlert em{font-style:normal;font-weight:bold}
|
|
/* Theme & Skin Preview */
|
|
.thumbPreview li{position:relative;padding-left:10px;padding-right:10px;}
|
|
.thumbPreview li.active{background:#FFFCE0}
|
|
.thumbPreview .prevToggle{position:absolute;top:8px;right:0;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:120px;height:70px;padding:10px 0 0 0;text-align:center;overflow:hidden;border:1px solid #ddd;display:block;cursor:pointer;background:#fff}
|
|
.thumbPreview .i .thumb img{width:120px;margin:-10px 0 0 0}
|
|
.thumbPreview .i input{display:none}
|
|
.thumbPreview .i ul{display:none}
|
|
.thumbPreview .i.checked{display:block;float:none}
|
|
.thumbPreview .i.checked .thumb{float:left;width:180px;height:120px;margin:0 1em 0 0;border:5px solid #C6DFEC;box-shadow:0 0 5px #666 inset;-moz-box-shadow:0 0 3px #666 inset;-webkit-box-shadow:0 0 5px #666 inset}
|
|
.thumbPreview li.active .i.checked .thumb{border-color:#66A9CC}
|
|
.thumbPreview .i.checked .thumb img{width:180px;position:relative;z-index:-1}
|
|
.thumbPreview li.active .i.checked .thumb img{z-index:auto}
|
|
.thumbPreview .i.checked label{cursor:text}
|
|
.thumbPreview .i.checked ul{display:block;list-style:none;border:0;margin:1em 0 1em 200px}
|
|
.thumbPreview .i.checked li{border:0;padding:0;margin:0 0 .2em 0}
|
|
#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;width:auto;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}
|
|
}
|