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.
 
 
 
 
 
 

230 lines
4.4 KiB

/* JQUERY-UI */
.ui-icon,
.ui-widget-content .ui-icon { background-image: url("../images/jquery-ui/ui-icons_444444_256x240.png"); }
.ui-widget-header .ui-icon { background-image: url("../images/jquery-ui/ui-icons_444444_256x240.png"); }
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon { background-image: url("../images/jquery-ui/ui-icons_555555_256x240.png"); }
.ui-state-active .ui-icon,
.ui-button:active .ui-icon { background-image: url("../images/jquery-ui/ui-icons_ffffff_256x240.png"); }
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon { background-image: url("../images/jquery-ui/ui-icons_777620_256x240.png"); }
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon { background-image: url("../images/jquery-ui/ui-icons_cc0000_256x240.png"); }
.ui-button .ui-icon { background-image: url("../images/jquery-ui/ui-icons_777777_256x240.png");}
.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content
.ui-state-active,
.ui-widget-header
.ui-state-active,
a.ui-button:active {
border: 1px solid $btn-primary-border;
background: $btn-primary-bg;
color:#fff;
}
/* AX5UI-MODAL */
.ax5modal .ax-modal-header { font-size:13px;}
/* 순서변경시 아이콘에 커서변경 */
.sort-handle-icon {cursor:move;}
/* 카테고리용 */
.category-list {
background:rgba(0,0,0,0.15);
padding:15px 20px;
li {
background:url(../images/admin/treeview_line.gif) 0px 0px no-repeat;
display:block;
> div {
display:block;
padding:5px 5px 0px 22px;
line-height:23px;
color:#fff;
text-decoration:none;
vertical-align:middle;
span {
vertical-align:bottom;
}
> span.move-item {
cursor:move;
border:1px dashed transparent;
&:hover {
//border:1px dashed #e0e0e0;
color:#cc7b19;
}
}
> button.btn-xs {
margin-left:10px;
display:none;
+button {
margin-left:0px;
}
}
&:hover {
>button {
display:inline-block;
}
}
}
&:last-child { background-position-y:-1768px; }
}
> li {
background:none;
&.ui-sortable-placeholder {
background:#f0f0f0;
}
> div {
padding-left:0px;
> button.btn-xs {
display:inline-block;
}
}
> ul > li {
background-position-y: -2px;
> ul.items > li {
background-position: 22px -2px;
> div {
padding-left: 44px;
}
&:last-child {
background-position-y: -1768px;
}
}
}
}
}
.cke {
border:0px !important;
.cke_inner {
background:transparent;
}
.cke_bottom,
.cke_top {
border:0px;
background:rgba(0,0,0, 0.14);
}
.cke_combo_button,
.cke_button {
background: rgba(0,0,0,.14);
}
.cke_toolgroup {
background:transparent;
}
.cke_toolbar_separator {
//background:transparent;
}
.cke_path_item, .cke_path_empty {
color:#fff;
text-shadow:none;
}
}
.ui-datepicker {
border:0px !important;
border-radius:0px !important;
background:#3f4245;
box-shadow: 0px 10px 10px rgba(0,0,0,0.15);
padding:0px;
.ui-datepicker-header {
border-radius:0px !important;
border:0px;
background:rgba(0,0,0,0.15);
.ui-datepicker-title {
color:#fff;
}
.ui-datepicker-prev,
.ui-datepicker-next {
border-radius:0px;
width:auto;
font-weight:400;
&:after {
font-size: 16px;
text-align: center;
display: inline-block;
}
.ui-icon {
display:none
}
&.ui-state-hover {
background:transparent;
color:#cc7b19;
border:0px;
}
}
.ui-datepicker-prev {
&:after {
content:'\f32a';
font-family:'Font Awesome 5 Pro';
color:#fff;
}
}
.ui-datepicker-next {
&:after {
content:'\f32b';
font-family:'Font Awesome 5 Pro';
color:#fff;
}
}
}
.ui-datepicker-calendar {
color:#fff;
td {
border:0px;
padding:0px;
a {
background:transparent;
color:#fff;
border:0px !important;
&.ui-state-active {
background:#3498db;
}
&.ui-state-highlight {
background:#cc7b19;
color:#fff;
}
}
}
}
}