diff --git a/classes/display/HTMLDisplayHandler.php b/classes/display/HTMLDisplayHandler.php index b43798cb3..b86e41391 100644 --- a/classes/display/HTMLDisplayHandler.php +++ b/classes/display/HTMLDisplayHandler.php @@ -28,9 +28,9 @@ class HTMLDisplayHandler { $output = $oTemplate->compile($template_path, $tpl_file); - // add #xeAdmin div for adminitration pages + // add .admin div for adminitration pages if(Context::getResponseMethod() == 'HTML') { - if(Context::get('module')!='admin' && strpos(Context::get('act'),'Admin')>0) $output = '
'.$output.'
'; + if(Context::get('module')!='admin' && strpos(Context::get('act'),'Admin')>0) $output = '
'.$output.'
'; if(Context::get('layout') != 'none') { if(__DEBUG__==3) $start = getMicroTime(); diff --git a/common/css/xe.css b/common/css/xe.css index 676f5ef29..b953c457a 100644 --- a/common/css/xe.css +++ b/common/css/xe.css @@ -9,89 +9,89 @@ #popup_menu_area a:avtive, #popup_menu_area a:focus{text-decoration:underline} /* Legacy Code (It will be deprecated as soon as possible) */ -#xeAdmin h3.xeAdmin, -#xeAdmin h4.xeAdmin{position:relative;border-bottom-style:solid;border-bottom-color:#ccc;zoom:1} -#xeAdmin h3.xeAdmin{border-bottom-width:4px;font-size:24px} -#xeAdmin h4.xeAdmin{border-bottom-width:3px;font-size:20px} -#xeAdmin h5.xeAdmin{border-bottom-width:2px;font-size:16px} -#xeAdmin h6.xeAdmin{border-bottom-width:1px;font-size:12px} -#xeAdmin .adminSearch{margin:1em 0} -#xeAdmin .adminSearch fieldset{border:1px solid #ccc} -#xeAdmin .localNavigation{padding:0;list-style:none} -#xeAdmin .localNavigation li{display:inline} -#xeAdmin .localNavigation li.on a{font-weight:bold;color:#333;text-decoration:none} -#xeAdmin .localNavigation li:before{content:"| "} -#xeAdmin .localNavigation li:first-child:before{content:""} -#xeAdmin .summary{margin:1em 0} -#xeAdmin .rowTable, -#xeAdmin .colTable, -#xeAdmin .crossTable{margin:1em 0;border:0;border-collapse:collapse;border-top:2px solid #ccc;width:100%} -#xeAdmin .rowTable caption, -#xeAdmin .colTable caption, -#xeAdmin .crossTable caption{font-weight:bold;text-align:left;line-height:22px;padding:5px 0} -#xeAdmin .rowTable caption:after, -#xeAdmin .colTable caption:after, -#xeAdmin .crossTable caption:after{content:"";display:block;clear:both} -#xeAdmin .rowTable caption a, -#xeAdmin .colTable caption a, -#xeAdmin .crossTable caption a{font-weight:normal} -#xeAdmin .rowTable caption em, -#xeAdmin .colTable caption em, -#xeAdmin .crossTable caption em{float:right;font-style:normal;font-weight:normal;color:#e00;margin-left:1em} -#xeAdmin .rowTable caption strong, -#xeAdmin .colTable caption strong, -#xeAdmin .crossTable caption strong{color:#e00} -#xeAdmin .rowTable caption .side, -#xeAdmin .colTable caption .side, -#xeAdmin .crossTable caption .side{float:right;font-weight:normal;margin-left:1em} -#xeAdmin .rowTable th,.rowTable td, -#xeAdmin .colTable th,.rowTable td, -#xeAdmin .crossTable th,.rowTable td{border:0;padding:8px;vertical-align:top;text-align:left;border-bottom:1px solid #ddd;white-space:nowrap} -#xeAdmin .rowTable th, -#xeAdmin .colTable th, -#xeAdmin .crossTable th{background:#f8f8f8} -#xeAdmin .rowTable thead th, -#xeAdmin .colTable thead th, -#xeAdmin .crossTable thead th{border-bottom:1px solid #999} -#xeAdmin .rowTable tfoot td, -#xeAdmin .colTable tfoot td, -#xeAdmin .crossTable tfoot td{font-weight:bold;background:#f8f8f8} -#xeAdmin .rowTable.even tbody tr:nth-of-type(even) td, -#xeAdmin .colTable.even tbody tr:nth-of-type(even) td, -#xeAdmin .crossTable.even tbody tr:nth-of-type(even) td{background-color:#fafafa} -#xeAdmin .rowTable td>input[type=text], -#xeAdmin .colTable td>input[type=text], -#xeAdmin .crossTable td>input[type=text]{margin:-1px 0 -3px 0 !important;vertical-align:middle} -#xeAdmin .rowTable img, -#xeAdmin .colTable img, -#xeAdmin .crossTable img{vertical-align:middle} -#xeAdmin .rowTable .title, -#xeAdmin .colTable .title, -#xeAdmin .crossTable .title, -#xeAdmin .rowTable .text, -#xeAdmin .colTable .text, -#xeAdmin .crossTable .text{white-space:normal} -#xeAdmin .rowTable input[type=text], -#xeAdmin .colTable input[type=text], -#xeAdmin .crossTable input[type=text], -#xeAdmin .rowTable input[type=password], -#xeAdmin .colTable input[type=password], -#xeAdmin .crossTable input[type=password], -#xeAdmin .rowTable input[type=file], -#xeAdmin .colTable input[type=file], -#xeAdmin .crossTable input[type=file], -#xeAdmin .rowTable textarea, -#xeAdmin .colTable textarea, -#xeAdmin .crossTable textarea{position:relative;width:280px;margin:2px 0;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent} -#xeAdmin .rowTable input[type=text], -#xeAdmin .colTable input[type=text], -#xeAdmin .crossTable input[type=text], -#xeAdmin .rowTable input[type=password], -#xeAdmin .colTable input[type=password], -#xeAdmin .crossTable input[type=password], -#xeAdmin .rowTable input[type=file], -#xeAdmin .colTable input[type=file], -#xeAdmin .crossTable input[type=file]{height:22px;line-height:22px;vertical-align:middle;padding:0 4px} -#xeAdmin .clear:after{content:"";display:block;clear:both} -#xeAdmin .fl{float:left} -#xeAdmin .fr{float:right} +.admin h3.xeAdmin, +.admin h4.xeAdmin{position:relative;border-bottom-style:solid;border-bottom-color:#ccc;zoom:1} +.admin h3.xeAdmin{border-bottom-width:4px;font-size:24px} +.admin h4.xeAdmin{border-bottom-width:3px;font-size:20px} +.admin h5.xeAdmin{border-bottom-width:2px;font-size:16px} +.admin h6.xeAdmin{border-bottom-width:1px;font-size:12px} +.admin .adminSearch{margin:1em 0} +.admin .adminSearch fieldset{border:1px solid #ccc} +.admin .localNavigation{padding:0;list-style:none} +.admin .localNavigation li{display:inline} +.admin .localNavigation li.on a{font-weight:bold;color:#333;text-decoration:none} +.admin .localNavigation li:before{content:"| "} +.admin .localNavigation li:first-child:before{content:""} +.admin .summary{margin:1em 0} +.admin .rowTable, +.admin .colTable, +.admin .crossTable{margin:1em 0;border:0;border-collapse:collapse;border-top:2px solid #ccc;width:100%} +.admin .rowTable caption, +.admin .colTable caption, +.admin .crossTable caption{font-weight:bold;text-align:left;line-height:22px;padding:5px 0} +.admin .rowTable caption:after, +.admin .colTable caption:after, +.admin .crossTable caption:after{content:"";display:block;clear:both} +.admin .rowTable caption a, +.admin .colTable caption a, +.admin .crossTable caption a{font-weight:normal} +.admin .rowTable caption em, +.admin .colTable caption em, +.admin .crossTable caption em{float:right;font-style:normal;font-weight:normal;color:#e00;margin-left:1em} +.admin .rowTable caption strong, +.admin .colTable caption strong, +.admin .crossTable caption strong{color:#e00} +.admin .rowTable caption .side, +.admin .colTable caption .side, +.admin .crossTable caption .side{float:right;font-weight:normal;margin-left:1em} +.admin .rowTable th,.rowTable td, +.admin .colTable th,.rowTable td, +.admin .crossTable th,.rowTable td{border:0;padding:8px;vertical-align:top;text-align:left;border-bottom:1px solid #ddd;white-space:nowrap} +.admin .rowTable th, +.admin .colTable th, +.admin .crossTable th{background:#f8f8f8} +.admin .rowTable thead th, +.admin .colTable thead th, +.admin .crossTable thead th{border-bottom:1px solid #999} +.admin .rowTable tfoot td, +.admin .colTable tfoot td, +.admin .crossTable tfoot td{font-weight:bold;background:#f8f8f8} +.admin .rowTable.even tbody tr:nth-of-type(even) td, +.admin .colTable.even tbody tr:nth-of-type(even) td, +.admin .crossTable.even tbody tr:nth-of-type(even) td{background-color:#fafafa} +.admin .rowTable td>input[type=text], +.admin .colTable td>input[type=text], +.admin .crossTable td>input[type=text]{margin:-1px 0 -3px 0 !important;vertical-align:middle} +.admin .rowTable img, +.admin .colTable img, +.admin .crossTable img{vertical-align:middle} +.admin .rowTable .title, +.admin .colTable .title, +.admin .crossTable .title, +.admin .rowTable .text, +.admin .colTable .text, +.admin .crossTable .text{white-space:normal} +.admin .rowTable input[type=text], +.admin .colTable input[type=text], +.admin .crossTable input[type=text], +.admin .rowTable input[type=password], +.admin .colTable input[type=password], +.admin .crossTable input[type=password], +.admin .rowTable input[type=file], +.admin .colTable input[type=file], +.admin .crossTable input[type=file], +.admin .rowTable textarea, +.admin .colTable textarea, +.admin .crossTable textarea{position:relative;width:280px;margin:2px 0;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent} +.admin .rowTable input[type=text], +.admin .colTable input[type=text], +.admin .crossTable input[type=text], +.admin .rowTable input[type=password], +.admin .colTable input[type=password], +.admin .crossTable input[type=password], +.admin .rowTable input[type=file], +.admin .colTable input[type=file], +.admin .crossTable input[type=file]{height:22px;line-height:22px;vertical-align:middle;padding:0 4px} +.admin .clear:after{content:"";display:block;clear:both} +.admin .fl{float:left} +.admin .fr{float:right} diff --git a/common/css/xe.min.css b/common/css/xe.min.css index 676f5ef29..b953c457a 100644 --- a/common/css/xe.min.css +++ b/common/css/xe.min.css @@ -9,89 +9,89 @@ #popup_menu_area a:avtive, #popup_menu_area a:focus{text-decoration:underline} /* Legacy Code (It will be deprecated as soon as possible) */ -#xeAdmin h3.xeAdmin, -#xeAdmin h4.xeAdmin{position:relative;border-bottom-style:solid;border-bottom-color:#ccc;zoom:1} -#xeAdmin h3.xeAdmin{border-bottom-width:4px;font-size:24px} -#xeAdmin h4.xeAdmin{border-bottom-width:3px;font-size:20px} -#xeAdmin h5.xeAdmin{border-bottom-width:2px;font-size:16px} -#xeAdmin h6.xeAdmin{border-bottom-width:1px;font-size:12px} -#xeAdmin .adminSearch{margin:1em 0} -#xeAdmin .adminSearch fieldset{border:1px solid #ccc} -#xeAdmin .localNavigation{padding:0;list-style:none} -#xeAdmin .localNavigation li{display:inline} -#xeAdmin .localNavigation li.on a{font-weight:bold;color:#333;text-decoration:none} -#xeAdmin .localNavigation li:before{content:"| "} -#xeAdmin .localNavigation li:first-child:before{content:""} -#xeAdmin .summary{margin:1em 0} -#xeAdmin .rowTable, -#xeAdmin .colTable, -#xeAdmin .crossTable{margin:1em 0;border:0;border-collapse:collapse;border-top:2px solid #ccc;width:100%} -#xeAdmin .rowTable caption, -#xeAdmin .colTable caption, -#xeAdmin .crossTable caption{font-weight:bold;text-align:left;line-height:22px;padding:5px 0} -#xeAdmin .rowTable caption:after, -#xeAdmin .colTable caption:after, -#xeAdmin .crossTable caption:after{content:"";display:block;clear:both} -#xeAdmin .rowTable caption a, -#xeAdmin .colTable caption a, -#xeAdmin .crossTable caption a{font-weight:normal} -#xeAdmin .rowTable caption em, -#xeAdmin .colTable caption em, -#xeAdmin .crossTable caption em{float:right;font-style:normal;font-weight:normal;color:#e00;margin-left:1em} -#xeAdmin .rowTable caption strong, -#xeAdmin .colTable caption strong, -#xeAdmin .crossTable caption strong{color:#e00} -#xeAdmin .rowTable caption .side, -#xeAdmin .colTable caption .side, -#xeAdmin .crossTable caption .side{float:right;font-weight:normal;margin-left:1em} -#xeAdmin .rowTable th,.rowTable td, -#xeAdmin .colTable th,.rowTable td, -#xeAdmin .crossTable th,.rowTable td{border:0;padding:8px;vertical-align:top;text-align:left;border-bottom:1px solid #ddd;white-space:nowrap} -#xeAdmin .rowTable th, -#xeAdmin .colTable th, -#xeAdmin .crossTable th{background:#f8f8f8} -#xeAdmin .rowTable thead th, -#xeAdmin .colTable thead th, -#xeAdmin .crossTable thead th{border-bottom:1px solid #999} -#xeAdmin .rowTable tfoot td, -#xeAdmin .colTable tfoot td, -#xeAdmin .crossTable tfoot td{font-weight:bold;background:#f8f8f8} -#xeAdmin .rowTable.even tbody tr:nth-of-type(even) td, -#xeAdmin .colTable.even tbody tr:nth-of-type(even) td, -#xeAdmin .crossTable.even tbody tr:nth-of-type(even) td{background-color:#fafafa} -#xeAdmin .rowTable td>input[type=text], -#xeAdmin .colTable td>input[type=text], -#xeAdmin .crossTable td>input[type=text]{margin:-1px 0 -3px 0 !important;vertical-align:middle} -#xeAdmin .rowTable img, -#xeAdmin .colTable img, -#xeAdmin .crossTable img{vertical-align:middle} -#xeAdmin .rowTable .title, -#xeAdmin .colTable .title, -#xeAdmin .crossTable .title, -#xeAdmin .rowTable .text, -#xeAdmin .colTable .text, -#xeAdmin .crossTable .text{white-space:normal} -#xeAdmin .rowTable input[type=text], -#xeAdmin .colTable input[type=text], -#xeAdmin .crossTable input[type=text], -#xeAdmin .rowTable input[type=password], -#xeAdmin .colTable input[type=password], -#xeAdmin .crossTable input[type=password], -#xeAdmin .rowTable input[type=file], -#xeAdmin .colTable input[type=file], -#xeAdmin .crossTable input[type=file], -#xeAdmin .rowTable textarea, -#xeAdmin .colTable textarea, -#xeAdmin .crossTable textarea{position:relative;width:280px;margin:2px 0;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent} -#xeAdmin .rowTable input[type=text], -#xeAdmin .colTable input[type=text], -#xeAdmin .crossTable input[type=text], -#xeAdmin .rowTable input[type=password], -#xeAdmin .colTable input[type=password], -#xeAdmin .crossTable input[type=password], -#xeAdmin .rowTable input[type=file], -#xeAdmin .colTable input[type=file], -#xeAdmin .crossTable input[type=file]{height:22px;line-height:22px;vertical-align:middle;padding:0 4px} -#xeAdmin .clear:after{content:"";display:block;clear:both} -#xeAdmin .fl{float:left} -#xeAdmin .fr{float:right} +.admin h3.xeAdmin, +.admin h4.xeAdmin{position:relative;border-bottom-style:solid;border-bottom-color:#ccc;zoom:1} +.admin h3.xeAdmin{border-bottom-width:4px;font-size:24px} +.admin h4.xeAdmin{border-bottom-width:3px;font-size:20px} +.admin h5.xeAdmin{border-bottom-width:2px;font-size:16px} +.admin h6.xeAdmin{border-bottom-width:1px;font-size:12px} +.admin .adminSearch{margin:1em 0} +.admin .adminSearch fieldset{border:1px solid #ccc} +.admin .localNavigation{padding:0;list-style:none} +.admin .localNavigation li{display:inline} +.admin .localNavigation li.on a{font-weight:bold;color:#333;text-decoration:none} +.admin .localNavigation li:before{content:"| "} +.admin .localNavigation li:first-child:before{content:""} +.admin .summary{margin:1em 0} +.admin .rowTable, +.admin .colTable, +.admin .crossTable{margin:1em 0;border:0;border-collapse:collapse;border-top:2px solid #ccc;width:100%} +.admin .rowTable caption, +.admin .colTable caption, +.admin .crossTable caption{font-weight:bold;text-align:left;line-height:22px;padding:5px 0} +.admin .rowTable caption:after, +.admin .colTable caption:after, +.admin .crossTable caption:after{content:"";display:block;clear:both} +.admin .rowTable caption a, +.admin .colTable caption a, +.admin .crossTable caption a{font-weight:normal} +.admin .rowTable caption em, +.admin .colTable caption em, +.admin .crossTable caption em{float:right;font-style:normal;font-weight:normal;color:#e00;margin-left:1em} +.admin .rowTable caption strong, +.admin .colTable caption strong, +.admin .crossTable caption strong{color:#e00} +.admin .rowTable caption .side, +.admin .colTable caption .side, +.admin .crossTable caption .side{float:right;font-weight:normal;margin-left:1em} +.admin .rowTable th,.rowTable td, +.admin .colTable th,.rowTable td, +.admin .crossTable th,.rowTable td{border:0;padding:8px;vertical-align:top;text-align:left;border-bottom:1px solid #ddd;white-space:nowrap} +.admin .rowTable th, +.admin .colTable th, +.admin .crossTable th{background:#f8f8f8} +.admin .rowTable thead th, +.admin .colTable thead th, +.admin .crossTable thead th{border-bottom:1px solid #999} +.admin .rowTable tfoot td, +.admin .colTable tfoot td, +.admin .crossTable tfoot td{font-weight:bold;background:#f8f8f8} +.admin .rowTable.even tbody tr:nth-of-type(even) td, +.admin .colTable.even tbody tr:nth-of-type(even) td, +.admin .crossTable.even tbody tr:nth-of-type(even) td{background-color:#fafafa} +.admin .rowTable td>input[type=text], +.admin .colTable td>input[type=text], +.admin .crossTable td>input[type=text]{margin:-1px 0 -3px 0 !important;vertical-align:middle} +.admin .rowTable img, +.admin .colTable img, +.admin .crossTable img{vertical-align:middle} +.admin .rowTable .title, +.admin .colTable .title, +.admin .crossTable .title, +.admin .rowTable .text, +.admin .colTable .text, +.admin .crossTable .text{white-space:normal} +.admin .rowTable input[type=text], +.admin .colTable input[type=text], +.admin .crossTable input[type=text], +.admin .rowTable input[type=password], +.admin .colTable input[type=password], +.admin .crossTable input[type=password], +.admin .rowTable input[type=file], +.admin .colTable input[type=file], +.admin .crossTable input[type=file], +.admin .rowTable textarea, +.admin .colTable textarea, +.admin .crossTable textarea{position:relative;width:280px;margin:2px 0;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent} +.admin .rowTable input[type=text], +.admin .colTable input[type=text], +.admin .crossTable input[type=text], +.admin .rowTable input[type=password], +.admin .colTable input[type=password], +.admin .crossTable input[type=password], +.admin .rowTable input[type=file], +.admin .colTable input[type=file], +.admin .crossTable input[type=file]{height:22px;line-height:22px;vertical-align:middle;padding:0 4px} +.admin .clear:after{content:"";display:block;clear:both} +.admin .fl{float:left} +.admin .fr{float:right} diff --git a/common/js/xe.js b/common/js/xe.js index db747e223..a65666390 100644 --- a/common/js/xe.js +++ b/common/js/xe.js @@ -1580,7 +1580,7 @@ $.exec_xml = window.exec_xml = function(module, act, params, callback_func, resp } // ajax 통신중 대기 메세지 출력 (show_waiting_message값을 false로 세팅시 보이지 않음) - var waiting_obj = $('#waitingforserverresponse'); + var waiting_obj = $('.wfsr'); if(show_waiting_message && waiting_obj.length) { var d = $(document); waiting_obj.html(waiting_message).css({ @@ -1633,7 +1633,7 @@ $.exec_json = function(action,data,func){ if(action.length == 2){ if(show_waiting_message) { - $("#waitingforserverresponse").html(waiting_message).css('top',$(document).scrollTop()+20).css('left',$(document).scrollLeft()+20).css('visibility','visible'); + $(".wfsr").html(waiting_message).css('top',$(document).scrollTop()+20).css('left',$(document).scrollLeft()+20).css('visibility','visible'); } $.extend(data,{module:action[0],act:action[1]}); @@ -1645,7 +1645,7 @@ $.exec_json = function(action,data,func){ ,contentType:"application/json" ,data:$.param(data) ,success : function(data){ - $("#waitingforserverresponse").css('visibility','hidden'); + $(".wfsr").css('visibility','hidden'); if(data.error > 0) alert(data.message); if($.isFunction(func)) func(data); } @@ -1661,7 +1661,7 @@ $.fn.exec_html = function(action,data,type,func,args){ action = action.split("."); if(action.length == 2){ if(show_waiting_message) { - $("#waitingforserverresponse").html(waiting_message).css('top',$(document).scrollTop()+20).css('left',$(document).scrollLeft()+20).css('visibility','visible'); + $(".wfsr").html(waiting_message).css('top',$(document).scrollTop()+20).css('left',$(document).scrollLeft()+20).css('visibility','visible'); } $.extend(data,{module:action[0],act:action[1]}); @@ -1671,7 +1671,7 @@ $.fn.exec_html = function(action,data,type,func,args){ ,url:request_uri ,data:$.param(data) ,success : function(html){ - $("#waitingforserverresponse").css('visibility','hidden'); + $(".wfsr").css('visibility','hidden'); self[type](html); if($.isFunction(func)) func(args); } diff --git a/common/js/xe.min.js b/common/js/xe.min.js index 04a98bb94..6848c9c3b 100644 --- a/common/js/xe.min.js +++ b/common/js/xe.min.js @@ -57,9 +57,9 @@ a.each(d,function(b,c){a('').attr("name",b).attr("value",c) if(typeof d=="undefined"){h.error=-1;h.message="Unexpected error occured.";try{if(typeof(e=b.childNodes[0].firstChild.data)!="undefined")h.message+="\r\n"+e}catch(q){}return h}a.each(j,function(a,b){n[b]=!0});n.redirect_url=!0;n.act=!0;a.each(d,function(a,b){n[a]&&(h[a]=b)});if(h.error!=0){if(a.isFunction(a.exec_xml.onerror))return a.exec_xml.onerror(c,g,h,k,j,l,m);alert(h.message||"error!");return null}if(h.redirect_url)return location.href=h.redirect_url.replace(/&/g,"&"),null;a.isFunction(k)&& k(h,j,l,m)}var n=request_uri+"index.php";e||(e={});a.isArray(e)&&(e=d(e));e.module=c;e.act=g;typeof xeVid!="undefined"&&(e.vid=xeVid);typeof j=="undefined"||j.length<1?j=["error","message"]:j.push("error","message");if(a.isArray(ssl_actions)&&e.act&&a.inArray(e.act,ssl_actions)>=0){var n=window.https_port||443,q=a("").attr("href",default_url||request_uri)[0],w="https://"+q.hostname.replace(/:\d+$/,"");n!=443&&(w+=":"+n);q.pathname[0]!="/"&&(w+="/");w+=q.pathname;n=w.replace(/\/$/,"")+"/index.php"}q= a("").attr("href",location.href)[0];w=a("").attr("href",n)[0];if(q.protocol!=w.protocol||q.port!=w.port)return b(n,e);var t=[],p=0;t[p++]='';t[p++]="";t[p++]="";a.each(e,function(a,b){t[p++]="<"+a+">"});t[p++]="";t[p++]="";var r=null;r&&r.readyState!=0&&r.abort();try{a.ajax({url:n,type:"POST",dataType:"xml",data:t.join("\n"),contentType:"text/plain",beforeSend:function(a){r=a},success:h, -error:function(a,b){o.css("visibility","hidden");var c="";if(b=="parsererror"){c="The result is not valid XML :\n-------------------------------------\n";if(a.responseText=="")return;c+=a.responseText.replace(/<[^>]+>/g,"")}else c=b;alert(c)}})}catch(s){alert(s);return}var o=a("#waitingforserverresponse");show_waiting_message&&o.length&&(e=a(document),o.html(waiting_message).css({top:e.scrollTop()+20+"px",left:e.scrollLeft()+20+"px",visibility:"visible"}))};a.exec_json=function(b,d,e){typeof d=="undefined"&& -(d={});b=b.split(".");b.length==2&&(show_waiting_message&&a("#waitingforserverresponse").html(waiting_message).css("top",a(document).scrollTop()+20).css("left",a(document).scrollLeft()+20).css("visibility","visible"),a.extend(d,{module:b[0],act:b[1]}),typeof xeVid!="undefined"&&a.extend(d,{vid:xeVid}),a.ajax({type:"POST",dataType:"json",url:request_uri,contentType:"application/json",data:a.param(d),success:function(b){a("#waitingforserverresponse").css("visibility","hidden");b.error>0&&alert(b.message); -a.isFunction(e)&&e(b)}}))};a.fn.exec_html=function(b,d,e,k,j){typeof d=="undefined"&&(d={});a.inArray(e,["html","append","prepend"])||(e="html");var l=a(this),b=b.split(".");b.length==2&&(show_waiting_message&&a("#waitingforserverresponse").html(waiting_message).css("top",a(document).scrollTop()+20).css("left",a(document).scrollLeft()+20).css("visibility","visible"),a.extend(d,{module:b[0],act:b[1]}),a.ajax({type:"POST",dataType:"html",url:request_uri,data:a.param(d),success:function(b){a("#waitingforserverresponse").css("visibility", +error:function(a,b){o.css("visibility","hidden");var c="";if(b=="parsererror"){c="The result is not valid XML :\n-------------------------------------\n";if(a.responseText=="")return;c+=a.responseText.replace(/<[^>]+>/g,"")}else c=b;alert(c)}})}catch(s){alert(s);return}var o=a(".wfsr");show_waiting_message&&o.length&&(e=a(document),o.html(waiting_message).css({top:e.scrollTop()+20+"px",left:e.scrollLeft()+20+"px",visibility:"visible"}))};a.exec_json=function(b,d,e){typeof d=="undefined"&& +(d={});b=b.split(".");b.length==2&&(show_waiting_message&&a(".wfsr").html(waiting_message).css("top",a(document).scrollTop()+20).css("left",a(document).scrollLeft()+20).css("visibility","visible"),a.extend(d,{module:b[0],act:b[1]}),typeof xeVid!="undefined"&&a.extend(d,{vid:xeVid}),a.ajax({type:"POST",dataType:"json",url:request_uri,contentType:"application/json",data:a.param(d),success:function(b){a(".wfsr").css("visibility","hidden");b.error>0&&alert(b.message); +a.isFunction(e)&&e(b)}}))};a.fn.exec_html=function(b,d,e,k,j){typeof d=="undefined"&&(d={});a.inArray(e,["html","append","prepend"])||(e="html");var l=a(this),b=b.split(".");b.length==2&&(show_waiting_message&&a(".wfsr").html(waiting_message).css("top",a(document).scrollTop()+20).css("left",a(document).scrollLeft()+20).css("visibility","visible"),a.extend(d,{module:b[0],act:b[1]}),a.ajax({type:"POST",dataType:"html",url:request_uri,data:a.param(d),success:function(b){a(".wfsr").css("visibility", "hidden");l[e](b);a.isFunction(k)&&k(j)}}))}})(jQuery); (function(a){function b(a){var b=[];return a.is(":radio")?a.filter(":checked").val():a.is(":checkbox")?(a.filter(":checked").each(function(){b.push(this.value)}),b.join("|@|")):a.val()}var d=[],c=[],g=[],e=[],k={},j=new (xe.createApp("Validator",{init:function(){var a=/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;this.cast("ADD_RULE",["email",a]);this.cast("ADD_RULE",["email_address",a]);a=/^[a-z]+[\w-]*[a-z0-9_]+$/i;this.cast("ADD_RULE",["userid",a]);this.cast("ADD_RULE",["user_id",a]);a=/^(https?|ftp|mms):\/\/[0-9a-z-]+(\.[_0-9a-z-\/\~]+)+(:[0-9]{2,4})*$/; this.cast("ADD_RULE",["url",a]);this.cast("ADD_RULE",["homepage",a]);this.cast("ADD_RULE",["korean",/^[\uac00-\ud7a3]*$/]);this.cast("ADD_RULE",["korean_number",/^[\uac00-\ud7a30-9]*$/]);this.cast("ADD_RULE",["alpha",/^[a-z]*$/i]);this.cast("ADD_RULE",["alpha_number",/^[a-z][a-z0-9_]*$/i]);this.cast("ADD_RULE",["number",/^[0-9]*$/])},run:function(a){var b="";if(a._filter)b=a._filter.value;a=this.cast("VALIDATE",[a,b]);typeof a=="undefined"&&(a=!1);return a},API_ONREADY:function(){var b=this;a("form").each(function(){if(this.onsubmit)this["xe:onsubmit"]= diff --git a/common/js/xml_handler.js b/common/js/xml_handler.js index 8f9b60be4..9d2819621 100644 --- a/common/js/xml_handler.js +++ b/common/js/xml_handler.js @@ -308,7 +308,7 @@ $.exec_xml = window.exec_xml = function(module, act, params, callback_func, resp } // ajax 통신중 대기 메세지 출력 (show_waiting_message값을 false로 세팅시 보이지 않음) - var waiting_obj = $('#waitingforserverresponse'); + var waiting_obj = $('.wfsr'); if(show_waiting_message && waiting_obj.length) { var d = $(document); waiting_obj.html(waiting_message).css({ @@ -361,7 +361,7 @@ $.exec_json = function(action,data,func){ if(action.length == 2){ if(show_waiting_message) { - $("#waitingforserverresponse").html(waiting_message).css('top',$(document).scrollTop()+20).css('left',$(document).scrollLeft()+20).css('visibility','visible'); + $(".wfsr").html(waiting_message).css('top',$(document).scrollTop()+20).css('left',$(document).scrollLeft()+20).css('visibility','visible'); } $.extend(data,{module:action[0],act:action[1]}); @@ -373,7 +373,7 @@ $.exec_json = function(action,data,func){ ,contentType:"application/json" ,data:$.param(data) ,success : function(data){ - $("#waitingforserverresponse").css('visibility','hidden'); + $(".wfsr").css('visibility','hidden'); if(data.error > 0) alert(data.message); if($.isFunction(func)) func(data); } @@ -389,7 +389,7 @@ $.fn.exec_html = function(action,data,type,func,args){ action = action.split("."); if(action.length == 2){ if(show_waiting_message) { - $("#waitingforserverresponse").html(waiting_message).css('top',$(document).scrollTop()+20).css('left',$(document).scrollLeft()+20).css('visibility','visible'); + $(".wfsr").html(waiting_message).css('top',$(document).scrollTop()+20).css('left',$(document).scrollLeft()+20).css('visibility','visible'); } $.extend(data,{module:action[0],act:action[1]}); @@ -399,7 +399,7 @@ $.fn.exec_html = function(action,data,type,func,args){ ,url:request_uri ,data:$.param(data) ,success : function(html){ - $("#waitingforserverresponse").css('visibility','hidden'); + $(".wfsr").css('visibility','hidden'); self[type](html); if($.isFunction(func)) func(args); } diff --git a/common/tpl/common_layout.html b/common/tpl/common_layout.html index 3c54c3fa1..f1344f06f 100644 --- a/common/tpl/common_layout.html +++ b/common/tpl/common_layout.html @@ -82,9 +82,7 @@ {$content} {Context::getHtmlFooter()} - -
- +
{@ $js_body_files = Context::getJsFile('body') } diff --git a/common/tpl/popup_layout.html b/common/tpl/popup_layout.html index 9131fc9fb..00b7f4057 100644 --- a/common/tpl/popup_layout.html +++ b/common/tpl/popup_layout.html @@ -1,5 +1,4 @@ -
{$content} diff --git a/modules/admin/tpl/_header.html b/modules/admin/tpl/_header.html index ba59c498e..be91fdc8f 100644 --- a/modules/admin/tpl/_header.html +++ b/modules/admin/tpl/_header.html @@ -1,4 +1,4 @@ -
+

XpressEngine

    diff --git a/modules/admin/tpl/_spFooter.html b/modules/admin/tpl/_spFooter.html index a90389119..585cada57 100644 --- a/modules/admin/tpl/_spFooter.html +++ b/modules/admin/tpl/_spFooter.html @@ -3,5 +3,3 @@

    Powered by XE.

- - diff --git a/modules/admin/tpl/_spHeader.html b/modules/admin/tpl/_spHeader.html index 3d2af13d4..f0b4083fc 100644 --- a/modules/admin/tpl/_spHeader.html +++ b/modules/admin/tpl/_spHeader.html @@ -1,4 +1,4 @@ -
+

Skip Navigation

{$gnb_title_info->adminTitle} {$gnb_title_info->adminTitle}

diff --git a/modules/admin/tpl/css/admin.css b/modules/admin/tpl/css/admin.css index 8b2ef4d26..fff61823f 100644 --- a/modules/admin/tpl/css/admin.css +++ b/modules/admin/tpl/css/admin.css @@ -1,517 +1,557 @@ @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} +header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block} +.x, +.x table, +.x input, +.x textarea, +.x select, +.x button{font-family:Tahoma,Geneva,sans-serif;font-size:12px;color:#333} +.x button, +.x input[type=submit], +.x input[type=reset], +.x input[type=button]{cursor:pointer;overflow:visible} +.x img{border:0} +.x 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} +.x .section{margin:1em 0;padding:0;border:0} +.x .h1, +.x .h2, +.x .h3, +.x .h4{position:relative;border-bottom-style:solid;border-bottom-color:#ccc;zoom:1} +.x .h1{border-bottom-width:4px;font-size:24px} +.x .h2{border-bottom-width:3px;font-size:20px} +.x .h3{border-bottom-width:2px;font-size:16px} +.x .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} +.x .portlet{position:relative;border:1px solid #e9e9e9;margin:1em 0;padding:0;background:#fff;zoom:1;overflow:hidden;border-radius:5px} +.x .portlet h2, +.x .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} +.x .portlet p{margin:1em 1.2em} +.x .portlet li{position:relative;padding-right:8em} +.x .portlet .lined{margin:1px;padding:0;list-style:none} +.x .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} +.x .portlet .lined li:first-child{border:0} +.x .portlet .side{position:absolute;top:0;_top:1px;right:0;color:#666;background:#fff;padding:0 1em} +.x .portlet .lined .side{padding:.5em 1em} +.x .portlet .more{position:absolute;top:.5em;right:1em;text-decoration:none !important;color:#666} +.x .portlet .more span{color:#999} +.x .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%)} +.x .portlet .action a, +.x .portlet .action button{margin-left:1em} +.x .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;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 em{font-style:normal;font-weight:normal;color:#e00} -.table .title, -.table .text{white-space:normal} +.x .table{margin:1em 0} +.x .table table{width:100%;border:0;border-collapse:collapse;border-top:2px solid #ccc} +.x .table caption{font-weight:bold;text-align:left;line-height:22px;padding:5px 0} +.x .table caption:after{content:"";display:block;clear:both} +.x .table caption a{font-weight:normal} +.x .table caption em{float:right;margin-left:1em} +.x .table caption strong{color:#e00} +.x .table caption .side{float:right;font-weight:normal;margin-left:1em} +.x .table th, +.x .table td{border:0;padding:8px;vertical-align:top;text-align:left;border-bottom:1px solid #ddd;white-space:nowrap} +.x .table th{background:#f8f8f8} +.x .table thead th{border-bottom:1px solid #999} +.x .table tfoot td{font-weight:bold;background:#f8f8f8} +.x .table.even tbody tr:nth-of-type(even) td{background-color:#fafafa} +.x .table td>input[type=text]{margin:-1px 0 -3px 0 !important;vertical-align:middle} +.x .table img{vertical-align:middle} +.x .table em{font-style:normal;font-weight:normal;color:#e00} +.x .table .title, +.x .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} +.x .form{margin:1em 0;padding:0} +.x .form fieldset{margin:0 0 2em 0;padding:0;border:0} +.x .form em{font-style:normal;color:#e00} +.x .form label{margin-right:1em;line-height:1} +.x .form input[type=checkbox]+label, +.x .form input[type=radio]+label, +.x .form input[type=file]{cursor:pointer} +.x .form ul{position:relative;margin:0;padding:0;list-style:none;border-top:2px solid #ccc;border-bottom:1px solid #ccc;zoom:1} +.x .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} +.x .form li:first-child{border-top:0} +.x .form li>label:first-child{display:block;font-weight:bold} +.x .form li label em{font-weight:normal} +.x .form input[type=text], +.x .form input[type=password], +.x .form input[type=file], +.x .form textarea{position:relative;width:280px;margin:2px 0;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent} +.x .form input[type=text], +.x .form input[type=password], +.x .form input[type=file]{height:22px;line-height:22px;vertical-align:middle;padding:0 4px} +.x .form input[type=text].loading, +.x .form input.loading[type=password]{padding-right:24px;width:260px;background:transparent url(../img/preLoader16.gif) no-repeat 265px center} +.x .form input[type=checkbox], +.x .form input[type=radio]{margin:0;padding:0;width:13px;height:13px;vertical-align:middle} +.x .form input[type=text][disabled=disabled], +.x .form input[type=password][disabled=disabled], +.x .form input[type=checkbox][disabled=disabled], +.x .form input[type=radio][disabled=disabled], +.x .form input[type=file][disabled=disabled], +.x .form textarea[disabled=disabled], +.x .form select[disabled=disabled]{background:#ddd !important;text-shadow:1px 1px 0 #fff} +.x .form textarea{padding:3px 4px;vertical-align:top} +.x .form span.desc, +.x .form em.desc{line-height:22px;vertical-align:middle;margin:0 10px} +.x .form p.desc{margin:.25em 0;line-height:1.4} +.x .form .q{font-weight:bold;margin:0 0 5px 0} +.x .form .a{margin:0 0 5px 0} +.x .form .tgForm{margin-right:1em} +.x .form .h1 + ul, +.x .form .h2 + ul, +.x .form .h3 + ul, +.x .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} +.x 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} +.x gnb ul{margin:0;padding:0 0 0 2em;list-style:none;border:1px solid #fff;border-left:0;border-right:0;zoom:1} +.x gnb ul ul{position:absolute;top:30px;left:0;border:1px solid #ccc;padding:0;background:#fff} +.x gnb ul:after{content:"";display:block;clear:both} +.x gnb li{position:relative;float:left;border:1px solid #fff;border-top:0;border-bottom:0;margin:0 -1px 0 0} +.x gnb li li{float:none;clear:both;overflow:hidden;border:0;border-top:1px dotted #ccc;margin:0;padding:2px} +.x gnb li li:first-child{border:0} +.x 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} +.x gnb li a:hover, +.x gnb li a:active, +.x gnb li a:focus, +.x gnb li.active a, +.x gnb li.activeOn a{background:#fff;border:1px solid #ddd;padding:7px 17px} +.x gnb li li a{display:block;float:none;color:#555;padding:5px 15px !important;font-weight:normal !important;border:0 !important} +.x gnb li li a:hover, +.x gnb li li a:active, +.x gnb li li a:focus{border:0;background:#eee} +.x 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} +.x gnb.jx ul{display:block;position:static;padding:0} +.x gnb.jx li{float:none;clear:both;border-top:1px solid #ccc} +.x gnb.jx ul ul{border:0} +.x gnb.jx li li{border:0} +.x gnb.jx li a{float:none;display:block} +.x gnb.jx li a:hover, +.x gnb.jx li a:active, +.x gnb.jx li a:focus{background:none} +.x gnb.jx li.activeOn>a{background:#ddd} @media only all and (max-width:860px){ - .gnb ul{padding-left:1em} - .gnb .setting{right:1em} +.x gnb ul{padding-left:1em} +.x 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} +.x gnb ul{display:block;position:static;padding:0} +.x gnb li{float:none;clear:both;border-top:1px solid #ccc} +.x gnb ul ul{border:0;position:static} +.x gnb li li{border:0} +.x gnb li a{float:none;display:block} +.x gnb li a:hover, +.x gnb li a:active, +.x gnb li a:focus{background:none} +.x 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} +.x .lnb{position:relative;float:left;width:200px;margin:1em 0 1em -230px;line-height:normal;zoom:1;display:inline} +.x .lnb .h2{margin-top:0} +.x .lnb ul{margin:0;padding:0;list-style:none} +.x .lnb li{position:relative;margin:0 0 -1px 0;vertical-align:top;zoom:1} +.x .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} +.x .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} +.x .lnb li ul{padding:5px 0;background:#fff} +.x .lnb li li{margin:0;border-top:1px dotted #ddd} +.x .lnb li li:first-child{border:0} +.x .lnb li li a{font-weight:normal;background:#fff;padding:5px 10px;border:0} +.x .lnb li li a span{color:#666} +.x .lnb li.active{border:1px solid #ccc;z-index:2} +.x .lnb li li.active{border:0} +.x .lnb li.active a{color:#000;border:0} +.x .lnb li.active .i{background-position:0 -44px} +.x .lnb li.active li a{border:0} +.x .lnb li.active ul{display:block;border-top:1px solid #eee} +.x .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} +.x cnb{margin:1em 0;position:relative;zoom:1} +.x cnb:after{content:"";display:block;clear:both} +.x cnb .active{font-weight:bold;color:#333;text-decoration:none} +.x 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} +.x .pagination{margin:1em 0;text-align:center;line-height:normal} +.x .pagination *{vertical-align:middle} +.x .pagination a, +.x .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} +.x .pagination a:hover, +.x .pagination a:active, +.x .pagination a:focus{border:1px solid #ddd;margin:0 -1px} +.x .pagination strong{color:#e00 !important;font-size:20px} +.x .pagination .direction{font-weight:normal;white-space:nowrap} +.x .pagination .direction:hover, +.x .pagination .direction:active, +.x .pagination .direction:focus{border:0;margin:0;text-decoration:underline} +.x .pagination input{width:30px;text-align:center} +.x .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} +.x .btn{position:relative;display:inline-block;margin:2px;vertical-align:top} +.x .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} +.x .btn *[type=submit][disabled=disabled], +.x .btn *[type=button][disabled=disabled]{opacity:.5;*filter:alpha(opacity=50)} +.x .btn a, +.x .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)} +.x .btn input, +.x .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)} +.x .btn a{height:22px} +.x .btn.medium *{padding:0 12px;font-size:16px;height:30px;line-height:28px} +.x .btn.medium a{height:28px} +.x .btn.large *{padding:0 18px;font-size:22px;height:36px;line-height:34px} +.x .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} +.x .starRating, +.x .starRating span{display:inline-block;height:14px;background:transparent url(../img/iconStarRating.gif) no-repeat;overflow:hidden} +.x .starRating{width:79px;vertical-align:top} +.x .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} +.x .prgrs{white-space:nowrap;line-height:normal;vertical-align:middle} +.x .prgrs *{vertical-align:middle} +.x .prgrs .pBar{position:relative;display:inline-block;background:#e9e9e9;margin:0 5px 0 0} +.x .prgrs .pAction{display:inline-block;vertical-align:top;background:#99a6b6} +.x .prgrs .pNum{position:absolute;width:100%;left:0;top:0;text-align:center;text-shadow:1px 1px 0 #fff} +.x .prgrs.prgrsSmall{font-size:14px;line-height:14px} +.x .prgrs.prgrsSmall .pBar, +.x .prgrs.prgrsSmall .pAction, +.x .prgrs.prgrsSmall .pNum{height:16px;line-height:16px;font-size:11px} +.x .prgrs.prgrsMedium{font-size:24px;line-height:24px} +.x .prgrs.prgrsMedium .pBar, +.x .prgrs.prgrsMedium .pAction, +.x .prgrs.prgrsMedium .pNum{height:22px;line-height:22px;font-size:12px} +.x .prgrs.prgrsLarge{font-size:38px;line-height:38px} +.x .prgrs.prgrsLarge .pBar, +.x .prgrs.prgrsLarge .pAction, +.x .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:80%;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 */ +.x .modal{position:absolute;top:0;left:0;width:100%;_height:100%;min-height:100%;z-index:100} +.x .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} +.x .modal .fg{position:relative;width:80%;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} +.x .modal h2{margin-top:1em} +.x .modal ul, +.x .modal ol, +.x .modal .lined, +.x .modal .table{margin-bottom:1em} +.x .modal .ie6{position:absolute;left:0;top:0;width:100%;height:100%;border:0;opacity:0;filter:alpha(opacity=0);z-index:1} +.x .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} +.x .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} +.x .message{border:1px solid #ddd;background:#f8f8f8;margin:1em 0;padding:0 1em;border-radius:5px;line-height:1.4} +.x .message em{font-style:normal;color:#e00} +.x .message.info, +.x .message.error, +.x .message.update{padding-left:55px} +.x .message.info{border-color:#E0E8EC;background:#EDF9FF url(../img/msg.Info.png) no-repeat 1em .5em} +.x .message.error{border-color:#EFDCDC;background:#FFECEC url(../img/msg.error.png) no-repeat 1em .5em} +.x .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} +.x input.text, +.x 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} +.x .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} +.x .wfsr .bg{position:absolute;background:#000;_background:none;width:100%;height:100%;opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);zoom:1} +.x .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} +.x .wfsr .fg p{padding:0 0 0 2.5em;background:url(../img/preLoader16.gif) no-repeat 1em .4em} +.x .wfsr .ie6{position:absolute;left:0;top:0;width:100%;height:100%;border:0;opacity:0;filter:alpha(opacity=0);z-index:1} /* 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} +.x .skipNav{margin:0;text-align:center;overflow:hidden} +.x .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} +.x .skipNav a:hover, +.x .skipNav a:active, +.x .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 #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:-2em;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 a{text-decoration:underline} -.header h1 a:hover, -.header h1 a:active, -.header h1 a:focus, -.header .account a:hover, -.header .account a:active, -.header .account a:focus{color:#6e9cf2;text-decoration:underline} +.x .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} +.x .header:after{content:"";display:block;clear:both} +.x .header a{text-decoration:none} +.x .header h1{margin:0 100px 10px 1.3em;font-size:24px;line-height:32px} +.x .header h1 *{vertical-align:middle} +.x .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} +.x .header h1 .url{font-size:12px;font-weight:normal} +.x .header #moveSiteList{padding:10px 1em 5px 1em;margin:0} +.x .header #moveSiteList ul{list-style:none;margin:0;padding:0} +.x .header #moveSiteList li{white-space:nowrap;margin:0;padding:4px 0;border-bottom:1px dotted #ccc} +.x .header #siteMapList{padding:0 1em 1em 1em;margin:0} +.x .header #siteMapList li{white-space:nowrap} +.x .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} +.x .header .account ul{margin:0 2px 0 0;padding:0;list-style:none} +.x .header .account li{position:relative;display:inline;border-left:1px solid #666;padding:0 6px 0 10px} +.x .header .account li:first-child{border:0} +.x .header .account a{color:#fff;display:inline-block;height:14px} +.x .header .account a.language{padding-right:2px} +.x .header #language{position:absolute;top:19px;right:-2em;padding:6px 4px !important;border:1px solid #666;border-top:0;background:#333} +.x .header #language li{border:0;display:block;padding:1px 8px;text-align:left;line-height:1} +.x .header #language li.selected a{text-decoration:underline} +.x .header h1 a:hover, +.x .header h1 a:active, +.x .header h1 a:focus, +.x .header .account a:hover, +.x .header .account a:active, +.x .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} +.x .footer{border-top:1px solid #ddd;text-align:center;font-size:12px;padding:1.5em 0;margin:0 2em} +.x .footer p{margin:0} +.x .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} +.x .body{position:relative;z-index:1;padding:1em 2em 1em 260px;zoom:1} +.x .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} +.x .content{float:right;width:100%;margin-left:-230px;zoom:1} +.x .content:after{content:"";display:block;clear:both} +.x .content a{color:#33a} +.x .content a:hover, +.x .content a:active, +.x .content a:focus{color:#a33} +.x .content .portlet a{text-decoration:none} +.x .content .portlet a:hover, +.x .content .portlet a:active, +.x .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} +.x .dashboard{position:relative;float:none;width:auto;margin-left:-230px} +.x .dashboard .portlet{float:left;width:48%;margin-right:1em} +.x .dashboard .portlet:nth-of-type(odd){float:left;width:49%;margin-right:0} +.x .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} +.x .search{zoom:1} +.x .search:after{content:"";display:block;clear:both} +.x .search .pagination{float:left;text-align:left} +.x .search form{float:right;margin:1em 0} +.x .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} -.siteMap a.ms{text-decoration:underline} +.x .siteMap h2 input{font-size:12px;font-weight:bold;padding:0 .5em} +.x .siteMap label{cursor:text} +.x .siteMap .lined ul{padding:0;margin:0;border-top:1px solid #eee;zoom:1} +.x .siteMap .lined li{position:relative;padding:0;margin:0;cursor:all-scroll;list-style:none;zoom:1} +.x .siteMap .lined li li{border-top:1px solid #eee} +.x .siteMap li li{text-indent:18px} +.x .siteMap li li li{text-indent:36px} +.x .siteMap li li li li{text-indent:54px} +.x .siteMap li li li li li{text-indent:72px} +.x .siteMap li li li li li li{text-indent:90px} +.x .siteMap li li li li li li li{text-indent:108px} +.x .siteMap li li li li li li li li{text-indent:126px} +.x .siteMap li li li li li li li li li{text-indent:144px} +.x .siteMap li li li li li li li li li li{text-indent:162px} +.x .siteMap li li li li li li li li li li li{text-indent:180px} +.x .siteMap li li li li li li li li li li li li{text-indent:198px} +.x .siteMap li *{vertical-align:middle} +.x .siteMap li .moveTo+input{width:200px;border:0;padding:0 .5em} +.x .siteMap li .moveTo+input:hover, +.x .siteMap li .moveTo+input:active, +.x .siteMap li .moveTo+input:focus{border:1px dotted #ccc;overflow:visible} +.x .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} +.x .siteMap li.active, +.x .siteMap li.active .moveTo{background-color:#f7f7f7} +.x .siteMap li.active li, +.x .siteMap li.active ul{border-top-color:#f7f7f7} +.x .siteMap li.active .moveTo{background-position:center -32px} +.x .siteMap .vr, +.x .siteMap .hr{display:none;position:absolute;z-index:1;left:14px;border:0px solid #ccc;overflow:hidden} +.x .siteMap .vr{top:-16px;height:100%;border-left-width:1px} +.x .siteMap .hr{top:16px;width:16px;border-top-width:1px} +.x .siteMap li.active .vr, +.x .siteMap li.active li .hr{display:block} +.x .siteMap li li .vr, +.x .siteMap li li li .hr{left:32px} +.x .siteMap li li li .vr, +.x .siteMap li li li li .hr{left:50px} +.x .siteMap li li li li .vr, +.x .siteMap li li li li li .hr{left:68px} +.x .siteMap li li li li li .vr, +.x .siteMap li li li li li li .hr{left:86px} +.x .siteMap li li li li li li .vr, +.x .siteMap li li li li li li li .hr{left:104px} +.x .siteMap li li li li li li li .vr, +.x .siteMap li li li li li li li li .hr{left:122px} +.x .siteMap li li li li li li li li .vr, +.x .siteMap li li li li li li li li li .hr{left:140px} +.x .siteMap li li li li li li li li li .vr, +.x .siteMap li li li li li li li li li li .hr{left:158px} +.x .siteMap li li li li li li li li li li .vr, +.x .siteMap li li li li li li li li li li li .hr{left:176px} +.x .siteMap li li li li li li li li li li li .vr, +.x .siteMap li li li li li li li li li li li li .hr{left:336px} +.x .siteMap .side{padding-top:0 !important;padding-bottom:0 !important;line-height:30px;background:transparent !important} +.x .siteMap .side button{text-indent:0;line-height:1} +.x .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} +.x .siteMap.fold .tgMap{background-position:right -158px} +.x .siteMap.fold .h2{border-bottom-color:#fff;border-radius:5px} +.x .siteMap .placeholder{background:#bbb} +.x .siteMap .draggable, +.x .siteMap .draggable .moveTo{background-color:#ddd} +.x .siteMap .draggable .summary{border-left:1px solid #ccc;padding-left:10px;margin-left:10px;font-size:11px;color:#999} +.x .siteMap a.ms{text-decoration:underline} /* Button Area */ -.btnArea{margin:1em 0;text-align:right;zoom:1} -.btnArea:after{content:"";display:block;clear:both} +.x .btnArea{margin:1em 0;text-align:right;zoom:1} +.x .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} +.x .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)} +.x .langEdit ul{border-top:1px solid #ccc;border-left:1px solid #eee;border-right:1px solid #eee;margin:0} +.x .langEdit li{padding:.5em 10px} +.x .langEdit input[type=text]{width:220px;padding-right:40px} +.x .langEdit label{left:15px !important} +.x .langEdit .action{border:1px solid #eee;width:268px;padding:0 10px} +.x .langEdit p, +.x .langEdit .btnArea{white-space:normal} +.x .langEdit li.en input, +.x .mLangEdit li.en textarea{background:url(../img/flag.us.gif) no-repeat 99% 5px} +.x .langEdit li.ko input, +.x .mLangEdit li.ko textarea{background:url(../img/flag.kr.gif) no-repeat 99% 5px} +.x .langEdit li.jp input, +.x .mLangEdit li.jp textarea{background:url(../img/flag.jp.gif) no-repeat 99% 5px} +.x .langEdit li.fr input, +.x .mLangEdit li.fr textarea{background:url(../img/flag.fr.gif) no-repeat 99% 5px} +.x .langEdit li.de input, +.x .mLangEdit li.de textarea{background:url(../img/flag.de.gif) no-repeat 99% 5px} +.x .langEdit li.ru input, +.x .mLangEdit li.ru textarea{background:url(../img/flag.ru.gif) no-repeat 99% 5px} +.x .langEdit li.es input, +.x .mLangEdit li.es textarea{background:url(../img/flag.es.gif) no-repeat 99% 5px} +.x .langEdit li.tr input, +.x .mLangEdit li.tr textarea{background:url(../img/flag.tr.gif) no-repeat 99% 5px} +.x .langEdit li.vi input, +.x .mLangEdit li.vi textarea{background:url(../img/flag.vn.gif) no-repeat 99% 5px} +.x .langEdit li.mn input, +.x .mLangEdit li.mn textarea{background:url(../img/flag.mn.gif) no-repeat 99% 5px} +.x .langEdit li.zh-CN input, +.x .mLangEdit li.zh-CN textarea, +.x .langEdit li.zh-TW input, +.x .mLangEdit li.zh-TW textarea{background:url(../img/flag.cn.gif) no-repeat 99% 5px} +.x .mLangEdit.en strong{background:url(../img/flag.us.gif) no-repeat 0 10px} +.x .mLangEdit.ko strong{background:url(../img/flag.kr.gif) no-repeat 0 10px} +.x .mLangEdit.jp strong{background:url(../img/flag.jp.gif) no-repeat 0 10px} +.x .mLangEdit.fr strong{background:url(../img/flag.fr.gif) no-repeat 0 10px} +.x .mLangEdit.de strong{background:url(../img/flag.de.gif) no-repeat 0 10px} +.x .mLangEdit.ru strong{background:url(../img/flag.ru.gif) no-repeat 0 10px} +.x .mLangEdit.es strong{background:url(../img/flag.es.gif) no-repeat 0 10px} +.x .mLangEdit.tr strong{background:url(../img/flag.tr.gif) no-repeat 0 10px} +.x .mLangEdit.vi strong{background:url(../img/flag.vn.gif) no-repeat 0 10px} +.x .mLangEdit.mn strong{background:url(../img/flag.mn.gif) no-repeat 0 10px} +.x .mLangEdit.zh-CN strong, +.x .mLangEdit.zh-TW strong{background:url(../img/flag.cn.gif) no-repeat 0 10px} +.x .mLangEdit ul ul{border:0} +.x .mLangEdit li{position:relative;padding:0} +.x .mLangEdit li strong{display:inline-block;padding:6px 100px 8px 24px;font-weight:normal;line-height:1.5} +.x .mLangEdit li .side{position:absolute;top:8px;right:0;padding-right:18px;background:url(../img/iconArrow.gif) no-repeat right -160px} +.x .mLangEdit li li{border:0;padding-right:36px} +.x .mLangEdit li textarea{width:100%;height:16px;padding-right:30px;resize:vertical;line-height:1.4} +.x .mLangEdit li label{top:8px !important} +.x .mLangEdit li.active{background:#FFFDEF} +.x .mLangEdit li.active strong{font-weight:bold} +.x .mLangEdit li.active .side{background-position:right -128px} +.x .modal .mLangEdit ul{padding-bottom:1em} +.x .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} +.x .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)} +.x .suggestion ul{border-top:1px solid #ccc;border-left:1px solid #eee;border-right:1px solid #eee;margin:0} +.x .suggestion li{padding:0} +.x .suggestion li:last-child{border-bottom:0} +.x .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} +.x .suggestion li button:hover, +.x .suggestion li button:active, +.x .suggestion li button:focus{background:#eee} /* Image Mark */ -#imageMark{right:0} +.x #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} +.x .easyNav{position:relative;border:1px solid #e9e9e9;zoom:1} +.x .easyNav:after{content:"";display:block;clear:both} +.x .easyNav h2{font-size:16px} +.x .easyNav .category{width:30%;float:left;margin:0 2em;display:inline} +.x .easyNav .filter{position:absolute;top:0;right:0;margin:1em 2em;text-align:right} +.x .easyList td p{margin-top:0} +.x .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} +.x .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} +.x #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)} +.x #ftpSuggestion ul{border-left:1px solid #eee;border-right:1px solid #eee} +.x #ftpSuggestion li{padding:0} +.x #ftpSuggestion li button{border:0;background:#fff;text-align:left;width:288px} +.x #ftpSuggestion li button:hover, +.x #ftpSuggestion li button:active, +.x #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} +.x .thumbPreview li{position:relative;padding-left:10px;padding-right:10px} +.x .thumbPreview li.active.highlight{background:#f9f9f9} +.x .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} +.x .thumbPreview li.active .prevToggle{background-position:right 0} +.x .thumbPreview .a{border:0;margin:0;zoom:1} +.x .thumbPreview .a:after{content:"";display:block;clear:both} +.x .thumbPreview .i{float:left;vertical-align:top;margin:0 1em 1em 0;padding:0;border:0;zoom:1} +.x .thumbPreview .i:after{content:"";display:block;clear:both} +.x .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} +.x .thumbPreview .i .thumb .frame{position:absolute;width:120px;height:80px;left:0;top:0;border:2px solid #fff;overflow:hidden} +.x .thumbPreview .i .thumb img{width:120px;margin:0} +.x .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} +.x .thumbPreview .i input{display:none} +.x .thumbPreview .i ul{display:none} +.x .thumbPreview .selected .i{display:block;float:none} +.x .thumbPreview .selected .i .thumb{float:left;width:186px;height:126px;margin:0 1em 0 0;border:2px solid #eee} +.x .thumbPreview .selected .i .thumb .frame{width:180px;height:120px;border-width:3px} +.x .thumbPreview li.active.highlight .selected .i .thumb{border-color:#5ea8f6} +.x .thumbPreview .selected .i .thumb img{width:180px;position:relative} +.x .thumbPreview li.active .selected .i .thumb img{z-index:auto} +.x .thumbPreview .selected .i label{cursor:text} +.x .thumbPreview .selected .i ul{display:block;list-style:none;border:0;margin:1em 0 1em 200px} +.x .thumbPreview .selected .i li{border:0;padding:0;margin:0 0 .2em 0} +.x .thumbPreview.jx .i label{display:inline;width:auto} +.x .thumbPreview.jx .i.noDirection{display:none} +.x .thumbPreview.jx .i input{display:inline} +.x #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} +.x #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} +.x .fvOff, +.x .fvOn{display:inline-block;width:16px;height:16px;overflow:hidden;text-indent:16px;background:url(../img/iconFavorite.gif) no-repeat} +.x .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} +.x .uDrag .wrap{position:relative;padding-left:20px} +.x .uDrag li>.wrap{margin:0 0 0 8px} +.x .uDrag .dragActive{background:#FFD} +.x .uDrag .dragActive th, +.x .uDrag .dragActive td{background:none !important} +.x .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} +.x .faviconPreview{position:relative;padding:60px 0 0 200px;background:url(../img/bgFavicon.gif) no-repeat} +.x .faviconPreview img{position:absolute} +.x .faviconPreview .fn1{top:30px;left:12px} +.x .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} +.x .mobiconPreview{position:relative;padding:252px 0 0 200px;background:url(../img/bgMobileTop.png) no-repeat} +.x .mobiconPreview img{position:absolute;top:20px;left:10px} +.x .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} +.x .textList{border:1px solid #ddd !important;line-height:1.5em;height:18.5em;overflow:auto} +.x .textList li{border:0;padding:.25em 1em;height:1.5em;white-space:nowrap;overflow:hidden} +.x .textList li:nth-child(even){background:#eee} +.x .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} +.x .fileBox li{position:relative} +.x .fileBox li img{max-width:100%} +.x .fileBox .portlet ul{margin:1em;list-style:none;padding:0;border:0} +.x .fileBox .portlet li{border-top:1px solid #ddd;border-bottom:0;padding:8px 0} +.x .fileBox .side{position:absolute;top:8px;right:0} /* Messages */ -.desc.error{color:#f00} -.desc.success{color:#080} +.x .desc.error{color:#f00} +.x .desc.success{color:#080} /* Icon Button */ -a.wPreview{display:inline-block;width:15px;height:0;padding:13px 0 0 0;overflow:hidden;vertical-align:middle;background:url(../img/iconWindow.gif) no-repeat} -a.iComment{display:inline-block;width:16px;height:0;padding:16px 0 0 0;overflow:hidden;vertical-align:middle;background:url(../img/iconComment.gif) no-repeat} +.x a.wPreview{display:inline-block;width:15px;height:0;padding:13px 0 0 0;overflow:hidden;vertical-align:middle;background:url(../img/iconWindow.gif) no-repeat} +.x a.iComment{display:inline-block;width:16px;height:0;padding:16px 0 0 0;overflow:hidden;vertical-align:middle;background:url(../img/iconComment.gif) no-repeat} /* Responsive Layout */ @media only all and (max-width:860px){ - .header h1{margin-left:.7em} - .header .account{padding-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} +.x .header h1{margin-left:.7em} +.x .header .account{padding-right:1em} +.x .body{padding:1em} +.x .content{float:none;margin-left:0} +.x .lnb{float:none;width:auto;margin:1em 0} +.x .dashboard .portlet{float:none !important;width:auto !important;margin-right:0} +.x .modal .fg, +.x .wfsr .fg{width:auto} +.x .easyNav .category{float:none;display:block;width:auto} +.x .easyNav .filter{position:static} } @media only all and (max-width:640px){ - .skipNav a{position:relative;width:auto;height:auto} - .modal{position:absolute} +.x .skipNav a{position:relative;width:auto;height:auto} +.x .modal{position:absolute} } diff --git a/modules/admin/tpl/css/admin.min.css b/modules/admin/tpl/css/admin.min.css index 8b2ef4d26..fff61823f 100644 --- a/modules/admin/tpl/css/admin.min.css +++ b/modules/admin/tpl/css/admin.min.css @@ -1,517 +1,557 @@ @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} +header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block} +.x, +.x table, +.x input, +.x textarea, +.x select, +.x button{font-family:Tahoma,Geneva,sans-serif;font-size:12px;color:#333} +.x button, +.x input[type=submit], +.x input[type=reset], +.x input[type=button]{cursor:pointer;overflow:visible} +.x img{border:0} +.x 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} +.x .section{margin:1em 0;padding:0;border:0} +.x .h1, +.x .h2, +.x .h3, +.x .h4{position:relative;border-bottom-style:solid;border-bottom-color:#ccc;zoom:1} +.x .h1{border-bottom-width:4px;font-size:24px} +.x .h2{border-bottom-width:3px;font-size:20px} +.x .h3{border-bottom-width:2px;font-size:16px} +.x .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} +.x .portlet{position:relative;border:1px solid #e9e9e9;margin:1em 0;padding:0;background:#fff;zoom:1;overflow:hidden;border-radius:5px} +.x .portlet h2, +.x .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} +.x .portlet p{margin:1em 1.2em} +.x .portlet li{position:relative;padding-right:8em} +.x .portlet .lined{margin:1px;padding:0;list-style:none} +.x .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} +.x .portlet .lined li:first-child{border:0} +.x .portlet .side{position:absolute;top:0;_top:1px;right:0;color:#666;background:#fff;padding:0 1em} +.x .portlet .lined .side{padding:.5em 1em} +.x .portlet .more{position:absolute;top:.5em;right:1em;text-decoration:none !important;color:#666} +.x .portlet .more span{color:#999} +.x .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%)} +.x .portlet .action a, +.x .portlet .action button{margin-left:1em} +.x .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;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 em{font-style:normal;font-weight:normal;color:#e00} -.table .title, -.table .text{white-space:normal} +.x .table{margin:1em 0} +.x .table table{width:100%;border:0;border-collapse:collapse;border-top:2px solid #ccc} +.x .table caption{font-weight:bold;text-align:left;line-height:22px;padding:5px 0} +.x .table caption:after{content:"";display:block;clear:both} +.x .table caption a{font-weight:normal} +.x .table caption em{float:right;margin-left:1em} +.x .table caption strong{color:#e00} +.x .table caption .side{float:right;font-weight:normal;margin-left:1em} +.x .table th, +.x .table td{border:0;padding:8px;vertical-align:top;text-align:left;border-bottom:1px solid #ddd;white-space:nowrap} +.x .table th{background:#f8f8f8} +.x .table thead th{border-bottom:1px solid #999} +.x .table tfoot td{font-weight:bold;background:#f8f8f8} +.x .table.even tbody tr:nth-of-type(even) td{background-color:#fafafa} +.x .table td>input[type=text]{margin:-1px 0 -3px 0 !important;vertical-align:middle} +.x .table img{vertical-align:middle} +.x .table em{font-style:normal;font-weight:normal;color:#e00} +.x .table .title, +.x .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} +.x .form{margin:1em 0;padding:0} +.x .form fieldset{margin:0 0 2em 0;padding:0;border:0} +.x .form em{font-style:normal;color:#e00} +.x .form label{margin-right:1em;line-height:1} +.x .form input[type=checkbox]+label, +.x .form input[type=radio]+label, +.x .form input[type=file]{cursor:pointer} +.x .form ul{position:relative;margin:0;padding:0;list-style:none;border-top:2px solid #ccc;border-bottom:1px solid #ccc;zoom:1} +.x .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} +.x .form li:first-child{border-top:0} +.x .form li>label:first-child{display:block;font-weight:bold} +.x .form li label em{font-weight:normal} +.x .form input[type=text], +.x .form input[type=password], +.x .form input[type=file], +.x .form textarea{position:relative;width:280px;margin:2px 0;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent} +.x .form input[type=text], +.x .form input[type=password], +.x .form input[type=file]{height:22px;line-height:22px;vertical-align:middle;padding:0 4px} +.x .form input[type=text].loading, +.x .form input.loading[type=password]{padding-right:24px;width:260px;background:transparent url(../img/preLoader16.gif) no-repeat 265px center} +.x .form input[type=checkbox], +.x .form input[type=radio]{margin:0;padding:0;width:13px;height:13px;vertical-align:middle} +.x .form input[type=text][disabled=disabled], +.x .form input[type=password][disabled=disabled], +.x .form input[type=checkbox][disabled=disabled], +.x .form input[type=radio][disabled=disabled], +.x .form input[type=file][disabled=disabled], +.x .form textarea[disabled=disabled], +.x .form select[disabled=disabled]{background:#ddd !important;text-shadow:1px 1px 0 #fff} +.x .form textarea{padding:3px 4px;vertical-align:top} +.x .form span.desc, +.x .form em.desc{line-height:22px;vertical-align:middle;margin:0 10px} +.x .form p.desc{margin:.25em 0;line-height:1.4} +.x .form .q{font-weight:bold;margin:0 0 5px 0} +.x .form .a{margin:0 0 5px 0} +.x .form .tgForm{margin-right:1em} +.x .form .h1 + ul, +.x .form .h2 + ul, +.x .form .h3 + ul, +.x .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} +.x 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} +.x gnb ul{margin:0;padding:0 0 0 2em;list-style:none;border:1px solid #fff;border-left:0;border-right:0;zoom:1} +.x gnb ul ul{position:absolute;top:30px;left:0;border:1px solid #ccc;padding:0;background:#fff} +.x gnb ul:after{content:"";display:block;clear:both} +.x gnb li{position:relative;float:left;border:1px solid #fff;border-top:0;border-bottom:0;margin:0 -1px 0 0} +.x gnb li li{float:none;clear:both;overflow:hidden;border:0;border-top:1px dotted #ccc;margin:0;padding:2px} +.x gnb li li:first-child{border:0} +.x 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} +.x gnb li a:hover, +.x gnb li a:active, +.x gnb li a:focus, +.x gnb li.active a, +.x gnb li.activeOn a{background:#fff;border:1px solid #ddd;padding:7px 17px} +.x gnb li li a{display:block;float:none;color:#555;padding:5px 15px !important;font-weight:normal !important;border:0 !important} +.x gnb li li a:hover, +.x gnb li li a:active, +.x gnb li li a:focus{border:0;background:#eee} +.x 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} +.x gnb.jx ul{display:block;position:static;padding:0} +.x gnb.jx li{float:none;clear:both;border-top:1px solid #ccc} +.x gnb.jx ul ul{border:0} +.x gnb.jx li li{border:0} +.x gnb.jx li a{float:none;display:block} +.x gnb.jx li a:hover, +.x gnb.jx li a:active, +.x gnb.jx li a:focus{background:none} +.x gnb.jx li.activeOn>a{background:#ddd} @media only all and (max-width:860px){ - .gnb ul{padding-left:1em} - .gnb .setting{right:1em} +.x gnb ul{padding-left:1em} +.x 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} +.x gnb ul{display:block;position:static;padding:0} +.x gnb li{float:none;clear:both;border-top:1px solid #ccc} +.x gnb ul ul{border:0;position:static} +.x gnb li li{border:0} +.x gnb li a{float:none;display:block} +.x gnb li a:hover, +.x gnb li a:active, +.x gnb li a:focus{background:none} +.x 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} +.x .lnb{position:relative;float:left;width:200px;margin:1em 0 1em -230px;line-height:normal;zoom:1;display:inline} +.x .lnb .h2{margin-top:0} +.x .lnb ul{margin:0;padding:0;list-style:none} +.x .lnb li{position:relative;margin:0 0 -1px 0;vertical-align:top;zoom:1} +.x .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} +.x .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} +.x .lnb li ul{padding:5px 0;background:#fff} +.x .lnb li li{margin:0;border-top:1px dotted #ddd} +.x .lnb li li:first-child{border:0} +.x .lnb li li a{font-weight:normal;background:#fff;padding:5px 10px;border:0} +.x .lnb li li a span{color:#666} +.x .lnb li.active{border:1px solid #ccc;z-index:2} +.x .lnb li li.active{border:0} +.x .lnb li.active a{color:#000;border:0} +.x .lnb li.active .i{background-position:0 -44px} +.x .lnb li.active li a{border:0} +.x .lnb li.active ul{display:block;border-top:1px solid #eee} +.x .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} +.x cnb{margin:1em 0;position:relative;zoom:1} +.x cnb:after{content:"";display:block;clear:both} +.x cnb .active{font-weight:bold;color:#333;text-decoration:none} +.x 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} +.x .pagination{margin:1em 0;text-align:center;line-height:normal} +.x .pagination *{vertical-align:middle} +.x .pagination a, +.x .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} +.x .pagination a:hover, +.x .pagination a:active, +.x .pagination a:focus{border:1px solid #ddd;margin:0 -1px} +.x .pagination strong{color:#e00 !important;font-size:20px} +.x .pagination .direction{font-weight:normal;white-space:nowrap} +.x .pagination .direction:hover, +.x .pagination .direction:active, +.x .pagination .direction:focus{border:0;margin:0;text-decoration:underline} +.x .pagination input{width:30px;text-align:center} +.x .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} +.x .btn{position:relative;display:inline-block;margin:2px;vertical-align:top} +.x .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} +.x .btn *[type=submit][disabled=disabled], +.x .btn *[type=button][disabled=disabled]{opacity:.5;*filter:alpha(opacity=50)} +.x .btn a, +.x .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)} +.x .btn input, +.x .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)} +.x .btn a{height:22px} +.x .btn.medium *{padding:0 12px;font-size:16px;height:30px;line-height:28px} +.x .btn.medium a{height:28px} +.x .btn.large *{padding:0 18px;font-size:22px;height:36px;line-height:34px} +.x .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} +.x .starRating, +.x .starRating span{display:inline-block;height:14px;background:transparent url(../img/iconStarRating.gif) no-repeat;overflow:hidden} +.x .starRating{width:79px;vertical-align:top} +.x .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} +.x .prgrs{white-space:nowrap;line-height:normal;vertical-align:middle} +.x .prgrs *{vertical-align:middle} +.x .prgrs .pBar{position:relative;display:inline-block;background:#e9e9e9;margin:0 5px 0 0} +.x .prgrs .pAction{display:inline-block;vertical-align:top;background:#99a6b6} +.x .prgrs .pNum{position:absolute;width:100%;left:0;top:0;text-align:center;text-shadow:1px 1px 0 #fff} +.x .prgrs.prgrsSmall{font-size:14px;line-height:14px} +.x .prgrs.prgrsSmall .pBar, +.x .prgrs.prgrsSmall .pAction, +.x .prgrs.prgrsSmall .pNum{height:16px;line-height:16px;font-size:11px} +.x .prgrs.prgrsMedium{font-size:24px;line-height:24px} +.x .prgrs.prgrsMedium .pBar, +.x .prgrs.prgrsMedium .pAction, +.x .prgrs.prgrsMedium .pNum{height:22px;line-height:22px;font-size:12px} +.x .prgrs.prgrsLarge{font-size:38px;line-height:38px} +.x .prgrs.prgrsLarge .pBar, +.x .prgrs.prgrsLarge .pAction, +.x .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:80%;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 */ +.x .modal{position:absolute;top:0;left:0;width:100%;_height:100%;min-height:100%;z-index:100} +.x .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} +.x .modal .fg{position:relative;width:80%;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} +.x .modal h2{margin-top:1em} +.x .modal ul, +.x .modal ol, +.x .modal .lined, +.x .modal .table{margin-bottom:1em} +.x .modal .ie6{position:absolute;left:0;top:0;width:100%;height:100%;border:0;opacity:0;filter:alpha(opacity=0);z-index:1} +.x .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} +.x .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} +.x .message{border:1px solid #ddd;background:#f8f8f8;margin:1em 0;padding:0 1em;border-radius:5px;line-height:1.4} +.x .message em{font-style:normal;color:#e00} +.x .message.info, +.x .message.error, +.x .message.update{padding-left:55px} +.x .message.info{border-color:#E0E8EC;background:#EDF9FF url(../img/msg.Info.png) no-repeat 1em .5em} +.x .message.error{border-color:#EFDCDC;background:#FFECEC url(../img/msg.error.png) no-repeat 1em .5em} +.x .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} +.x input.text, +.x 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} +.x .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} +.x .wfsr .bg{position:absolute;background:#000;_background:none;width:100%;height:100%;opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);zoom:1} +.x .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} +.x .wfsr .fg p{padding:0 0 0 2.5em;background:url(../img/preLoader16.gif) no-repeat 1em .4em} +.x .wfsr .ie6{position:absolute;left:0;top:0;width:100%;height:100%;border:0;opacity:0;filter:alpha(opacity=0);z-index:1} /* 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} +.x .skipNav{margin:0;text-align:center;overflow:hidden} +.x .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} +.x .skipNav a:hover, +.x .skipNav a:active, +.x .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 #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:-2em;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 a{text-decoration:underline} -.header h1 a:hover, -.header h1 a:active, -.header h1 a:focus, -.header .account a:hover, -.header .account a:active, -.header .account a:focus{color:#6e9cf2;text-decoration:underline} +.x .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} +.x .header:after{content:"";display:block;clear:both} +.x .header a{text-decoration:none} +.x .header h1{margin:0 100px 10px 1.3em;font-size:24px;line-height:32px} +.x .header h1 *{vertical-align:middle} +.x .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} +.x .header h1 .url{font-size:12px;font-weight:normal} +.x .header #moveSiteList{padding:10px 1em 5px 1em;margin:0} +.x .header #moveSiteList ul{list-style:none;margin:0;padding:0} +.x .header #moveSiteList li{white-space:nowrap;margin:0;padding:4px 0;border-bottom:1px dotted #ccc} +.x .header #siteMapList{padding:0 1em 1em 1em;margin:0} +.x .header #siteMapList li{white-space:nowrap} +.x .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} +.x .header .account ul{margin:0 2px 0 0;padding:0;list-style:none} +.x .header .account li{position:relative;display:inline;border-left:1px solid #666;padding:0 6px 0 10px} +.x .header .account li:first-child{border:0} +.x .header .account a{color:#fff;display:inline-block;height:14px} +.x .header .account a.language{padding-right:2px} +.x .header #language{position:absolute;top:19px;right:-2em;padding:6px 4px !important;border:1px solid #666;border-top:0;background:#333} +.x .header #language li{border:0;display:block;padding:1px 8px;text-align:left;line-height:1} +.x .header #language li.selected a{text-decoration:underline} +.x .header h1 a:hover, +.x .header h1 a:active, +.x .header h1 a:focus, +.x .header .account a:hover, +.x .header .account a:active, +.x .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} +.x .footer{border-top:1px solid #ddd;text-align:center;font-size:12px;padding:1.5em 0;margin:0 2em} +.x .footer p{margin:0} +.x .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} +.x .body{position:relative;z-index:1;padding:1em 2em 1em 260px;zoom:1} +.x .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} +.x .content{float:right;width:100%;margin-left:-230px;zoom:1} +.x .content:after{content:"";display:block;clear:both} +.x .content a{color:#33a} +.x .content a:hover, +.x .content a:active, +.x .content a:focus{color:#a33} +.x .content .portlet a{text-decoration:none} +.x .content .portlet a:hover, +.x .content .portlet a:active, +.x .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} +.x .dashboard{position:relative;float:none;width:auto;margin-left:-230px} +.x .dashboard .portlet{float:left;width:48%;margin-right:1em} +.x .dashboard .portlet:nth-of-type(odd){float:left;width:49%;margin-right:0} +.x .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} +.x .search{zoom:1} +.x .search:after{content:"";display:block;clear:both} +.x .search .pagination{float:left;text-align:left} +.x .search form{float:right;margin:1em 0} +.x .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} -.siteMap a.ms{text-decoration:underline} +.x .siteMap h2 input{font-size:12px;font-weight:bold;padding:0 .5em} +.x .siteMap label{cursor:text} +.x .siteMap .lined ul{padding:0;margin:0;border-top:1px solid #eee;zoom:1} +.x .siteMap .lined li{position:relative;padding:0;margin:0;cursor:all-scroll;list-style:none;zoom:1} +.x .siteMap .lined li li{border-top:1px solid #eee} +.x .siteMap li li{text-indent:18px} +.x .siteMap li li li{text-indent:36px} +.x .siteMap li li li li{text-indent:54px} +.x .siteMap li li li li li{text-indent:72px} +.x .siteMap li li li li li li{text-indent:90px} +.x .siteMap li li li li li li li{text-indent:108px} +.x .siteMap li li li li li li li li{text-indent:126px} +.x .siteMap li li li li li li li li li{text-indent:144px} +.x .siteMap li li li li li li li li li li{text-indent:162px} +.x .siteMap li li li li li li li li li li li{text-indent:180px} +.x .siteMap li li li li li li li li li li li li{text-indent:198px} +.x .siteMap li *{vertical-align:middle} +.x .siteMap li .moveTo+input{width:200px;border:0;padding:0 .5em} +.x .siteMap li .moveTo+input:hover, +.x .siteMap li .moveTo+input:active, +.x .siteMap li .moveTo+input:focus{border:1px dotted #ccc;overflow:visible} +.x .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} +.x .siteMap li.active, +.x .siteMap li.active .moveTo{background-color:#f7f7f7} +.x .siteMap li.active li, +.x .siteMap li.active ul{border-top-color:#f7f7f7} +.x .siteMap li.active .moveTo{background-position:center -32px} +.x .siteMap .vr, +.x .siteMap .hr{display:none;position:absolute;z-index:1;left:14px;border:0px solid #ccc;overflow:hidden} +.x .siteMap .vr{top:-16px;height:100%;border-left-width:1px} +.x .siteMap .hr{top:16px;width:16px;border-top-width:1px} +.x .siteMap li.active .vr, +.x .siteMap li.active li .hr{display:block} +.x .siteMap li li .vr, +.x .siteMap li li li .hr{left:32px} +.x .siteMap li li li .vr, +.x .siteMap li li li li .hr{left:50px} +.x .siteMap li li li li .vr, +.x .siteMap li li li li li .hr{left:68px} +.x .siteMap li li li li li .vr, +.x .siteMap li li li li li li .hr{left:86px} +.x .siteMap li li li li li li .vr, +.x .siteMap li li li li li li li .hr{left:104px} +.x .siteMap li li li li li li li .vr, +.x .siteMap li li li li li li li li .hr{left:122px} +.x .siteMap li li li li li li li li .vr, +.x .siteMap li li li li li li li li li .hr{left:140px} +.x .siteMap li li li li li li li li li .vr, +.x .siteMap li li li li li li li li li li .hr{left:158px} +.x .siteMap li li li li li li li li li li .vr, +.x .siteMap li li li li li li li li li li li .hr{left:176px} +.x .siteMap li li li li li li li li li li li .vr, +.x .siteMap li li li li li li li li li li li li .hr{left:336px} +.x .siteMap .side{padding-top:0 !important;padding-bottom:0 !important;line-height:30px;background:transparent !important} +.x .siteMap .side button{text-indent:0;line-height:1} +.x .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} +.x .siteMap.fold .tgMap{background-position:right -158px} +.x .siteMap.fold .h2{border-bottom-color:#fff;border-radius:5px} +.x .siteMap .placeholder{background:#bbb} +.x .siteMap .draggable, +.x .siteMap .draggable .moveTo{background-color:#ddd} +.x .siteMap .draggable .summary{border-left:1px solid #ccc;padding-left:10px;margin-left:10px;font-size:11px;color:#999} +.x .siteMap a.ms{text-decoration:underline} /* Button Area */ -.btnArea{margin:1em 0;text-align:right;zoom:1} -.btnArea:after{content:"";display:block;clear:both} +.x .btnArea{margin:1em 0;text-align:right;zoom:1} +.x .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} +.x .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)} +.x .langEdit ul{border-top:1px solid #ccc;border-left:1px solid #eee;border-right:1px solid #eee;margin:0} +.x .langEdit li{padding:.5em 10px} +.x .langEdit input[type=text]{width:220px;padding-right:40px} +.x .langEdit label{left:15px !important} +.x .langEdit .action{border:1px solid #eee;width:268px;padding:0 10px} +.x .langEdit p, +.x .langEdit .btnArea{white-space:normal} +.x .langEdit li.en input, +.x .mLangEdit li.en textarea{background:url(../img/flag.us.gif) no-repeat 99% 5px} +.x .langEdit li.ko input, +.x .mLangEdit li.ko textarea{background:url(../img/flag.kr.gif) no-repeat 99% 5px} +.x .langEdit li.jp input, +.x .mLangEdit li.jp textarea{background:url(../img/flag.jp.gif) no-repeat 99% 5px} +.x .langEdit li.fr input, +.x .mLangEdit li.fr textarea{background:url(../img/flag.fr.gif) no-repeat 99% 5px} +.x .langEdit li.de input, +.x .mLangEdit li.de textarea{background:url(../img/flag.de.gif) no-repeat 99% 5px} +.x .langEdit li.ru input, +.x .mLangEdit li.ru textarea{background:url(../img/flag.ru.gif) no-repeat 99% 5px} +.x .langEdit li.es input, +.x .mLangEdit li.es textarea{background:url(../img/flag.es.gif) no-repeat 99% 5px} +.x .langEdit li.tr input, +.x .mLangEdit li.tr textarea{background:url(../img/flag.tr.gif) no-repeat 99% 5px} +.x .langEdit li.vi input, +.x .mLangEdit li.vi textarea{background:url(../img/flag.vn.gif) no-repeat 99% 5px} +.x .langEdit li.mn input, +.x .mLangEdit li.mn textarea{background:url(../img/flag.mn.gif) no-repeat 99% 5px} +.x .langEdit li.zh-CN input, +.x .mLangEdit li.zh-CN textarea, +.x .langEdit li.zh-TW input, +.x .mLangEdit li.zh-TW textarea{background:url(../img/flag.cn.gif) no-repeat 99% 5px} +.x .mLangEdit.en strong{background:url(../img/flag.us.gif) no-repeat 0 10px} +.x .mLangEdit.ko strong{background:url(../img/flag.kr.gif) no-repeat 0 10px} +.x .mLangEdit.jp strong{background:url(../img/flag.jp.gif) no-repeat 0 10px} +.x .mLangEdit.fr strong{background:url(../img/flag.fr.gif) no-repeat 0 10px} +.x .mLangEdit.de strong{background:url(../img/flag.de.gif) no-repeat 0 10px} +.x .mLangEdit.ru strong{background:url(../img/flag.ru.gif) no-repeat 0 10px} +.x .mLangEdit.es strong{background:url(../img/flag.es.gif) no-repeat 0 10px} +.x .mLangEdit.tr strong{background:url(../img/flag.tr.gif) no-repeat 0 10px} +.x .mLangEdit.vi strong{background:url(../img/flag.vn.gif) no-repeat 0 10px} +.x .mLangEdit.mn strong{background:url(../img/flag.mn.gif) no-repeat 0 10px} +.x .mLangEdit.zh-CN strong, +.x .mLangEdit.zh-TW strong{background:url(../img/flag.cn.gif) no-repeat 0 10px} +.x .mLangEdit ul ul{border:0} +.x .mLangEdit li{position:relative;padding:0} +.x .mLangEdit li strong{display:inline-block;padding:6px 100px 8px 24px;font-weight:normal;line-height:1.5} +.x .mLangEdit li .side{position:absolute;top:8px;right:0;padding-right:18px;background:url(../img/iconArrow.gif) no-repeat right -160px} +.x .mLangEdit li li{border:0;padding-right:36px} +.x .mLangEdit li textarea{width:100%;height:16px;padding-right:30px;resize:vertical;line-height:1.4} +.x .mLangEdit li label{top:8px !important} +.x .mLangEdit li.active{background:#FFFDEF} +.x .mLangEdit li.active strong{font-weight:bold} +.x .mLangEdit li.active .side{background-position:right -128px} +.x .modal .mLangEdit ul{padding-bottom:1em} +.x .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} +.x .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)} +.x .suggestion ul{border-top:1px solid #ccc;border-left:1px solid #eee;border-right:1px solid #eee;margin:0} +.x .suggestion li{padding:0} +.x .suggestion li:last-child{border-bottom:0} +.x .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} +.x .suggestion li button:hover, +.x .suggestion li button:active, +.x .suggestion li button:focus{background:#eee} /* Image Mark */ -#imageMark{right:0} +.x #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} +.x .easyNav{position:relative;border:1px solid #e9e9e9;zoom:1} +.x .easyNav:after{content:"";display:block;clear:both} +.x .easyNav h2{font-size:16px} +.x .easyNav .category{width:30%;float:left;margin:0 2em;display:inline} +.x .easyNav .filter{position:absolute;top:0;right:0;margin:1em 2em;text-align:right} +.x .easyList td p{margin-top:0} +.x .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} +.x .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} +.x #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)} +.x #ftpSuggestion ul{border-left:1px solid #eee;border-right:1px solid #eee} +.x #ftpSuggestion li{padding:0} +.x #ftpSuggestion li button{border:0;background:#fff;text-align:left;width:288px} +.x #ftpSuggestion li button:hover, +.x #ftpSuggestion li button:active, +.x #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} +.x .thumbPreview li{position:relative;padding-left:10px;padding-right:10px} +.x .thumbPreview li.active.highlight{background:#f9f9f9} +.x .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} +.x .thumbPreview li.active .prevToggle{background-position:right 0} +.x .thumbPreview .a{border:0;margin:0;zoom:1} +.x .thumbPreview .a:after{content:"";display:block;clear:both} +.x .thumbPreview .i{float:left;vertical-align:top;margin:0 1em 1em 0;padding:0;border:0;zoom:1} +.x .thumbPreview .i:after{content:"";display:block;clear:both} +.x .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} +.x .thumbPreview .i .thumb .frame{position:absolute;width:120px;height:80px;left:0;top:0;border:2px solid #fff;overflow:hidden} +.x .thumbPreview .i .thumb img{width:120px;margin:0} +.x .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} +.x .thumbPreview .i input{display:none} +.x .thumbPreview .i ul{display:none} +.x .thumbPreview .selected .i{display:block;float:none} +.x .thumbPreview .selected .i .thumb{float:left;width:186px;height:126px;margin:0 1em 0 0;border:2px solid #eee} +.x .thumbPreview .selected .i .thumb .frame{width:180px;height:120px;border-width:3px} +.x .thumbPreview li.active.highlight .selected .i .thumb{border-color:#5ea8f6} +.x .thumbPreview .selected .i .thumb img{width:180px;position:relative} +.x .thumbPreview li.active .selected .i .thumb img{z-index:auto} +.x .thumbPreview .selected .i label{cursor:text} +.x .thumbPreview .selected .i ul{display:block;list-style:none;border:0;margin:1em 0 1em 200px} +.x .thumbPreview .selected .i li{border:0;padding:0;margin:0 0 .2em 0} +.x .thumbPreview.jx .i label{display:inline;width:auto} +.x .thumbPreview.jx .i.noDirection{display:none} +.x .thumbPreview.jx .i input{display:inline} +.x #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} +.x #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} +.x .fvOff, +.x .fvOn{display:inline-block;width:16px;height:16px;overflow:hidden;text-indent:16px;background:url(../img/iconFavorite.gif) no-repeat} +.x .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} +.x .uDrag .wrap{position:relative;padding-left:20px} +.x .uDrag li>.wrap{margin:0 0 0 8px} +.x .uDrag .dragActive{background:#FFD} +.x .uDrag .dragActive th, +.x .uDrag .dragActive td{background:none !important} +.x .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} +.x .faviconPreview{position:relative;padding:60px 0 0 200px;background:url(../img/bgFavicon.gif) no-repeat} +.x .faviconPreview img{position:absolute} +.x .faviconPreview .fn1{top:30px;left:12px} +.x .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} +.x .mobiconPreview{position:relative;padding:252px 0 0 200px;background:url(../img/bgMobileTop.png) no-repeat} +.x .mobiconPreview img{position:absolute;top:20px;left:10px} +.x .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} +.x .textList{border:1px solid #ddd !important;line-height:1.5em;height:18.5em;overflow:auto} +.x .textList li{border:0;padding:.25em 1em;height:1.5em;white-space:nowrap;overflow:hidden} +.x .textList li:nth-child(even){background:#eee} +.x .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} +.x .fileBox li{position:relative} +.x .fileBox li img{max-width:100%} +.x .fileBox .portlet ul{margin:1em;list-style:none;padding:0;border:0} +.x .fileBox .portlet li{border-top:1px solid #ddd;border-bottom:0;padding:8px 0} +.x .fileBox .side{position:absolute;top:8px;right:0} /* Messages */ -.desc.error{color:#f00} -.desc.success{color:#080} +.x .desc.error{color:#f00} +.x .desc.success{color:#080} /* Icon Button */ -a.wPreview{display:inline-block;width:15px;height:0;padding:13px 0 0 0;overflow:hidden;vertical-align:middle;background:url(../img/iconWindow.gif) no-repeat} -a.iComment{display:inline-block;width:16px;height:0;padding:16px 0 0 0;overflow:hidden;vertical-align:middle;background:url(../img/iconComment.gif) no-repeat} +.x a.wPreview{display:inline-block;width:15px;height:0;padding:13px 0 0 0;overflow:hidden;vertical-align:middle;background:url(../img/iconWindow.gif) no-repeat} +.x a.iComment{display:inline-block;width:16px;height:0;padding:16px 0 0 0;overflow:hidden;vertical-align:middle;background:url(../img/iconComment.gif) no-repeat} /* Responsive Layout */ @media only all and (max-width:860px){ - .header h1{margin-left:.7em} - .header .account{padding-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} +.x .header h1{margin-left:.7em} +.x .header .account{padding-right:1em} +.x .body{padding:1em} +.x .content{float:none;margin-left:0} +.x .lnb{float:none;width:auto;margin:1em 0} +.x .dashboard .portlet{float:none !important;width:auto !important;margin-right:0} +.x .modal .fg, +.x .wfsr .fg{width:auto} +.x .easyNav .category{float:none;display:block;width:auto} +.x .easyNav .filter{position:static} } @media only all and (max-width:640px){ - .skipNav a{position:relative;width:auto;height:auto} - .modal{position:absolute} +.x .skipNav a{position:relative;width:auto;height:auto} +.x .modal{position:absolute} } diff --git a/modules/admin/tpl/layout.html b/modules/admin/tpl/layout.html index c2d298791..40d2b8c30 100644 --- a/modules/admin/tpl/layout.html +++ b/modules/admin/tpl/layout.html @@ -1,8 +1,6 @@
-
- {$content} -
+ {$content}
diff --git a/modules/page/tpl/page_content_modify.html b/modules/page/tpl/page_content_modify.html index bab9fe4f5..9b7e1462b 100644 --- a/modules/page/tpl/page_content_modify.html +++ b/modules/page/tpl/page_content_modify.html @@ -55,7 +55,7 @@ diff --git a/modules/page/tpl/page_mobile_content_modify.html b/modules/page/tpl/page_mobile_content_modify.html index bcdff88e3..3fbc67515 100644 --- a/modules/page/tpl/page_mobile_content_modify.html +++ b/modules/page/tpl/page_mobile_content_modify.html @@ -56,7 +56,7 @@ diff --git a/themes/xe_default/conf/info.xml b/themes/xe_default/conf/info.xml index 91904e3a7..32ab2e008 100644 --- a/themes/xe_default/conf/info.xml +++ b/themes/xe_default/conf/info.xml @@ -1,14 +1,15 @@ 0.1 - XE Default Theme + XE 기본 테마 XE Default Theme 2011-07-26 NHN NHN - XE 기본 테마입니다. + XE가 제공하는 기본 테마입니다. + The basic theme is provided by XE.