diff --git a/modules/menu/tpl/site_design.html b/modules/menu/tpl/site_design.html index f21a1fa06..1b714382e 100644 --- a/modules/menu/tpl/site_design.html +++ b/modules/menu/tpl/site_design.html @@ -5,29 +5,31 @@

디자인

-
- -
- -
- 현재 설정된 모바일 레이아웃 - 크게 보기 +
+
+ +
+ +
-
- -
- - + +
+ + +
@@ -35,36 +37,38 @@

레이아웃

-
-

사용할 수 있는 레이아웃 목록

- -
- 다른 레이아웃 설치 +
+
+

사용할 수 있는 레이아웃 목록

+ +
+ 다른 레이아웃 설치 +
@@ -73,7 +77,8 @@

다른 레이아웃 설치

-
+
+
-
+
  • «
  • 1
    • @@ -95,13 +100,15 @@
  • »
+

스킨

-
+
+

사용할 수 있는 스킨 목록

+

다른 스킨 설치

-
- -
-
- +
+
+ +
+
+ +
@@ -177,13 +187,18 @@ body>.x{max-width:none} #site .btnBoth, #site .x_btn-group{text-align:right;padding:10px 0;margin:15px 0;border-top:1px solid #ccc} #site .btnBoth:after{content:"";display:block;clear:both} -.col{display:inline-block;vertical-align:top;position:relative;white-space:normal;height:100%;min-width:220px;padding:10px 25px 10px 10px;margin:0 4px 0 0;overflow-y:auto;overflow-x:hidden;border:1px solid #ddd} -.col>*>h1{line-height:30px;font-size:16px;border-bottom:2px solid #666;margin:0;color:#333} -.col>*>ul{margin:0;padding:0;list-style:none} -.col>.x_close{position:absolute;top:0;right:0;width:32px;height:32px} +.col{display:inline-block;vertical-align:top;position:relative;white-space:normal;height:100%;min-width:220px;padding:10px;margin:0 4px 0 0;border:1px solid #ddd} +.col>*>h1{line-height:30px;font-size:14px;border-bottom:2px solid #000;margin:0;color:#fff;background:#333 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#333));background:#333 -moz-linear-gradient(top, #666, #333);background:#333 -o-linear-gradient(top, #666, #333);padding:0 8px;border-radius:2px 2px 0 0} +.col>*>h1>a{color:#fff} +.col>*>h1>a[target="_blank"]:after{background-image:url({getUrl('')}common/img/glyphicons-halflings-white.png)} +.col>*>.cnt{overflow-x:hidden;overflow-y:auto;padding:0 10px 0 0;margin:0 -10px 0 0} +.col>*>.cnt>ul{margin:0;padding:0;list-style:none} +.col>.x_close{position:absolute;top:10px;right:10px;width:30px;height:30px;color:#fff;font-size:17px;opacity:.75;filter:alpha(opacity=75)} +.col>.x_close:hover, +.col>.x_close:focus{opacity:1;filter:alpha(opacity=100)} .col input[type="checkbox"], .col input[type="radio"]{margin:0} -.col label{cursor:pointer} +.col>*>.cnt label{cursor:pointer;font-weight:normal} /* Nav */ .col .nav li{border-bottom:1px solid #ddd;position:relative;white-space:nowrap} .col .nav li:first-child{border-top:0} @@ -212,32 +227,37 @@ body>.x{max-width:none} .download a.x_icon-download-alt:focus{background-color:#333} .download p>i{font-style:normal;color:#ccc} /* Theme(layout|skin) */ -.theme img{width:220px} +.theme img{width:110px} +.theme label{margin:0;padding:8px 0;position:relative;border-bottom:1px solid #ddd} +.theme label>a{position:absolute;top:4px;right:0;width:24px;height:24px;border-radius:3px;background-position:-427px 5px;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s} +.theme label>a:hover, +.theme label>a:focus{background-color:#000;background-image:url({getUrl('')}common/img/glyphicons-halflings-white.png)} .theme h2{font-size:14px;border-bottom:1px solid #ddd;margin:0;padding:15px 0 8px 0} -.theme ul button{background-color:transparent;border:0;padding:0;margin:0;overflow:visible;} +.theme ul button{background-color:transparent;border:0;padding:0;margin:0;overflow:visible} .theme ul{margin:0;padding:0;list-style:none} .theme li{zoom:1} .theme li:after{content:"";display:block;clear:both} -.theme .list>ul>li{height:146px;padding:8px 0 8px 230px;border-top:1px dashed #ddd;position:relative} +.theme .list>ul>li{padding:8px 0 8px 120px;border-top:1px dashed #ddd;position:relative} .theme .list>ul>li:first-child{border:0} -.theme .item{position:absolute;margin:0 -220px 0 0;left:0;top:8px} -.theme .item>i{display:none} -.theme .item:hover>i, -.theme .item:focus>i{display:block;position:absolute;bottom:0;right:0;background-color:#fff;width:24px;height:24px;opacity:.75;filter:alpha(opacity=75);background-position:-283px 5px} -.theme ul ul{white-space:nowrap} +.theme .list>ul>li>label{position:relative;color:#333;font-size:13px;white-space:nowrap;line-height:15px;margin:0 0 0 -120px;padding:0;border-bottom:0} +.theme .item{position:relative;float:left;margin:5px -110px 0 -120px;display:inline} +.theme .selected{background:#FFC} +.theme .selected>label{font-weight:bold} +.theme ul ul{white-space:nowrap;float:left;width:100%;margin:5px 0 0 0} .theme ul ul a>i{position:absolute;top:2px;right:2px} -.theme ul ul>li>*{display:block;text-align:left;position:relative;text-decoration:none;padding:0 24px 0 5px;border-radius:3px;color:#000;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s} +.theme ul ul>li>*{display:block;text-align:left;position:relative;text-decoration:none;padding:0 34px 0 5px;border-radius:3px;color:#000;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;white-space:nowrap} .theme ul ul>li>*:hover, .theme ul ul>li>*:focus{background:#666;color:#fff} .theme ul ul>li>a:hover>i, .theme ul ul>li>a:focus>i{background-image:url({getUrl('')}common/img/glyphicons-halflings-white.png)} -.theme ul ul>li>button{width:100%;} +.theme ul ul>li>button{width:100%} /* Design */ #design ul{margin-top:8px} #design .btnBoth{border:0;margin-top:0} #design img{width:220px} -#design .x_tab-pane{position:relative} -#design .x_icon-zoom-in{position:absolute;right:0;bottom:0;width:24px;height:24px;background-color:#fff;opacity:.75;filter:alpha(opacity:75);background-position:-331px 5px} +#design .x_tab-pane{position:relative;box-shadow:0 0 4px #999 inset;padding:4px;width:260px;height:200px;overflow:hidden} +#design .x_tab-pane>iframe{border:0;width:1024px;height:768px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.25,M22=0.25,SizingMethod='auto expand');-webkit-transform-origin:0 0; -webkit-transform: scale(.25);-moz-transform-origin:0 0; -moz-transform: scale(.25);position:absolute} +#design .x_icon-zoom-in{position:absolute;right:4px;bottom:4px;width:24px;height:24px;background-color:#fff;opacity:.75;filter:alpha(opacity:75);background-position:-331px 5px} #design .x_icon-zoom-in:after{content:normal} - -
- - -
- -
-
-
선택 됨
-

