You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
355 lines
6.9 KiB
355 lines
6.9 KiB
/* 좌측메뉴 */
|
|
#logo-group #logo>a {font-family:Arial;}
|
|
nav ul ul li>a {font-size:12px;}
|
|
|
|
/* 회원 메뉴 */
|
|
.dropdown-menu>li>a {font-size:12px;}
|
|
|
|
/* 페이지네이션 */
|
|
.pagination>li>a, .pagination>li>span { color:#777; }
|
|
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover { color :#ddd;}
|
|
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background:$btn-primary-bg; border-color:$btn-primary-border;}
|
|
|
|
/* Input */
|
|
input[type="checkbox"], input[type="radio"] { display: inline-block; position: static; margin: 0 3px; vertical-align: middle; }
|
|
.form-control{ display: block; width: 100%; height: 26px; padding: 3px 6px; font-size: 13px; line-height: 1.42857; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 3px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s}
|
|
|
|
.nav-cards {
|
|
margin-bottom:20px;
|
|
> li {
|
|
float:none;
|
|
margin:0;
|
|
> .card {
|
|
padding: 10px 20px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
color:#eee;
|
|
background-color: rgba(0,0,0,.15);
|
|
|
|
&:focus,
|
|
&:hover {
|
|
text-decoration: none;
|
|
background-color: hsla(0,0%,100%,.08);
|
|
}
|
|
|
|
&.selected {
|
|
color:#f9be03;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.nav-card-tabs {
|
|
margin-bottom:0px;
|
|
|
|
&:after {
|
|
clear:both;
|
|
content:'';
|
|
display:table;
|
|
}
|
|
> li {
|
|
float:left;
|
|
margin:0;
|
|
|
|
> .card {
|
|
padding: 10px 20px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
color:#eee;
|
|
background-color: hsla(0,0%,100%,.08);
|
|
|
|
&:focus,
|
|
&:hover {
|
|
text-decoration: none;
|
|
background-color: hsla(0,0%,100%,.08);
|
|
color:#f9be03;
|
|
}
|
|
|
|
&.selected,
|
|
&.selected:hover {
|
|
color:#f9be03;
|
|
background-color:rgba(0,0,0,.15);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
label,
|
|
label.control-label {font-weight:400;}
|
|
|
|
.panel.panel-dark {
|
|
background-color:transparent;
|
|
|
|
.panel-heading {
|
|
position: relative;
|
|
background-color: rgba(0,0,0,.15);
|
|
line-height:50px;
|
|
|
|
.panel-title {
|
|
font-size:16px;
|
|
}
|
|
}
|
|
|
|
.panel-body {
|
|
border-left:1px solid rgba(0,0,0,.15);
|
|
border-right:1px solid rgba(0,0,0,.15);
|
|
border-bottom:1px solid rgba(0,0,0, .15);
|
|
|
|
&.no-padding {
|
|
padding:0px;
|
|
}
|
|
|
|
.cke_chrome {
|
|
border:0px;
|
|
}
|
|
}
|
|
|
|
.panel-footer {
|
|
position: relative;
|
|
background-color: rgba(0,0,0,.15);
|
|
border:0px;
|
|
text-align:right;
|
|
}
|
|
}
|
|
|
|
.form-control {
|
|
color:#eee;
|
|
height: 38px;
|
|
padding: 6px 12px;
|
|
font-size: 14px;
|
|
vertical-align: middle;
|
|
background-color: hsla(0,0%,100%,.25);
|
|
-webkit-transition: background-color .2s;
|
|
-moz-transition: background-color .2s;
|
|
-ms-transition: background-color .2s;
|
|
-o-transition: background-color .2s;
|
|
transition: background-color .2s;
|
|
box-shadow:none;
|
|
border:0;
|
|
line-height:1.5em;
|
|
|
|
&:focus {
|
|
outline: 0;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
&:focus:not([disabled]):not([readonly]) {
|
|
color: #555;
|
|
background-color: #eee;
|
|
}
|
|
|
|
&[disabled],
|
|
&[readonly] {
|
|
background:rgba(0,0,0,0.1);
|
|
color:#797979;
|
|
}
|
|
}
|
|
|
|
select.form-control {
|
|
margin-top:1px;
|
|
}
|
|
|
|
.form-control-inline {
|
|
display:inline-block;
|
|
width:auto;
|
|
}
|
|
textarea.form-control {
|
|
resize:vertical;;
|
|
}
|
|
.form-flex {
|
|
.form-group {
|
|
-webkit-display:flex;
|
|
display:flex;
|
|
|
|
.control-label {
|
|
width:150px;
|
|
display:block;
|
|
text-align:right;
|
|
padding-top:11px;
|
|
|
|
&.control-label-sm {
|
|
width:100px;
|
|
}
|
|
|
|
&.control-label-xs {
|
|
width:50px;
|
|
}
|
|
}
|
|
|
|
.controls {
|
|
margin-left:15px;
|
|
flex:1;
|
|
vertical-align: middle;
|
|
|
|
.form-control-static {
|
|
padding-top:11px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.alert-info {
|
|
color: #fff;
|
|
background-color: rgba(0,0,0,0.14);
|
|
border-color: transparent;
|
|
}
|
|
|
|
.alert-danger {
|
|
background-color: rgba(0,0,0,0.14);
|
|
border-color: transparent;
|
|
}
|
|
|
|
.w-check {
|
|
position: relative;
|
|
margin:0;
|
|
line-height:21px;
|
|
padding:7.5px 0;
|
|
|
|
& + .w-check {
|
|
margin-left:30px;
|
|
}
|
|
|
|
input[type="checkbox"] {
|
|
position: absolute;
|
|
width: 1px;
|
|
height: 1px;
|
|
padding: 0;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
clip:rect(0,0,0,0); border: 0;
|
|
|
|
& + span {
|
|
display: inline-block;
|
|
position: relative;
|
|
padding-left: 30px;
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
|
|
&:before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
width: 21px;
|
|
height: 21px;
|
|
line-height:21px;
|
|
text-align: center;
|
|
background: rgba(0,0,0,0.15);
|
|
border: 0px;
|
|
font-family:'Font Awesome 5 Pro';
|
|
}
|
|
}
|
|
|
|
&:checked + span:before {
|
|
content:'\f00c';
|
|
background: rgba(0,0,0,0.5);
|
|
color: #cc7b19;
|
|
}
|
|
}
|
|
}
|
|
|
|
.w-radio {
|
|
position: relative;
|
|
margin:0;
|
|
line-height:21px;
|
|
padding:7.5px 0;
|
|
|
|
& + .w-radio {
|
|
margin-left:30px;
|
|
}
|
|
|
|
input[type="radio"] {
|
|
position: absolute;
|
|
width: 1px;
|
|
height: 1px;
|
|
padding: 0;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
clip:rect(0,0,0,0); border: 0;
|
|
|
|
& + span {
|
|
display: inline-block;
|
|
position: relative;
|
|
padding-left: 30px;
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
|
|
&:before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
width: 21px;
|
|
height: 21px;
|
|
line-height:21px;
|
|
text-align: center;
|
|
background: rgba(0,0,0,0.15);
|
|
border: 0px;
|
|
border-radius: 100%;
|
|
font-family:'Font Awesome 5 Pro';
|
|
}
|
|
}
|
|
|
|
&:checked + span:before {
|
|
content:'\f00c';
|
|
background: rgba(0,0,0,0.5);
|
|
color: #cc7b19;
|
|
}
|
|
}
|
|
}
|
|
|
|
.pagination {
|
|
> li {
|
|
> a,
|
|
> span {
|
|
color:#fff;
|
|
background:rgba(0,0,0, 0.15);
|
|
border:0px;
|
|
|
|
&:focus,
|
|
&:hover {
|
|
color:#cc7b19;
|
|
background-color:rgba(0,0,0,0.15);
|
|
border:0px;
|
|
}
|
|
}
|
|
|
|
&.active {
|
|
> a,
|
|
> a:focus,
|
|
> a:hover,
|
|
> span,
|
|
> span:focus,
|
|
> span:hover {
|
|
background:rgba(0,0,0, 0.5);
|
|
color:#fff;
|
|
}
|
|
}
|
|
|
|
&.disabled {
|
|
> a,
|
|
> a:focus,
|
|
> a:hover,
|
|
> span,
|
|
> span:focus,
|
|
> span:hover {
|
|
background:rgba(0,0,0, 0.15);
|
|
color:#797979;
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
.dropdown-menu-dark {
|
|
background:#3f4245;
|
|
|
|
.divider {
|
|
background:rgba(0,0,0,0.15);
|
|
}
|
|
}
|