first commit
This commit is contained in:
@@ -0,0 +1,568 @@
|
||||
/* --------------------------------------------------
|
||||
:: OptionTree Font
|
||||
---------------------------------------------------*/
|
||||
.ui-tabs li > a [class^="ot-icon-"],
|
||||
.ui-tabs li > a [class*=" ot-icon-"] {
|
||||
display: block;
|
||||
height: 14px;
|
||||
float: right;
|
||||
padding: 2px 0px 0 9px;
|
||||
}
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Messages
|
||||
---------------------------------------------------*/
|
||||
.wrap.settings-wrap div.error,
|
||||
.wrap.settings-wrap div.updated {
|
||||
margin: 9px 2px 0px 5px !important;
|
||||
}
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: OptionTree Wrappers
|
||||
---------------------------------------------------*/
|
||||
#option-tree-settings-api > .ui-tabs {
|
||||
margin: 0px 2px 0 5px;
|
||||
-webkit-box-shadow: inset -146px 0 0 #f1f1f1, inset -147px 0 0 #ccc, 0 1px 3px rgba(0,0,0,0.05);
|
||||
-moz-box-shadow: inset -146px 0 0 #f1f1f1, inset -147px 0 0 #ccc, 0 1px 3px rgba(0,0,0,0.05);
|
||||
box-shadow: inset -146px 0 0 #f1f1f1, inset -147px 0 0 #ccc, 0 1px 3px rgba(0,0,0,0.05);
|
||||
}
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Header
|
||||
---------------------------------------------------*/
|
||||
#option-tree-header {
|
||||
margin: 11px 2px 0 5px;
|
||||
}
|
||||
#option-tree-header li {
|
||||
float: right;
|
||||
}
|
||||
#option-tree-header #option-tree-logo a {
|
||||
border-right: 0;
|
||||
border-left: 1px solid #333;
|
||||
float: right;
|
||||
padding: 3px 13px 3px 12px;
|
||||
}
|
||||
#option-tree-header li#option-tree-logo:hover {
|
||||
-webkit-border-top-right-radius: 2px;
|
||||
-moz-border-radius-topright: 2px;
|
||||
border-top-right-radius: 2px;
|
||||
}
|
||||
#option-tree-header #option-tree-version span,
|
||||
#option-tree-header #theme-version span {
|
||||
border-left: 0;
|
||||
border-right: 1px solid #555;
|
||||
float: left;
|
||||
}
|
||||
#option-tree-header #theme-version:before {
|
||||
border-right: 0;
|
||||
border-left: 1px solid #333;
|
||||
float: right;
|
||||
}
|
||||
/* light */
|
||||
.admin-color-light #option-tree-header #option-tree-logo a,
|
||||
.admin-color-light #option-tree-header #theme-version:before {
|
||||
border-left-color: #3c3c3c;
|
||||
}
|
||||
.admin-color-light #option-tree-header li#option-tree-logo:hover a {
|
||||
border-left-color: #3c3c3c;
|
||||
}
|
||||
.admin-color-light #option-tree-header #option-tree-version span,
|
||||
.admin-color-light #option-tree-header #theme-version span {
|
||||
border-right-color: #999;
|
||||
}
|
||||
/* blue */
|
||||
.admin-color-blue #option-tree-header #option-tree-logo a,
|
||||
.admin-color-blue #option-tree-header #theme-version:before {
|
||||
border-left-color: #002b39;
|
||||
}
|
||||
.admin-color-blue #option-tree-header li#option-tree-logo:hover a {
|
||||
border-left-color: #002b39;
|
||||
}
|
||||
.admin-color-blue #option-tree-header #option-tree-version span,
|
||||
.admin-color-blue #option-tree-header #theme-version span {
|
||||
border-right-color: #5dc2e6;
|
||||
}
|
||||
/* coffee */
|
||||
.admin-color-coffee #option-tree-header #option-tree-logo a,
|
||||
.admin-color-coffee #option-tree-header #theme-version:before {
|
||||
border-left-color: #0f0e0d;
|
||||
}
|
||||
.admin-color-coffee #option-tree-header li#option-tree-logo:hover a {
|
||||
border-left-color: #0f0e0d;
|
||||
}
|
||||
.admin-color-coffee #option-tree-header #option-tree-version span,
|
||||
.admin-color-coffee #option-tree-header #theme-version span {
|
||||
border-right-color: #675f58;
|
||||
}
|
||||
/* ectoplasm */
|
||||
.admin-color-ectoplasm #option-tree-header #option-tree-logo a,
|
||||
.admin-color-ectoplasm #option-tree-header #theme-version:before {
|
||||
border-left-color: #181220;
|
||||
}
|
||||
.admin-color-ectoplasm #option-tree-header li#option-tree-logo:hover a {
|
||||
border-left-color: #181220;
|
||||
}
|
||||
.admin-color-ectoplasm #option-tree-header #option-tree-version span,
|
||||
.admin-color-ectoplasm #option-tree-header #theme-version span {
|
||||
border-right-color: #644d85;
|
||||
}
|
||||
/* midnight */
|
||||
.admin-color-midnight #option-tree-header #option-tree-logo a,
|
||||
.admin-color-midnight #option-tree-header #theme-version:before {
|
||||
border-left-color: #090a0b;
|
||||
}
|
||||
.admin-color-midnight #option-tree-header li#option-tree-logo:hover a {
|
||||
border-left-color: #090a0b;
|
||||
}
|
||||
.admin-color-midnight #option-tree-header #option-tree-version span,
|
||||
.admin-color-midnight #option-tree-header #theme-version span {
|
||||
border-right-color: #4c5359;
|
||||
}
|
||||
/* ocean */
|
||||
.admin-color-ocean #option-tree-header #option-tree-logo a,
|
||||
.admin-color-ocean #option-tree-header #theme-version:before {
|
||||
border-left-color: #39464a;
|
||||
}
|
||||
.admin-color-ocean #option-tree-header li#option-tree-logo:hover a {
|
||||
border-left-color: #39464a;
|
||||
}
|
||||
.admin-color-ocean #option-tree-header #option-tree-version span,
|
||||
.admin-color-ocean #option-tree-header #theme-version span {
|
||||
border-right-color: #87a6af;
|
||||
}
|
||||
/* sunrise */
|
||||
.admin-color-sunrise #option-tree-header #option-tree-logo a,
|
||||
.admin-color-sunrise #option-tree-header #theme-version:before {
|
||||
border-left-color: #8a322a;
|
||||
}
|
||||
.admin-color-sunrise #option-tree-header li#option-tree-logo:hover a {
|
||||
border-left-color: #8a322a;
|
||||
}
|
||||
.admin-color-sunrise #option-tree-header #option-tree-version span,
|
||||
.admin-color-sunrise #option-tree-header #theme-version span {
|
||||
border-right-color: #e75546;
|
||||
}
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Sub Header
|
||||
---------------------------------------------------*/
|
||||
#option-tree-sub-header {
|
||||
margin: 0 2px 0 5px;
|
||||
}
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Tabs
|
||||
---------------------------------------------------*/
|
||||
.wrap.settings-wrap .ui-tabs-nav {
|
||||
float: right;
|
||||
margin: 0 -4px 0 0;
|
||||
}
|
||||
.wrap.settings-wrap .ui-tabs-nav li {
|
||||
border-left-width: 0;
|
||||
border-right-width: 1px;
|
||||
-webkit-border-radius: 0 2px 2px 0;
|
||||
-moz-border-radius: 0 2px 2px 0;
|
||||
border-radius: 0 2px 2px 0;
|
||||
}
|
||||
.wrap.settings-wrap .ui-tabs-nav li a {
|
||||
padding: 5px 12px 5px 5px;
|
||||
}
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Format Setting
|
||||
---------------------------------------------------*/
|
||||
.format-setting .format-setting-inner {
|
||||
float: right;
|
||||
}
|
||||
.format-setting .description {
|
||||
float: left;
|
||||
}
|
||||
#post .format-setting-inner p {
|
||||
float: right;
|
||||
}
|
||||
.docs-ul li {
|
||||
margin-left: 0;
|
||||
margin-right: 20px;
|
||||
}
|
||||
#contextual-help-setting {
|
||||
float: right;
|
||||
}
|
||||
#contextual-help-label {
|
||||
float: right;
|
||||
}
|
||||
#option_tree_settings_help {
|
||||
float: right;
|
||||
}
|
||||
#option-tree-settings-api blockquote {
|
||||
padding-left: 0;
|
||||
padding-right: 15px;
|
||||
}
|
||||
#option-tree-settings-api blockquote:before {
|
||||
left: auto;
|
||||
right: -10px;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Input & Upload
|
||||
---------------------------------------------------*/
|
||||
input.option-tree-ui-upload-input,
|
||||
input.option-tree-ui-input {
|
||||
-moz-box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
-webkit-box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.option-tree-sortable input.option-tree-ui-upload-input,
|
||||
.option-tree-sortable input.option-tree-ui-input {
|
||||
width: 99.9%; /* fixes a strange bug with input with */
|
||||
}
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Upload
|
||||
---------------------------------------------------*/
|
||||
div.option-tree-ui-media-wrap {
|
||||
margin: 5px 0 0 55px;
|
||||
}
|
||||
.option-tree-ui-media-wrap img {
|
||||
float: right;
|
||||
}
|
||||
.option-tree-ui-upload-parent {
|
||||
margin-right: 0;
|
||||
margin-left: 45px;
|
||||
}
|
||||
.format-setting .ot_upload_media {
|
||||
right: auto;
|
||||
left: -45px;
|
||||
}
|
||||
.option-tree-ui-media-wrap a.option-tree-ui-remove-media {
|
||||
right: auto;
|
||||
left: -55px;
|
||||
}
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Setting Item with Drag & Drop
|
||||
---------------------------------------------------*/
|
||||
.option-tree-setting .open {
|
||||
padding: 10px 10px 10px 100px;
|
||||
}
|
||||
.option-tree-setting .open:hover:before {
|
||||
left: auto;
|
||||
right: 4px;
|
||||
}
|
||||
.button-section {
|
||||
right: auto;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Layouts
|
||||
---------------------------------------------------*/
|
||||
#option-tree-options-layouts-form {
|
||||
left: auto;
|
||||
right: 13px;
|
||||
}
|
||||
.option-tree-save-layout {
|
||||
float: right;
|
||||
}
|
||||
.option-tree-save-layout.active-layout {
|
||||
border-left: 0;
|
||||
border-right: 1px solid #fff;
|
||||
padding-left: 0;
|
||||
padding-right: 9px;
|
||||
}
|
||||
.option-tree-save-layout .widefat {
|
||||
float: right;
|
||||
}
|
||||
.option-tree-save-layout button.blue {
|
||||
margin: 0 10px 0 0;
|
||||
}
|
||||
.option-tree-active-layout {
|
||||
border-right: 0;
|
||||
border-left: 1px solid #ccc;
|
||||
float: right;
|
||||
padding: 10px 0 10px 10px;
|
||||
}
|
||||
.button.save-layout {
|
||||
margin: 0 10px 0 0 !important;
|
||||
}
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Option Group
|
||||
---------------------------------------------------*/
|
||||
.ot-option-group {
|
||||
float: right;
|
||||
padding-right: 0px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.ot-option-group--is-last {
|
||||
padding-left: 0;
|
||||
}
|
||||
.ot-option-group--icon {
|
||||
border-left: 1px solid #ccc;
|
||||
border-right: 0px;
|
||||
left: auto;
|
||||
right: 1px;
|
||||
}
|
||||
.ot-option-group--icon + input.option-tree-ui-input {
|
||||
padding-left: 5px !important;
|
||||
padding-right: 34px !important;
|
||||
margin-left: 5px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
.ot-option-group--checkbox {
|
||||
float: right;
|
||||
padding-right: 0px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
#post-body .ot-option-group--checkbox p {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Select
|
||||
---------------------------------------------------*/
|
||||
.select-wrapper {
|
||||
background: #fff url(../images/ot-select-rtl.png) no-repeat left center;
|
||||
float: right;
|
||||
margin: 0 0 5px 5px;
|
||||
-moz-box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
-webkit-box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.select-wrapper:hover {
|
||||
background-image: url(../images/ot-select-hover-rtl.png);
|
||||
}
|
||||
.select-wrapper span {
|
||||
padding-left: 27px;
|
||||
padding-right: 7px;
|
||||
}
|
||||
.type-measurement .select-wrapper {
|
||||
margin-left: 0;
|
||||
right: auto;
|
||||
left: 0px;
|
||||
}
|
||||
/* FireFox */
|
||||
@-moz-document url-prefix() {
|
||||
#option-tree-options-layouts-form .select-wrapper {
|
||||
left: auto;
|
||||
right: 250px;
|
||||
};
|
||||
}
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Measurement
|
||||
---------------------------------------------------*/
|
||||
.option-tree-ui-measurement-input-wrap {
|
||||
margin-right: 0;
|
||||
margin-left: 80px;
|
||||
}
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Checkbox & Radio
|
||||
---------------------------------------------------*/
|
||||
.format-setting.type-checkbox input,
|
||||
.format-setting.type-radio input {
|
||||
float: right;
|
||||
margin: 2px 1px 0 5px;
|
||||
}
|
||||
.format-setting.type-checkbox label,
|
||||
.format-setting.type-radio label {
|
||||
float: right;
|
||||
}
|
||||
#option-tree-settings-api .format-setting.type-checkbox p,
|
||||
#option-tree-settings-api .format-setting.type-radio p {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Radio Images
|
||||
---------------------------------------------------*/
|
||||
.type-radio-image .option-tree-ui-radio-images {
|
||||
float: right;
|
||||
margin: 0 0px 10px 10px;
|
||||
}
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Numeric Slider
|
||||
---------------------------------------------------*/
|
||||
.ot-numeric-slider-wrap {
|
||||
margin: 0 0 0 96px;
|
||||
}
|
||||
.ot-numeric-slider-wrap .ot-numeric-slider-helper-input {
|
||||
right: auto;
|
||||
left: 5px;
|
||||
}
|
||||
.ot-numeric-slider.ui-slider {
|
||||
-webkit-box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
-moz-box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Colorpicker
|
||||
---------------------------------------------------*/
|
||||
.option-tree-ui-colorpicker-input-wrap {
|
||||
float: right;
|
||||
}
|
||||
.option-tree-ui-colorpicker-input-wrap .option-tree-ui-colorpicker-label {
|
||||
margin-left: 10px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
.type-link-color .option-tree-ui-colorpicker-input-wrap {
|
||||
margin-left: 20px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
.option-tree-ui-colorpicker-input-wrap .wp-color-result {
|
||||
margin: 0px 0px 5px 5px;
|
||||
}
|
||||
.option-tree-ui-colorpicker-input-wrap .wp-picker-container .iris-picker {
|
||||
margin: 0px 0px 5px 5px;
|
||||
}
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Google Font
|
||||
---------------------------------------------------*/
|
||||
.js-remove-google-font.option-tree-ui-button.button {
|
||||
margin-left: 5px;
|
||||
margin-right: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: OptionTree UI Buttons
|
||||
---------------------------------------------------*/
|
||||
.option-tree-ui-button {
|
||||
float: right !important;
|
||||
}
|
||||
.option-tree-ui-button.right {
|
||||
float: left !important;
|
||||
}
|
||||
.option-tree-ui-button.hug-left {
|
||||
margin-right: 0px;
|
||||
}
|
||||
.option-tree-ui-button.hug-right {
|
||||
margin-left: 0px;
|
||||
}
|
||||
.option-tree-ui-button.left-item {
|
||||
float: right !important;
|
||||
margin: 5px 5px 5px 0;
|
||||
-webkit-border-radius: 0px 2px 2px 0px;
|
||||
-moz-border-radius: 0px 2px 2px 0px;
|
||||
border-radius: 0px 2px 2px 0px;
|
||||
}
|
||||
.option-tree-ui-button.center-item {
|
||||
margin: 5px -1px 5px 0;
|
||||
}
|
||||
.option-tree-ui-button.right-item {
|
||||
float: left !important;
|
||||
margin: 5px -1px 5px 5px;
|
||||
-webkit-border-radius: 2px 0px 0px 2px;
|
||||
-moz-border-radius: 2px 0px 0px 2px;
|
||||
border-radius: 2px 0px 0px 2px;
|
||||
}
|
||||
.option-tree-ui-buttons {
|
||||
margin: 11px 2px 0 5px;
|
||||
}
|
||||
button.reset-settings {
|
||||
left: auto;
|
||||
right: 8px;
|
||||
}
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: OptionTree UI Button Icons
|
||||
---------------------------------------------------*/
|
||||
.option-tree-ui-button .icon {
|
||||
float: right;
|
||||
text-indent: 0;
|
||||
}
|
||||
.option-tree-ui-button .icon.left-label {
|
||||
margin-left: 10px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Gallery
|
||||
---------------------------------------------------*/
|
||||
ul.ot-gallery-list {
|
||||
float: right;
|
||||
}
|
||||
ul.ot-gallery-list li {
|
||||
float: right;
|
||||
margin: 0px 0 10px 10px;
|
||||
}
|
||||
.ot-gallery-buttons {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Google Fonts
|
||||
---------------------------------------------------*/
|
||||
.option-tree-google-font-family,
|
||||
.option-tree-google-font-variants,
|
||||
.option-tree-google-font-subsets,
|
||||
#option-tree-settings-api p.checkbox-wrap,
|
||||
#post-body .ot-metabox-panels p.checkbox-wrap {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: On/Off Switch
|
||||
---------------------------------------------------*/
|
||||
@media only screen {
|
||||
.on-off-switch {
|
||||
-webkit-box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
-moz-box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.on-off-switch label {
|
||||
float: right;
|
||||
}
|
||||
.on-off-switch .slide-button {
|
||||
left: auto;
|
||||
right: -1px;
|
||||
}
|
||||
.on-off-switch input:last-of-type:checked ~ .slide-button {
|
||||
left: auto;
|
||||
right: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* @hu_custom
|
||||
* Hueman doesn't need date and time picker jquery plugins
|
||||
* we remove them for compatibility reasons.
|
||||
* See : https://github.com/presscustomizr/hueman/issues/454
|
||||
*/
|
||||
/* --------------------------------------------------
|
||||
:: Date Picker
|
||||
---------------------------------------------------*/
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Time Picker
|
||||
---------------------------------------------------*/
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Meta Box Tabs
|
||||
---------------------------------------------------*/
|
||||
.ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav {
|
||||
float: right;
|
||||
margin: 0 0 0 -1px;
|
||||
}
|
||||
.ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li {
|
||||
border-width: 1px 1px 1px 0px;
|
||||
-webkit-border-radius: 0 0 2px 2px;
|
||||
-moz-border-radius: 0 0 2px 2px;
|
||||
border-radius: 0 0 2px 2px;
|
||||
}
|
||||
.ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li a {
|
||||
padding: 5px 12px 5px 5px;
|
||||
}
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Theme Option & Side Metabox Tabs
|
||||
---------------------------------------------------*/
|
||||
.ot-theme-option-tabs.ui-tabs .ot-theme-option-nav.ui-tabs-nav li.ui-state-default,
|
||||
#side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li.ui-state-default {
|
||||
float: right;
|
||||
margin: 0 3px 0 0 !important;
|
||||
}
|
||||
Reference in New Issue
Block a user