22

✏️ Editing: ot-admin-rtl.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;
}

MR SKB