File: /var/www/html/wpprm/wp-content/themes/ronneby/inc/lib/metabox/sass/screen.scss
/* Welcome to Compass.
* In this file you should write your main styles. (or centralize your imports)
* Import this file using the following HTML or equivalent:
* <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@import "compass/css3/border-radius";
@import "compass/css3/transform";
@import "compass/css3/transition";
@import "compass/css3/box-shadow";
@import "compass/css3/text-shadow";
@import "compass/css3/box-sizing";
$white: #fff;
$border-color: #ececec;
$dark-color: #454545;
$background-grey: #f7f7f7;
table.cmb_metabox {
clear: both;
table-layout: fixed;
}
.post-new-php table.cmb_metabox .cmb-nested-table td,
.post-new-php table.cmb_metabox .repeatable-group th,
.post-new-php table.cmb_metabox .repeatable-group:first-of-type,
.post-php table.cmb_metabox .cmb-nested-table td,
.post-php table.cmb_metabox .repeatable-group th,
.post-php table.cmb_metabox .repeatable-group:first-of-type,
table.cmb_metabox tbody>tr:first-of-type>td,
table.cmb_metabox tbody>tr:first-of-type>th,
table.cmb_metabox>tr:first-of-type>td,
table.cmb_metabox>tr:first-of-type>th {
border: 0;
}
.post-new-php table.cmb_metabox .repeatable-group,
.post-new-php table.cmb_metabox td,
.post-new-php table.cmb_metabox th,
.post-php table.cmb_metabox .repeatable-group,
.post-php table.cmb_metabox td,
.post-php table.cmb_metabox th {
border-top: 1px solid $border-color;
}
.repeatable-group th {
padding: 5px;
}
.repeatable-group .shift-rows {
text-decoration: none;
margin-right: 5px;
font-size: 1.2em;
}
.repeatable-group .cmb_upload_button {
float: right;
}
#poststuff .repeatable-group h2 {
margin: 0;
}
.cmb-group-title h4 {
font-size: 1.2em;
font-weight: 500;
border-bottom: 1px solid $border-color;
}
.post-new-php table.cmb_metabox th,
.post-php table.cmb_metabox th {
text-align: left;
font-weight: 400;
padding: 20px;
background: $background-grey;
border-right: 1px solid $border-color;
}
.post-new-php table.cmb_metabox table th,
.post-php table.cmb_metabox table th {
text-align: left;
}
table.cmb_metabox th label {
text-align: right;
margin-top: 5px;
padding-left: 30px;
display: block;
}
p.cmb_metabox_description {
float: none;
clear: both;
color: #AAA;
font-style: italic;
margin: 2px 0!important;
}
span.cmb_metabox_description {
color: #AAA;
font-style: italic;
}
table.cmb_metabox input,
table.cmb_metabox textarea {
font-size: 14px;
padding: 5px
}
table.cmb_metabox input[type=text],
table.cmb_metabox textarea {
width: 97%;
}
table.cmb_metabox textarea.cmb_textarea_code {
font-family: Consolas, Monaco, monospace;
line-height: 16px;
}
table.cmb_metabox input.cmb_text_small,
table.cmb_metabox input.cmb_timepicker {
width: 100px;
margin-right: 15px;
}
table.cmb_metabox input.cmb_text_money {
width: 90px;
margin-right: 15px
}
table.cmb_metabox input.cmb_text_medium {
width: 230px;
margin-right: 15px;
}
table.cmb_metabox input.cmb_upload_file {
width: 65%;
}
table.cmb_metabox input.ed_button {
padding: 2px 4px;
}
table.cmb_metabox li {
font-size: 14px;
margin: 1px 0 5px;
line-height: 16px;
}
table.cmb_metabox ul {
padding-top: 5px;
margin: 0;
}
table.cmb_metabox select {
font-size: 14px;
margin-top: 3px;
}
table.cmb_metabox input:focus,
table.cmb_metabox textarea:focus {
background: $white;
}
.cmb_metabox_title {
margin: 0 0 5px;
padding: 5px 0 0;
}
.edit-tags-php .cmb_metabox_title,
.profile-php .cmb_metabox_title,
.user-edit-php .cmb_metabox_title {
margin-left: -10px;
}
.cmb-inline ul {
padding: 4px 0 0;
}
.cmb-inline li {
display: inline-block;
padding-right: 18px;
}
table.cmb_metabox input[type=checkbox],
table.cmb_metabox input[type=radio] {
margin: 0 5px 0 0;
padding: 0;
}
table.cmb_metabox .mceLayout {
border: 1px solid $border-color !important;
}
table.cmb_metabox .mceIframeContainer {
background: $white;
}
table.cmb_metabox .meta_mce {
width: 97%;
}
table.cmb_metabox .meta_mce textarea {
width: 100%;
}
table.cmb_metabox .cmb_media_status {
margin: 10px 0 0;
}
table.cmb_metabox .cmb_media_status .img_status {
clear: none;
float: left;
display: inline-block;
margin-right: 10px;
width: auto;
}
table.cmb_metabox .cmb-type-file_list .cmb_media_status .img_status {
clear: none;
float: left;
margin-right: 10px;
width: auto;
}
table.cmb_metabox .cmb_media_status .embed_status,
table.cmb_metabox .cmb_media_status .img_status {
position: relative;
}
table.cmb_metabox .cmb_media_status .embed_status,
table.cmb_metabox .cmb_media_status .img_status img {
border: 1px solid $border-color;
background: $background-grey;
max-width: 350px;
padding: 5px;
@include border-radius(2px);
}
table.cmb_metabox .cmb_media_status .embed_status {
float: left;
max-width: 800px;
}
table.cmb_metabox .cmb_media_status .embed_status .cmb_remove_file_button,
table.cmb_metabox .cmb_media_status .img_status .cmb_remove_file_button {
text-indent: -9999px;
background: url(../images/ico-delete.png);
width: 16px;
height: 16px;
position: absolute;
top: -5px;
left: -5px
}
table.cmb_metabox .attach_list li {
clear: both;
display: inline-block;
margin-bottom: 25px;
width: 100%;
}
table.cmb_metabox .attach_list li img {
float: left;
margin-right: 10px;
}
/*
#side-sortables table.cmb_metabox input[type=text],
.inner-sidebar table.cmb_metabox input[type=text],
table.cmb_metabox textarea {
width: 95%;
}
#side-sortables table.cmb_metabox .cmb_media_status .embed_status img,
#side-sortables table.cmb_metabox .cmb_media_status .img_status img,
.inner-sidebar table.cmb_metabox .cmb_media_status .embed_status img,
.inner-sidebar table.cmb_metabox .cmb_media_status .img_status img {
width: 90%;
}
#side-sortables table.cmb_metabox label,
.inner-sidebar table.cmb_metabox label {
display: block;
font-weight: 700;
padding: 0 0 5px;
}
#side-sortables table.cmb_metabox .cmb_list label,
.inner-sidebar table.cmb_metabox .cmb_list label {
display: inline;
font-weight: 400;
}
#side-sortables table.cmb_metabox .cmb_metabox_description,
.inner-sidebar table.cmb_metabox .cmb_metabox_description {
display: block;
padding: 7px 0 0;
}
#side-sortables table.cmb_metabox .cmb_metabox_title,
.inner-sidebar table.cmb_metabox .cmb_metabox_title {
font-size: 1.2em;
font-style: italic;
}
*/
.postbox table.cmb_metabox .cmb-spinner {
float: left;
}
table.cmb_metabox .wp-color-result,
table.cmb_metabox .wp-picker-input-wrap {
vertical-align: middle;
}
table.cmb_metabox .wp-color-result,
table.cmb_metabox .wp-picker-container {
margin: 0 10px 0 0;
}
div.time-picker {
position: absolute;
height: 191px;
width: 6em;
overflow: auto;
background: $white;
border: 1px solid $border-color;
z-index: 99;
margin: 0;
}
div.time-picker-12hours {
width: 8em;
}
div.time-picker ul {
list-style-type: none;
margin: 0;
padding: 0;
}
div.time-picker li {
cursor: pointer;
height: 10px;
font: 14px/1 Helvetica, Arial, sans-serif;
padding: 4px 3px;
}
div.time-picker li.selected {
background: #0063CE;
color: $white;
}
.cmb_element .ui-helper-hidden {
display: none;
}
.cmb_element .ui-helper-hidden-accessible {
position: absolute!important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
.cmb_element .ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.cmb_element .ui-helper-clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html .ui-helper-clearfix {
height: 1%;
}
.cmb_element .ui-helper-clearfix {
display: block;
}
.cmb_element .ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0);
}
.cmb_element .ui-state-disabled {
cursor: default !important;
}
.cmb_element .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.cmb_element .ui-widget-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.cmb_element .ui-widget {
font-family: Verdana, Arial, sans-serif;
font-size: 1.1em;
}
.cmb_element .ui-widget .ui-widget {
font-size: 1em;
}
.cmb_element .ui-widget button,
.cmb_element .ui-widget input,
.cmb_element .ui-widget select,
.cmb_element .ui-widget textarea {
font-family: Verdana, Arial, sans-serif;
font-size: 1em;
}
.cmb_element .ui-widget-content {
border: 1px solid #aaa;
background: $white url(../images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
color: #222;
}
.cmb_element .ui-widget-content a {
color: #222;
}
.cmb_element .ui-widget-header {
border: 1px solid #aaa;
background: #ccc url(../images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
color: #222;
font-weight: 700;
}
.cmb_element .ui-widget-header a {
color: #222;
}
.cmb_element .ui-state-default,
.cmb_element .ui-widget-content .ui-state-default,
.cmb_element .ui-widget-header .ui-state-default {
border: 1px solid #d3d3d3;
background: #e6e6e6 url(../images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
font-weight: 400;
color: #555;
}
.cmb_element .ui-state-default a,
.cmb_element .ui-state-default a:link,
.cmb_element .ui-state-default a:visited {
color: #555;
text-decoration: none;
}
.cmb_element .ui-state-focus,
.cmb_element .ui-state-hover,
.cmb_element .ui-widget-content .ui-state-focus,
.cmb_element .ui-widget-content .ui-state-hover,
.cmb_element .ui-widget-header .ui-state-focus,
.cmb_element .ui-widget-header .ui-state-hover {
border: 1px solid #999;
background: #dadada url(../images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
font-weight: 400;
color: #212121;
}
.cmb_element .ui-state-hover a,
.cmb_element .ui-state-hover a:hover {
color: #212121;
text-decoration: none;
}
.cmb_element .ui-state-active,
.cmb_element .ui-widget-content .ui-state-active,
.cmb_element .ui-widget-header .ui-state-active {
border: 1px solid #aaa;
background: $white url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
font-weight: 400;
color: #212121;
}
.cmb_element .ui-state-active a,
.cmb_element .ui-state-active a:link,
.cmb_element .ui-state-active a:visited {
color: #212121;
text-decoration: none;
}
.cmb_element .ui-widget:active {
outline: 0;
}
.cmb_element .ui-state-highlight,
.cmb_element .ui-widget-content .ui-state-highlight,
.cmb_element .ui-widget-header .ui-state-highlight {
border: 1px solid #fcefa1;
background: #fbf9ee url(../images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
color: #363636;
}
.cmb_element .ui-state-highlight a,
.cmb_element .ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #363636;
}
.cmb_element .ui-state-error,
.cmb_element .ui-widget-content .ui-state-error,
.cmb_element .ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
background: #fef1ec url(../images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
color: #cd0a0a;
}
.cmb_element .ui-state-error a,
.cmb_element .ui-state-error-text,
.cmb_element .ui-widget-content .ui-state-error a,
.cmb_element .ui-widget-content .ui-state-error-text,
.cmb_element .ui-widget-header .ui-state-error a,
.cmb_element .ui-widget-header .ui-state-error-text {
color: #cd0a0a;
}
.cmb_element .ui-priority-primary,
.cmb_element .ui-widget-content .ui-priority-primary,
.cmb_element .ui-widget-header .ui-priority-primary {
font-weight: 700;
}
.cmb_element .ui-priority-secondary,
.cmb_element .ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
font-weight: 400;
}
.cmb_element .ui-state-disabled,
.cmb_element .ui-widget-content .ui-state-disabled,
.cmb_element .ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
background-image: none;
}
.cmb_element .ui-icon {
width: 16px;
height: 16px;
background-image: url(../images/ui-icons_222222_256x240.png);
}
.cmb_element .ui-widget-content .ui-icon,
.cmb_element .ui-widget-header .ui-icon {
background-image: url(../images/ui-icons_222222_256x240.png);
}
.cmb_element .ui-state-default .ui-icon {
background-image: url(../images/ui-icons_888888_256x240.png);
}
.cmb_element .ui-state-active .ui-icon,
.cmb_element .ui-state-focus .ui-icon,
.cmb_element .ui-state-hover .ui-icon {
background-image: url(../images/ui-icons_454545_256x240.png);
}
.cmb_element .ui-state-highlight .ui-icon {
background-image: url(images/ui-icons_2e83ff_256x240.png);
}
.cmb_element .ui-state-error .ui-icon,
.cmb_element .ui-state-error-text .ui-icon {
background-image: url(../images/ui-icons_cd0a0a_256x240.png);
}
.cmb_element .ui-icon-carat-1-n {
background-position: 0 0;
}
.cmb_element .ui-icon-carat-1-ne {
background-position: -16px 0;
}
.cmb_element .ui-icon-carat-1-e {
background-position: -32px 0;
}
.cmb_element .ui-icon-carat-1-se {
background-position: -48px 0;
}
.cmb_element .ui-icon-carat-1-s {
background-position: -64px 0;
}
.cmb_element .ui-icon-carat-1-sw {
background-position: -80px 0;
}
.cmb_element .ui-icon-carat-1-w {
background-position: -96px 0;
}
.cmb_element .ui-icon-carat-1-nw {
background-position: -112px 0
}
.cmb_element .ui-icon-carat-2-n-s {
background-position: -128px 0;
}
.cmb_element .ui-icon-carat-2-e-w {
background-position: -144px 0;
}
.cmb_element .ui-icon-triangle-1-n {
background-position: 0 -16px;
}
.cmb_element .ui-icon-triangle-1-ne {
background-position: -16px -16px;
}
.cmb_element .ui-icon-triangle-1-e {
background-position: -32px -16px;
}
.cmb_element .ui-icon-triangle-1-se {
background-position: -48px -16px;
}
.cmb_element .ui-icon-triangle-1-s {
background-position: -64px -16px;
}
.cmb_element .ui-icon-triangle-1-sw {
background-position: -80px -16px;
}
.cmb_element .ui-icon-triangle-1-w {
background-position: -96px -16px;
}
.cmb_element .ui-icon-triangle-1-nw {
background-position: -112px -16px;
}
.cmb_element .ui-icon-triangle-2-n-s {
background-position: -128px -16px;
}
.cmb_element .ui-icon-triangle-2-e-w {
background-position: -144px -16px;
}
.cmb_element .ui-icon-arrow-1-n {
background-position: 0 -32px;
}
.cmb_element .ui-icon-arrow-1-ne {
background-position: -16px -32px;
}
.cmb_element .ui-icon-arrow-1-e {
background-position: -32px -32px;
}
.cmb_element .ui-icon-arrow-1-se {
background-position: -48px -32px;
}
.cmb_element .ui-icon-arrow-1-s {
background-position: -64px -32px;
}
.cmb_element .ui-icon-arrow-1-sw {
background-position: -80px -32px;
}
.cmb_element .ui-icon-arrow-1-w {
background-position: -96px -32px;
}
.cmb_element .ui-icon-arrow-1-nw {
background-position: -112px -32px;
}
.cmb_element .ui-icon-arrow-2-n-s {
background-position: -128px -32px;
}
.cmb_element .ui-icon-arrow-2-ne-sw {
background-position: -144px -32px;
}
.cmb_element .ui-icon-arrow-2-e-w {
background-position: -160px -32px;
}
.cmb_element .ui-icon-arrow-2-se-nw {
background-position: -176px -32px;
}
.cmb_element .ui-icon-arrowstop-1-n {
background-position: -192px -32px;
}
.cmb_element .ui-icon-arrowstop-1-e {
background-position: -208px -32px;
}
.cmb_element .ui-icon-arrowstop-1-s {
background-position: -224px -32px;
}
.cmb_element .ui-icon-arrowstop-1-w {
background-position: -240px -32px;
}
.cmb_element .ui-icon-arrowthick-1-n {
background-position: 0 -48px;
}
.cmb_element .ui-icon-arrowthick-1-ne {
background-position: -16px -48px;
}
.cmb_element .ui-icon-arrowthick-1-e {
background-position: -32px -48px;
}
.cmb_element .ui-icon-arrowthick-1-se {
background-position: -48px -48px;
}
.cmb_element .ui-icon-arrowthick-1-s {
background-position: -64px -48px;
}
.cmb_element .ui-icon-arrowthick-1-sw {
background-position: -80px -48px;
}
.cmb_element .ui-icon-arrowthick-1-w {
background-position: -96px -48px;
}
.cmb_element .ui-icon-arrowthick-1-nw {
background-position: -112px -48px;
}
.cmb_element .ui-icon-arrowthick-2-n-s {
background-position: -128px -48px;
}
.cmb_element .ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px;
}
.cmb_element .ui-icon-arrowthick-2-e-w {
background-position: -160px -48px;
}
.cmb_element .ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px;
}
.cmb_element .ui-icon-arrowthickstop-1-n {
background-position: -192px -48px;
}
.cmb_element .ui-icon-arrowthickstop-1-e {
background-position: -208px -48px;
}
.cmb_element .ui-icon-arrowthickstop-1-s {
background-position: -224px -48px;
}
.cmb_element .ui-icon-arrowthickstop-1-w {
background-position: -240px -48px;
}
.cmb_element .ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px;
}
.cmb_element .ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px;
}
.cmb_element .ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px;
}
.cmb_element .ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px;
}
.cmb_element .ui-icon-arrowreturn-1-w {
background-position: -64px -64px;
}
.cmb_element .ui-icon-arrowreturn-1-n {
background-position: -80px -64px;
}
.cmb_element .ui-icon-arrowreturn-1-e {
background-position: -96px -64px;
}
.cmb_element .ui-icon-arrowreturn-1-s {
background-position: -112px -64px;
}
.cmb_element .ui-icon-arrowrefresh-1-w {
background-position: -128px -64px;
}
.cmb_element .ui-icon-arrowrefresh-1-n {
background-position: -144px -64px;
}
.cmb_element .ui-icon-arrowrefresh-1-e {
background-position: -160px -64px;
}
.cmb_element .ui-icon-arrowrefresh-1-s {
background-position: -176px -64px;
}
.cmb_element .ui-icon-arrow-4 {
background-position: 0 -80px;
}
.cmb_element .ui-icon-arrow-4-diag {
background-position: -16px -80px;
}
.cmb_element .ui-icon-extlink {
background-position: -32px -80px;
}
.cmb_element .ui-icon-newwin {
background-position: -48px -80px;
}
.cmb_element .ui-icon-refresh {
background-position: -64px -80px;
}
.cmb_element .ui-icon-shuffle {
background-position: -80px -80px;
}
.cmb_element .ui-icon-transfer-e-w {
background-position: -96px -80px;
}
.cmb_element .ui-icon-transferthick-e-w {
background-position: -112px -80px;
}
.cmb_element .ui-icon-folder-collapsed {
background-position: 0 -96px;
}
.cmb_element .ui-icon-folder-open {
background-position: -16px -96px;
}
.cmb_element .ui-icon-document {
background-position: -32px -96px;
}
.cmb_element .ui-icon-document-b {
background-position: -48px -96px;
}
.cmb_element .ui-icon-note {
background-position: -64px -96px;
}
.cmb_element .ui-icon-mail-closed {
background-position: -80px -96px;
}
.cmb_element .ui-icon-mail-open {
background-position: -96px -96px;
}
.cmb_element .ui-icon-suitcase {
background-position: -112px -96px;
}
.cmb_element .ui-icon-comment {
background-position: -128px -96px;
}
.cmb_element .ui-icon-person {
background-position: -144px -96px;
}
.cmb_element .ui-icon-print {
background-position: -160px -96px;
}
.cmb_element .ui-icon-trash {
background-position: -176px -96px;
}
.cmb_element .ui-icon-locked {
background-position: -192px -96px;
}
.cmb_element .ui-icon-unlocked {
background-position: -208px -96px;
}
.cmb_element .ui-icon-bookmark {
background-position: -224px -96px;
}
.cmb_element .ui-icon-tag {
background-position: -240px -96px;
}
.cmb_element .ui-icon-home {
background-position: 0 -112px;
}
.cmb_element .ui-icon-flag {
background-position: -16px -112px;
}
.cmb_element .ui-icon-calendar {
background-position: -32px -112px;
}
.cmb_element .ui-icon-cart {
background-position: -48px -112px;
}
.cmb_element .ui-icon-pencil {
background-position: -64px -112px;
}
.cmb_element .ui-icon-clock {
background-position: -80px -112px;
}
.cmb_element .ui-icon-disk {
background-position: -96px -112px;
}
.cmb_element .ui-icon-calculator {
background-position: -112px -112px;
}
.cmb_element .ui-icon-zoomin {
background-position: -128px -112px;
}
.cmb_element .ui-icon-zoomout {
background-position: -144px -112px;
}
.cmb_element .ui-icon-search {
background-position: -160px -112px;
}
.cmb_element .ui-icon-wrench {
background-position: -176px -112px;
}
.cmb_element .ui-icon-gear {
background-position: -192px -112px;
}
.cmb_element .ui-icon-heart {
background-position: -208px -112px;
}
.cmb_element .ui-icon-star {
background-position: -224px -112px;
}
.cmb_element .ui-icon-link {
background-position: -240px -112px;
}
.cmb_element .ui-icon-cancel {
background-position: 0 -128px;
}
.cmb_element .ui-icon-plus {
background-position: -16px -128px;
}
.cmb_element .ui-icon-plusthick {
background-position: -32px -128px;
}
.cmb_element .ui-icon-minus {
background-position: -48px -128px;
}
.cmb_element .ui-icon-minusthick {
background-position: -64px -128px;
}
.cmb_element .ui-icon-close {
background-position: -80px -128px;
}
.cmb_element .ui-icon-closethick {
background-position: -96px -128px;
}
.cmb_element .ui-icon-key {
background-position: -112px -128px;
}
.cmb_element .ui-icon-lightbulb {
background-position: -128px -128px;
}
.cmb_element .ui-icon-scissors {
background-position: -144px -128px;
}
.cmb_element .ui-icon-clipboard {
background-position: -160px -128px;
}
.cmb_element .ui-icon-copy {
background-position: -176px -128px;
}
.cmb_element .ui-icon-contact {
background-position: -192px -128px;
}
.cmb_element .ui-icon-image {
background-position: -208px -128px;
}
.cmb_element .ui-icon-video {
background-position: -224px -128px;
}
.cmb_element .ui-icon-script {
background-position: -240px -128px;
}
.cmb_element .ui-icon-alert {
background-position: 0 -144px;
}
.cmb_element .ui-icon-info {
background-position: -16px -144px;
}
.cmb_element .ui-icon-notice {
background-position: -32px -144px;
}
.cmb_element .ui-icon-help {
background-position: -48px -144px;
}
.cmb_element .ui-icon-check {
background-position: -64px -144px;
}
.cmb_element .ui-icon-bullet {
background-position: -80px -144px;
}
.cmb_element .ui-icon-radio-off {
background-position: -96px -144px;
}
.cmb_element .ui-icon-radio-on {
background-position: -112px -144px;
}
.cmb_element .ui-icon-pin-w {
background-position: -128px -144px;
}
.cmb_element .ui-icon-pin-s {
background-position: -144px -144px;
}
.cmb_element .ui-icon-play {
background-position: 0 -160px;
}
.cmb_element .ui-icon-pause {
background-position: -16px -160px;
}
.cmb_element .ui-icon-seek-next {
background-position: -32px -160px;
}
.cmb_element .ui-icon-seek-prev {
background-position: -48px -160px;
}
.cmb_element .ui-icon-seek-end {
background-position: -64px -160px;
}
.cmb_element .ui-icon-seek-first,
.cmb_element .ui-icon-seek-start {
background-position: -80px -160px;
}
.cmb_element .ui-icon-stop {
background-position: -96px -160px;
}
.cmb_element .ui-icon-eject {
background-position: -112px -160px;
}
.cmb_element .ui-icon-volume-off {
background-position: -128px -160px;
}
.cmb_element .ui-icon-volume-on {
background-position: -144px -160px;
}
.cmb_element .ui-icon-power {
background-position: 0 -176px;
}
.cmb_element .ui-icon-signal-diag {
background-position: -16px -176px;
}
.cmb_element .ui-icon-signal {
background-position: -32px -176px;
}
.cmb_element .ui-icon-battery-0 {
background-position: -48px -176px;
}
.cmb_element .ui-icon-battery-1 {
background-position: -64px -176px;
}
.cmb_element .ui-icon-battery-2 {
background-position: -80px -176px;
}
.cmb_element .ui-icon-battery-3 {
background-position: -96px -176px;
}
.cmb_element .ui-icon-circle-plus {
background-position: 0 -192px;
}
.cmb_element .ui-icon-circle-minus {
background-position: -16px -192px;
}
.cmb_element .ui-icon-circle-close {
background-position: -32px -192px;
}
.cmb_element .ui-icon-circle-triangle-e {
background-position: -48px -192px;
}
.cmb_element .ui-icon-circle-triangle-s {
background-position: -64px -192px;
}
.cmb_element .ui-icon-circle-triangle-w {
background-position: -80px -192px;
}
.cmb_element .ui-icon-circle-triangle-n {
background-position: -96px -192px;
}
.cmb_element .ui-icon-circle-arrow-e {
background-position: -112px -192px;
}
.cmb_element .ui-icon-circle-arrow-s {
background-position: -128px -192px;
}
.cmb_element .ui-icon-circle-arrow-w {
background-position: -144px -192px;
}
.cmb_element .ui-icon-circle-arrow-n {
background-position: -160px -192px;
}
.cmb_element .ui-icon-circle-zoomin {
background-position: -176px -192px;
}
.cmb_element .ui-icon-circle-zoomout {
background-position: -192px -192px;
}
.cmb_element .ui-icon-circle-check {
background-position: -208px -192px;
}
.cmb_element .ui-icon-circlesmall-plus {
background-position: 0 -208px;
}
.cmb_element .ui-icon-circlesmall-minus {
background-position: -16px -208px;
}
.cmb_element .ui-icon-circlesmall-close {
background-position: -32px -208px;
}
.cmb_element .ui-icon-squaresmall-plus {
background-position: -48px -208px;
}
.cmb_element .ui-icon-squaresmall-minus {
background-position: -64px -208px;
}
.cmb_element .ui-icon-squaresmall-close {
background-position: -80px -208px;
}
.cmb_element .ui-icon-grip-dotted-vertical {
background-position: 0 -224px;
}
.cmb_element .ui-icon-grip-dotted-horizontal {
background-position: -16px -224px;
}
.cmb_element .ui-icon-grip-solid-vertical {
background-position: -32px -224px;
}
.cmb_element .ui-icon-grip-solid-horizontal {
background-position: -48px -224px;
}
.cmb_element .ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px;
}
.cmb_element .ui-icon-grip-diagonal-se {
background-position: -80px -224px;
}
.cmb_element .ui-corner-all,
.cmb_element .ui-corner-left,
.cmb_element .ui-corner-tl,
.cmb_element .ui-corner-top {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
-khtml-border-top-left-radius: 4px;
border-top-left-radius: 4px;
}
.cmb_element .ui-corner-all,
.cmb_element .ui-corner-right,
.cmb_element .ui-corner-top,
.cmb_element .ui-corner-tr {
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
-khtml-border-top-right-radius: 4px;
border-top-right-radius: 4px;
}
.cmb_element .ui-corner-all,
.cmb_element .ui-corner-bl,
.cmb_element .ui-corner-bottom,
.cmb_element .ui-corner-left {
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
-khtml-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.cmb_element .ui-corner-all,
.cmb_element .ui-corner-bottom,
.cmb_element .ui-corner-br,
.cmb_element .ui-corner-right {
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
-khtml-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.cmb_element .ui-widget-overlay {
background: #aaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30);
}
.cmb_element .ui-widget-shadow {
margin: -8px 0 0 -8px;
padding: 8px;
background: #aaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30);
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.cmb_element .ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.cmb_element .ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.cmb_element .ui-datepicker .ui-datepicker-next,
.cmb_element .ui-datepicker .ui-datepicker-prev {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.cmb_element .ui-datepicker .ui-datepicker-next-hover,
.cmb_element .ui-datepicker .ui-datepicker-prev-hover {
top: 1px;
}
.cmb_element .ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.cmb_element .ui-datepicker .ui-datepicker-next {
right: 2px;
}
.cmb_element .ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.cmb_element .ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.cmb_element .ui-datepicker .ui-datepicker-next span,
.cmb_element .ui-datepicker .ui-datepicker-prev span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.cmb_element .ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.cmb_element .ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.cmb_element .ui-datepicker select.ui-datepicker-month-year {
width: 100%;
}
.cmb_element .ui-datepicker select.ui-datepicker-month,
.cmb_element .ui-datepicker select.ui-datepicker-year {
width: 49%;
}
.cmb_element .ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.cmb_element .ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: 700;
border: 0;
}
.cmb_element .ui-datepicker td {
border: 0;
padding: 1px;
}
.cmb_element .ui-datepicker td a,
.cmb_element .ui-datepicker td span {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.cmb_element .ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.cmb_element .ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em;
width: auto;
overflow: visible;
}
.cmb_element .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
.cmb_element .ui-datepicker.ui-datepicker-multi {
width: auto;
}
.cmb_element .ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.cmb_element .ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.cmb_element .ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.cmb_element .ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.cmb_element .ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.cmb_element .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.cmb_element .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.cmb_element .ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.cmb_element .ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
.cmb_element .ui-datepicker-rtl {
direction: rtl;
}
.cmb_element .ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.cmb_element .ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.cmb_element .ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.cmb_element .ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.cmb_element .ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.cmb_element .ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.cmb_element .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.cmb_element .ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.cmb_element .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.cmb_element .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.cmb_element .ui-datepicker-cover {
display: none;
display: block;
position: absolute;
z-index: -1;
filter: mask();
top: -4px;
left: -4px;
width: 200px;
height: 200px;
}
#advanced-sortables {
*,
*:before,
*:after {
@include box-sizing(border-box);
}
&:before,
&:after {
content: "";
display: table;
}
&:after {
clear: both;
}
.wp-picker-container {
* {
@include box-sizing(content-box);
}
}
.dfd-metaboxes-titles {
float: left;
width: 20%;
text-align: right;
background: $white;
border-top: 1px solid $border-color;
border-bottom: 1px solid $border-color;
border-left: 1px solid $border-color;
> * {
cursor: pointer;
padding: 14px 20px;
color: #b3b3b3;
background: transparent;
@include transition(background .3s ease 0s);
border-bottom: 1px solid $border-color;
&:last-child {
border-bottom: none;
}
&:hover {
background: #f7f7f7;
}
&.active {
color: #ffffff;
background: #52d298;
&:hover {
background: #52d298;
}
}
}
[class^="dfd-"], [class*=" dfd-"] {
color: #313131;
&.active {
color: #ffffff;
}
}
}
.dfd-metaboxes-wrap {
position: relative;
float: left;
width: 80%;
> .postbox {
margin: 0;
> .inside {
margin: 0;
padding: 0;
}
}
.postbox {
&:before,
&:after {
content: "";
display: table;
}
&:after {
clear: both;
}
}
input[type="text"] {
height: 45px;
line-height: 45px;
}
.button {
position: relative;
font-weight: bold;
height: 45px;
line-height: 45px;
padding: 0 35px;
color: $white;
background: #52d298;
border: none;
@include border-radius(3px);
@include box-shadow(none);
@include transition(background .3s ease 0s);
.wp-media-buttons-icon {
float: left;
height: 100%;
line-height: inherit;
margin-left: -10px;
margin-right: 15px;
color: inherit;
&:before {
line-height: inherit;
color: inherit;
}
}
&:hover,
&:active {
background: #4bc28c;
}
}
.cmb-type-title {
background: #586065;
h5 {
font-size: 18px;
font-weight: 300;
padding: 0 10px;
color: $white;
}
}
.revslider_settings {
.setting_text {
margin-bottom: 10px;
}
}
#commentsdiv {
padding: 10px;
}
#commentstatusdiv {
label {
display: block;
}
}
#postcustomstuff {
input[type="text"] {
height: 45px;
line-height: 45px;
}
textarea {
padding: 0 15px;
height: 45px;
line-height: 45px;
}
}
#trackbacksdiv,
#revisionsdiv,
#postexcerpt,
#postcustomstuff,
#commentstatusdiv,
#slugdiv,
#authordiv {
padding: 20px;
}
.revslider_settings {
padding: 0 20px;
}
.form-table.cmb_metabox {
table-layout: auto;
margin: 0;
td {
padding: 10px 20px;
}
}
.dfd-metabox-repeater {
padding: 0 !important;
border: none;
.repeatable-group {
border-collapse: inherit;
> tbody {
> tr {
border-top: 1px solid $border-color;
}
}
.repeatable-grouping {
> td {
padding: 0;
}
.cmb-nested-table {
position: relative;
border-collapse: inherit;
.cmb-type-file > th {
border-right: 1px solid $border-color;
}
.cmb_upload_file {
width: 65%;
}
.cmb_upload_button {
max-width: 25%;
float: none;
}
.cmb_media_status {
&:before,
&:after {
content: " ";
display: table;
}
&:after {
clear: both;
}
}
.remove-row-wrap {
position: absolute;
top: 0;
right: 0;
}
.remove-row {
text-align: left;
.shift-rows {
$s: 34px;
position: relative;
float: none;
width: 45px;
height: 45px;
line-height: 45px;
margin-right: 10px;
color: transparent;
border: none;
@include text-shadow(none);
@include box-shadow(none);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: none;
-webkit-tap-highlight-color: transparent;
display: none;
&:before {
font-family: "dfd-socicons-font";
font-size: 10px;
position: absolute;
top: 50%;
left: 50%;
display: block;
width: $s;
height: $s;
line-height: $s - 4;
margin-top: -$s / 2;
margin-left: -$s / 2;
text-align: center;
color: #313131;
border: 2px solid transparent;
@include border-radius(50%);
@include transition(border .3s ease 0s);
}
&.move-up {
&:before {
content: "\e9c4";
}
}
&.move-down {
&:before {
content: "\e9c5";
}
}
&:hover {
&:before {
border-color: rgba(0,0,0,.2);
}
}
}
.remove-group-row {
font-size: 16px;
margin-left: 20px;
margin-right: 10px;
padding: 0;
color: #313131;
background: transparent !important;
border: none;
opacity: .5;
@include box-shadow(none);
@include transition(opacity .3s ease);
&:before {
content: "\ea38";
font-family: "dfd-socicons-font";
}
&:disabled {
opacity: .3;
}
&:hover {
opacity: 1;
&:disabled {
opacity: .3;
}
}
}
}
}
}
}
}
}
}
#normal-sortables,
#advanced-sortables,
#side-sortables {
.tooltip-parent.has-tooltip {
position: relative;
&:before {
$s: 4px;
content: "";
position: absolute;
top: 50%;
left: 25px;
width: $s;
height: $s;
margin-top: -$s / 2;
background: #c9c9c9;
@include border-radius(50%);
@include box-shadow(6px 0 0 0 #c9c9c9, 12px 0 0 0 #c9c9c9);
@include transition(background .3s ease 0s, box-shadow .3s ease 0s);
}
.dfd-metaboxes-tooltip {
position: absolute;
right: 100%;
top: 50%;
width: 290px;
padding: 25px;
background: #333333;
opacity: 0;
visibility: hidden;
z-index: 9;
@include border-radius(6px);
@include transform(translateY(-50%));
@include transition(margin .3s ease .3s, visibility .3s ease .3s, opacity .3s ease .3s);
&:before {
content: "";
position: absolute;
top: 50%;
left: 100%;
display: block;
margin-top: -4px;
border: 3px solid transparent;
border-bottom: 2px solid #383838;
border-left: 4px solid #383838;
}
h3 {
font-size: 13px;
font-weight: 700;
margin: 0 0 15px;
color: #ffffff;
}
p.content {
margin-top: 15px;
margin-bottom: 0;
color: #ababab;
}
p.link {
margin-bottom: 0;
color: #53d298;
a {
color: inherit;
}
}
}
&:hover {
&:before {
background: #53d298;
@include box-shadow(6px 0 0 0 #53d298, 12px 0 0 0 #53d298);
}
.dfd-metaboxes-tooltip {
opacity: 1;
visibility: visible;
}
}
}
.dk_container {
float: left;
width: 87.5%;
margin-bottom: 0;
display: none;
&:focus {
outline: 0;
.dk_toggle {
&:before {
background-color: #f3f3f3;
border: 1px solid #f3f3f3;
@include border-radius(3px 3px 0 0);
}
}
}
::-webkit-scrollbar {
width: 8px;
margin-right: 20px;
}
::-webkit-scrollbar-track {
background-color: transparent;
border: none;
}
::-webkit-scrollbar-thumb {
height: 80px;
background-color: rgba(0,0,0,.4);
border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
background-color: rgba(0,0,0,.8);
}
&.dk_open {
border-bottom-width: 0;
}
a {
display: block;
outline: 0;
color: inherit;
line-height: 31px;
cursor: pointer;
text-decoration: none;
text-shadow: $white 0 1px 0;
}
}
.dk_toggle {
position: relative;
padding: 7px 45px 7px 20px;
text-shadow: none;
white-space: nowrap;
@include border-radius(3px);
$w: 28px;
&:before,
&:after {
content: "";
display: block;
position: absolute;
}
&:before {
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #f3f3f3;
border: 1px solid #f3f3f3;
@include border-radius(3px);
@include transition(background .3s ease 0s, border-color .3s ease 0s);
}
&:after {
right: 14px;
top: 50%;
margin-top: -2px;
border-top: 4px solid #282828;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
}
span {
position: relative;
}
&:hover {
&:before {
background: $white;
border-color: #52d298;
}
}
}
.dk_open {
z-index: 10;
.dk_toggle {
background-color: transparent;
color: #565656;
border-color: $border-color;
}
}
.dk_options {
overflow: hidden;
background-color: transparent;
border: 1px solid $border-color;
border-top-width: 0;
@include box-sizing(content-box);
a {
font-size: 13px;
text-transform: capitalize;
padding: 8px 10px;
}
a:hover {
color: #282828;
background-color: #f3f3f3;
}
.dk_option_current {
color: $dark-color;
}
li {
list-style: none;
line-height: 1em;
&:last-child a {
border-bottom: none;
}
}
.disabled {
cursor: default;
a {
color: #aaa;
}
&:hover,
&:hover a {
cursor: default;
background-color: $white;
border-bottom-color: #999;
text-shadow: none;
}
}
}
.dk_options_inner {
max-height: 250px;
padding-top: 0px;
margin-top: 0px;
margin-bottom: 0px;
background: $white;
overflow: auto;
position: relative;
-webkit-overflow-scrolling: touch;
li {
margin: 0;
}
}
.dk_open {
position: relative;
.dk_options {
display: block;
bottom: auto !important;
top: 44px !important;
}
.dk_label {
color: inherit;
}
}
.dk_options {
display: none;
margin-top: 0;
position: absolute;
left: 0;
right: 0;
@include border-radius(0 0 3px 3px);
a,
a:link,
a:visited {
display: block;
}
}
.dk_container select {
width: 100px;
position: absolute;
top: -99999em;
visibility: hidden;
}
.dk_mobile {
position: relative;
select {
display: block;
width: 100%;
height: 100%;
top: 0; left: 0;
visibility: visible;
opacity: 0;
-moz-appearance:none;
-webkit-appearance:none;
}
}
input[type="text"]:not(.cmb_colorpicker),
textarea {
font-size: 13px;
padding: 3px 15px;
margin: 0;
color: #282828;
background: #f3f3f3;
border: 1px solid #e2e2e2;
@include border-radius(3px);
@include box-shadow(none);
@include transition(background .3s ease 0s, border-color .3s ease 0s);
&:hover,
&:focus {
background: $white;
border-color: #52d298;
}
}
textarea {
padding-top: 15px;
padding-bottom: 15px;
}
.cmb-type-wysiwyg {
.wp-switch-editor {
height: 44px;
padding-left: 15px;
padding-right: 15px;
}
}
select {
width: 100%;
height: 45px;
min-height: 45px;
line-height: 43px;
padding: 0 10px;
background: #f3f3f3 url(../images/dropdown.png) right 10px center no-repeat;
border: 1px solid #f3f3f3;
@include box-shadow(none);
@include border-radius(3px);
@include transition(background-color .3s ease, border-color .3s ease);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
option {
text-transform: capitalize;
}
&:hover {
background-color: #ffffff;
border-color: #52d298;
}
}
}
#side-sortables {
.postbox {
button.handlediv.button-link {
position: relative;
.toggle-indicator {
&:before {
content: "";
position: absolute;
top: 50%;
right: 15px;
display: block;
width: auto;
height: auto;
margin-top: 2px;
border: 4px solid transparent;
border-top-color: #fff;
@include border-radius(0);
}
}
}
&.closed {
button.handlediv.button-link {
.toggle-indicator {
&:before {
margin-top: -2px;
border-top-color: transparent;
border-bottom-color: #fff;
}
}
}
}
}
#dfd-select_header {
h2 {
background: #52d298;
}
}
.tooltip-parent.has-tooltip {
&:before {
top: 25px;
}
> label {
padding-left: 40px;
}
}
button.handlediv.button-link {
color: $white;
}
h2 {
font-size: 18px;
font-weight: 300;
padding: 8px 20px;
color: $white;
background: #586065;
}
#pageparentdiv {
.inside {
> * {
float: none;
width: 100%;
}
input[type="text"] {
height: 45px;
line-height: 45px;
}
}
}
.form-table.cmb_metabox {
label {
display: block;
margin-bottom: 10px;
}
.dk_container {
width: 100%;
}
.cmb_metabox_description {
display: none;
}
input[type=radio] {
$s: 25px;
&:before {
margin-top: -($s / 2 + 1);
margin-left: -($s / 2 + 1);
}
}
}
.cmb-type-checkbox {
> td {
&:before,
&:after {
content: " ";
display: table;
}
&:after {
clear: both;
}
> * {
float: left;
}
> label {
width: 60%;
height: 32px;
line-height: 32px;
}
}
}
.dfd-switch-button {
label {
height: 100%;
}
}
#timestampdiv {
.timestamp-wrap {
input[type="text"] {
padding: 0 3px;
}
}
}
}
.form-table.cmb_metabox {
.cmb_checkbox_list {
> li {
margin-bottom: 10px;
&:last-child {
margin-bottom: 0;
}
}
}
input[type="text"]:not(.cmb_upload_file),
textarea {
width: 87.5%;
}
input[type="text"] {
height: 45px;
line-height: 45px;
+ .button {
margin-top: 1px;
margin-left: 4px;
}
}
input[type="checkbox"] {
$s: 18px;
position: relative;
background: transparent;
border-width: 0;
@include box-shadow(none);
margin: 0 10px 0 0;
cursor: pointer;
&:before {
content: "";
display: block;
width: $s;
height: $s;
position: absolute;
left: 50%;
top: 50%;
margin-top: -$s/2;
margin-left: -$s/2;
background: $white;
border: 1px solid $border-color;
@include transition(background .3s ease, border-color .3s ease);
}
&:after {
content: "\ea3d";
font-family: "dfd-socicons-font";
font-size: 10px;
display: block;
position: absolute;
top: 50%;
left: 50%;
color: $white;
@include transform(translate(-50%, -50%) scale(0));
@include transition(transform .3s ease);
}
&:hover {
&:before {
border-color: #52d298;
}
}
&:checked {
&:before {
background: #52d298;
border-color: #52d298;
}
&:after {
@include transform(translate(-50%, -50%) scale(1));
}
}
}
input[type="radio"] {
$s: 25px;
position: relative;
padding: 5px;
@include box-sizing(border-box);
* {
@include box-sizing(border-box);
}
&:before,
&:after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
@include border-radius(50%);
}
&:before {
width: $s;
height: $s;
margin-top: -$s/2;
margin-left: -$s/2;
background: $white;
border: 1px solid $border-color;
@include transition(border-color .3s ease);
}
&:after {
width: $s - 12;
height: $s - 12;
margin-top: -($s - 12)/2;
margin-left: -($s - 12)/2;
background: #52d298;
@include transform(scale(0));
@include transition(transform .3s ease);
}
&:hover {
&:before {
border-color: #52d298;
}
&:checked {
&:before {
border-color: $border-color;
}
}
}
&:checked {
&:before {
border-color: $border-color;
}
&:after {
@include transform(scale(1));
}
}
}
ul.cmb_radio_list {
> li {
text-align: center;
padding: 0;
margin-right: 30px;
margin-top: 0;
input[type="radio"] {
margin: 0 auto;
}
label {
display: block;
margin-top: 10px;
}
}
}
.picker-wrapper {
.wp-picker-container {
height: auto;
line-height: 40px;
padding: 0;
@include border-radius(0);
.wp-color-result {
height: 100%;
@include box-shadow(none);
@include border-radius(0);
}
}
}
.wp-picker-container,
.wp-picker-container:active {
position: relative;
z-index: 1;
.wp-color-result {
overflow: hidden;
display: block;
width: 42px;
height: 42px;
position: absolute;
top: 4px;
left: 4px;
margin: 0;
padding: 0;
border: none;
border-radius: 50%;
margin: 0;
border: none;
box-shadow: none;
-webkit-transition: background .3s ease-in-out 0s;
-moz-transition: background .3s ease-in-out 0s;
-o-transition: background .3s ease-in-out 0s;
transition: background .3s ease-in-out 0s;
&:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border-radius: 50%;
background: transparent;
border: none;
z-index: -1;
}
&:after {
content: "";
display: block;
width: 160px;
height: 50px;
position: absolute;
top: -4px;
left: -4px;
margin: 0;
padding: 0;
background: transparent;
border: none;
z-index: 3;
}
&.wp-picker-open {
&:after {
display: none;
}
}
}
.wp-picker-input-wrap {
position: relative;
display: inline-block;
height: 50px !important;
line-height: 50px;
padding-left: 50px;
padding-right: 20px;
background: transparent;
border: 1px dashed $border-color;
border-radius: 50px;
z-index: 0;
-webkit-transition: border .3s ease 0s;
-moz-transition: border .3s ease 0s;
transition: border .3s ease 0s;
input[type="text"].wp-color-picker {
display: block !important;
width: 90px !important;
height: 50px !important;
text-align: center;
padding: 0;
background: transparent;
border: none;
@include box-shadow(none);
}
.button.button-small {
display: none !important;
}
}
&:hover {
.wp-picker-input-wrap {
border-color: #52d298;
}
}
.wp-picker-holder {
@include box-sizing(content-box);
* {
@include box-sizing(content-box);
}
.iris-picker.iris-border {
position: relative;
}
}
}
.button {
position: relative;
font-weight: bold;
height: 45px;
line-height: 45px;
padding: 0 35px;
color: $white;
background: #52d298;
border: none;
@include border-radius(3px);
@include box-shadow(none);
@include transition(background .3s ease 0s);
.wp-media-buttons-icon {
float: left;
height: 100%;
line-height: inherit;
margin-left: -10px;
margin-right: 15px;
color: inherit;
&:before {
line-height: inherit;
color: inherit;
}
}
&:hover,
&:active {
background: #4bc28c;
}
}
.dfd-switch-button {
$s: 32px;
display: inline-block;
width: 58px;
height: $s;
position: relative;
input[type="checkbox"] {
display: none;
}
.button-animation {
display: block;
width: 100%;
height: 100%;
background: #52d298;
border-radius: 32px;
z-index: 0;
-webkit-transition: background .3s ease 0s;
-moz-transition: background .3s ease 0s;
transition: background .3s ease 0s;
&:before {
content: "";
display: block;
width: $s+2;
height: $s+2;
position: absolute;
left: auto;
right: -1px;
top: -1px;
background: #ffffff;
border-radius: 50%;
@include box-shadow(0px 5px 9px 2px rgba(0,0,0,.2));
@include transition(right .3s ease 0s);
}
&.right-active {
background: #f2f2f2;
&:before {
right: 24px;
}
}
}
}
.cmb-type-radio_image {
$w: 90;
$h: 80;
$delim: 1;
@include box-sizing(border-box);
* {
@include box-sizing(border-box);
}
ul.cmb_radio_list {
> li {
position: relative;
float: left;
width: unquote(($w)+px);
height: unquote(($h)+px);
margin: 0 10px 0 0;
> label {
position: relative;
width: unquote(($w)+px);
height: unquote(($h)+px);
margin: 0;
padding: 0;
> span.tooltip {
font-size: 12px;
position: absolute;
top: 100%;
left: 50%;
display: block;
padding: 5px 30px;
margin-top: 5px;
background: #383838;
color: #ffffff;
white-space: nowrap;
opacity: 0;
visibility: hidden;
z-index: 2;
@include transform(translateX(-50%));
@include transition(opacity .3s ease 0s, visibility .3s ease 0s);
&:before {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
display: block;
margin-left: -1px;
border: 2px solid transparent;
border-left: 2px solid #383838;
border-bottom: 2px solid #383838;
}
}
}
> input[type="radio"] {
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
@include transform(translate(-50%, -50%));
}
&:nth-child(1) {
> label {
background-position: 0px 0px;
}
> input[type="radio"] {
&:checked {
+ label {
background-position: 0px unquote(-($h + $delim)*2+px);
}
}
}
&:hover {
> label {
background-position: 0px unquote(-($h + $delim)+px);
}
> input[type="radio"] {
&:checked {
+ label {
background-position: 0px unquote(-($h + $delim)*2+px);
}
}
}
}
}
&:nth-child(2) {
> label {
background-position: unquote(-($w + $delim)+px) 0px;
}
> input[type="radio"] {
&:checked {
+ label {
background-position: unquote(-($w + $delim)+px) unquote(-($h + $delim)*2+px);
}
}
}
&:hover {
> label {
background-position: unquote(-($w + $delim)+px) unquote(-($h + $delim)+px);
}
> input[type="radio"] {
&:checked {
+ label {
background-position: unquote(-($w + $delim)+px) unquote(-($h + $delim)*2+px);
}
}
}
}
}
&:nth-child(3) {
> label {
background-position: unquote(-($w + $delim)*2+px) 0px;
}
> input[type="radio"] {
&:checked {
+ label {
background-position: unquote(-($w + $delim)*2+px) unquote(-($h + $delim)*2+px);
}
}
}
&:hover {
> label {
background-position: unquote(-($w + $delim)*2+px) unquote(-($h + $delim)+px);
}
> input[type="radio"] {
&:checked {
+ label {
background-position: unquote(-($w + $delim)*2+px) unquote(-($h + $delim)*2+px);
}
}
}
}
}
&:nth-child(4) {
> label {
background-position: unquote(-($w + $delim)*3+px) 0px;
}
> input[type="radio"] {
&:checked {
+ label {
background-position: unquote(-($w + $delim)*3+px) unquote(-($h + $delim)*2+px);
}
}
}
&:hover {
> label {
background-position: unquote(-($w + $delim)*3+px) unquote(-($h + $delim)+px);
}
> input[type="radio"] {
&:checked {
+ label {
background-position: unquote(-($w + $delim)*3+px) unquote(-($h + $delim)*2+px);
}
}
}
}
}
&:nth-child(5) {
> label {
background-position: unquote(-($w + $delim)*4+px) 0px;
}
> input[type="radio"] {
&:checked {
+ label {
background-position: unquote(-($w + $delim)*4+px) unquote(-($h + $delim)*2+px);
}
}
}
&:hover {
> label {
background-position: unquote(-($w + $delim)*4+px) unquote(-($h + $delim)+px);
}
> input[type="radio"] {
&:checked {
+ label {
background-position: unquote(-($w + $delim)*4+px) unquote(-($h + $delim)*2+px);
}
}
}
}
}
&:nth-child(6) {
> label {
background-position: unquote(-($w + $delim)*5+px) 0px;
}
> input[type="radio"] {
&:checked {
+ label {
background-position: unquote(-($w + $delim)*5+px) unquote(-($h + $delim)*2+px);
}
}
}
&:hover {
> label {
background-position: unquote(-($w + $delim)*5+px) unquote(-($h + $delim)+px);
}
> input[type="radio"] {
&:checked {
+ label {
background-position: unquote(-($w + $delim)*5+px) unquote(-($h + $delim)*2+px);
}
}
}
}
}
&:nth-child(7) {
> label {
background-position: unquote(-($w + $delim)*6+px) 0px;
}
> input[type="radio"] {
&:checked {
+ label {
background-position: unquote(-($w + $delim)*6+px) unquote(-($h + $delim)*2+px);
}
}
}
&:hover {
> label {
background-position: unquote(-($w + $delim)*6+px) unquote(-($h + $delim)+px);
}
> input[type="radio"] {
&:checked {
+ label {
background-position: unquote(-($w + $delim)*6+px) unquote(-($h + $delim)*2+px);
}
}
}
}
}
&:nth-child(8) {
> label {
background-position: unquote(-($w + $delim)*7+px) 0px;
}
> input[type="radio"] {
&:checked {
+ label {
background-position: unquote(-($w + $delim)*7+px) unquote(-($h + $delim)*2+px);
}
}
}
&:hover {
> label {
background-position: unquote(-($w + $delim)*7+px) unquote(-($h + $delim)+px);
}
> input[type="radio"] {
&:checked {
+ label {
background-position: unquote(-($w + $delim)*7+px) unquote(-($h + $delim)*2+px);
}
}
}
}
}
&:nth-child(9) {
> label {
background-position: unquote(-($w + $delim)*8+px) 0px;
}
> input[type="radio"] {
&:checked {
+ label {
background-position: unquote(-($w + $delim)*8+px) unquote(-($h + $delim)*2+px);
}
}
}
&:hover {
> label {
background-position: unquote(-($w + $delim)*8+px) unquote(-($h + $delim)+px);
}
> input[type="radio"] {
&:checked {
+ label {
background-position: unquote(-($w + $delim)*8+px) unquote(-($h + $delim)*2+px);
}
}
}
}
}
&:last-child {
margin-right: 0;
}
&:hover {
> label {
> span.tooltip {
opacity: 1;
visibility: visible;
}
}
}
}
}
}
.cmb-type-radio_inline_triple {
ul.cmb_radio_list {
$s: 42px;
display: inline-block;
height: $s + 2;
margin: 0;
padding: 0;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
@include border-radius(4px);
&:before,
&:after {
content: " ";
display: table;
}
&:after {
clear: both;
}
> li {
position: relative;
float: left;
margin: 0;
padding: 0;
> input[type="radio"] {
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
@include transform(translate(-50%, -50%));
&:checked {
+ label {
color: $white;
background: #52d298;
border-color: #52d298;
@include border-radius(4px);
@include box-shadow(0 10px 25px 0 rgba(0,0,0,.2));
}
}
}
label {
height: $s;
line-height: $s;
margin: 0;
padding: 0 20px;
border-left: 1px solid #e6e6e6;
}
&:first-child {
label {
@include border-radius(4px 0 0 4px);
}
}
&:last-child {
label {
border-right: 1px solid #e6e6e6;
@include border-radius(0 4px 4px 0);
}
}
&:hover {
label {
background: $background-grey;
}
> input[type="radio"] {
&:checked {
+ label {
color: $white;
background: #52d298;
}
}
}
}
}
}
}
}
#postcustomstuff #newmetaleft a.dk_toggle {
display: block;
width: 100%;
margin: 0;
}
#screen-options-wrap form#adv-settings {
> h5:first-child,
.metabox-prefs {
display: none;
}
}