8889841chome/clixcotz/public_html/wp-content/plugins/uxper-metabox/libs/metabox/css/admin-style.scss 0000644 00000014347 15051424331 0026526 0 ustar 00 @import 'mixin';
@import 'variables';
.xdebug-var-dump {
margin-left: 170px;
}
.button {
i {
margin-right: 5px;
}
}
.form-field-checkbox {
.description {
display: inline-block;
}
}
.form-field-select {
select {
width: 95%;
}
}
@import 'extend';
.#{$namespace}-form-wrapper {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid $border-color;
@extend %clearfix;
&:last-child {
margin-bottom: 0;
padding-bottom: 0;
border: none;
}
}
.#{$namespace}-form-title {
display: inline-block;
width: 25%;
float: left;
padding-right: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.#{$namespace}-form-sub-title {
margin: 0;
font-size: 12px;
}
.#{$namespace}-form-label {
font-weight: 600;
}
.#{$namespace}-form-control {
width: 75%;
float: left;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#postbox-container-1,
.#{$namespace}-form-full {
.#{$namespace}-form-title {
float: none;
display: block;
margin: 0 0 5px;
width: auto;
}
.#{$namespace}-form-control {
width: 100%;
float: none;
}
}
.#{$namespace}-form-description {
font-size: 12px;
margin: 0;
font-style: italic;
}
.#{$namespace}-form-required {
font-size: 12px;
color: #b3312f;
}
.#{$namespace}-form-select,
.#{$namespace}-form-text {
width: 100%;
}
.#{$namespace}-button {
display: inline-block;
text-decoration: none;
font-size: 13px;
line-height: 26px;
height: 28px;
margin: 0 6px 0 0;
padding: 0 10px 1px;
cursor: pointer;
-webkit-appearance: none;
white-space: nowrap;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #555;
border: 1px solid #ccc;
background: #f7f7f7;
&.primary {
color: #fff;
background: $primary-color;
border: 1px solid darken($primary-color, 5%);
}
&.success {
color: #fff;
background: #27ae60;
border: 1px solid darken(#27ae60, 5%);
}
&.danger {
color: #fff;
background: #e14d43;
border: 1px solid darken(#e14d43, 5%);
}
&.info {
color: #fff;
background: #418bca;
border: 1px solid darken(#418bca, 5%);
}
&.warning {
color: #fff;
background: #f0ad4e;
border: 1px solid darken(#f0ad4e, 5%);
}
&:hover {
@include scale(1.05);
border-color: darken(#ccc, 5%);
&.primary {
border-color: darken($primary-color, 5%);
}
&.success {
border-color: darken(#27ae60, 5%);
}
&.danger {
border-color: darken(#e14d43, 5%);
}
&.info {
border-color: darken(#418bca, 5%);
}
&.warning {
border-color: darken(#f0ad4e, 5%);
}
}
i {
margin-right: 10px;
}
}
.#{$namespace}-radio-field {
input[type=radio]:checked:before {
background: $primary-color;
}
}
.#{$namespace}-checkbox-field {
input[type=checkbox]:checked:before {
color: $primary-color;
}
}
.form-textarea {
width: 100%;
}
.select2 {
max-width: 75%;
}
.select2-selection,
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
@extend %border-radius-0;
}
.select2-container--default {
.select2-selection--single,
.select2-selection--multiple {
border-color: $border-color;
outline: 0;
}
.select2-selection--multiple {
.select2-selection__choice {
margin-top: 4px;
}
}
&.select2-container--focus {
.select2-selection--single,
.select2-selection--multiple {
border-color: $primary-color;
}
}
.select2-results__option--highlighted[aria-selected] {
background: $primary-color;
}
.select2-selection__rendered {
li {
margin-bottom: 0;
}
}
}
.select2-container {
.select2-selection--multiple {
min-height: 28px;
}
}
.#{$namespace}-ace-editor {
> pre {
margin: 0;
}
.form-textarea {
display: none;
}
}
.#{$namespace}-media-image {
img {
background: $bg-color;
border: 1px solid $border-color;
padding: 5px;
max-width: 200px;
max-height: 200px;
width: auto;
height: auto;
}
}
.#{$namespace}-media {
width: 100%;
}
.#{$namespace}-gallery-images {
margin: 0;
> li {
display: inline-block;
position: relative;
margin: 0 8px 8px 0;
line-height: 0;
cursor: move;
&:hover {
.actions {
display: block;
}
}
}
img {
background: $bg-color;
border: 1px solid $border-color;
padding: 5px;
width: 80px;
height: 80px;
}
.actions {
position: absolute;
top: -10px;
right: -5px;
display: none;
}
.#{$namespace}-gallery-remove {
font-size: 24px;
color: $primary-color;
}
}
.#{$namespace}-gallery-placeholder {
background: url(#{$images-path}placeholder.png) no-repeat center;
background-size: cover;
border: 2px dashed #999;
width: 92px;
height: 92px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.#{$namespace}-checkbox-field,
.#{$namespace}-radio-field {
margin: 4px 0 0;
}
.#{$namespace}-list-inline {
> li {
display: inline-block;
margin-right: 10px;
&:last-child {
margin-right: 0;
}
}
}
.#{$namespace}-form-image-select {
img {
width: 50px;
height: 50px;
cursor: pointer;
border: 3px solid #fff;
&.active {
border-color: $primary-color;
}
}
}
/**
* Theme options page
*/
.#{$namespace}-page-header {
padding: 20px;
background: $primary-color;
color: #fff;
@include border-top-left-radius(10px);
@include border-top-right-radius(10px);
@extend %clearfix;
}
.#{$namespace}-page-logo {
h2 {
color: #fff;
font-size: 24px;
display: inline-block;
margin: 0;
}
}
.#{$namespace}-page-content {
> .#{$namespace}-tabpanel {
margin: 0;
}
}
.#{$namespace}-action-bar {
padding: 10px;
text-align: right;
border: 1px solid $border-color;
border-top: 0;
border-bottom: 0;
}
.#{$namespace}-page-footer {
> .#{$namespace}-action-bar {
border-bottom: 1px solid $border-color;
}
}
@media (max-width: 460px) {
.#{$namespace}-form-title {
width: 100%;
float: none;
margin-bottom: 5px;
}
.#{$namespace}-form-control {
width: 100%;
float: none;
}
}