.redux-main .description { margin-top: 7px; } .form-table > tbody > tr > th { width: 30% } a { outline: 0 !important; } .ui-datepicker table { background: #fff; } .redux-container{ //font-family: "Open Sans","Lucida Grande", Sans-serif; background-color: #f5f5f5; /* Old browsers */ background-repeat: repeat-x; /* Repeat the gradient */ background-image: -moz-linear-gradient(top, #f2f2f2 0%, #f5f5f5 100%); /* FF3.6+ */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(top, #f2f2f2 0%,#f5f5f5 100%); /* Chrome 10+,Safari 5.1+ */ background-image: -ms-linear-gradient(top, #f2f2f2 0%,#f5f5f5 100%); /* IE10+ */ background-image: -o-linear-gradient(top, #f2f2f2 0%,#f5f5f5 100%); /* Opera 11.10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ background-image: linear-gradient(top, #f2f2f2 0%,#f5f5f5 100%); /* W3C */ border: 1px solid #dedede; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.04); box-shadow: 0 1px 1px rgba(0,0,0,.04); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); margin-top:20px; overflow: hidden; } .redux-container .hr{ height: 20px; line-height: 20px; float: none; border-color: #E7E7E7; display: block; width: 100%; height: 35px !important; line-height: 35px !important; position: relative; margin: 15px 0 10px 0; float: left; } .redux-container .inner{ width: 42% !important; left: 40% !important; margin-left: -6%; background-color: #FCFCFC; border-color: #E7E7E7; position: absolute; height: 1px; top: 50%; width: 100%; margin-top: -1px; border-top-width: 1px; border-top-style: solid; } .redux-container .hr .inner span { background-color: #FCFCFC; border-color: #E7E7E7; height: 5px; width: 5px; border-width: 2px; border-style: solid; display: block; position: absolute; left: 50%; margin-left: -5px; margin-top: -5px; } .shadow1 { position: relative; } .shadow1:before, .shadow1:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width: 300px; background: #777; -webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.4); -moz-box-shadow: 0 15px 10px rgba(0,0,0,0.4); box-shadow: 0 15px 10px rgba(0,0,0,0.4); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .shadow1:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; } #redux-header, #redux-footer{ text-align:right; padding: 6px 10px; } #redux-footer{ border-top:1px solid #E7E7E7; z-index: 2; } #redux-footer #redux-share{ float:left; line-height: 28px; font-size: 15px; a { text-decoration: none; } } #redux-footer #redux-share a{ margin-right:10px; } #redux-footer #redux-share a img{ margin-bottom:-3px; } #redux-save{ margin:0px; border-bottom:1px solid #E7E7E7; background-color: #DFF0D8; color: #468847; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } #redux-imported{ margin:0px; border-bottom:1px solid #BCE8F1; background-color: #D9EDF7; color: #3A87AD; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } #redux-save-warn{ margin:0px; display:none; border-bottom:1px solid #E7E7E7; background-color: #FCF8E3; color: #C09853; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } #redux-field-warnings{ margin:0px; display:none; border-bottom:1px solid #E7E7E7; background-color: #FCF8E3; color: #C09853; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } #redux-field-errors, .no-js{ margin:0px; border-bottom:1px solid #E7E7E7; background-color: #F2DEDE; color: #B94A48; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } #redux-field-errors { display:none; } .no-js { border: 1px solid #ffbaba; } .redux-sidebar, .redux-main{ min-height:300px; } .redux-sidebar{ width:200px; float: left; } .redux-menu-warning{ background-color: #C09853; color: #FCF8E3; display: inline-block; float:right; padding: 6px 7px 4px 7px; margin-left:4px; font-family: sans-serif; font-size: 9px; font-weight: bold; line-height: 9px; } .redux-menu-error{ background-color: #B94A48; color: #F2DEDE; display: inline-block; float:right; padding: 6px 7px 4px 7px; margin-left:4px; font-family: sans-serif; font-size: 9px; font-weight: bold; line-height: 9px; } .redux-main{ background:#FCFCFC; margin-left:201px; border-left:1px solid #D8D8D8; padding:10px 20px; moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #FFF; box-shadow: inset 0 1px 0 #FFF; } .redux-sidebar .redux-group-menu{ margin-top:0px; } .redux-sidebar .redux-group-menu li{ margin:0px; } .redux-sidebar .redux-group-menu li.divide{ padding:0px; border-width: 1px 0px 1px 0px; border-style: solid; border-bottom-color: #E7E7E7; border-top-color: #F9F9F9; } .redux-sidebar .redux-group-menu li a{ display:block; padding: 12px 4px 12px 14px; background: #e0e0e0; background: transparent; border-width: 1px 0px 1px 0px; border-style: solid; border-bottom-color: #E7E7E7; border-top-color: #F9F9F9; opacity: 0.7; color: #555; font-weight:bold; text-decoration:none; -webkit-transition: none; transition: none; } .redux-sidebar .redux-group-menu li a.custom-tab{ background: #f6f6f6; } .redux-sidebar .redux-group-menu li a img{ width: 16px; height: 16px; /*vertical-align:middle; margin-bottom:-3px; margin-right: 3px;*/ position: absolute; left: 15px; } .redux-sidebar .redux-group-menu li a:hover{ background:#e5e5e5; width:184px; color: #777; margin-right:-2px; opacity: 1; } .redux-sidebar .redux-group-menu li a:hover i{ } .redux-sidebar .redux-group-menu li.active a{ background:#FCFCFC; color: #269ad6; width:184px; opacity: 1; margin-right:-2px; } .redux-group-tab{ display:none; margin-bottom: 30px; } .redux-group-tab h3{ margin-top: 0px; line-height: 2em; border-bottom: 1px solid #E7E7E7; } .redux-group-tab .redux-section-desc{ margin-bottom: 15px; color:#666666; } .redux-main .form-table.no-border{ border-top:none; } .redux-main .form-table tr{ border-bottom: 1px solid #E7E7E7; } .redux-main .form-table tr:last-child{ border-bottom: none !important; } .redux-main .form-table tr th, .redux-main .form-table tr td{ color:#333333; } .form-table th, .form-table td { margin: 0; padding: 0; width: auto; } .redux_field_th { font-weight:bold; //width:30%; padding:20px 10px 20px 0px; display: block; span:first-child{ font-weight: normal; display:block; color:#666666; } } .redux-main .form-table tr td .redux-th-warning{ font-size:1em; color: #C09853; font-weight:normal; display:block; } .redux-main .form-table tr td .redux-field-warning{ border-color:#C09853; } .redux-main .form-table tr td .redux-th-error{ font-size:1em; color:#B94A48; font-weight:normal; display:block; } .redux-main .redux-field-error input, .redux-main .redux-field-error textarea, .redux-main .redux-field-error select { border-color:#B94A48; } /* reset nested tables for mce */ .redux-main .form-table tr td table.mceLayout, .redux-main .form-table tr td table.mceLayout tr, .redux-main .form-table tr td table.mceLayout tr td{ padding:0px; border-width:0px; } .redux-group-tab .redux-theme-data{ padding:20px 0px; border-top: 1px solid #E7E7E7; } .redux-group-tab .redux-theme-data.theme-uri, .redux-group-tab .redux-theme-data.theme-author, .redux-group-tab .redux-theme-data.theme-version{ padding:0px; border-width:0px; } .redux-group-tab .redux-theme-data.theme-description{ padding:10px 0px; border-width:0px; } /* * * NHP_Options_color * */ .farb-popup-wrapper{ position: relative; display: block; } .farb-popup{ position: absolute; left: 40px; top: 40px; background-color: white; border: 1px solid #222; padding: 5px; z-index:100; } .redux-screenshot{ max-width: 300px; display:block; } .redux-group-tab-link-a { position: relative; i { vertical-align: middle; font-size: 1.35em; position: absolute; } span { display: block; z-index: 0; &.group_title { padding-left: 30px; } } } .redux-group-tab-link-li a.hasError span.group_title { padding-right: 25px; } #ui-datepicker-div { display: none; } .redux-container .ajax-loading-img-top { margin: 5px 4px 0; float:left } .redux-container .ajax-loading { margin: 3px 4px 0; float: right; } .redux-container .ajax-reset-loading-img { display: block; margin-left: 100px; } .redux-container .redux-action_bar { float: right; } .redux-container .redux-ajax-loading { display: none; background: red url(../img/ajax.gif) no-repeat; width: 16px; height: 16px; margin: 3px 4px 0; float: right; } #redux-intro-text { background: #f3f3f3; border-bottom: 1px solid #dedede; -moz-box-shadow: inset 0 1px 0 #fcfcfc; -webkit-box-shadow: inset 0 1px 0 #fcfcfc; box-shadow: inset 0 1px 0 #fcfcfc; padding: 3px; padding: 10px 10px; } #redux-intro-text p { margin: 0px; font-family: "Lucida Grande", Sans-serif; color: #888888; } .mp6 .redux-container #info_bar { padding: 6px 10px 6px 6px; } .mp6 .redux-container #info_bar a { margin-top: 2px; } .redux-container #info_bar { background: #f3f3f3; border-bottom: 1px solid #dedede; padding: 6px 10px 6px 6px; text-align: right; -moz-box-shadow: inset 0 1px 0 #fcfcfc; -webkit-box-shadow: inset 0 1px 0 #fcfcfc; box-shadow: inset 0 1px 0 #fcfcfc; } .redux-container .expand_options{ cursor: pointer; display: block; height: 22px; width: 21px; float: left; font-size:0px; text-indent: -9999px; margin: 1px 0 0 5px; border: 1px solid #bbb; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .redux-container .expand_options { background: url(../img/toggle_tabs.png) no-repeat -2px -26px; } .redux-container .expand_options.expanded { background: url(../img/toggle_tabs.png) no-repeat -2px -1px; } .redux-container .expand_options:hover { border-color: #888; } #redux-header { background:#f1f1f1; border-bottom: 3px solid blue; } #redux-header .display_header { float: left; margin:20px 10px; } #redux-header .display_header h2 { display:inline-block; font-style:normal; padding-right:5px; } #redux-header .display_header span { color:#888888; } #redux-header .icon32 { float: right; margin:16px 16px 0; } .redux-timer { text-align: center; font-size: 10px; color: #888; } .sticky-footer-fixed { background: #f3f3f3; border-top: 1px solid #dedede !important; -moz-box-shadow: inset 0 1px 0 #fcfcfc; -webkit-box-shadow: inset 0 1px 0 #fcfcfc; box-shadow: inset 0 1px 0 #fcfcfc; } .redux-main textarea, .redux-main input, .redux-main select, .redux-main button { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-style:solid; border-width:1px; } .redux-main input, .redux-main select, .redux-main textarea { background-color: #f1f1f1; border: 1px solid; border-color: #ccc #e6e6e6 #e6e6e6 #ccc; padding: 4px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 12px; } .redux-main input, .redux-main select, .redux-main .sortlist_homepage_blocks, .redux-main textarea, .wp-picker-container, .switch-options { margin-bottom: 7px; } .redux-main textarea.wp-editor-area {margin-bottom: 0;} .redux-main label input { margin-bottom: 0; } .redux-main .select2-container input { margin-bottom: 0; border: 0; } .redux-main input:hover, .redux-main textarea:hover { background-color: #f9f9f9; } .redux-main input:focus, .redux-main textarea:focus { background-color: #fff; border-color: #ccc #e6e6e6 #e6e6e6 #ccc; outline:0; } .redux-main select { height: 28px; padding: 4px 5px; } .redux-main select, .redux-main .select_wrapper { width: 340px; } .redux-main textarea { width: 100%; } .redux-main input[type=text] { width: 340px; } .redux-main input.full-text { width: 100%; } .redux-main input.checkbox, .redux-main input.radio { margin-right: 10px; } label.radio, label.multicheck { position: relative; } .redux-main .input-text-small { width: 60px; margin-right:10px } .redux-main .meta-two { margin-right:10px } .redux-main #content .section-typography { width:440px } .redux-main #content .section-typography .explain { width:130px } .redux-main .of-typography-size { width:70px; float:left } .redux-main .of-typography-unit { width:60px; float:left } .redux-main .of-typography-face { width:145px; float:left } .redux-main .of-typography-style { width:95px; float:left } .redux-main .of-radio-img-img { border:3px solid #fff; margin:0 5px 10px 0; display:none; cursor:pointer; float:left; } .redux-main .of-radio-img-selected { border:3px solid #ccc } .redux-main .of-radio-img-img:hover { opacity:.8; } .redux-main .of-radio-tile-img { width:50px; height:50px; border:3px solid #f9f9f9; margin:0 5px 10px 0; display:none; cursor:pointer; float:left; } .redux-main .of-radio-tile-selected { border:3px solid #DB423D } .redux-main .of-radio-tile-img:hover { opacity:.8; } .redux-main .of-border-width { width:70px; float:left } .redux-main .of-border-style { width:95px; float:left } /*.redux-main .group { display:none; padding-bottom:20px; } .redux-main .group h2 { display:none; border-bottom:3px solid #e7e7e7 } .redux-main input:focus, .redux-main select:focus, .redux-main textarea:focus { background:#fff; }*/ .redux-main .hide { display: none; } .redux-main input.large-text { width: 100%; } .input-append { margin-right: 10px; } .redux-main .input-append input { border-right: 0; margin-bottom: 0; } .redux-main .input-prepend input { border-left: 0; margin-bottom: 0; } .input-append .add-on, .input-prepend .add-on { width: auto; display: inline-block; min-width: 16px; padding: 3px 4px; font-size: 12px; font-weight: normal; line-height: 20px; text-align: center; text-shadow: 0 1px 0 #FFF; background-color: #EEE; border: 1px solid #CCC; } .input-append, .input-prepend { font-size:0; white-space:nowrap; float: left; display:inline-block; margin-bottom: 6px; } .redux-main .input-append { input { border-top-right-radius:0; border-bottom-right-radius:0; margin-right:0; } .add-on { border-top-right-radius:3px; border-bottom-right-radius:3px; } } .redux-main .input-prepend { input { border-top-left-radius:0; border-bottom-left-radius:0; margin-left:0; } .add-on { border-top-left-radius:3px; border-bottom-left-radius:3px; } } .redux-main .redux-field-container { padding: 20px 0; } .redux-main .mini, .redux-main input[type=text].mini { width: 50px; text-align: center; } .wrap { margin-top: 0; } .redux-main img { max-width:100%; max-height:100%; } .showDefaults { display: block; font-weight: normal; font-size: .8em; color: #888; } .select2-default { width: auto !important; } @media screen and (max-width : 1124px) { .redux-sidebar{ width:42px; } .redux-main{ margin-left:43px; width: auto; max-width: 100%; } .redux-group-tab-link-a{ position: relative; } .redux-group-tab-link-a i{ position: inherit; } .redux-group-tab-link-a span{ display:none; position:absolute; top: 0; left:44px; padding: 12px; width: 200px; background: #eeeeee; border: 1px solid #ccc; -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, .2); -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, .2); box-shadow: 2px 2px 8px rgba(0, 0, 0, .2); border-width: 1px 1px 1px 0px; z-index: 3; } .redux-group-tab-link-a:hover > span{ display: block; } .redux-sidebar .redux-group-menu li a, .redux-sidebar .redux-group-menu li a:hover, .redux-sidebar .redux-group-menu li.active a, .redux-sidebar .redux-group-menu li.active a:hover{ width:auto; } table.form-table, .form-table > thead, .form-table > tbody, .form-table > tbody > tr > th, .form-table > tbody > tr > td, .form-table > tbody > tr { display: block; width: 100% !important; padding: 0px !important; } .form-table > tbody > tr > th, .form-table > tbody > tr > td{ padding: 10px !important; } .form-table > tbody > tr > th, .form-table > tbody > tr > td{ padding: 10px !important; } } //mp6 fixes @media screen and (max-width : 783px) { .mp6 .redux-container #info_bar { height: auto; padding-bottom: 1px; } .mp6 .redux-container #info_bar a { margin-top: 5px; } } .mp6 .icon-themes { display: none; } #redux-object-browser { overflow:auto; word-wrap: break-word; max-height: 600px; max-width: 100%; } .redux-main span.description { display: block; font-style: normal; } .redux-main #redux-system-info textarea { min-height: 730px; } .redux-main .field-desc { clear: both; font-size: 13px; } .redux-main .data-full li{ width: 100%; } .redux-main .data-half li{ width: 50%; float: left; } .redux-main .data-third li{ width: 33.3%; float: left; } .redux-main .data-quarter li{ width: 25%; float: left; } .redux-main .ui-helper-hidden-accessible{ top:inherit; } .redux-main .form-table:first-child tr th, .redux-main .form-table:first-child tr td { padding-top: 0 !important; } .redux-main .form-table{ clear:none; margin-top:0px !important; } .redux-main .form-table tr:first-child th, .redux-main .form-table tr:first-child td { padding-top: 0; } pre { overflow: hidden; } /* Default admin theme */ #redux-header h2 { color: #fff; } .backgroundGradient(@to: darken(@to, 5%), @from: lighten(@to, 7%)) { background-color: @to; background-image: -khtml-gradient(linear, left top, left bottom, from(@from), to(@to)); background-image: -moz-linear-gradient(top, @from, @to); background-image: -ms-linear-gradient(top, @from, @to); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @from), color-stop(100%, @to)); background-image: -webkit-linear-gradient(top, @from, @to); background-image: -o-linear-gradient(top, @from, @to); background-image: linear-gradient(top, @from, @to); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='@to', GradientType=0); } .adminThemeColorOverrides (@darkColor, @accentColor, @secondaryColor, @buttonPrimary) { .button.ui-datepicker-current, button.ui-datepicker-close { background-color: lighten(@accentColor, 3%); } .ui-datepicker-buttonpane button.ui-datepicker-current { background: @buttonPrimary; color: white; border: 1px solid darken(@buttonPrimary, 20%) } .ui-datepicker-header .ui-icon { background-image: url(vendor/jquery-ui-bootstrap/images/ui-icons_ffffff_256x240.png); } .ui-datepicker-header { background-color: @secondaryColor; color: white; } .ui-datepicker td .ui-state-active { background-color: lighten(@accentColor, 3%); color: white; } .ui-datepicker td .ui-state-hover { color: lighten(@accentColor, 3%); } .ui-datepicker td .ui-state-highlight { background: @accentColor; border: 1px solid @secondaryColor; color: white; } .redux-container-switch .cb-disable, .redux-container-switch .cb-enable, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { .backgroundGradient(#f5f5f5, #f8f8f8); border-color: #ccc; } .ui-datepicker td .ui-state-active { color: black; font-weight: 700; background: white; } .redux-container-switch .cb-disable.selected { .backgroundGradient(#646464, #929292); border-color: #767676; } .redux-container-switch .cb-enable.selected, .ui-buttonset .ui-state-active { .backgroundGradient(@accentColor); border-color: darken( @accentColor, 15% ); border-color: darken( @accentColor, 10% ); -webkit-box-shadow: inset 0 1px 0 lighten( @accentColor, 15% ), 0 1px 0 rgba(0,0,0,.15); box-shadow: inset 0 1px 0 lighten( @accentColor, 15% ), 0 1px 0 rgba(0,0,0,.15); } #redux-header .display_header span { color: @darkColor; } #redux-header { background: @secondaryColor; border-color: @accentColor; } .redux-sidebar .redux-group-menu li.active { border-left: 3px solid @accentColor; a { color: @secondaryColor; } } .redux-container-image_select .redux-image-select-selected img { border-color: @accentColor; } #redux-footer #redux-share a { color: @accentColor; &:hover { color: darken(@accentColor, 20%); } } .select2-results .select2-highlighted { background: @accentColor; } .select2-drop-active, .select2-container-multi.select2-container-active .select2-choices, .select2-drop.select2-drop-above.select2-drop-active, .select2-container-active .select2-choice, .select2-container-active .select2-choices, .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices { border-color: @accentColor; } .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices { border-top: inherit; } .noUi-connect { .backgroundGradient(lighten(@accentColor, 3%)); } } /* Light fresh theme */ .admin-color-fresh { .adminThemeColorOverrides(#bbb, #0074a2, #222222, #1e8cbe); } /* Light admin theme */ .admin-color-light { .adminThemeColorOverrides(#e6e6e6, #04a4cc, #888888, #0384a4); } /* Blue admin theme */ .admin-color-blue { .adminThemeColorOverrides(#e2ecf1, #4796b3, #096484, #db9825); } /* Coffee admin theme */ .admin-color-coffee { .adminThemeColorOverrides(#cdcbc9, #c7a589, #46403c, #ba906d); } /* Ectoplasm admin theme */ .admin-color-ectoplasm { .adminThemeColorOverrides(#cbc5d3, #a3b745, #413256, #89993a); } /* Midnight admin theme */ .admin-color-midnight { .adminThemeColorOverrides(#c2c4c5, #e14d43, #363b3f, #d92c23); } /* Ocean admin theme */ .admin-color-ocean { .adminThemeColorOverrides(#d5dddf, #9ebaa0, #627c83, #86a988); } /* Sunrise admin theme */ .admin-color-sunrise { .adminThemeColorOverrides(#f0c8c6, #dd823b, #b43c38, #cc6c23); }