wp/wp-content/plugins/option-tree/assets/css/ot-admin-rtl.css
changeset 5 5e2f62d02dcd
equal deleted inserted replaced
4:346c88efed21 5:5e2f62d02dcd
       
     1 /* -------------------------------------------------- 
       
     2   :: OptionTree Font
       
     3   ---------------------------------------------------*/
       
     4 .ui-tabs li > a [class^="ot-icon-"], 
       
     5 .ui-tabs li > a [class*=" ot-icon-"] {
       
     6   display: block;
       
     7   height: 14px;
       
     8   float: right;
       
     9   padding: 2px 0px 0 9px;
       
    10 }
       
    11 
       
    12 /* -------------------------------------------------- 
       
    13   :: Messages
       
    14   ---------------------------------------------------*/
       
    15 .wrap.settings-wrap div.error,
       
    16 .wrap.settings-wrap div.updated {
       
    17   margin: 9px 2px 0px 5px !important;
       
    18 }
       
    19 
       
    20 /* -------------------------------------------------- 
       
    21   :: OptionTree Wrappers
       
    22   ---------------------------------------------------*/
       
    23 #option-tree-settings-api > .ui-tabs {
       
    24   margin: 0px 2px 0 5px;
       
    25   -webkit-box-shadow: inset -146px 0 0 #f1f1f1, inset -147px 0 0 #ccc, 0 1px 3px rgba(0,0,0,0.05);
       
    26      -moz-box-shadow: inset -146px 0 0 #f1f1f1, inset -147px 0 0 #ccc, 0 1px 3px rgba(0,0,0,0.05);
       
    27           box-shadow: inset -146px 0 0 #f1f1f1, inset -147px 0 0 #ccc, 0 1px 3px rgba(0,0,0,0.05);
       
    28 }
       
    29 
       
    30 /* -------------------------------------------------- 
       
    31   :: Header
       
    32   ---------------------------------------------------*/
       
    33 #option-tree-header {
       
    34   margin: 11px 2px 0 5px;
       
    35 }
       
    36 #option-tree-header li {
       
    37   float: right;
       
    38 }
       
    39 #option-tree-header #option-tree-logo a {
       
    40   border-right: 0;
       
    41   border-left: 1px solid #333;
       
    42   float: right;
       
    43   padding: 3px 13px 3px 12px;
       
    44 }
       
    45 #option-tree-header li#option-tree-logo:hover {
       
    46   -webkit-border-top-right-radius: 2px;
       
    47       -moz-border-radius-topright: 2px;
       
    48           border-top-right-radius: 2px;
       
    49 }
       
    50 #option-tree-header #option-tree-version span,
       
    51 #option-tree-header #theme-version span {
       
    52   border-left: 0;
       
    53   border-right: 1px solid #555;
       
    54   float: left;
       
    55 }
       
    56 #option-tree-header #theme-version:before {
       
    57   border-right: 0;
       
    58   border-left: 1px solid #333;
       
    59   float: right;
       
    60 }
       
    61 /* light */
       
    62 .admin-color-light #option-tree-header #option-tree-logo a,
       
    63 .admin-color-light #option-tree-header #theme-version:before {
       
    64   border-left-color: #3c3c3c;
       
    65 }
       
    66 .admin-color-light #option-tree-header li#option-tree-logo:hover a {
       
    67   border-left-color: #3c3c3c;
       
    68 }
       
    69 .admin-color-light #option-tree-header #option-tree-version span,
       
    70 .admin-color-light #option-tree-header #theme-version span {
       
    71   border-right-color: #999;
       
    72 }
       
    73 /* blue */
       
    74 .admin-color-blue #option-tree-header #option-tree-logo a,
       
    75 .admin-color-blue #option-tree-header #theme-version:before {
       
    76   border-left-color: #002b39;
       
    77 }
       
    78 .admin-color-blue #option-tree-header li#option-tree-logo:hover a {
       
    79   border-left-color: #002b39;
       
    80 }
       
    81 .admin-color-blue #option-tree-header #option-tree-version span,
       
    82 .admin-color-blue #option-tree-header #theme-version span {
       
    83   border-right-color: #5dc2e6;
       
    84 }
       
    85 /* coffee */
       
    86 .admin-color-coffee #option-tree-header #option-tree-logo a,
       
    87 .admin-color-coffee #option-tree-header #theme-version:before {
       
    88   border-left-color: #0f0e0d;
       
    89 }
       
    90 .admin-color-coffee #option-tree-header li#option-tree-logo:hover a {
       
    91   border-left-color: #0f0e0d;
       
    92 }
       
    93 .admin-color-coffee #option-tree-header #option-tree-version span,
       
    94 .admin-color-coffee #option-tree-header #theme-version span {
       
    95   border-right-color: #675f58;
       
    96 }
       
    97 /* ectoplasm */
       
    98 .admin-color-ectoplasm #option-tree-header #option-tree-logo a,
       
    99 .admin-color-ectoplasm #option-tree-header #theme-version:before {
       
   100   border-left-color: #181220;
       
   101 }
       
   102 .admin-color-ectoplasm #option-tree-header li#option-tree-logo:hover a {
       
   103   border-left-color: #181220;
       
   104 }
       
   105 .admin-color-ectoplasm #option-tree-header #option-tree-version span,
       
   106 .admin-color-ectoplasm #option-tree-header #theme-version span {
       
   107   border-right-color: #644d85;
       
   108 }
       
   109 /* midnight */
       
   110 .admin-color-midnight #option-tree-header #option-tree-logo a,
       
   111 .admin-color-midnight #option-tree-header #theme-version:before {
       
   112   border-left-color: #090a0b;
       
   113 }
       
   114 .admin-color-midnight #option-tree-header li#option-tree-logo:hover a {
       
   115   border-left-color: #090a0b;
       
   116 }
       
   117 .admin-color-midnight #option-tree-header #option-tree-version span,
       
   118 .admin-color-midnight #option-tree-header #theme-version span {
       
   119   border-right-color: #4c5359;
       
   120 }
       
   121 /* ocean */
       
   122 .admin-color-ocean #option-tree-header #option-tree-logo a,
       
   123 .admin-color-ocean #option-tree-header #theme-version:before {
       
   124   border-left-color: #39464a;
       
   125 }
       
   126 .admin-color-ocean #option-tree-header li#option-tree-logo:hover a {
       
   127   border-left-color: #39464a;
       
   128 }
       
   129 .admin-color-ocean #option-tree-header #option-tree-version span,
       
   130 .admin-color-ocean #option-tree-header #theme-version span {
       
   131   border-right-color: #87a6af;
       
   132 }
       
   133 /* sunrise */
       
   134 .admin-color-sunrise #option-tree-header #option-tree-logo a,
       
   135 .admin-color-sunrise #option-tree-header #theme-version:before {
       
   136   border-left-color: #8a322a;
       
   137 }
       
   138 .admin-color-sunrise #option-tree-header li#option-tree-logo:hover a {
       
   139   border-left-color: #8a322a;
       
   140 }
       
   141 .admin-color-sunrise #option-tree-header #option-tree-version span,
       
   142 .admin-color-sunrise #option-tree-header #theme-version span {
       
   143   border-right-color: #e75546;
       
   144 }
       
   145 
       
   146 /* -------------------------------------------------- 
       
   147   :: Sub Header
       
   148   ---------------------------------------------------*/
       
   149 #option-tree-sub-header { 
       
   150   margin: 0 2px 0 5px;
       
   151 }
       
   152 
       
   153 /* -------------------------------------------------- 
       
   154   :: Tabs
       
   155   ---------------------------------------------------*/
       
   156 .wrap.settings-wrap .ui-tabs-nav { 
       
   157   float: right; 
       
   158   margin: 0 -4px 0 0;
       
   159 }
       
   160 .wrap.settings-wrap .ui-tabs-nav li { 
       
   161   border-left-width: 0;
       
   162   border-right-width: 1px;
       
   163   -webkit-border-radius: 0 2px 2px 0;
       
   164      -moz-border-radius: 0 2px 2px 0;
       
   165           border-radius: 0 2px 2px 0; 
       
   166 }
       
   167 .wrap.settings-wrap .ui-tabs-nav li a {
       
   168   padding: 5px 12px 5px 5px; 
       
   169 }
       
   170 
       
   171 /* -------------------------------------------------- 
       
   172   :: Format Setting
       
   173   ---------------------------------------------------*/
       
   174 .format-setting .format-setting-inner {
       
   175   float: right;
       
   176 }
       
   177 .format-setting .description {
       
   178   float: left;
       
   179 }
       
   180 #post .format-setting-inner p {
       
   181   float: right;
       
   182 }
       
   183 .docs-ul li {
       
   184   margin-left: 0;
       
   185   margin-right: 20px;
       
   186 }
       
   187 #contextual-help-setting {
       
   188   float: right;
       
   189 }
       
   190 #contextual-help-label {
       
   191   float: right;
       
   192 }
       
   193 #option_tree_settings_help {
       
   194   float: right;
       
   195 }
       
   196 #option-tree-settings-api blockquote {
       
   197   padding-left: 0;
       
   198   padding-right: 15px;
       
   199 }
       
   200 #option-tree-settings-api blockquote:before {
       
   201   left: auto;
       
   202   right: -10px;
       
   203   top: 10px;
       
   204 }
       
   205 
       
   206 /* -------------------------------------------------- 
       
   207   :: Input & Upload
       
   208   ---------------------------------------------------*/
       
   209 input.option-tree-ui-upload-input,
       
   210 input.option-tree-ui-input {
       
   211   -moz-box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.05);
       
   212   -webkit-box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.05);
       
   213   box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.05);
       
   214 }
       
   215 .option-tree-sortable input.option-tree-ui-upload-input,
       
   216 .option-tree-sortable input.option-tree-ui-input {
       
   217   width: 99.9%; /* fixes a strange bug with input with */
       
   218 }
       
   219 
       
   220 /* -------------------------------------------------- 
       
   221   :: Upload
       
   222   ---------------------------------------------------*/
       
   223 div.option-tree-ui-media-wrap {
       
   224   margin: 5px 0 0 55px;
       
   225 }
       
   226 .option-tree-ui-media-wrap img {
       
   227   float: right;
       
   228 }
       
   229 .option-tree-ui-upload-parent {
       
   230   margin-right: 0;
       
   231   margin-left: 45px;
       
   232 }
       
   233 .format-setting .ot_upload_media {
       
   234   right: auto;
       
   235   left: -45px;
       
   236 }
       
   237 .option-tree-ui-media-wrap a.option-tree-ui-remove-media {
       
   238   right: auto;
       
   239   left: -55px;
       
   240 }
       
   241 
       
   242 /* -------------------------------------------------- 
       
   243   :: Setting Item with Drag & Drop
       
   244   ---------------------------------------------------*/
       
   245 .option-tree-setting .open {
       
   246   padding: 10px 10px 10px 100px;
       
   247 }
       
   248 .option-tree-setting .open:hover:before {
       
   249   left: auto;
       
   250   right: 4px;
       
   251 }
       
   252 .button-section {
       
   253   right: auto;
       
   254   left: 0px;
       
   255 }
       
   256 
       
   257 /* -------------------------------------------------- 
       
   258   :: Layouts
       
   259   ---------------------------------------------------*/
       
   260 #option-tree-options-layouts-form {
       
   261   left: auto;
       
   262   right: 13px;
       
   263 }
       
   264 .option-tree-save-layout {
       
   265   float: right;
       
   266 }
       
   267 .option-tree-save-layout.active-layout {
       
   268   border-left: 0;
       
   269   border-right: 1px solid #fff;
       
   270   padding-left: 0;
       
   271   padding-right: 9px;
       
   272 }
       
   273 .option-tree-save-layout .widefat {
       
   274   float: right;
       
   275 }
       
   276 .option-tree-save-layout button.blue {
       
   277   margin: 0 10px 0 0;
       
   278 }
       
   279 .option-tree-active-layout {
       
   280   border-right: 0;
       
   281   border-left: 1px solid #ccc;
       
   282   float: right;
       
   283   padding: 10px 0 10px 10px;
       
   284 }
       
   285 .button.save-layout {
       
   286   margin: 0 10px 0 0 !important;
       
   287 }
       
   288 
       
   289 /* -------------------------------------------------- 
       
   290   :: Option Group
       
   291   ---------------------------------------------------*/
       
   292 .ot-option-group {
       
   293   float: right;
       
   294   padding-right: 0px;
       
   295   padding-left: 5px;
       
   296 }
       
   297 .ot-option-group--is-last {
       
   298   padding-left: 0;
       
   299 }
       
   300 .ot-option-group--icon {
       
   301   border-left: 1px solid #ccc;
       
   302   border-right: 0px;
       
   303   left: auto;
       
   304   right: 1px;
       
   305 }
       
   306 .ot-option-group--icon + input.option-tree-ui-input {
       
   307   padding-left: 5px !important;
       
   308   padding-right: 34px !important;
       
   309   margin-left: 5px;
       
   310   margin-right: 0px;
       
   311 }
       
   312 .ot-option-group--checkbox {
       
   313   float: right;
       
   314   padding-right: 0px;
       
   315   padding-left: 10px;
       
   316 }
       
   317 #post-body .ot-option-group--checkbox p {
       
   318   float: right;
       
   319 }
       
   320 
       
   321 /* -------------------------------------------------- 
       
   322   :: Select
       
   323   ---------------------------------------------------*/
       
   324 .select-wrapper {
       
   325   background: #fff url(../images/ot-select-rtl.png) no-repeat left center;
       
   326   float: right;
       
   327   margin: 0 0 5px 5px;
       
   328   -moz-box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.05);
       
   329   -webkit-box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.05);
       
   330   box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.05);
       
   331 }
       
   332 .select-wrapper:hover {
       
   333   background-image: url(../images/ot-select-hover-rtl.png);
       
   334 }
       
   335 .select-wrapper span {
       
   336   padding-left: 27px;
       
   337   padding-right: 7px;
       
   338 }
       
   339 .type-measurement .select-wrapper {
       
   340   margin-left: 0;
       
   341   right: auto;
       
   342   left: 0px;
       
   343 }
       
   344 /* FireFox */
       
   345 @-moz-document url-prefix() {
       
   346   #option-tree-options-layouts-form .select-wrapper {
       
   347     left: auto;
       
   348     right: 250px;
       
   349   };
       
   350 }
       
   351 
       
   352 /* -------------------------------------------------- 
       
   353   :: Measurement
       
   354   ---------------------------------------------------*/
       
   355 .option-tree-ui-measurement-input-wrap { 
       
   356   margin-right: 0;
       
   357   margin-left: 80px;
       
   358 }
       
   359 
       
   360 /* -------------------------------------------------- 
       
   361   :: Checkbox & Radio
       
   362   ---------------------------------------------------*/
       
   363 .format-setting.type-checkbox input,
       
   364 .format-setting.type-radio input {
       
   365   float: right;
       
   366   margin: 2px 1px 0 5px;
       
   367 }
       
   368 .format-setting.type-checkbox label,
       
   369 .format-setting.type-radio label {
       
   370   float: right;
       
   371 }
       
   372 #option-tree-settings-api .format-setting.type-checkbox p,
       
   373 #option-tree-settings-api .format-setting.type-radio p {
       
   374   float: right;
       
   375 }
       
   376     
       
   377 /* -------------------------------------------------- 
       
   378   :: Radio Images
       
   379   ---------------------------------------------------*/
       
   380 .type-radio-image .option-tree-ui-radio-images {
       
   381   float: right;
       
   382   margin: 0 0px 10px 10px;
       
   383 }
       
   384 
       
   385 /* -------------------------------------------------- 
       
   386   :: Numeric Slider
       
   387   ---------------------------------------------------*/
       
   388 .ot-numeric-slider-wrap {
       
   389   margin: 0 0 0 96px;
       
   390 }
       
   391 .ot-numeric-slider-wrap .ot-numeric-slider-helper-input {
       
   392   right: auto;
       
   393   left: 5px;
       
   394 }
       
   395 .ot-numeric-slider.ui-slider {
       
   396   -webkit-box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.05);
       
   397      -moz-box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.05); 
       
   398           box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.05);
       
   399 }
       
   400 
       
   401 /* -------------------------------------------------- 
       
   402   :: Colorpicker
       
   403   ---------------------------------------------------*/
       
   404 .option-tree-ui-colorpicker-input-wrap {
       
   405   float: right;
       
   406 }
       
   407 .option-tree-ui-colorpicker-input-wrap .option-tree-ui-colorpicker-label {
       
   408   margin-left: 10px;
       
   409   margin-right: 0px;
       
   410 }
       
   411 .type-link-color .option-tree-ui-colorpicker-input-wrap {
       
   412   margin-left: 20px;
       
   413   margin-right: 0px;
       
   414 }
       
   415 .option-tree-ui-colorpicker-input-wrap .wp-color-result {
       
   416   margin: 0px 0px 5px 5px;
       
   417 }
       
   418 .option-tree-ui-colorpicker-input-wrap .wp-picker-container .iris-picker {
       
   419   margin: 0px 0px 5px 5px;
       
   420 }
       
   421 
       
   422 /* -------------------------------------------------- 
       
   423   :: Google Font
       
   424   ---------------------------------------------------*/
       
   425 .js-remove-google-font.option-tree-ui-button.button {
       
   426   margin-left: 5px;
       
   427   margin-right: 0;
       
   428   margin-top: 0;
       
   429 }
       
   430 
       
   431 /* -------------------------------------------------- 
       
   432   :: OptionTree UI Buttons 
       
   433   ---------------------------------------------------*/
       
   434 .option-tree-ui-button {
       
   435   float: right !important;
       
   436 }
       
   437 .option-tree-ui-button.right {
       
   438   float: left !important;
       
   439 }
       
   440 .option-tree-ui-button.hug-left {
       
   441   margin-right: 0px;
       
   442 }
       
   443 .option-tree-ui-button.hug-right {
       
   444   margin-left: 0px;
       
   445 }
       
   446 .option-tree-ui-button.left-item {
       
   447   float: right !important;
       
   448   margin: 5px 5px 5px 0;
       
   449   -webkit-border-radius: 0px 2px 2px 0px;
       
   450      -moz-border-radius: 0px 2px 2px 0px;
       
   451           border-radius: 0px 2px 2px 0px;
       
   452 }
       
   453 .option-tree-ui-button.center-item {
       
   454   margin: 5px -1px 5px 0;
       
   455 }
       
   456 .option-tree-ui-button.right-item {
       
   457   float: left !important;
       
   458   margin: 5px -1px 5px 5px;
       
   459   -webkit-border-radius: 2px 0px 0px 2px;
       
   460      -moz-border-radius: 2px 0px 0px 2px;
       
   461           border-radius: 2px 0px 0px 2px;
       
   462 }
       
   463 .option-tree-ui-buttons {
       
   464   margin: 11px 2px 0 5px;
       
   465 }
       
   466 button.reset-settings {
       
   467   left: auto;
       
   468   right: 8px;
       
   469 }
       
   470 
       
   471 /* -------------------------------------------------- 
       
   472   :: OptionTree UI Button Icons 
       
   473   ---------------------------------------------------*/
       
   474 .option-tree-ui-button .icon {
       
   475   float: right;
       
   476   text-indent: 0;
       
   477 }
       
   478 .option-tree-ui-button .icon.left-label {
       
   479   margin-left: 10px;
       
   480   float: left;
       
   481 }
       
   482   
       
   483 /* -------------------------------------------------- 
       
   484   :: Gallery
       
   485   ---------------------------------------------------*/
       
   486 ul.ot-gallery-list {
       
   487   float: right;
       
   488 }
       
   489 ul.ot-gallery-list li {
       
   490   float: right;
       
   491   margin: 0px 0 10px 10px;
       
   492 }
       
   493 .ot-gallery-buttons {
       
   494   float: right;
       
   495 }
       
   496 
       
   497 /* -------------------------------------------------- 
       
   498   :: Google Fonts
       
   499   ---------------------------------------------------*/
       
   500 .option-tree-google-font-family,
       
   501 .option-tree-google-font-variants,
       
   502 .option-tree-google-font-subsets,
       
   503 #option-tree-settings-api p.checkbox-wrap,
       
   504 #post-body .ot-metabox-panels p.checkbox-wrap {
       
   505   float: right;
       
   506 }
       
   507 
       
   508 /* -------------------------------------------------- 
       
   509   :: On/Off Switch
       
   510   ---------------------------------------------------*/
       
   511 @media only screen {
       
   512   .on-off-switch {
       
   513     -webkit-box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.05);
       
   514     -moz-box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.05);
       
   515     box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.05);
       
   516   }
       
   517   .on-off-switch label {
       
   518     float: right;
       
   519   }
       
   520   .on-off-switch .slide-button {   
       
   521     left: auto;
       
   522     right: -1px;
       
   523   }
       
   524   .on-off-switch input:last-of-type:checked ~ .slide-button {
       
   525     left: auto;
       
   526     right: 50%;
       
   527   }
       
   528 }
       
   529 
       
   530 /* -------------------------------------------------- 
       
   531   :: Date Picker
       
   532   ---------------------------------------------------*/
       
   533 .ui-datepicker {
       
   534   direction: rtl;
       
   535 }
       
   536 .ui-datepicker .ui-widget-header {
       
   537   left: auto;
       
   538   right: -1px;
       
   539 }
       
   540 .ui-datepicker-prev:before {
       
   541   border-right: 0px;
       
   542   border-left: 1px solid #555;
       
   543   content: "\f105";
       
   544   float: left;
       
   545   width: 31px;
       
   546   height: 30px;
       
   547 }
       
   548 .ui-datepicker-prev {
       
   549   border-right: 0px;
       
   550   border-left: 1px solid #333;
       
   551   float: right;
       
   552   width: 31px;
       
   553 }
       
   554 .ui-datepicker-next:before {
       
   555   border-left: 0px;
       
   556   border-right: 1px solid #333;
       
   557   content: "\f104";
       
   558   float: right;
       
   559   width: 30px;
       
   560   height: 30px;
       
   561 }
       
   562 .ui-datepicker-next {
       
   563   border-left: 0px;
       
   564   border-right: 1px solid #555;
       
   565   float: left;
       
   566   width: 30px;
       
   567 }
       
   568 .ui-datepicker thead th:last-child {
       
   569   border-left: 1px solid #ccc;
       
   570 }
       
   571 .ui-datepicker tbody td {
       
   572   border-left: 1px solid #ccc;
       
   573 }
       
   574 .ui-datepicker tbody td:first-child {
       
   575   border-left: 0px;
       
   576 }
       
   577 .ui-datepicker .ui-datepicker-buttonpane button {
       
   578   float: left;
       
   579 }
       
   580 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
       
   581   float: right;
       
   582 }
       
   583 @-moz-document url-prefix() {
       
   584   .ui-datepicker-calendar {
       
   585     position: relative;
       
   586     right: -1px;
       
   587   }
       
   588   .ui-datepicker-calendar thead {
       
   589     border-right: 1px solid #ccc;
       
   590   }
       
   591 }
       
   592 
       
   593 /* -------------------------------------------------- 
       
   594   :: Time Picker
       
   595   ---------------------------------------------------*/
       
   596 .ui-timepicker-div { 
       
   597   direction: rtl; 
       
   598 }
       
   599 .ui-timepicker-div dl { 
       
   600   text-align: right; 
       
   601   padding: 0 5px 0 0; 
       
   602 }
       
   603 .ui-timepicker-div dl dt { 
       
   604   float: right; 
       
   605   clear: right; 
       
   606 }
       
   607 .ui-timepicker-div dl dd { 
       
   608   margin: 0 45% 10px 10px; 
       
   609 }
       
   610 
       
   611 /* -------------------------------------------------- 
       
   612   :: Meta Box Tabs
       
   613   ---------------------------------------------------*/
       
   614 .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav {
       
   615   float: right;
       
   616   margin: 0 0 0 -1px;
       
   617 }
       
   618 .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li {
       
   619   border-width: 1px 1px 1px 0px;
       
   620   -webkit-border-radius: 0 0 2px 2px;
       
   621      -moz-border-radius: 0 0 2px 2px;
       
   622           border-radius: 0 0 2px 2px;
       
   623 }
       
   624 .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li a {
       
   625   padding: 5px 12px 5px 5px;
       
   626 }
       
   627 
       
   628 /* -------------------------------------------------- 
       
   629   :: Theme Option & Side Metabox Tabs
       
   630   ---------------------------------------------------*/
       
   631 .ot-theme-option-tabs.ui-tabs .ot-theme-option-nav.ui-tabs-nav li.ui-state-default,
       
   632 #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li.ui-state-default {
       
   633   float: right;
       
   634   margin: 0 3px 0 0 !important;
       
   635 }