mirror of
https://gh.wpcy.net/https://github.com/presscustomizr/hueman.git
synced 2026-04-27 02:52:29 +08:00
635 lines
No EOL
16 KiB
CSS
635 lines
No EOL
16 KiB
CSS
/* --------------------------------------------------
|
|
:: 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%;
|
|
}
|
|
}
|
|
|
|
/* --------------------------------------------------
|
|
:: Date Picker
|
|
---------------------------------------------------*/
|
|
.ui-datepicker {
|
|
direction: rtl;
|
|
}
|
|
.ui-datepicker .ui-widget-header {
|
|
left: auto;
|
|
right: -1px;
|
|
}
|
|
.ui-datepicker-prev:before {
|
|
border-right: 0px;
|
|
border-left: 1px solid #555;
|
|
content: "\f105";
|
|
float: left;
|
|
width: 31px;
|
|
height: 30px;
|
|
}
|
|
.ui-datepicker-prev {
|
|
border-right: 0px;
|
|
border-left: 1px solid #333;
|
|
float: right;
|
|
width: 31px;
|
|
}
|
|
.ui-datepicker-next:before {
|
|
border-left: 0px;
|
|
border-right: 1px solid #333;
|
|
content: "\f104";
|
|
float: right;
|
|
width: 30px;
|
|
height: 30px;
|
|
}
|
|
.ui-datepicker-next {
|
|
border-left: 0px;
|
|
border-right: 1px solid #555;
|
|
float: left;
|
|
width: 30px;
|
|
}
|
|
.ui-datepicker thead th:last-child {
|
|
border-left: 1px solid #ccc;
|
|
}
|
|
.ui-datepicker tbody td {
|
|
border-left: 1px solid #ccc;
|
|
}
|
|
.ui-datepicker tbody td:first-child {
|
|
border-left: 0px;
|
|
}
|
|
.ui-datepicker .ui-datepicker-buttonpane button {
|
|
float: left;
|
|
}
|
|
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
|
|
float: right;
|
|
}
|
|
@-moz-document url-prefix() {
|
|
.ui-datepicker-calendar {
|
|
position: relative;
|
|
right: -1px;
|
|
}
|
|
.ui-datepicker-calendar thead {
|
|
border-right: 1px solid #ccc;
|
|
}
|
|
}
|
|
|
|
/* --------------------------------------------------
|
|
:: Time Picker
|
|
---------------------------------------------------*/
|
|
.ui-timepicker-div {
|
|
direction: rtl;
|
|
}
|
|
.ui-timepicker-div dl {
|
|
text-align: right;
|
|
padding: 0 5px 0 0;
|
|
}
|
|
.ui-timepicker-div dl dt {
|
|
float: right;
|
|
clear: right;
|
|
}
|
|
.ui-timepicker-div dl dd {
|
|
margin: 0 45% 10px 10px;
|
|
}
|
|
|
|
/* --------------------------------------------------
|
|
:: 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;
|
|
} |
