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

/* 좌측메뉴 */
#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);
}
}