first commit
This commit is contained in:
pakerpale
95
public/css/admin/base.css
Executable file
95
public/css/admin/base.css
Executable file
@@ -0,0 +1,95 @@
|
||||
@charset "utf-8";
|
||||
|
||||
html {/*overflow-x:hidden;*/overflow-y:scroll;}
|
||||
html,body {/*width:100%;height:100%;*/-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
|
||||
body,div,p,dl,dt,dd,ul,ol,li,table,th,td,textarea,form,fieldset,legend,input,select,button {margin:0;padding:0}
|
||||
ul,ol,li {list-style:none;}
|
||||
img,fieldset,iframe {border:0 none;}
|
||||
input,select,button,textarea {vertical-align:middle;}
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner{border:0;padding:0;}
|
||||
textarea {overflow:auto;}
|
||||
img {height:auto;vertical-align:top;-ms-interpolation-mode:bicubic;}
|
||||
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:1em;font-weight:normal;}
|
||||
address,em,strong,th {font-style:normal;font-weight:normal;}
|
||||
table {border-spacing:0;border-collapse:collapse;}
|
||||
img[usemap],map area {outline:0;}
|
||||
sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
|
||||
sup {top:-0.5em;}
|
||||
sub {bottom:-0.25em;}
|
||||
caption, legend, hr, .hid {position:absolute;left:-9999px;width:0;height:0;font-size:0;overflow:hidden;}
|
||||
|
||||
button, input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button;cursor:pointer;}
|
||||
button[disabled], input[disabled] {cursor:default;}
|
||||
button {-webkit-appearance:none;-moz-appearance:none;background:transparent;padding:0;border:0;line-height:1;}
|
||||
.button {display:inline-block;text-align:center;line-height:1;cursor:pointer;vertical-align:middle;border:1px solid transparent;border-radius:3px;background-color:#2ba6cb;color:#fff;
|
||||
-webkit-appearance:none;transition:opacity 0.25s ease-out, background-color 0.25s ease-out, color 0.25s ease-out;}
|
||||
button:focus {outline:0;}
|
||||
.button:after {transition:opacity 0.25s ease-out, background-color 0.25s ease-out, color 0.25s ease-out;}
|
||||
.button span {position:relative;z-index:1;}
|
||||
|
||||
[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea {box-sizing:border-box;width:100%;height:auto;padding:4px 4px;background-color:#fefefe;font-size:0.9em;border:1px solid #d0d0d0;box-shadow:inset 0 1px 2px rgba(10, 10, 10, 0.1);-webkit-appearance:none;-moz-appearance:none;
|
||||
transition:box-shadow 0.5s, border-color 0.25s ease-in-out;}
|
||||
[type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus, [type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus, textarea:focus {border:1px solid #2ba6cb;background-color:#fefefe;outline:none;box-shadow:0 0 5px #d0d0d0;
|
||||
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;}
|
||||
[type="file"], [type="checkbox"], [type="radio"] {padding:0;margin:0;vertical-align:middle;}
|
||||
[type="checkbox"] + label, [type="radio"] + label {display:inline-block;vertical-align:middle;margin:0 15px 0 3px;}
|
||||
label [type="checkbox"] + span, label [type="radio"] + span {display:inline-block;padding:4px 0;vertical-align:middle;margin:0 15px 0 3px;}
|
||||
label span + [type="checkbox"], label span + [type="radio"] {display:inline-block;padding:4px 0;vertical-align:middle;margin:0 15px 0 3px;}
|
||||
label [type="checkbox"], label [type="radio"], label span {vertical-align:middle;}
|
||||
select {box-sizing:border-box;width:100%;height:auto;padding:3px 4px;background-color:#fefefe;font-size:0.9em;border:1px solid #cacaca;box-shadow:inset 0 1px 2px rgba(10, 10, 10, 0.1);transition:box-shadow 0.5s, border-color 0.25s ease-in-out;}
|
||||
select:focus {border:1px solid #2ba6cb;background-color:#fefefe;outline:none;box-shadow:0 0 5px #cacaca;transition: box-shadow 0.5s, border-color 0.25s ease-in-out;}
|
||||
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height:auto;}
|
||||
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#aaa !important;font-weight:300 !important;}
|
||||
input:-moz-placeholder, textarea:-moz-placeholder {color:#aaa !important;font-weight:300 !important;}
|
||||
input::-moz-placeholder, textarea::-moz-placeholder {color:#aaa !important;font-weight:300 !important;}
|
||||
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#aaa !important;font-weight:300 !important;}
|
||||
input:placeholder-shown, textarea:placeholder-shown {color:#aaa !important;font-weight:300 !important;}
|
||||
|
||||
.clearfix {zoom:1;}
|
||||
.clearfix:before, .clearfix:after {content:"";display:table;}
|
||||
.clearfix:after {clear:both;}
|
||||
|
||||
.fleft {float:left;}
|
||||
.fright {float:right;}
|
||||
|
||||
.tac {text-align:center;}
|
||||
.dib {display:inline-block;zoom:1;*display:inline;vertical-align:middle;}
|
||||
|
||||
.w50 {width:50px;}
|
||||
.w60 {width:60px;}
|
||||
.w70 {width:70px;}
|
||||
.w80 {width:80px;}
|
||||
.w90 {width:90px;}
|
||||
.w100 {width:100px;}
|
||||
.w110 {width:110px;}
|
||||
.w120 {width:120px;}
|
||||
.w130 {width:130px;}
|
||||
.w140 {width:140px;}
|
||||
.w150 {width:150px;}
|
||||
.w160 {width:160px;}
|
||||
.w180 {width:180px;}
|
||||
.w200 {width:200px;}
|
||||
.w230 {width:230px;}
|
||||
.w250 {width:250px;}
|
||||
.w300 {width:300px;}
|
||||
.w350 {width:350px;}
|
||||
.w400 {width:400px;}
|
||||
.w500 {width:500px;}
|
||||
.w600 {width:600px;}
|
||||
|
||||
.mt0 {margin-top:0 !important;}
|
||||
.mt30 {margin-top:30px !important;}
|
||||
.mt40 {margin-top:40px !important;}
|
||||
.mt50 {margin-top:50px !important;}
|
||||
.mt60 {margin-top:60px !important;}
|
||||
.mt80 {margin-top:80px !important;}
|
||||
.mb0 {margin-bottom:0px !important;}
|
||||
.mb5 {margin-bottom:5px !important;}
|
||||
|
||||
.mr0 {margin-right:0 !important;}
|
||||
.mr5 {margin-right:5px !important;}
|
||||
.ml0 {margin-left:0px !important;}
|
||||
.ml10 {margin-left:10px !important;}
|
||||
.ml30 {margin-left:30px !important;}
|
||||
.ml50 {margin-left:50px !important;}
|
||||
665
public/css/admin/common.css
Executable file
665
public/css/admin/common.css
Executable file
@@ -0,0 +1,665 @@
|
||||
@charset "utf-8";
|
||||
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
|
||||
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
|
||||
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
|
||||
#wrap{height: 100%;background: #cfd6e3;}
|
||||
html{height: 100%;min-width: 1300px;}
|
||||
body{height: 100%;background:#000;}
|
||||
#wrap{height: 100%;}
|
||||
input[type="checkbox"]{width:15px;height: 15px;}
|
||||
body.no_scroll,html.no_scroll{height:100%;overflow:hidden;}
|
||||
/*#wrap.noscroll{overflow-y:hidden;position:fixed;height:100%;}*/
|
||||
body, input, select, textarea, button {font-family:'NotoSansKR_400',NotoSansKR,'돋움',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;font-size:14.5px;line-height:1.5;color:#333;}
|
||||
a {text-decoration:none;color:#333;background-color:transparent;font-size: 14.5px;}
|
||||
/*a:hover, a:focus {color:#f00;outline:0;font-size: 1em;}*/
|
||||
/*img{width:100%;}*/
|
||||
.com_wrap{min-width: 1310px;padding:30px;padding-top:10px;
|
||||
background: #fff;}
|
||||
.full_helper{position: absolute;top:0;right:0;left:0;bottom:0;width:100%;height:100%;}
|
||||
.max_func{max-width:1310px;margin:0 auto;padding:0 50px;}
|
||||
.make_table{display: table;height:100%;width:100%;}
|
||||
#header_wrap, #container_wrap, #footer_wrap {position: relative;min-width:1150px;}
|
||||
|
||||
#footer_wrap{background: #2c353d;padding:30px 0 30px 0; }
|
||||
.top_wrap{padding-top:10px;padding-right:9px;min-width:1150px;}
|
||||
#container_wrap{padding-top:120px;padding-left:320px;box-sizing: border-box;background: #cfd6e3;}
|
||||
#container_wrap.notive{padding-left:0}
|
||||
#container_wrap.full{padding:10px 10px;}
|
||||
.inner_content{width:100%;background: #fff;
|
||||
padding:15px;box-sizing: border-box;}
|
||||
#header_wrap {z-index:999;border-bottom:7px dotted #ccc;position: fixed;}
|
||||
#header {height:60px;background:#25907b;margin:0 auto;position: relative;}
|
||||
#container {max-width:1310px;margin:70px auto 40px ;position: relative;padding:0 50px;}
|
||||
#footer {max-width:1310px;color:#fff;margin:0 auto;position: relative;padding:0 50px;}
|
||||
.ma_content{max-width:1310px;padding:0 50px;margin:0 auto;position: relative;}
|
||||
.ma_content02{max-width:1310px;padding:0 50px;margin:0 auto;position: relative;top:0;height:100%;}
|
||||
#header .logo {width:300px;height:60px;position: absolute;top:0px;left:0px;line-height: 60px;font-weight: bold;}
|
||||
#header .logo a{font-weight: bold;font-size: 30px;color:#fff;font-weight: bold;background: #2A3F54;display: block;}
|
||||
#header .logo img{width:100%;max-width:400px;margin-right: 10px;}
|
||||
#header_wrap{background: #fff;/*padding-top:30px;*/;width:100%;}
|
||||
/* utilmenu */
|
||||
.utilmenu {position:absolute;right:30px;top:5px;}
|
||||
.utilmenu li {padding:0 10px;/*background:url('/img/admin/common/sep_util.jpg') 0 8px no-repeat;*/font-weight: bold;font-size: 14px;line-height: 50px;display: inline-block;
|
||||
color:#fff;}
|
||||
.utilmenu li:first-child {padding-left:0;background:none;color:#fff;}
|
||||
.utilmenu li:last-child {padding-right:0;}
|
||||
.utilmenu li a {
|
||||
background: #fff;margin-left:7px;border-radius:20px;font-size: 12px;
|
||||
padding:5px;
|
||||
}
|
||||
.utilmenu li img{display: inline-block;width:40px;height: 40px;border-radius: 50%;border:3px solid #fff;padding:3px;margin-right: 5px;
|
||||
margin-top: -2px;background: #54cbc6;}
|
||||
.black_board{position: fixed;width:100%;height: 100%;background: #000;opacity: 0.6;
|
||||
z-index:1000;top:0;left:0;display: none;}
|
||||
.black_board.on{display: block;}
|
||||
.pop_con h2{font-size: 20px;font-weight: bold;text-align: center;
|
||||
padding-bottom: 10px;}
|
||||
.pop_con .pop_close{position: absolute;top:-40px;right:-5px;font-size: 25px;font-weight: 500;color:#fff;}
|
||||
.common_table.pop_con{width:400px;height: auto;padding:20px;position: fixed;top:-1000px;
|
||||
left:50%;margin-left:-220px;background: #fff;border: 1px solid #ccc;z-index:2000;
|
||||
box-shadow: 3px 2px 1px #ccc;}
|
||||
.common_table.pop_con th{font-size: 16px;min-width: 80px;}
|
||||
.pop_con.on{top:100px;}
|
||||
#container_wrap .tl{text-align:left;}
|
||||
#container_wrap .tr{text-align:right;}
|
||||
#container_wrap .tc{text-align:center;}
|
||||
|
||||
#container_wrap .fn{float:none;}
|
||||
#container_wrap .fl{float:left}
|
||||
#container_wrap .fr{float:right}
|
||||
|
||||
#container_wrap .mbn{margin:0;}
|
||||
#container_wrap .mb10{margin-bottom:10px;}
|
||||
#container_wrap .mb30{margin-bottom:10px;}
|
||||
|
||||
#container_wrap .middle{display:table-cell;vertical-align:middle;}
|
||||
|
||||
.file_custom {display:inline-block;zoom:1;*display:inline;vertical-align:middle;font-size:0;position:relative;width:300px;}
|
||||
.file_custom .disable_field {display:inline-block;vertical-align:top;width:230px;height:24px;line-height:24px;margin:0;padding:2px 5px;border:1px solid #ddd;background-color:#fafafa;}
|
||||
.file_custom .btn_file_wrap {position:absolute;left:205px;overflow:hidden;top:0;border:solid 1px #aaa;display:inline-block;vertical-align:top;}
|
||||
.file_custom .btn_file_wrap input.upload {position:absolute;top:0;right:0;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;}
|
||||
.file_custom .btn_file_wrap .btn_file {display:inline-block;vertical-align:middle;padding:0 20px;height:28px;line-height:28px;font-size:13px;font-weight:bold;color:#555;background-color:#fff;}
|
||||
|
||||
|
||||
|
||||
/*--------------------------------------moving_all-------------------------------*/
|
||||
|
||||
/*컨텐츠가 리사이즈로 움직였을때 애니메이션효과주는 class*/
|
||||
.moving_all{
|
||||
-webkit-transition: all 400ms ease-in-out;
|
||||
-moz-transition: all 400ms ease-in-out;
|
||||
-o-transition: all 400ms ease-in-out;
|
||||
transition: all 400ms ease-in-out;
|
||||
}
|
||||
.moving_all2{
|
||||
-webkit-transition: all 100ms ease-in-out;
|
||||
-moz-transition: all 100ms ease-in-out;
|
||||
-o-transition: all 100ms ease-in-out;
|
||||
transition: all 100ms ease-in-out;
|
||||
}
|
||||
.biger{
|
||||
-webkit-transition: -webkit-transform 300ms ease-out, background-color 300ms ease-out, font-size 300ms ease-out;
|
||||
-moz-transition: -moz-transform 300ms ease-out, background-color 300ms ease-out, font-size 300ms ease-out;
|
||||
-ms-transition: -moz-transform 300ms ease-out, background-color 300ms ease-out, font-size 300ms ease-out;
|
||||
-o-transition: -o-transform 300ms ease-out, background-color 300ms ease-out, font-size 300ms ease-out;
|
||||
transition: transform 300ms ease-out, background-color 300ms ease-out, font-size 300ms ease-out;
|
||||
|
||||
}
|
||||
.scale_all{
|
||||
-webkit-transform:scale(1.1);
|
||||
-moz-transform:scale(1.1);
|
||||
-ms-transform:scale(1.1);
|
||||
-o-transform:scale(1.1);
|
||||
transform:scale(1.1);}
|
||||
|
||||
|
||||
|
||||
/*shape custom------------------------------------------------------------*/
|
||||
/*하단 밑줄 바 아이콘 생성 클레스*/
|
||||
.color_tick{
|
||||
margin: 0;
|
||||
display: block;
|
||||
min-height: 21px;
|
||||
height: auto;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
width: 100%;
|
||||
margin:5px 0 35px;
|
||||
text-align: center;
|
||||
}
|
||||
.color_tick_inner{
|
||||
width:50px;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
height: 1px;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
margin-top: -1px;
|
||||
background: #164732;
|
||||
border-color:#164732;
|
||||
border-top-width: 2px;
|
||||
border-top:0.5px solid #164732
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*
|
||||
slickcaption 갑자기 올라오는 버그를 잡기 위해서는
|
||||
슬릭에 두가지 첨가
|
||||
centerMode:true,
|
||||
centerPadding:'0px',
|
||||
*/
|
||||
/* 슬라이더 캡션 스타일 start
|
||||
.main_slide .slick_caption {position:absolute;left:0;top:0;width:100%;padding:20px 0;text-align:center;color:#fff;overflow:hidden;z-index:30;}
|
||||
|
||||
.main_slide .slick_caption .caption1 {margin-bottom:30px;font-size:80px;font-weight:700;line-height:85px;letter-spacing:-2px;}
|
||||
.main_slide .slick_caption .caption2 {margin-bottom:5px;font-size:22px;font-weight:400;line-height:27px;letter-spacing:-2px;}
|
||||
.main_slide .slick_caption .caption3 {margin-bottom:10px;font-size:25px;font-weight:400;line-height:30px;letter-spacing:-2px;}
|
||||
.main_slide .slick_caption .caption4 {margin-bottom:10px;font-size:37px;font-weight:400;line-height:42px;letter-spacing:-2px;}
|
||||
|
||||
.main_slide .slick_caption .caption1 span,
|
||||
.main_slide .slick_caption .caption2 span,
|
||||
.main_slide .slick_caption .caption3 span {font-size:1.1em;font-weight:700;}
|
||||
/* 슬라이더 캡션 스타일 end */
|
||||
|
||||
/* 슬라이더 캡션 트렌지션 start */
|
||||
.fade_in, .from_top, .from_bottom, .from_left, .from_right {opacity: 0;
|
||||
-webkit-transition: all 0.7s ease-in-out;
|
||||
-moz-transition: all 0.7s ease-in-out;
|
||||
-o-transition: all 0.7s ease-in-out;
|
||||
transition: all 0.7s ease-in-out;}
|
||||
.delay1 {-webkit-transition-delay:0.1s;-moz-transition-delay:0.1s;-o-transition-delay:0.1s;
|
||||
transition-delay:0.1s;}
|
||||
.delay2 {-webkit-transition-delay:0.2s;-moz-transition-delay:0.2s;-o-transition-delay:0.2s;
|
||||
transition-delay:0.2s;}
|
||||
.delay3 {-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;
|
||||
transition-delay:0.3s;}
|
||||
.delay4 {-webkit-transition-delay:0.4s;-moz-transition-delay:0.4s;-o-transition-delay:0.4s;
|
||||
transition-delay:0.4s;}
|
||||
.delay5 {-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;
|
||||
transition-delay:0.5s;}
|
||||
.delay6 {-webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;
|
||||
transition-delay:0.6s;}
|
||||
.delay7 {-webkit-transition-delay:0.7s;-moz-transition-delay:0.7s;-o-transition-delay:0.7s;
|
||||
transition-delay:0.7s;}
|
||||
.delay8 {-webkit-transition-delay:0.8s;-moz-transition-delay:0.8s;-o-transition-delay:0.8s;
|
||||
transition-delay:0.8s;}
|
||||
.delay9 {-webkit-transition-delay:0.9s;-moz-transition-delay:0.9s;-o-transition-delay:0.9s;
|
||||
transition-delay:0.9s;}
|
||||
.delay10 {-webkit-transition-delay:1s;-moz-transition-delay:1s;-o-transition-delay:1s;
|
||||
transition-delay:1s;}
|
||||
.delay11 {-webkit-transition-delay:1.1s;-moz-transition-delay:1.1s;-o-transition-delay:1.1s;
|
||||
transition-delay:1.1s;}
|
||||
.delay12 {-webkit-transition-delay:1.2s;-moz-transition-delay:1.2s;-o-transition-delay:1.2s;
|
||||
transition-delay:1.2s;}
|
||||
|
||||
.slick-slider .slick-active .fade_in,
|
||||
.slick-slider .slick-center .fade_in {opacity: 1;}
|
||||
.slick-slider .slick-slide .from_top {
|
||||
-webkit-transform: translateY(-100%);
|
||||
-ms-transform: translateY(-100%);
|
||||
-o-transform: translateY(-100%);
|
||||
transform: translateY(-100%);}
|
||||
.slick-slider .slick-active .from_top,
|
||||
.slick-slider .slick-center .from_top {opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
transform: translateY(0);}
|
||||
|
||||
.slick-slider .slick-slide .from_bottom {
|
||||
-webkit-transform: translateY(100%);
|
||||
-ms-transform: translateY(100%);
|
||||
-o-transform: translateY(100%);
|
||||
transform: translateY(100%);}
|
||||
.slick-slider .slick-active .from_bottom,
|
||||
.slick-slider .slick-center .from_bottom {opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
transform: translateY(0);}
|
||||
|
||||
.slick-slider .slick-slide .from_left {
|
||||
-webkit-transform: translateX(-100%);
|
||||
-ms-transform: translateX(-100%);
|
||||
-o-transform: translateX(-100%);
|
||||
transform: translateX(-100%);}
|
||||
.slick-slider .slick-active .from_left,
|
||||
.slick-slider .slick-center .from_left {opacity: 1;
|
||||
-webkit-transform: translateX(0);
|
||||
-ms-transform: translateX(0);
|
||||
-o-transform: translateX(0);
|
||||
transform: translateX(0);}
|
||||
|
||||
.slick-slider .slick-slide .from_right {
|
||||
-webkit-transform: translateX(100%);
|
||||
-ms-transform: translateX(100%);
|
||||
-o-transform: translateX(100%);
|
||||
transform: translateX(100%);}
|
||||
.slick-slider .slick-active .from_right,
|
||||
.slick-slider .slick-center .from_right {opacity: 1;
|
||||
-webkit-transform: translateX(0);
|
||||
-ms-transform: translateX(0);
|
||||
-o-transform: translateX(0);
|
||||
transform: translateX(0);}
|
||||
/* 슬라이더 캡션 트렌지션 end */
|
||||
/*.main_slide {width:1200px;height:620px;position:relative;}*/
|
||||
|
||||
.main_slide .slide_01 .slick_caption {left:10%;top:17%;width:40%;}
|
||||
.main_slide .slide_01 .slick_caption .caption1 {color:#ea749b;}
|
||||
.main_slide .slide_01 .slick_caption .caption2 {color:#333;}
|
||||
.main_slide .slide_01 .slick_caption .caption3 {color:#333;}
|
||||
.main_slide .slide_01 .slick_caption .caption4 {color:#ea749b;}
|
||||
|
||||
.main_slide .slide_02 .slick_caption {left:43%;top:10%;width:40%;}
|
||||
.main_slide .slide_02 .slick_caption .caption1 {color:#5c6bc0;}
|
||||
.main_slide .slide_02 .slick_caption .caption2 {color:#333;}
|
||||
.main_slide .slide_02 .slick_caption .caption3 {color:#333;}
|
||||
.main_slide .slide_02 .slick_caption .caption4 {color:#5c6bc0;}
|
||||
|
||||
.main_slide .slide_03 .slick_caption {left:12%;top:10%;width:40%;}
|
||||
.main_slide .slide_03 .slick_caption .caption1 {color:#85b5e4;}
|
||||
.main_slide .slide_03 .slick_caption .caption2 {color:#333;}
|
||||
.main_slide .slide_03 .slick_caption .caption3 {color:#333;}
|
||||
.main_slide .slide_03 .slick_caption .caption4 {color:#85b5e4;}
|
||||
|
||||
.title_big{font-size: 20px;font-weight: bold;margin-top:-55px;margin-bottom: 30px;margin-left:-15px;position: relative;}
|
||||
.s_title p{font-size: 19px;border-bottom:2px solid #1f69b4;display: inline-block;padding-bottom:5px;}
|
||||
.title_big .location{position: absolute;right:0;top:15px;}
|
||||
.title_big .location li{float:left;padding-right:15px;font-weight: 500;font-size: 14px;
|
||||
padding-left:15px;
|
||||
background:url(/img/admin/misc/arr_depth01.png)no-repeat right center;
|
||||
}
|
||||
.title_big .location li:last-child{padding-left:10px;background:none;}
|
||||
.logo{
|
||||
width: 100%;height: 80px;text-align: center;line-height: 80px;}
|
||||
.logo a{font-weight: bold;color:#fff;font-size: 25px;}
|
||||
#header .logo img{max-width:140px;margin-top: 10px;}
|
||||
|
||||
/*테블릿 gnb*/
|
||||
#tablet_wrap{width:300px;background: #2A3F54;position: fixed;left:0;height: 100%;}
|
||||
#tablet_wrap.notive{left:-340px;}
|
||||
#tablet_gnb{position:absolute;top:0px;right:0;width:100%;z-index:99999;height:100%;overflow-y: scroll;
|
||||
|
||||
scrollbar-face-color: #e0e0e0;
|
||||
scrollbar-track-color: #fff;
|
||||
scrollbar-arrow-color: #ccc;
|
||||
scrollbar-highlight-color: #e0e0e0;
|
||||
scrollbar-3dlight-color: none;
|
||||
scrollbar-shadow-color: #e0e0e0;
|
||||
scrollbar-darkshadow-color: none;
|
||||
}
|
||||
/* Chrome, Safari용 스크롤 바 */
|
||||
#tablet_gnb::-webkit-scrollbar {width:5px; height:17px;} /*스크롤 바 영역 전체(크기지정가능)*/
|
||||
#tablet_gnb::-webkit-scrollbar-button:start:decrement,
|
||||
#tablet_gnb::-webkit-scrollbar-button:end:increment {display: block;} /*상하좌우 화살표 영역_배경넣어줘야함*/
|
||||
#tablet_gnb::-webkit-scrollbar-track {background:#fff;} /*트랙*/
|
||||
#tablet_gnb::-webkit-scrollbar-thumb {background:#e3e3e3; border: 1px solid #e3e3e3;} /*스크롤*/
|
||||
|
||||
|
||||
|
||||
|
||||
#tablet_gnb a {display:block;vertical-align:top;text-align:center;color:#9c9c9c;}
|
||||
.tab_icon{display:inline-block;vertical-align: middle;padding-top:6px;margin-right:4px;}
|
||||
#tablet_gnb>li:first-child {}
|
||||
#tablet_gnb>li {position:relative;}
|
||||
|
||||
#tablet_gnb>li:first-child {background:none;}
|
||||
#tablet_gnb>li:last-child {padding-right:0;}
|
||||
|
||||
#tablet_gnb>li>a {width:100%;height:55px;line-height:55px;font-size:16px;text-align: left;padding-left:20px;
|
||||
|
||||
background: url(/img/admin/menu_arrow_off.png) no-repeat 90% center;
|
||||
/* background:url(/img/admin/common/menu_more.png)no-repeat 95% center;color:#fff;background-size:5%;*/
|
||||
font-weight:400;
|
||||
box-sizing: border-box;color:#fff;}
|
||||
#tablet_gnb>li>a i{display: inline-block;position: relative;top:-2px;}
|
||||
#tablet_gnb>li>a .fa{font-size: 14px;}
|
||||
#tablet_gnb a.onar{
|
||||
/* background:#2A3F54 url(/img/admin/common/menu_arrow_on.png)no-repeat 90% center;color:#fff;*/
|
||||
text-shadow: rgba(0,0,0,.25) 0 -1px 0;
|
||||
background: url(/img/admin/menu_arrow_on.png) no-repeat 90% center;
|
||||
box-shadow: rgba(0,0,0,.25) 0 1px 0, inset rgba(255,255,255,.16) 0 1px 0;
|
||||
color:#ffd034;
|
||||
}
|
||||
#tablet_gnb a:hover{
|
||||
text-shadow: rgba(0,0,0,.25) 0 -1px 0;
|
||||
box-shadow: rgba(0,0,0,.25) 0 1px 0, inset rgba(255,255,255,.16) 0 1px 0;
|
||||
color:#ffd034;
|
||||
}
|
||||
#tablet_gnb li.check{background:url(/img/admin/common/checked.png)no-repeat 30px center;background-size: 15px 15px;}
|
||||
#tablet_gnb>li.onar{border-bottom:none;}
|
||||
#tablet_gnb>li.onar ul li{ }
|
||||
/*#tablet_gnb>li:first-child ul{display: block;}*/
|
||||
|
||||
/*서브메뉴가 없을때 붙는 class*/
|
||||
#tablet_gnb>li.noarrow>a{}
|
||||
#tablet_gnb>li.nosub.onar>a{background:#30a7dd;}
|
||||
|
||||
#tablet_gnb>li.on>a {color:#fff;background:#30a7dd ;}
|
||||
/*
|
||||
#tablet_gnb a:hover{text-shadow: rgba(0,0,0,.25) 0 -1px 0;
|
||||
|
||||
box-shadow: rgba(0,0,0,.25) 0 1px 0, inset rgba(255,255,255,.16) 0 1px 0;}
|
||||
#tablet_gnb a.fly{text-shadow: none;box-shadow: none;}
|
||||
*/
|
||||
.por{position: relative;}
|
||||
.bars{position: absolute;left:310px;top:15px;color:#fff;}
|
||||
#tablet_gnb ul.on{display: block;}
|
||||
#tablet_gnb>li>ul {position:relative;width:100%;background: #2A3F54;height: 100%;overflow-x: hidden;display: none;
|
||||
border:2px solid #1ABB9C;box-sizing: border-box;}
|
||||
#tablet_gnb ul{ border-top:2x solid #1ABB9C!important;}
|
||||
|
||||
/*ie*/
|
||||
#tablet_gnb>li>ul{
|
||||
scrollbar-face-color: #2A3F54;
|
||||
scrollbar-track-color: #2A3F54;
|
||||
scrollbar-arrow-color: #2A3F54;
|
||||
scrollbar-highlight-color: #2A3F54;
|
||||
scrollbar-3dlight-color: none;
|
||||
scrollbar-shadow-color: #2A3F54;
|
||||
scrollbar-darkshadow-color: none;
|
||||
}
|
||||
|
||||
.scs{
|
||||
scrollbar-face-color: #2A3F54;
|
||||
scrollbar-track-color: #2A3F54;
|
||||
scrollbar-arrow-color: #2A3F54;
|
||||
scrollbar-highlight-color: #2A3F54;
|
||||
scrollbar-3dlight-color: none;
|
||||
scrollbar-shadow-color: #2A3F54;
|
||||
scrollbar-darkshadow-color: none;
|
||||
}
|
||||
/* Chrome, Safari용 스크롤 바 */
|
||||
.scs::-webkit-scrollbar {width:5px; height:17px;} /*스크롤 바 영역 전체(크기지정가능)*/
|
||||
.scs::-webkit-scrollbar-button:start:decrement,
|
||||
.scs::-webkit-scrollbar-button:end:increment {display: block;} /*상하좌우 화살표 영역_배경넣어줘야함*/
|
||||
.scs::-webkit-scrollbar-track {background:#2A3F54;} /*트랙*/
|
||||
.scs::-webkit-scrollbar-thumb {background:#2A3F54; border: 1px solid #2A3F54;} /*스크롤*/
|
||||
/* Chrome, Safari용 스크롤 바 */
|
||||
#tablet_gnb>li>ul::-webkit-scrollbar {width:5px; height:17px;} /*스크롤 바 영역 전체(크기지정가능)*/
|
||||
#tablet_gnb>li>ul::-webkit-scrollbar-button:start:decrement,
|
||||
#tablet_gnb>li>ul::-webkit-scrollbar-button:end:increment {display: block;} /*상하좌우 화살표 영역_배경넣어줘야함*/
|
||||
#tablet_gnb>li>ul::-webkit-scrollbar-track {background:#2A3F54;} /*트랙*/
|
||||
#tablet_gnb>li>ul::-webkit-scrollbar-thumb {background:#2A3F54; border: 1px solid #2A3F54;} /*스크롤*/
|
||||
|
||||
#tablet_gnb ul li {padding-left:15px;}
|
||||
#tablet_gnb ul li:before {
|
||||
background: #425668;
|
||||
bottom: auto;
|
||||
content: "";
|
||||
height: 8px;
|
||||
left: 10px;
|
||||
margin-top: 15px;
|
||||
position: absolute;
|
||||
right: auto;
|
||||
width: 8px;
|
||||
z-index: 1;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
#tablet_gnb ul li:after {
|
||||
border-left: 1px solid #425668;
|
||||
bottom: 0;
|
||||
content: "";
|
||||
left: 14px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
#tablet_gnb ul li:last-child {border-bottom:none;}
|
||||
#tablet_gnb ul a {;height:40px;color:#fff;line-height:40px;text-align: left;padding-left:40px;
|
||||
font-size:15px;}
|
||||
#tablet_gnb ul a:hover {color:#9c9c9c;}
|
||||
|
||||
|
||||
#tablet_gnb ul a.on{
|
||||
color:#9c9c9c!important;
|
||||
|
||||
}
|
||||
#tablet_gnb>li>ul ul.depth3{position:fixed;top:0px;left:560px;width:270px;background: #2A3F54;height: 100%;padding:0;
|
||||
box-shadow: 6px 6px 3px rgba(0, 0, 0, 0.6);}
|
||||
|
||||
|
||||
/*list css*/
|
||||
.n_btn{display:inline-block;background: #2A3F54;color:#fff;padding:0 5px;
|
||||
height: 30px;line-height: 30px;vertical-align: middle;}
|
||||
|
||||
.common_depth3{width:100%;margin-bottom: 30px;}
|
||||
.common_depth3 .depth3_tep{float:left;}
|
||||
.common_depth3 li{float:left;}
|
||||
.common_depth3 li a{display: block;padding:5px 10px;border-bottom: 1px solid #ccc;margin-right: 15px;}
|
||||
.common_depth3 li a.on{font-weight: bold;border-bottom: 2px solid #25907b;color:#25907b;}
|
||||
.searh_area{float:right;}
|
||||
.searh_area select{width:auto;display: inline-block;padding:0 10px;height: 30px;line-height: 30px;}
|
||||
.searh_area input{width:150px;display: inline-block;height: 30px;line-height: 30px;}
|
||||
.searh_area select .btn{width:30px;display: inline-block;height: 30px;line-height: 30px;}
|
||||
|
||||
/*tep*/
|
||||
.common_tep{border-bottom: 1px solid #ccc;padding:15px 0;}
|
||||
.common_tep ul li{float:left;}
|
||||
.common_tep ul{float:left;}
|
||||
.common_tep ul li a{display: block;padding:5px 10px;border: 1px solid #ccc;margin-right: 10px;border-radius: 15px;}
|
||||
.common_tep.type01 ul li a.on{background: #2A3F54;color:#fff;}
|
||||
.common_tep .file_box{float:right;}
|
||||
.common_tep .small_title{display: inline-block;margin-right: 4px;}
|
||||
.common_tep select{width:auto;display: inline-block;padding:0 10px;height: 30px;line-height: 30px;}
|
||||
.common_tep input{width:150px;display: inline-block;height: 30px;line-height: 30px;}
|
||||
.common_tep .btn{width:30px;display: inline-block;height: 30px;line-height: 30px;}
|
||||
|
||||
|
||||
.common_tep.type2 li a{border:none;}
|
||||
.common_tep.type2 li a.on{color:#2A3F54;font-weight: bold;}
|
||||
.common_tep.type2 li{border-right: 1px solid #ccc;}
|
||||
.common_tep.type2 li:last-child{border-right: none;}
|
||||
.btn .tit{display:block;background: #ebebeb;border: 1px solid #ccc;padding:15px;
|
||||
width:block;margin-top: 10px;text-align: center;margin-bottom: 10px;
|
||||
max-width:120px;}
|
||||
.btn span{font-weight: bold;padding-right: 10px;}
|
||||
|
||||
/*tep2*/
|
||||
.common_tep2 ul li{float:left;}
|
||||
.common_tep2 ul{float:left;}
|
||||
.common_tep2 ul li a{display: block;padding:5px 10px;border: 1px solid #ccc;margin-right: 10px;border-radius: 15px;}
|
||||
.common_tep2.type01 ul li a.on{background: #2A3F54;color:#fff;}
|
||||
.common_tep2 .file_box{float:right;}
|
||||
.common_tep2 .small_title{display: inline-block;margin-right: 4px;}
|
||||
.common_tep2 select{width:auto;display: inline-block;padding:0 10px;height: 30px;line-height: 30px;}
|
||||
.common_tep2 input{width:150px;display: inline-block;height: 30px;line-height: 30px;}
|
||||
.common_tep2 .btn{width:30px;display: inline-block;height: 30px;line-height: 30px;}
|
||||
|
||||
|
||||
.common_tep2.type2 li a{border:none;}
|
||||
.common_tep2.type2 li a.on{color:#2A3F54;font-weight: bold;}
|
||||
.common_tep2.type2 li{border-right: 1px solid #ccc;}
|
||||
.common_tep2.type2 li:last-child{border-right: none;}
|
||||
|
||||
|
||||
|
||||
|
||||
/*table*/
|
||||
.common_table{margin:10px 0;}
|
||||
.common_table table{width:100%;}
|
||||
.common_table table{border-top:3px solid #1f69b4;}
|
||||
.common_table table td,.common_table table th{padding:7px;text-align: center;
|
||||
border-bottom:1px solid #ccc;}
|
||||
.common_table table th{background: #e5e5e5;color:#212121;text-align: center;font-size: 15px;font-weight: 500;}
|
||||
.common_table table td.title{cursor: pointer;text-decoration:underline;}
|
||||
|
||||
.common_table table tr.docu{background: #ebebeb;min-height:100px;display: none;
|
||||
text-align: left;padding-left:15px;}
|
||||
.common_table table tr.docu p{text-align: left;padding-left:15px;}
|
||||
.common_table table .tool_btn a{display:inline-block;padding:5px;border: 1px solid #aaaaaa;background: #d9d9d9;border-radius: 17px;font-size: 14px;}
|
||||
|
||||
.common_table select{height: 29px;}
|
||||
.common_table select {width:auto}
|
||||
.common_table input.type00{width:500px;}
|
||||
.common_table input.type01{width:400px;}
|
||||
.common_table input.type02{width:150px;}
|
||||
.common_table input.type03{width:80px;}
|
||||
.common_table .subtitle{width:100%;font-size: 17px;margin:30px 0px 10px 0;font-weight: bold;}
|
||||
.common_table .subtitle span{color:#25907b}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.common_table.news th{width:200px;font-size: 16px;}
|
||||
.two_box_type01 .con{float:left;width:400px;margin-right: 20px;
|
||||
background: #e5e5e5;padding:15px;height:370px;}
|
||||
.two_box_type01 .con:last-child{margin-right: 0;}
|
||||
.two_box_type01 .con.button{width:100px;background: none;display: table;}
|
||||
.two_box_type01 .con.button a{display:inline-block;padding:10px;background: #838383;
|
||||
color:#fff;text-align: center;border-radius: 25px;margin-bottom: 5px;}
|
||||
|
||||
|
||||
.two_box_type01 .con h3{text-align: center;}
|
||||
.two_box_type01 .con .list{background: #fff;padding:10px;
|
||||
height: 250px;overflow-y:scroll;}
|
||||
.two_box_type01 .con .list li{width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;}
|
||||
|
||||
|
||||
.two_box_type01 .con .list.type02{height:320px;}
|
||||
.two_box_type01.headline .con{height: 230px;}
|
||||
.two_box_type01.headline .con.thum_wrap{width:545px;}
|
||||
.two_box_type01.headline .con .thumil{display: none;border: 1px solid #919191;}
|
||||
.two_box_type01.headline .con .thumil.on{display: block;height: 100%;}
|
||||
.two_box_type01.headline .thumil img{width:100%; height:100%;}
|
||||
.two_box_type01.headline .con.button{background: #25907b;box-sizing: border-box;padding-top:10px;height: 230px;display: inline-block;overflow-y: scroll;}
|
||||
.two_box_type01.headline .con.button a{width:100%;background:none;box-sizing: border-box;}
|
||||
.two_box_type01.headline .con.button a.on{background: #1041b1;border-radius: 50%;width:30px;height: 30px;line-height: 13px;}
|
||||
|
||||
.two_box_type01.headline .con.counting li{float:left;width:50%;position: relative;
|
||||
border: 1px solid #ccc; background: #fff;box-sizing: border-box;cursor: pointer;}
|
||||
/*.two_box_type01.headline .con.counting li:nth-of-type(2n){margin-right: 0;}*/
|
||||
.two_box_type01.headline .con.counting li.first{background: #fff;border: 1px solid #ccc;
|
||||
width:100%;box-sizing: border-box;text-align: center;
|
||||
}
|
||||
.stebox{position: absolute;top:0;left:0;bottom:0;right:0;width:100%;height: 100%;
|
||||
opacity:0;}
|
||||
.two_box_type01.headline .con.counting li a{display: block;height: 40px;line-height: 40px;}
|
||||
.two_box_type01.headline .con.counting li a.on{background: #2A3F54;color:#fff;display: block;}
|
||||
.opt_box{display: inline-block;padding-right:70px;}
|
||||
.img_type01{width:500px;height: 200px;}
|
||||
|
||||
.icon_list a{float:left;cursor: pointer;}
|
||||
.icon_list a{display: block;width:50px;height: 50px;box-sizing: border-box;margin-right: 7px;margin-bottom: 8px;}
|
||||
.icon_list a:nth-0f-type(6n){margin-right: 0;}
|
||||
.icon_list a img{width:100%;height: 100%;}
|
||||
.icon_list a.on{border: 3px solid #2580ff;}
|
||||
.write_btn{text-align: right}
|
||||
.write_btn a{display:inline-block;background: #ebebeb;border: 1px solid #ccc;padding:15px;
|
||||
width:auto;margin-top: 10px;text-align: center;margin-bottom: 10px;}
|
||||
.foot_searh{text-align: center;}
|
||||
.foot_searh select{width:auto;display: inline-block;padding:0 10px;height: 30px;line-height: 30px;}
|
||||
.foot_searh input{width:150px;display: inline-block;height: 30px;line-height: 30px;}
|
||||
.foot_searh .btn{width:30px;display: inline-block;height: 30px;line-height: 30px;}
|
||||
|
||||
/*type2 검색박스*/
|
||||
|
||||
.big_search{width:100%;}
|
||||
.big_search td{border: 1px solid #ccc;}
|
||||
.big_search .moth a{display: inline-block;padding:3px 10px;border: 1px solid #25907b;
|
||||
color:#25907b;margin-right: 8px;}
|
||||
.big_search .moth a:last-child{margin-right: 0;}
|
||||
.big_search .moth a.on{background: #25907b;color:#fff;}
|
||||
.big_search .sb a{display: block;padding:8px 5px;background: #000;color:#fff;
|
||||
width:90%;margin:0 auto;}
|
||||
.big_search .sb a:last-child{background: #25907b;margin-top: 8px;}
|
||||
|
||||
.btn_s_blue{display: inline-block;background: #25907b;color:#fff;border-radius: 10px;margin-left:7px;font-size: 13px;}
|
||||
@media only screen and (max-width:1630px) {
|
||||
#container_wrap{padding-left:0;}
|
||||
#tablet_wrap{left:-500px;}
|
||||
#tablet_wrap.mintive{left:0;}
|
||||
.title_big{box-sizing: border-box;padding-left:15px;}
|
||||
.bars .b1{display: none;}
|
||||
.bars .a1{display: block;}
|
||||
#iquersier{display: none;}
|
||||
}
|
||||
|
||||
.btn_black{display: inline-block;padding:8px 5px;background: #000;color:#fff;margin-right: 8px;}
|
||||
.btn_green{display: inline-block;padding:8px 5px;background: #25907b;color:#fff;margin-right: 8px;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* -------------------------------- TABLET --------------------------------- */
|
||||
/*
|
||||
@media only screen and (max-width:970px) {
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width:600px) {
|
||||
.sick{display: block;text-indent: -99999px;height: 0;width:0;}
|
||||
.mv{display: block;}
|
||||
#header .logo{height: 40px;top: 25px;left: 10px;}
|
||||
#header .logo img{max-width:150px;}
|
||||
#footer{font-size: 14px;}
|
||||
#footer .logo_foot{width:100%;float:none;height:auto;margin-bottom:30px;margin-left:0;padding:0;}
|
||||
#footer .address{}
|
||||
#footer .site_map a{;font-size: 13px;}
|
||||
#footer .site_map li{padding:4px 0;}
|
||||
|
||||
.menu_hide{position: absolute;height: 60px;width: 60px;line-height: 60px;
|
||||
text-decoration: none;text-align: center;left:90%;top: 15px;z-index: 10000;margin-left:-40px;}
|
||||
|
||||
.color_tick{margin-bottom:20px; margin-top:0}
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
.text_blue { color:deepskyblue }
|
||||
.text_red { color:red }
|
||||
.text_green { color:#25907b }
|
||||
.text_s_green { font-size: 8px;color:#25907b;!important; }
|
||||
|
||||
|
||||
|
||||
/* common layer */
|
||||
.common_layer {display:none;}
|
||||
.common_layer .dim_area {position:fixed; top:0; left:0; z-index:150; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity:'70');}
|
||||
.common_layer .layer_box {position:fixed; top:100px; left:50%; z-index:160; padding:25px 25px 20px; background:#fff; border-top:3px solid #5362a4;}
|
||||
.common_layer .layer_box .btn_close_layer {position:absolute; top:32px; right:32px;}
|
||||
.common_layer .layer_box h2 {margin-bottom:10px; padding-bottom:20px; letter-spacing:-1px; color:#222; font-size:18px; font-weight:normal; border-bottom:1px solid #ccc;}
|
||||
.common_layer .layer_btns {margin-top:20px; text-align:center;}
|
||||
.common_layer .layer_btns .btn {display:inline-block; margin:0 3px; width:155px; height:43px; line-height:43px; font-size:14px;}
|
||||
.common_layer .layer_btns .btn.full {width:calc(100% - 2px);}
|
||||
.common_layer .layer_btns .btn.gray {color:#fff; background:#474747; border:1px solid #1e1e1e;}
|
||||
.common_layer .layer_btns .btn.blue {color:#fff; background:#1c59a4; border:1px solid #0e386c;}
|
||||
.common_layer .form_btns .btn {padding:0; min-width:159px; text-align:center;}
|
||||
|
||||
/* 가맹비 추가하기 */
|
||||
.common_layer.add_cost .layer_box {margin-left:-430px; width:810px;}
|
||||
|
||||
/* 운영 프로그램 검색 */
|
||||
.common_layer.common_search .layer_box {margin-left:-264px; width:330px;}
|
||||
.common_layer.common_search .guide {padding:10px 0 15px; color:#666; font-size:14px;}
|
||||
.common_layer.common_search .input_box {position:relative; height:36px; border:1px solid #ccc;}
|
||||
.common_layer.common_search .input_box input {padding:0 10px; width:calc(100% - 75px); height:36px; line-height:36px; color:#444; font-size:13px; border:0;}
|
||||
.common_layer.common_search .input_box.in_btn .btn {display:block; position:absolute; top:-1px; right:-1px; width:75px; height:36px; line-height:36px; color:#fff; font-size:13px; text-align:center; border:1px solid #070707; background:#393939;}
|
||||
.common_layer.common_search .result {display:none;}
|
||||
.common_layer.common_search .result .info {padding:20px 0 16px; color:#444; font-size:13px;}
|
||||
.common_layer.common_search .result .info .mark {color:#1c59a4;}
|
||||
.common_layer.common_search .result .list {height:240px; overflow-y:auto;}
|
||||
.common_layer.common_search .result .list li {padding:12px 0; border-bottom:1px solid #ccc; zoom:1;}
|
||||
.common_layer.common_search .result .list li:after {display:block; content:""; clear:both;}
|
||||
.common_layer.common_search .result .list li .name,
|
||||
.common_layer.common_search .result .list li .age,
|
||||
.common_layer.common_search .result .list li .gender,
|
||||
.common_layer.common_search .result .list li .phone {float:left; height:28px; line-height:28px; color:#666; font-size:13px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
|
||||
.common_layer.common_search .result .list li .name {width:270px;}
|
||||
.common_layer.common_search .result .list li .age {width:38px;}
|
||||
.common_layer.common_search .result .list li .gender {width:38px;}
|
||||
.common_layer.common_search .result .list li .phone {width:114px;}
|
||||
.common_layer.common_search .result .list li .btn_select {display:block; float:right; width:57px; height:26px; line-height:26px; color:#2fb7bf; text-align:center; border:1px solid #2fb7bf;}
|
||||
.common_layer.common_search .result .list li .shop_info {float:left;}
|
||||
.common_layer.common_search .result .list li .shop_info .name {float:none; width:230px; color:#222; font-size:15px; text-align:left;}
|
||||
.common_layer.common_search .result .list li .shop_info .address {margin-top:4px; width:230px; color:#888; font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
173
public/css/admin/default.css
Executable file
173
public/css/admin/default.css
Executable file
@@ -0,0 +1,173 @@
|
||||
@charset "utf-8";
|
||||
/***** reset *****/
|
||||
/* font load */
|
||||
@font-face {
|
||||
font-family:'NanumGothic';
|
||||
src: url('/font/admin/NanumGothic.eot');
|
||||
src: url('/font/admin/NanumGothic.eot?#iefix') format('embedded-opentype'),
|
||||
url('/font/admin/NanumGothic.woff') format('woff'),
|
||||
url('/font/admin/NanumGothic.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
* {font-family:'NanumGothic','돋움', 'dotum', 'Helvetica', 'sans-serif';}
|
||||
/* layout */
|
||||
|
||||
html,body {width:100%; height:100%;}
|
||||
html,body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,pre,blockquote,th,td,thead,tbody,legend,label,select,option,button,fieldset,select,textarea,iframe {margin:0; padding:0; font-size:12px; list-style:none; }
|
||||
font { font-size:12px; line-height:12px;}
|
||||
img {border:0;}
|
||||
button {cursor:pointer;}
|
||||
ol,ul,dl {list-style:none;}
|
||||
|
||||
fieldset {border:0 none; margin:0; padding:0;}
|
||||
input,select,button {vertical-align:middle;}
|
||||
a {text-decoration:none; color:#666;}
|
||||
a:hover {text-decoration:none; color:#5a6ab1;}
|
||||
|
||||
/* 타이틀스타일*/
|
||||
.log_tit {background-image:url(/img/admin/tit_bg.gif); line-height:42px; border:solid 1px #0e0e0e; padding-left:16px; font-size:12px;}
|
||||
|
||||
/* 폰트스타일 */
|
||||
.top_menu01 {font-size:11px; color:#999; line-height:32px;}
|
||||
.top_menu02 {font-weight:bold; color:#FFF; text-decoration:none;}
|
||||
|
||||
/* 메인메뉴스타일 */
|
||||
.admin_menu {width:980px; margin:0 auto; background-image:url(/img/admin/main_menu_bg.gif);}
|
||||
.menu_td01 {width:100px; text-align:center;}
|
||||
.menu_td01 a {text-decoration:none; color:#ffffff;}
|
||||
.menu_td01 a:hover {text-decoration:none; color:#ffe400;}
|
||||
.menu_td02 {width:140px; text-align:center;}
|
||||
.menu_td02 a {text-decoration:none; color:#ffffff;}
|
||||
.menu_td02 a:hover {text-decoration:none; color:#ffe400;}
|
||||
.menu_gap {width:4px; text-align:center;}
|
||||
|
||||
/* 서브메뉴스타일 */
|
||||
.sub_menu_div {width:980px; margin:0 auto; background-color:#f9f9f9; text-align:left;}
|
||||
.sub_menu_ul {border-left:solid 1px #d8d8d8; border-right:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;}
|
||||
.sub_menu_gap {vertical-align:middle; padding:0 8px;}
|
||||
|
||||
/* 탭스타일 */
|
||||
.tab_menu10_on {float:left; width:100px; background-image:url(/img/admin/tab_10on_bg.gif); line-height:30px; text-align:center; font-weight:bold; color:#FFFFFF; text-decoration:none; cursor:pointer;}
|
||||
.tab_menu10_off {float:left; width:100px; background-image:url(/img/admin/tab_10off_bg.gif); line-height:30px; text-align:center; color:#666; text-decoration:none; cursor:pointer;}
|
||||
.tab_menu12_on {float:left; width:120px; background-image:url(/img/admin/tab_12on_bg.gif); line-height:30px; text-align:center; font-weight:bold; color:#FFF; text-decoration:none; cursor:pointer;}
|
||||
.tab_menu12_off {float:left; width:120px; background-image:url(/img/admin/tab_12off_bg.gif); line-height:30px; text-align:center; color:#666; text-decoration:none; cursor:pointer;}
|
||||
.tab_menu14_on {float:left; width:140px; background-image:url(/img/admin/tab_14on_bg.gif); line-height:30px; text-align:center; font-weight:bold; color:#FFF; text-decoration:none; cursor:pointer;}
|
||||
.tab_menu14_off {float:left; width:140px; background-image:url(/img/admin/tab_14off_bg.gif); line-height:30px; text-align:center; color:#666; text-decoration:none; cursor:pointer;}
|
||||
|
||||
/* 테이블스타일(회원) */
|
||||
.tb_tit {font-weight:bold; color:#333; text-align:center; background-color:#f2f2f2; line-height:38px; height:38px; border-right:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;}
|
||||
.tb_tit14 {width:140px; font-weight:bold; color:#333; text-align:center; background-color:#f2f2f2; line-height:38px; height:38px; border-right:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;}
|
||||
.tb_tit18 {width:180px; font-weight:bold; color:#333; text-align:center; background-color:#f2f2f2; line-height:38px; height:38px; border-right:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;}
|
||||
.tb_tit01 {font-size:12px; color:#333; padding-left:20px; background-color:#ffffff; line-height:38px; height:38px; border-right:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;}
|
||||
.tb_tit_li {border-left:solid 1px #d8d8d8;}
|
||||
.tb_tit_txt {font-size:12px; color:#333; padding-left:20px; background-color:#ffffff; line-height:20px; height:38px; border-right:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;}
|
||||
.tb_s_tit {color:#666; text-align:center; background-color:#ffffff; line-height:32px; height:32px; border-right:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;}
|
||||
.tb_s_tit_no_center {color:#666; background-color:#ffffff; line-height:20px; height:25px; border-right:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;}
|
||||
.tb_s_tit14 {width:140px; color:#666; text-align:center; background-color:#ffffff; line-height:32px; height:32px; border-right:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;}
|
||||
.tb_s_tit18 {width:180px; color:#666; text-align:center; background-color:#ffffff; line-height:32px; height:32px; border-right:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;}
|
||||
|
||||
.txt {font-size:12px; color:#333; line-height:20px; }
|
||||
|
||||
|
||||
/* 하단카피스타일 */
|
||||
.footer_div01 {width:980px; margin:0 auto; margin-top:10px;}
|
||||
.footer_div01 ul {padding:4px 14px; border-top:solid 2px #5a6ab1; border-bottom:solid 1px #cccccc;}
|
||||
.footer_div02 {width:980px; margin:0 auto;}
|
||||
.footer_div02 ul {padding:10px 14px;}
|
||||
|
||||
/* input 스타일 */
|
||||
.input12 {border:solid 1px #5362A4; background:#5362A4; color:#C6CBE1; width:120px; height:32px; padding-left:2px; padding-top:2px;}
|
||||
.input6 {border:solid 1px #777; width:60px; height:22px; padding-left:2px;}
|
||||
.input4 {border:solid 1px #777; width:40px; height:22px; padding-left:2px;}
|
||||
.input32 {border:solid 1px #777; width:320px; height:22px; padding-left:2px;}
|
||||
.input00 {border:solid 1px #777; height:22px; padding-left:2px;}
|
||||
.input1 {border:solid 1px #777; padding-left:2px;}
|
||||
|
||||
#table_button td { line-height:normal; }
|
||||
|
||||
.cutString
|
||||
{
|
||||
white-space: nowrap;
|
||||
text-overflow:ellipsis; /* IE, Safari - ellipsis, clip */
|
||||
-o-text-overflow:ellipsis; /* Opera under 10.7 - ellipsis, clip */
|
||||
overflow: hidden; /* "overflow" value must be different from "visible" */
|
||||
-moz-binding:url(/ellipsis.xml#ellipsis);
|
||||
}
|
||||
|
||||
|
||||
#img_style div.article{padding:0px;}
|
||||
#img_style div.article div.image_aside{text-align:center; padding:0px;}
|
||||
#img_style div.article div.image_aside img{max-width:99%; cursor:pointer;}
|
||||
|
||||
#board_view_style div.article{padding:5px 20px;}
|
||||
#board_view_style div.article div.image_aside{text-align:left; padding:7px 0;}
|
||||
#board_view_style div.article div.image_aside img{max-width:99%; cursor:pointer;}
|
||||
|
||||
#view_style div.article { padding:0px; }
|
||||
#view_style div.article div.image_aside { padding:7px 0; }
|
||||
#view_style div.article div.image_aside img { max-width:97%; cursor:pointer; }
|
||||
|
||||
|
||||
|
||||
.btn_white {display:inline-block; padding: 0 8px 0 8px; margin-left:2px; height:28px; line-height:28px; color:#444; border:1px solid #464646; background:#fff;}
|
||||
.btn_black {display:inline-block; padding: 0 8px 0 8px; margin-left:2px; height:28px; line-height:28px; color:#fff; border:1px solid #1e1e1e; background:#474747;}
|
||||
.btn_gray {display:inline-block; padding: 0 8px 0 8px; margin-left:2px; height:28px; line-height:28px; color:#fff; border:1px solid #464646; background:#737373;}
|
||||
.btn_blue {display:inline-block; padding: 0 8px 0 8px; margin-left:2px; height:28px; line-height:28px; color:#fff; border:1px solid #10386a; background:#1c59a4;}
|
||||
.btn_skyblue {display:inline-block; padding: 0 8px 0 8px; margin-left:2px; height:28px; line-height:28px; color:#fff; border:1px solid #10386a; background:#2bbec6;}
|
||||
|
||||
|
||||
.btn_s_white {font-size:8px; display:inline-block; padding: 0 8px 0 8px; margin-left:2px; height:22px; line-height:22px; color:#444; border:1px solid #464646; background:#fff;}
|
||||
.btn_s_black {font-size:8px; display:inline-block; padding: 0 8px 0 8px; margin-left:2px; height:22px; line-height:22px; color:#fff; border:1px solid #1e1e1e; background:#474747;}
|
||||
.btn_s_gray {font-size:8px; display:inline-block; padding: 0 8px 0 8px; margin-left:2px; height:22px; line-height:22px; color:#fff; border:1px solid #464646; background:#737373;}
|
||||
.btn_s_blue {font-size:8px; display:inline-block; padding: 0 8px 0 8px; margin-left:2px; height:22px; line-height:22px; color:#fff; border:1px solid #10386a; background:#1c59a4;}
|
||||
.btn_s_skyblue {font-size:8px; display:inline-block; padding: 0 8px 0 8px; margin-left:2px; height:22px; line-height:22px; color:#fff; border:1px solid #10386a; background:#2bbec6;}
|
||||
|
||||
.text_bold { font-weight: bold; color:#000000}
|
||||
|
||||
.text_blue { color:deepskyblue }
|
||||
.text_red { color:red }
|
||||
.text_green { color:green }
|
||||
|
||||
|
||||
|
||||
/* common layer */
|
||||
.common_layer {display:none;}
|
||||
.common_layer .layer_box {position:fixed; top:100px; left:50%; z-index:160; padding:25px 25px 20px; background:#fff; border-top:3px solid #5362a4;}
|
||||
.common_layer .layer_box .btn_close_layer {position:absolute; top:32px; right:32px;}
|
||||
.common_layer .layer_box h2 {margin-bottom:10px; padding-bottom:20px; letter-spacing:-1px; color:#222; font-size:18px; font-weight:normal; border-bottom:1px solid #ccc;}
|
||||
.common_layer .layer_btns {margin-top:20px; text-align:center;}
|
||||
.common_layer .layer_btns .btn {display:inline-block; margin:0 3px; width:155px; height:43px; line-height:43px; font-size:14px;}
|
||||
.common_layer .layer_btns .btn.full {width:calc(100% - 2px);}
|
||||
.common_layer .layer_btns .btn.gray {color:#fff; background:#474747; border:1px solid #1e1e1e;}
|
||||
.common_layer .layer_btns .btn.blue {color:#fff; background:#1c59a4; border:1px solid #0e386c;}
|
||||
.common_layer .form_btns .btn {padding:0; min-width:159px; text-align:center;}
|
||||
|
||||
/* 가맹비 추가하기 */
|
||||
.common_layer.add_cost .layer_box {margin-left:-430px; width:810px;}
|
||||
|
||||
/* 운영 프로그램 검색 */
|
||||
.common_layer.common_search .layer_box {margin-left:-264px; width:330px;}
|
||||
.common_layer.common_search .guide {padding:10px 0 15px; color:#666; font-size:14px;}
|
||||
.common_layer.common_search .input_box {position:relative; height:36px; border:1px solid #ccc;}
|
||||
.common_layer.common_search .input_box input {padding:0 10px; width:calc(100% - 20px - 75px); height:36px; line-height:36px; color:#444; font-size:13px; border:0;}
|
||||
.common_layer.common_search .input_box.in_btn .btn {display:block; position:absolute; top:-1px; right:-1px; width:75px; height:36px; line-height:36px; color:#fff; font-size:13px; text-align:center; border:1px solid #070707; background:#393939;}
|
||||
.common_layer.common_search .result {display:none;}
|
||||
.common_layer.common_search .result .info {padding:20px 0 16px; color:#444; font-size:13px;}
|
||||
.common_layer.common_search .result .info .mark {color:#1c59a4;}
|
||||
.common_layer.common_search .result .list {height:240px; overflow-y:auto;}
|
||||
.common_layer.common_search .result .list li {padding:12px 0; border-bottom:1px solid #ccc; zoom:1;}
|
||||
.common_layer.common_search .result .list li:after {display:block; content:""; clear:both;}
|
||||
.common_layer.common_search .result .list li .name,
|
||||
.common_layer.common_search .result .list li .age,
|
||||
.common_layer.common_search .result .list li .gender,
|
||||
.common_layer.common_search .result .list li .phone {float:left; height:28px; line-height:28px; color:#666; font-size:13px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
|
||||
.common_layer.common_search .result .list li .name {width:270px;}
|
||||
.common_layer.common_search .result .list li .age {width:38px;}
|
||||
.common_layer.common_search .result .list li .gender {width:38px;}
|
||||
.common_layer.common_search .result .list li .phone {width:114px;}
|
||||
.common_layer.common_search .result .list li .btn_select {display:block; float:right; width:57px; height:26px; line-height:26px; color:#2fb7bf; text-align:center; border:1px solid #2fb7bf;}
|
||||
.common_layer.common_search .result .list li .shop_info {float:left;}
|
||||
.common_layer.common_search .result .list li .shop_info .name {float:none; width:230px; color:#222; font-size:15px; text-align:left;}
|
||||
.common_layer.common_search .result .list li .shop_info .address {margin-top:4px; width:230px; color:#888; font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
|
||||
35
public/css/admin/font_notosanskr.css
Executable file
35
public/css/admin/font_notosanskr.css
Executable file
@@ -0,0 +1,35 @@
|
||||
@font-face{
|
||||
font-family:'NotoSansKR';
|
||||
font-style:normal;
|
||||
font-weight:100;
|
||||
src:url('/font/admin/NotoSansKR-Thin.eot');
|
||||
src:local('※'), url('/font/admin/NotoSansKR-Thin.eot?#iefix') format('embedded-opentype'), url('/font/admin/NotoSansKR-Thin.woff') format('woff'), url('/font/admin/NotoSansKR-Thin.otf') format('opentype');
|
||||
}
|
||||
@font-face{
|
||||
font-family:'NotoSansKR';
|
||||
font-style:normal;
|
||||
font-weight:300;
|
||||
src:url('/font/admin/NotoSansKR-Light.eot');
|
||||
src:local('※'), url('/font/admin/NotoSansKR-Light.eot?#iefix') format('embedded-opentype'), url('/font/admin/NotoSansKR-Light.woff') format('woff'), url('/font/admin/NotoSansKR-Light.otf') format('opentype');
|
||||
}
|
||||
@font-face{
|
||||
font-family:'NotoSansKR';
|
||||
font-style:normal;
|
||||
font-weight:400;
|
||||
src:url('/font/admin/NotoSansKR-Regular.eot');
|
||||
src:local('※'), url('/font/admin/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'), url('/font/admin/NotoSansKR-Regular.woff') format('woff'), url('/font/admin/NotoSansKR-Regular.otf') format('opentype');
|
||||
}
|
||||
@font-face{
|
||||
font-family:'NotoSansKR';
|
||||
font-style:normal;
|
||||
font-weight:500;
|
||||
src:url('/font/admin/NotoSansKR-Medium.eot');
|
||||
src:local('※'), url('/font/admin/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'), url('/font/admin/NotoSansKR-Medium.woff') format('woff'), url('/font/admin/NotoSansKR-Medium.otf') format('opentype');
|
||||
}
|
||||
@font-face{
|
||||
font-family:'NotoSansKR';
|
||||
font-style:normal;
|
||||
font-weight:700;
|
||||
src:url('/font/admin/NotoSansKR-Bold.eot');
|
||||
src:local('※'), url('/font/admin/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'), url('/font/admin/NotoSansKR-Bold.woff') format('woff'), url('/font/admin/NotoSansKR-Bold.otf') format('opentype');
|
||||
}
|
||||
405
public/css/admin/jquery.easy_slides.css
Executable file
405
public/css/admin/jquery.easy_slides.css
Executable file
@@ -0,0 +1,405 @@
|
||||
/*********************************/
|
||||
.slider_one_big_picture {
|
||||
position: relative;
|
||||
width: 1280px;
|
||||
height: 768px;
|
||||
margin: 0 auto;
|
||||
user-select: none;
|
||||
/*overflow: hidden;*/
|
||||
|
||||
}
|
||||
.slider_one_big_picture > *{
|
||||
transition: ease all 1s;
|
||||
}
|
||||
.slider_one_big_picture .hidden {
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 0;
|
||||
}
|
||||
.slider_one_big_picture .active {
|
||||
opacity: 1;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 2;
|
||||
}
|
||||
.slider_one_big_picture .prev1,
|
||||
.slider_one_big_picture .next1 {
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 0px;
|
||||
height: 100%;
|
||||
z-index: 0;
|
||||
}
|
||||
.slider_one_big_picture .next1 {
|
||||
left: 1280px;
|
||||
}
|
||||
.slider_one_big_picture .prev2,
|
||||
.slider_one_big_picture .next2 {
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 0px;
|
||||
height: 100%;
|
||||
z-index: 0;
|
||||
}
|
||||
.slider_one_big_picture .next2 {
|
||||
left: 1280px;
|
||||
}
|
||||
/*********************************/
|
||||
|
||||
.slider_circle_10 {
|
||||
position: relative;
|
||||
width: 1280px;
|
||||
height: 768px;
|
||||
margin: 0 auto;
|
||||
user-select: none;
|
||||
}
|
||||
.slider_circle_10 > *{
|
||||
transition: ease all 1s;
|
||||
}
|
||||
.slider_circle_10 > div,
|
||||
.slider_circle_10 .hidden{
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top: 20%;
|
||||
left: 50%;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
z-index: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.slider_circle_10 .active{
|
||||
opacity: 1;
|
||||
position: absolute;
|
||||
top: 30%;
|
||||
left: 50%;
|
||||
margin-left: -400px;
|
||||
width: 800px;
|
||||
height: 500px;
|
||||
z-index: 10;
|
||||
}
|
||||
.slider_circle_10 .prev1,
|
||||
.slider_circle_10 .next1{
|
||||
opacity: 0.9;
|
||||
position: absolute;
|
||||
top: 60%;
|
||||
left: 50%;
|
||||
margin-left: -540px;
|
||||
width: 320px;
|
||||
height: 200px;
|
||||
z-index: 9;
|
||||
}
|
||||
.slider_circle_10 .next1{
|
||||
margin-left: 220px;
|
||||
}
|
||||
.slider_circle_10 .prev2,
|
||||
.slider_circle_10 .next2{
|
||||
opacity: 0.7;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-left: -640px;
|
||||
width: 156px;
|
||||
height: 97px;
|
||||
z-index: 8;
|
||||
}
|
||||
.slider_circle_10 .next2 {
|
||||
margin-left: 484px;
|
||||
}
|
||||
.slider_circle_10 .prev3,
|
||||
.slider_circle_10 .next3 {
|
||||
opacity: 0.5;
|
||||
position: absolute;
|
||||
top: 35%;
|
||||
left: 50%;
|
||||
margin-left: -608px;
|
||||
width: 112px;
|
||||
height: 70px;
|
||||
z-index: 7;
|
||||
}
|
||||
.slider_circle_10 .next3 {
|
||||
margin-left: 496px;
|
||||
}
|
||||
|
||||
.slider_circle_10 .prev4,
|
||||
.slider_circle_10 .next4 {
|
||||
opacity: 0.3;
|
||||
position: absolute;
|
||||
top: 25%;
|
||||
left: 50%;
|
||||
margin-left: -400px;
|
||||
width: 80px;
|
||||
height: 50px;
|
||||
z-index: 6;
|
||||
}
|
||||
.slider_circle_10 .next4 {
|
||||
margin-left: 320px;
|
||||
}
|
||||
|
||||
.slider_circle_10 .prev5,
|
||||
.slider_circle_10 .next5 {
|
||||
opacity: 0.1;
|
||||
position: absolute;
|
||||
top: 20%;
|
||||
left: 50%;
|
||||
margin-left: -200px;
|
||||
width: 48px;
|
||||
height: 30px;
|
||||
z-index: 5;
|
||||
}
|
||||
.slider_circle_10 .next5 {
|
||||
margin-left: 152px;
|
||||
}
|
||||
|
||||
/*********************************/
|
||||
|
||||
.slider_four_in_line {
|
||||
width: 1280px;
|
||||
height: 250px;
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
user-select: none;
|
||||
}
|
||||
.slider_four_in_line > * {
|
||||
transition: ease all 1s;
|
||||
}
|
||||
.slider_four_in_line .hidden {
|
||||
opacity: 0;
|
||||
z-index: 0;
|
||||
top: 0px;
|
||||
left: 50%;
|
||||
}
|
||||
.slider_four_in_line .active,
|
||||
.slider_four_in_line .next1,
|
||||
.slider_four_in_line .next2,
|
||||
.slider_four_in_line .next3,
|
||||
.slider_four_in_line .next4,
|
||||
.slider_four_in_line .prev1 {
|
||||
position: absolute;
|
||||
width: 24%;
|
||||
height: 100%;
|
||||
top: 0px;
|
||||
left: 25%;
|
||||
z-index: 10;
|
||||
margin: 0 0.5%;
|
||||
}
|
||||
.slider_four_in_line .next1 {
|
||||
left: 50%;
|
||||
}
|
||||
.slider_four_in_line .next2 {
|
||||
left: 75%;
|
||||
}
|
||||
.slider_four_in_line .next3 {
|
||||
width: 0%;
|
||||
left: 100%;
|
||||
z-index: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
.slider_four_in_line .next4 {
|
||||
left: 100%;
|
||||
width: 0%;
|
||||
z-index: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
.slider_four_in_line .prev1 {
|
||||
position: absolute;
|
||||
width: 24%;
|
||||
height: 100%;
|
||||
top: 0px;
|
||||
left: 0%;
|
||||
z-index: 10;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.slider_four_in_line .prev2,
|
||||
.slider_four_in_line .prev3,
|
||||
.slider_four_in_line .prev4 {
|
||||
position: absolute;
|
||||
width: 0%;
|
||||
height: 100%;
|
||||
top: 0px;
|
||||
left: 0%;
|
||||
z-index: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
/*********************************/
|
||||
.slider_clock {
|
||||
width: 600px;
|
||||
height: 600px;
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
user-select: none;
|
||||
}
|
||||
.slider_clock > *{
|
||||
transition: ease all 1s;
|
||||
}
|
||||
.slider_clock .active {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -200px;
|
||||
margin-top: -125px;
|
||||
width: 400px;
|
||||
height: 250px;
|
||||
transform: rotate(0deg);
|
||||
opacity: 1;
|
||||
z-index: 10;
|
||||
overflow: hidden;
|
||||
}
|
||||
.slider_clock .next1,
|
||||
.slider_clock .next2,
|
||||
.slider_clock .next3,
|
||||
.slider_clock .next4,
|
||||
.slider_clock .next5,
|
||||
.slider_clock .next6,
|
||||
.slider_clock .next7,
|
||||
.slider_clock .prev1,
|
||||
.slider_clock .prev2,
|
||||
.slider_clock .prev3,
|
||||
.slider_clock .prev4,
|
||||
.slider_clock .prev5,
|
||||
.slider_clock .prev6,
|
||||
.slider_clock .prev7,
|
||||
.slider_clock .hidden {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
width: 96px;
|
||||
height: 60px;
|
||||
margin-top: 200px;
|
||||
margin-left: -48px;
|
||||
transform-origin: 48px -200px;
|
||||
transform: rotate(0deg);
|
||||
opacity: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
.slider_clock .next2 {
|
||||
transform: rotate(-30deg);
|
||||
}
|
||||
.slider_clock .next3 {
|
||||
transform: rotate(-60deg);
|
||||
}
|
||||
.slider_clock .next4 {
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
.slider_clock .next5 {
|
||||
transform: rotate(-120deg);
|
||||
}
|
||||
.slider_clock .next6 {
|
||||
transform: rotate(-150deg);
|
||||
}
|
||||
.slider_clock .next7 {
|
||||
opacity: 0;
|
||||
transform: rotate(-180deg);
|
||||
}
|
||||
.slider_clock .prev1 {
|
||||
transform: rotate(30deg);
|
||||
}
|
||||
.slider_clock .prev2 {
|
||||
transform: rotate(60deg);
|
||||
}
|
||||
.slider_clock .prev3 {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
.slider_clock .prev4 {
|
||||
transform: rotate(120deg);
|
||||
}
|
||||
.slider_clock .prev5 {
|
||||
transform: rotate(150deg);
|
||||
}
|
||||
.slider_clock .prev6 {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.slider_clock .prev7 {
|
||||
opacity: 0;
|
||||
transform: rotate(210deg);
|
||||
}
|
||||
|
||||
.slider_clock .hidden {
|
||||
opacity: 0;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
|
||||
/*********************************/
|
||||
.nav_indicators {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
z-index: 50000;
|
||||
}
|
||||
.nav_indicators ul {
|
||||
display: inline-block;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
}
|
||||
.nav_indicators ul li {
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 10px;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: #fff;
|
||||
color: #fff;
|
||||
border: 2px solid #000;
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
}
|
||||
.nav_indicators ul li.active {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 10px;
|
||||
padding: 0;
|
||||
background: #555;
|
||||
color: #555;
|
||||
border: 2px solid #aaa;
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
}
|
||||
.next_button,
|
||||
.prev_button {
|
||||
position: absolute;
|
||||
left: 100% !important;
|
||||
top: 50% !important;
|
||||
margin: -15px 0 0 -25px !important;
|
||||
width: 50px !important;
|
||||
height: 30px !important;
|
||||
border: 1px solid #000 !important;
|
||||
background: #fff !important;;
|
||||
opacity: 0.8 !important;
|
||||
z-index: 5000 !important;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
}
|
||||
.prev_button {
|
||||
position: absolute;
|
||||
left: 0% !important;
|
||||
}
|
||||
.next_button:hover,
|
||||
.prev_button:hover {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
div.slider > div:not(.nav_indicators):not(.next_button):not(.prev_button) {
|
||||
box-shadow: 0px 1px 3px #000;
|
||||
border: 1px solid #000;
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
font-size: 150px;
|
||||
}
|
||||
6
public/css/admin/jquery.multiselect.css
Executable file
6
public/css/admin/jquery.multiselect.css
Executable file
@@ -0,0 +1,6 @@
|
||||
|
||||
.fMultiSelect {
|
||||
min-height:50px;
|
||||
}
|
||||
|
||||
|
||||
1794
public/css/admin/loaders.css
Executable file
1794
public/css/admin/loaders.css
Executable file
File diff suppressed because it is too large
Load Diff
451
public/css/admin/main.css
Executable file
451
public/css/admin/main.css
Executable file
@@ -0,0 +1,451 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/*공통부분 etc*/
|
||||
.ad_btn_wrap{text-align: center;margin-top: 10px;}
|
||||
.ad_btn{display:inline-block;padding:4px 20px;background: #000;font-size: 14px;color:#fff;}
|
||||
|
||||
.admin_content .loader{position: absolute;bottom:-80px;left:50%;margin-left:-5px;}
|
||||
.fa{margin-right: 8px;}
|
||||
h2.tit{font-weight: 400;font-size: 20px; color:#73879C;text-align: left;margin-bottom: 10px;}
|
||||
|
||||
.btn_wrap a .fa{color:#C5C7CB;}
|
||||
body{background: #F7F7F7;}
|
||||
|
||||
.pasing_wrap a{display:inline-block;width:30px;height: 30px;text-align: center;line-height: 30px;border:1px solid #717171;color:#717171;margin:0 2px;}
|
||||
.pasing_wrap{margin-top: 30px;text-align: center;}
|
||||
.pasing_wrap .curr {display:inline-block;width:30px;height: 30px;text-align: center;line-height: 30px;border:1px solid #717171;background: #717171;color:#fff;margin:0 2px;}
|
||||
|
||||
|
||||
|
||||
.button_tool{margin:10px 0;position: relative;height: 66px;}
|
||||
.button_tool.off{margin:0;background: none !important;}
|
||||
|
||||
.vertical_tool{height: 942px;position: absolute;top:86px;z-index:1000;border-bottom: none;opacity: 0;width:100px;
|
||||
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1f1f1+16,73879c+50,f1f1f1+86 */
|
||||
background: #f1f1f1; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #f1f1f1 16%, #73879c 50%, #f1f1f1 86%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(top, #f1f1f1 16%,#73879c 50%,#f1f1f1 86%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to bottom, #f1f1f1 16%,#73879c 50%,#f1f1f1 86%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
|
||||
}
|
||||
.vertical_tool.on{width:100px;border: 2px solid rgba(204, 204, 204, 0.54);border-top:none;opacity: 1;
|
||||
border-left:none;box-sizing: border-box;}
|
||||
.vertical_tool .con{width:90%;margin-bottom: 10px;margin:0 5%;text-align: center;border:1px solid #ccc;margin-bottom: 10px;background: rgba(255, 255, 255, 0.18);
|
||||
border-radius: 10px;padding:8px 0;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.32);}
|
||||
.vertical_tool .con .fa{color:#73879C;}
|
||||
.vertical_tool .con a{display: block;}
|
||||
.vertical_tool .con:hover .fa{}
|
||||
|
||||
.vertical_tool .con .depth2_wrap{position:absolute;height:942px;width:200px;background: #ccc;right:-202px;top:0px;border-right: 1px solid #6f6f6f;display: none;
|
||||
background: #fff;
|
||||
text-align: left;text-align:left;box-sizing: border-box;}
|
||||
.vertical_tool .con .depth2_wrap.on{display: block;}
|
||||
|
||||
.vertical_tool .con .depth2_wrap li{border-bottom:1px solid #ccc;padding:5px;}
|
||||
.vertical_tool .con .depth2_wrap li a{font-weight: 500;}
|
||||
.vertical_tool .con .depth2_wrap li .list{padding-left:25px;}
|
||||
.vertical_tool .con .depth2_wrap li .list a{color:#000;display: block;margin:5px 0;}
|
||||
.vertical_tool .list_con .depth2_wrap li a{display: block;}
|
||||
.vertical_tool .con .depth2_wrap li .color_area{text-align: center;}
|
||||
.vertical_tool .con .depth2_wrap li .color_area li{display: inline-block;
|
||||
margin:0 3px;
|
||||
width:20px;height: 20px;border: 1px solid #a0a0a0;background: #ccc;}
|
||||
.vertical_tool .con .depth2_wrap li .color_area li a{display: block;}
|
||||
|
||||
.vertical_tool .con .depth2_wrap h2{height: 40px;line-height: 40px;text-align: center;font-weight: 500;color:#fff;background: #283645;position: relative;}
|
||||
.vertical_tool .con .depth2_wrap h2 .fa{position: absolute;top:12px;right:5px;}
|
||||
|
||||
.land_line{position: absolute;width:100%;background: #000;height: 40px;top:60px;background: #73879C;text-align: center;}
|
||||
.land_line a{display:inline-block;padding:1px 8px;color:#fff;}
|
||||
|
||||
input[type="submit"]{background: #2A3F54;color:#fff;display:inline-block;padding:3px 7px;margin-top: 5px;}
|
||||
|
||||
/*전자펜 */
|
||||
.top_wrap{position: relative;}
|
||||
.elect_pencil{position: absolute;top:600px;left:160px;z-index:10000;}
|
||||
|
||||
|
||||
|
||||
|
||||
.button_tool .btn_tool{display: inline-block;color:#1ABB9C;margin:15px 0 6px;}
|
||||
.button_tool .btn_tool.on{position: absolute;top:-40px;right:0;}
|
||||
.button_tool .too_box{display: inline-block;vertical-align: middle;margin-top:-7px;}
|
||||
|
||||
.button_tool .too_box>div.con a{color:#00a0d3}
|
||||
|
||||
.button_tool .too_box>div.con{cursor: pointer;display:inline-block;width:auto;padding:0; color:#00a0d3;vertical-align: middle;border: 1px solid rgba(204, 204, 204, 0.54);
|
||||
text-align: center;height: 0;box-sizing: border-box;overflow: hidden;border:none;background: #fff;border:none;}
|
||||
.button_tool .too_box>div.con.on{width:auto;height:66px;padding:0 10px;border: 1px solid rgba(204, 204, 204, 0.54);padding-top:5px;}
|
||||
.button_tool .too_box>div.con p.name{line-height: normal;font-size: 15px;}
|
||||
.button_tool .too_box>div .fa{margin: 0;height: 28.8px;display: block;}
|
||||
.button_tool .too_box>div:hover .fa{color:#2A3F54}
|
||||
.button_tool .too_box>div:hover{color:#2A3F54;font-weight: 500;}
|
||||
.button_tool .too_box>div:hover a{color:#2A3F54;}
|
||||
.button_tool .too_box .page_search{width:auto;position: relative;}
|
||||
.button_tool .too_box .page_search .coco{display: inline-block;padding-right: 40px;padding-bottom: 7px;position: relative;top:2px;}
|
||||
.button_tool .too_box .page_search input{width:40px;}
|
||||
.button_tool .too_box .page_search .se{display: inline-block;background: #ccc;color:#fff;border:1px solid #a5a5a5;position: absolute;top:10px;right:-2px;width:30px;height: 28px;
|
||||
line-height: 22px;
|
||||
vertical-align: top;}
|
||||
|
||||
/*책보기*/
|
||||
.page_slider .active{
|
||||
opacity: 1;
|
||||
position: absolute;
|
||||
top: 5%;
|
||||
left: 50%;
|
||||
margin-left: -350px;
|
||||
width: 700px;
|
||||
height: 800px;
|
||||
z-index: 10;
|
||||
}
|
||||
.page_slider .con img{width:100%;height: 100%;}
|
||||
|
||||
/*.file_wrap{width:80px;overflow: hidden;}*/
|
||||
/*배너관리*/
|
||||
.banner_area {margin:30px 0;}
|
||||
.banner_area ul li{text-align: center;padding:15px;border: 1px solid #ddd;margin-bottom: 8px;}
|
||||
.banner_area ul li img{width:100%;height: 200px;margin-bottom: 15px;}
|
||||
/*마우스 하단내리기 움직임*/
|
||||
.visual_bot { position: absolute; left: 50%; bottom: -1px; margin-left: -75px; z-index: 999; cursor: pointer; }
|
||||
.mouse_wrap { position: absolute; left: 50%; bottom: 5px; z-index: 999; width: 150px; text-align: center; }
|
||||
.mouse_wrap .txt_scroll { margin: 0 0 6px -16px; max-width: 70px; margin: 0 auto 5px; }
|
||||
.mouse_wrap span { display: block; width: 8px; height: 8px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; margin: -1px 0 0px 5px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
|
||||
.mouse_wrap .unu { margin-top: 5px; }
|
||||
.mouse_wrap .unu, .mouse_wrap .doi, .mouse_wrap .trei { -webkit-animation: mouse-scroll 1s infinite; -moz-animation: mouse-scroll 1s infinite; -ms-animation: mouse-scroll 1s infinite; }
|
||||
.mouse_wrap .unu { -webkit-animation-delay: .1s; -moz-animation-delay: .1s; -ms-animation-delay: .1s; -webkit-animation-direction: alternate; }
|
||||
.mouse_wrap .doi { -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -ms-animation-delay: .2s; -webkit-animation-direction: alternate; }
|
||||
.mouse_wrap .trei { -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -ms-animation-delay: .3s; -webkit-animation-direction: alternate; }
|
||||
.mouse_wrap .mouse { height: 28px; width: 18px; border-radius: 10px; transform: none; border: 2px solid #fff; top: 170px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.8); margin: 0 auto; }
|
||||
.mouse_wrap .wheel { height: 5px; width: 2px; display: block; margin: 3px auto; background: #fff; position: relative; box-shadow: 0 0 3px rgba(0, 0, 0, 1); }
|
||||
.mouse_wrap .arrow { display: inline-block; margin-right: 4px; }
|
||||
.mouse_wrap .wheel { -webkit-animation: mouse-wheel 1.2s ease infinite; -moz-animation: mouse-wheel 1.2s ease infinite; -ms-animation: mouse-wheel 1.2s ease infinite; }
|
||||
@-webkit-keyframes mouse-wheel { 0% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(6px);
|
||||
-ms-transform: translateY(6px);
|
||||
transform: translateY(6px);
|
||||
}
|
||||
}
|
||||
@keyframes mouse-wheel { 0% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(6px);
|
||||
-ms-transform: translateY(6px);
|
||||
transform: translateY(6px);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes mouse-wheel { 0% {
|
||||
top: 1px;
|
||||
}
|
||||
50% {
|
||||
top: 2px;
|
||||
}
|
||||
100% {
|
||||
top: 3px;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes mouse-scroll { 0% {
|
||||
opacity: 0;
|
||||
}
|
||||
50% {
|
||||
opacity: .5;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@-moz-keyframes mouse-scroll { 0% {
|
||||
opacity: 0;
|
||||
}
|
||||
50% {
|
||||
opacity: .5;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@-o-keyframes mouse-scroll { 0% {
|
||||
opacity: 0;
|
||||
}
|
||||
50% {
|
||||
opacity: .5;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@keyframes mouse-scroll { 0% {
|
||||
opacity: 0;
|
||||
}
|
||||
50% {
|
||||
opacity: .5;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
@media only screen and (max-width:1600px) {
|
||||
.top_wrap{margin-bottom: 140px;}
|
||||
.land_line{top:190px;}
|
||||
.vertical_tool{top:188px;}
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
.player_logo{position: absolute;top:15px;left:50px;}
|
||||
.player_logo_hide{position: absolute;position: fixed;width:100%;text-align: center;top:50%;
|
||||
z-index:1000;font-size: 80px;font-weight: bold;color:#fff;margin-top:-200px;}
|
||||
.full_bg{
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 10000;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
overflow: hidden;}
|
||||
.full_bg.go{opacity:1;visibility: visible;}
|
||||
.bbb{
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%) translateX(-2%);
|
||||
-moz-transform: translateY(-50%) translateX(-2%);
|
||||
-ms-transform: translateY(-50%) translateX(-2%);
|
||||
-o-transform: translateY(-50%) translateX(-2%);
|
||||
transform: translateY(-50%) translateX(-2%);
|
||||
/* its dimentions will be overwritten using jQuery to proportionally fit the viewport */
|
||||
height: 100%;
|
||||
/* our sprite is composed of 25 frames */
|
||||
width: 2500%;
|
||||
background: url(/images/sub/ink.png) no-repeat 0 0;
|
||||
background-size:100% 100%;
|
||||
-webkit-animation: cd-sequence 1s steps(24);
|
||||
-moz-animation: cd-sequence 1s steps(24);
|
||||
animation: cd-sequence 1s steps(24);
|
||||
-webkit-animation-fill-mode: forwards;
|
||||
-moz-animation-fill-mode: forwards;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
|
||||
/* --------------------------------
|
||||
|
||||
Primary style
|
||||
|
||||
-------------------------------- */
|
||||
|
||||
|
||||
/* --------------------------------
|
||||
|
||||
Patterns - reusable parts of our design
|
||||
|
||||
-------------------------------- */
|
||||
.cd-btn {
|
||||
display: inline-block;
|
||||
padding: 1.6em 2.4em;
|
||||
font-size: 1.4rem;
|
||||
letter-spacing: .15em;
|
||||
color: #ffffff;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
background-color: #a5c4bc;
|
||||
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-transition: box-shadow 0.3s;
|
||||
-moz-transition: box-shadow 0.3s;
|
||||
transition: box-shadow 0.3s;
|
||||
}
|
||||
.no-touch .cd-btn:hover {
|
||||
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
/* --------------------------------
|
||||
|
||||
Typography
|
||||
|
||||
-------------------------------- */
|
||||
h1 {
|
||||
font-size: 2.6rem;
|
||||
line-height: 1;
|
||||
margin-bottom: 1em;
|
||||
font-family: "IM Fell Double Pica", serif;
|
||||
font-style: italic;
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
h1 {
|
||||
font-size: 5rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* --------------------------------
|
||||
|
||||
Main Content
|
||||
|
||||
-------------------------------- */
|
||||
.cd-main-content {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
/* vertically align its content */
|
||||
display: table;
|
||||
background-color: #e4dcca;
|
||||
}
|
||||
.cd-main-content .center {
|
||||
/* vertically align inside parent element */
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* --------------------------------
|
||||
|
||||
Modal window
|
||||
|
||||
-------------------------------- */
|
||||
|
||||
|
||||
/* --------------------------------
|
||||
|
||||
Transition Layer
|
||||
|
||||
-------------------------------- */
|
||||
.cd-transition-layer {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
overflow: hidden;
|
||||
}
|
||||
.cd-transition-layer .bg-layer {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%) translateX(-2%);
|
||||
-moz-transform: translateY(-50%) translateX(-2%);
|
||||
-ms-transform: translateY(-50%) translateX(-2%);
|
||||
-o-transform: translateY(-50%) translateX(-2%);
|
||||
transform: translateY(-50%) translateX(-2%);
|
||||
/* its dimentions will be overwritten using jQuery to proportionally fit the viewport */
|
||||
height: 100%;
|
||||
/* our sprite is composed of 25 frames */
|
||||
width: 2500%;
|
||||
background: url(/images/main/ink.png) no-repeat 0 0;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.cd-transition-layer.visible {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
.cd-transition-layer.opening .bg-layer {
|
||||
-webkit-animation: cd-sequence 0.8s steps(24);
|
||||
-moz-animation: cd-sequence 0.8s steps(24);
|
||||
animation: cd-sequence 0.8s steps(24);
|
||||
-webkit-animation-fill-mode: forwards;
|
||||
-moz-animation-fill-mode: forwards;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
.cd-transition-layer.closing .bg-layer {
|
||||
-webkit-animation: cd-sequence-reverse 0.8s steps(24);
|
||||
-moz-animation: cd-sequence-reverse 0.8s steps(24);
|
||||
animation: cd-sequence-reverse 0.8s steps(24);
|
||||
-webkit-animation-fill-mode: forwards;
|
||||
-moz-animation-fill-mode: forwards;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
.no-cssanimations .cd-transition-layer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@-webkit-keyframes cd-sequence {
|
||||
0% {
|
||||
/* translateX(-2%) is used to horizontally center the first frame inside the viewport */
|
||||
-webkit-transform: translateY(-50%) translateX(-2%);
|
||||
}
|
||||
100% {
|
||||
/* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport */
|
||||
-webkit-transform: translateY(-50%) translateX(-98%);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes cd-sequence {
|
||||
0% {
|
||||
/* translateX(-2%) is used to horizontally center the first frame inside the viewport */
|
||||
-moz-transform: translateY(-50%) translateX(-2%);
|
||||
}
|
||||
100% {
|
||||
/* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport */
|
||||
-moz-transform: translateY(-50%) translateX(-98%);
|
||||
}
|
||||
}
|
||||
@keyframes cd-sequence {
|
||||
0% {
|
||||
/* translateX(-2%) is used to horizontally center the first frame inside the viewport */
|
||||
-webkit-transform: translateY(-50%) translateX(-2%);
|
||||
-moz-transform: translateY(-50%) translateX(-2%);
|
||||
-ms-transform: translateY(-50%) translateX(-2%);
|
||||
-o-transform: translateY(-50%) translateX(-2%);
|
||||
transform: translateY(-50%) translateX(-2%);
|
||||
}
|
||||
100% {
|
||||
/* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport */
|
||||
-webkit-transform: translateY(-50%) translateX(-98%);
|
||||
-moz-transform: translateY(-50%) translateX(-98%);
|
||||
-ms-transform: translateY(-50%) translateX(-98%);
|
||||
-o-transform: translateY(-50%) translateX(-98%);
|
||||
transform: translateY(-50%) translateX(-98%);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes cd-sequence-reverse {
|
||||
0% {
|
||||
-webkit-transform: translateY(-50%) translateX(-98%);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: translateY(-50%) translateX(-2%);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes cd-sequence-reverse {
|
||||
0% {
|
||||
-moz-transform: translateY(-50%) translateX(-98%);
|
||||
}
|
||||
100% {
|
||||
-moz-transform: translateY(-50%) translateX(-2%);
|
||||
}
|
||||
}
|
||||
@keyframes cd-sequence-reverse {
|
||||
0% {
|
||||
-webkit-transform: translateY(-50%) translateX(-98%);
|
||||
-moz-transform: translateY(-50%) translateX(-98%);
|
||||
-ms-transform: translateY(-50%) translateX(-98%);
|
||||
-o-transform: translateY(-50%) translateX(-98%);
|
||||
transform: translateY(-50%) translateX(-98%);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: translateY(-50%) translateX(-2%);
|
||||
-moz-transform: translateY(-50%) translateX(-2%);
|
||||
-ms-transform: translateY(-50%) translateX(-2%);
|
||||
-o-transform: translateY(-50%) translateX(-2%);
|
||||
transform: translateY(-50%) translateX(-2%);
|
||||
}
|
||||
}
|
||||
|
||||
90
public/css/admin/multi-select.css
Executable file
90
public/css/admin/multi-select.css
Executable file
@@ -0,0 +1,90 @@
|
||||
.ms-container{
|
||||
background: transparent url('/img/admin/switch.png') no-repeat 50% 50%;
|
||||
width: 700px;
|
||||
}
|
||||
|
||||
.ms-container:after{
|
||||
content: ".";
|
||||
display: block;
|
||||
height: 0;
|
||||
line-height: 0;
|
||||
font-size: 0;
|
||||
clear: both;
|
||||
min-height: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.ms-container .ms-selectable, .ms-container .ms-selection{
|
||||
background: #fff;
|
||||
color: #555555;
|
||||
float: left;
|
||||
width: 45%;
|
||||
}
|
||||
.ms-container .ms-selection{
|
||||
float: right;
|
||||
}
|
||||
|
||||
.ms-container .ms-list{
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
border: 1px solid #ccc;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
position: relative;
|
||||
height: 400px;
|
||||
minHeight: 200px;
|
||||
padding: 0;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.ms-container .ms-list.ms-focus{
|
||||
outline: 0;
|
||||
outline: thin dotted \9;
|
||||
}
|
||||
|
||||
.ms-container ul{
|
||||
margin: 0;
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.ms-container .ms-optgroup-container{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ms-container .ms-optgroup-label{
|
||||
margin: 0;
|
||||
padding: 5px 0px 0px 5px;
|
||||
cursor: pointer;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.ms-container .ms-selectable li.ms-elem-selectable,
|
||||
.ms-container .ms-selection li.ms-elem-selection{
|
||||
border-bottom: 1px #eee solid;
|
||||
padding: 0px 10px;
|
||||
color: #555;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.ms-container .ms-selectable li.ms-hover,
|
||||
.ms-container .ms-selection li.ms-hover{
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
background-color: #08c;
|
||||
}
|
||||
|
||||
.ms-container .ms-selectable li.disabled,
|
||||
.ms-container .ms-selection li.disabled{
|
||||
background-color: #eee;
|
||||
color: #aaa;
|
||||
cursor: text;
|
||||
}
|
||||
Reference in New Issue
Block a user