이미지 없음

- -
-
- - -
-
+
+
+
+
일반
+ 일반 버튼 이미지 +
+
+ + +
+
+
+
+
마우스 오버
+

이미지 없음

+ +
+
+ + +
+
+
+
+
선택 됨
+

이미지 없음

+ +
+
+ + +
+
+

디자인

-
- -
-
    -
  • PC
    • -
  • 모바일
    • +
    + + +
    + +
    +
    + + +
    +
    + + +
    +
    +
    + +
      + + +
    -
    -
    -
    - -
    - - -
    -
    -
    - -
    - - 크게 보기 -
    +
    + +
    - -
      - - - -
    -
    - - -

레이아웃

- -
-
    - - -
-
- 다른 레이아웃 설치 +
+ +
+
    + + +
+
+ 다른 레이아웃 설치 +
@@ -355,14 +364,18 @@

레이아웃 설정

-
+
+
+

레이아웃 HTML/CSS 설정

-
+
+
+
@@ -370,20 +383,20 @@

다른 레이아웃 설치

-
- +
+
+ +
+
- -
-
@@ -391,58 +404,60 @@

스킨

- -
-
    - - - - - -
-
- 다른 스킨 설치 +
+ +
+
    + + + + + +
+
+ 다른 스킨 설치 +
@@ -451,46 +466,48 @@

다른 스킨 설치

-
- +
+
+ +
+
- -
-

권한

-
    - - -
-
- +
+
    + + +
