mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-09 03:32:00 +09:00
6ded9684bc
git-svn-id: http://xe-core.googlecode.com/svn/branches/1.5.0@8591 201d5d3c-b55e-5fd7-737f-ddc643e51545
550 lines
34 KiB
CSS
550 lines
34 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:14px;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}
|
|
.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;background:#fff;zoom:1;overflow:hidden}
|
|
.portlet h2, .portlet h3{margin:0;padding:.5em 1em;font-size:14px;border:1px solid #fff;border-bottom:1px solid #e9e9e9;background:#f7f7f7}
|
|
.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}
|
|
/* 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}
|
|
.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:0 10px 0 0;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 input[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 .h1 + ul,
|
|
.form .h2 + ul,
|
|
.form .h3 + ul,
|
|
.form .h4 + ul{border-top:0}
|
|
/* Global Navigation Bar */
|
|
.gnb{clear:both;border:1px solid #c1c1c1;border-left:0;border-right:0;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 15px;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.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}
|
|
/* 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;vertical-align:middle}
|
|
.pagination a:hover,
|
|
.pagination a:active,
|
|
.pagination a:focus{border:1px solid #ddd;margin:0 -1px}
|
|
.pagination strong{color:#e00;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;height:22px;line-height:22px;margin:0;font-weight:bold;font-size:14px;color:#fff;text-decoration:none;border:1px solid;cursor:pointer;overflow:visible;border-radius:3px;-moz-border-radius:3px;-webkit-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{border-color:#ccc;color:#333;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{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 *{padding:0 8px;font-size:14px;height:24px;line-height:22px}
|
|
.btn a{height:22px}
|
|
.btn.medium *{padding:0 12px;font-size:18px;height:30px;line-height:28px}
|
|
.btn.medium a{height:28px}
|
|
.btn.large *{padding:0 18px;font-size:24px;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;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:10px solid #ddd;z-index:2;zoom:1}
|
|
.layer h2{margin-top:1em}
|
|
.layer ul, .layer ol, .layer .lined, .layer .table{margin-bottom:1em}
|
|
.layerClose{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}
|
|
.layerBlur{position:absolute;top:0;right:0;border:0;background:none;padding:0;width:1px;height:1px;overflow:hidden}
|
|
/* Modal Window */
|
|
.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:10px solid #ddd;z-index:3;zoom:1}
|
|
.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}
|
|
.modalActive{position:absolute;top:0;left:0;width:100%;_height:100%;min-height:100%;z-index:100}
|
|
.modalClose{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}
|
|
.modalBlur{position:absolute;top:0;right:0;border:0;background:none;padding:0;width:1px;height:1px;overflow:hidden}
|
|
/* Toggle Content */
|
|
.tgBlur{position:absolute;top:0;right:0;border:0;background:none;padding:0;width:1px;height:1px;overflow:hidden}
|
|
|
|
/* 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}
|
|
.header:after{content:"";display:block;clear:both}
|
|
.header a{text-decoration:none}
|
|
.header h1{margin:0 10px 10px 15px;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:14px}
|
|
.header .siteTool{position:absolute;top:3em;right:0;padding:0 9px 0 0;text-align:right}
|
|
.header .siteTool .i{display:inline-block;color:#fff;border-left:1px solid #999; padding:0 6px 0 10px;line-height:16px}
|
|
.header .siteTool .layerAnchor{padding:0 16px 0 10px;background:url(../img/iconArrow.gif) no-repeat right -80px}
|
|
.header .siteTool .layerAnchor:first-child{border:0}
|
|
.header .siteTool li{white-space:nowrap;padding-right:1em}
|
|
.header .siteTool .layer{text-align:left;top:100%;right:0}
|
|
.header #siteMapList .siteMapMore{text-align:right}
|
|
.header #moveSiteList{margin:0}
|
|
.header #moveSiteList li{padding-right:1em}
|
|
.header #moveSiteList .more{margin:1em}
|
|
.header .account{position:absolute;width:100%;padding:5px 9px 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}
|
|
.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{background:#4c4c4c;border-top:6px solid #e3e3e3;color:#fff;text-align:center;font-size:12px;padding:1em 0;box-shadow:0 0 8px #999;-moz-box-shadow:0 0 8px #999;-webkit-box-shadow:0 0 8px #999}
|
|
.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}
|
|
/* 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:14px;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}
|
|
/* Button Area */
|
|
.btnArea{margin:1em 0;text-align:right;zoom:1}
|
|
.btnArea:after{content:"";display:block;clear:both}
|
|
/* Multilingual */
|
|
#multilingual{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)}
|
|
#multilingual ul{border-top:1px solid #ccc;border-left:1px solid #eee;border-right:1px solid #eee;margin:0}
|
|
#multilingual li{padding:.5em 10px}
|
|
#multilingual input{width:258px}
|
|
#multilingual label{left:15px !important}
|
|
/* Find Module */
|
|
#findModule th,
|
|
#findModule td{padding:5px 8px}
|
|
#findModule td button{margin:-5px 0}
|
|
/* Mid Suggestion */
|
|
#midSuggestion{background:#fff;z-index:10;*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)}
|
|
#midSuggestion ul{border-top:1px solid #ccc;border-left:1px solid #eee;border-right:1px solid #eee;width:288px;_height:200px;max-height:200px;overflow:auto;margin:0}
|
|
#midSuggestion li{padding:0}
|
|
#midSuggestion li:last-child{border-bottom:0}
|
|
#midSuggestion li button{border:0;background:#fff;text-align:left;width:100%}
|
|
#midSuggestion li button:hover,
|
|
#midSuggestion li button:active,
|
|
#midSuggestion 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;cursor:pointer}
|
|
.thumbPreview li.active{border-left:2px solid #ccc; border-right:2px solid #ccc; padding-left:1em; padding-right:1em;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 -16px}
|
|
.thumbPreview li.active .prevToggle{right:1em; 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;background:none}
|
|
.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 -16px}
|
|
#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;}
|
|
.fvOff{}
|
|
.fvOn{ background-position:0 -16px}
|
|
|
|
/* Responsive Layout */
|
|
@media only all and (max-width:640px) {
|
|
.skipNav a{position:relative;width:auto;height:auto}
|
|
.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}
|
|
}
|
|
@media only all and (max-width:860px) {
|
|
.header .siteTool{position:relative;clear:both;top:0;right:0;margin:1em 0}
|
|
.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}
|
|
}
|