+
+ +
@@ -525,14 +542,20 @@ #site .btnBoth, #site .x_btn-group{text-align:right;padding:10px 0;margin:15px 0;border-top:1px solid #ccc} #site .btnBoth:after{content:"";display:block;clear:both} -.col{display:inline-block;vertical-align:top;position:relative;white-space:normal;height:100%;min-width:220px;padding:10px 25px 10px 10px;margin:0 4px 0 0;overflow-y:auto;overflow-x:hidden;border:1px solid #ddd} -.col>*>h1{line-height:30px;font-size:16px;border-bottom:2px solid #666;margin:0;color:#333} -.col>*>ul{margin:0;padding:0;list-style:none} -.col>.x_close{position:absolute;top:0;right:0;width:32px;height:32px} +.col{display:inline-block;vertical-align:top;position:relative;white-space:normal;height:100%;min-width:220px;padding:10px;margin:0 4px 0 0;border:1px solid #ddd} +.col>*>h1{line-height:30px;font-size:14px;border-bottom:2px solid #000;margin:0;color:#fff;background:#333 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#333));background:#333 -moz-linear-gradient(top, #666, #333);background:#333 -o-linear-gradient(top, #666, #333);padding:0 8px;border-radius:2px 2px 0 0} +.col>*>h1>a{color:#fff} +.col>*>h1>a[target="_blank"]:after{background-image:url({getUrl('')}common/img/glyphicons-halflings-white.png)} +.col>*>.cnt{overflow-x:hidden;overflow-y:auto;padding:0 10px 0 0;margin:0 -10px 0 0} +.col>*>.cnt>ul{margin:0;padding:0;list-style:none} +.col>.x_close{position:absolute;top:10px;right:10px;width:30px;height:30px;color:#fff;font-size:17px;opacity:.75;filter:alpha(opacity=75)} +.col>.x_close:hover, +.col>.x_close:focus{opacity:1;filter:alpha(opacity=100)} .col input[type="checkbox"], .col input[type="radio"]{margin:0} -.col label{cursor:pointer} - /* .mapi * */ +.col>*>.cnt label{cursor:pointer;font-weight:normal} + /* .mapi */ +.col.map#site_map{overflow-x:hidden;overflow-y:auto} .mapi{margin:0 0 15px 0;min-width:200px;background-color:transparent !important} .mapi ul{margin:0;padding:0;list-style:none} .mapi li{padding:0 80px 0 0;white-space:nowrap;position:relative;line-height:30px;border-radius:3px;vertical-align:top} @@ -618,7 +641,7 @@ .theme .selected>label{font-weight:bold} .theme ul ul{white-space:nowrap;float:left;width:100%;margin:5px 0 0 0} .theme ul ul a>i{position:absolute;top:2px;right:2px} -.theme ul ul>li>*{display:block;text-align:left;position:relative;text-decoration:none;padding:0 24px 0 5px;border-radius:3px;color:#000;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s} +.theme ul ul>li>*{display:block;text-align:left;position:relative;text-decoration:none;padding:0 34px 0 5px;border-radius:3px;color:#000;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;white-space:nowrap} .theme ul ul>li>*:hover, .theme ul ul>li>*:focus{background:#666;color:#fff} .theme ul ul>li>a:hover>i, @@ -673,8 +696,9 @@ #design ul{margin-top:8px} #design .btnBoth{border:0;margin-top:0} #design img{width:220px} -#design .x_tab-pane{position:relative} -#design .x_icon-zoom-in{position:absolute;right:0;bottom:0;width:24px;height:24px;background-color:#fff;opacity:.75;filter:alpha(opacity:75);background-position:-331px 5px} +#design .x_tab-pane{position:relative;box-shadow:0 0 4px #999 inset;padding:4px;width:260px;height:200px;overflow:hidden} +#design .x_tab-pane>iframe{border:0;width:1024px;height:768px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.25,M22=0.25,SizingMethod='auto expand');-webkit-transform-origin:0 0; -webkit-transform: scale(.25);-moz-transform-origin:0 0; -moz-transform: scale(.25);position:absolute} +#design .x_icon-zoom-in{position:absolute;right:4px;bottom:4px;width:24px;height:24px;background-color:#fff;opacity:.75;filter:alpha(opacity:75);background-position:-331px 5px} #design .x_icon-zoom-in:after{content:normal} #layout li ul._edit_menu {display:none} @@ -2736,7 +2760,7 @@ jQuery(function($){ // Set #site height fix $(window).resize(function(){ var wHeigh = $(window).height(); - $('#site').height(wHeigh - 150).children('.col').height(wHeigh - 195); + $('#site').height(wHeigh - 150).children('.col').height(wHeigh - 195).find('.cnt').height(wHeigh - 227); }).resize(); // #linkMenu copy and set text to input /*