diff --git a/wp-admin/css/wp-admin-rtl.dev.css b/wp-admin/css/wp-admin-rtl.dev.css index 2232a943a..a0e42ddcd 100644 --- a/wp-admin/css/wp-admin-rtl.dev.css +++ b/wp-admin/css/wp-admin-rtl.dev.css @@ -41,6 +41,7 @@ TABLE OF CONTENTS: 23.0 - Misc 24.0 - Dead 25.0 - TinyMCE tweaks +26.0 - Full Overlay w/ Sidebar ------------------------------------------------------------------------------*/ @@ -1471,6 +1472,90 @@ table .column-rating { float: left; } +/*------------------------------------------------------------------------------ + 26.0 - Full Overlay w/ Sidebar +------------------------------------------------------------------------------*/ +.wp-full-overlay.collapsed, +.wp-full-overlay.collapsed div.wp-full-overlay-header, +.wp-full-overlay.collapsed div.wp-full-overlay-footer { + left: 0; + right: -302px; +} + +.wp-full-overlay-sidebar { + box-shadow: inset 11px 0 8px -8px rgba( 0, 0, 0, 0.1 ); + border-right: 0; + border-left: 1px solid rgba( 0, 0, 0, 0.2 ); +} + +.wp-full-overlay-main { + left: 0; + right: 300px; +} + +.wp-full-overlay.collapsed .wp-full-overlay-main { + left: auto; + right: 0; +} + +.wp-full-overlay-sidebar div.wp-full-overlay-header, +.wp-full-overlay-sidebar div.wp-full-overlay-footer { + left: auto; + right: 0; +} + +.wp-full-overlay-sidebar div.wp-full-overlay-header { + box-shadow: + inset 11px 0 8px -8px rgba( 0, 0, 0, 0.1 ), + inset 0 -1px 0 0px #dfdfdf; +} + +.wp-full-overlay-sidebar div.wp-full-overlay-footer { + box-shadow: + inset 11px 0 8px -8px rgba( 0, 0, 0, 0.1 ), + inset 0 1px 0 0px #fff; +} + +/* Return and close buttons. */ +.wp-full-overlay .close-full-overlay { + left: auto; + right: 20px; +} + +/* Collapse Button */ +.wp-full-overlay .collapse-sidebar { + left: auto; + right: 265px; +} + +.wp-full-overlay.collapsed .collapse-sidebar { + left: auto; + right: 315px; +} + +.wp-full-overlay .collapse-sidebar-arrow { + margin-left: 9; + margin-right: 2px; + background: transparent url('../../wp-admin/images/arrows.png') no-repeat 0 -108px; +} + +.wp-full-overlay.collapsed .collapse-sidebar-arrow { + background-position: 0 -72px; +} + +.wp-full-overlay .collapse-sidebar-label { + text-align: left; + position: absolute; + right: auto; + left: 100%; + margin-right: 0; + margin-left: 10px; +} + +.wp-full-overlay.collapsed .collapse-sidebar-label { + display: none; +} + /* MERGED */ diff --git a/wp-admin/css/wp-admin.dev.css b/wp-admin/css/wp-admin.dev.css index f3e0e1819..f3154b690 100644 --- a/wp-admin/css/wp-admin.dev.css +++ b/wp-admin/css/wp-admin.dev.css @@ -5169,6 +5169,7 @@ body.full-overlay-active { top: 0; bottom: 0; } + .wp-full-overlay.collapsed .wp-full-overlay-main { left: 0; } @@ -5228,10 +5229,12 @@ body.full-overlay-active { padding: 0; border-radius: 50%; } + .wp-full-overlay.collapsed .collapse-sidebar { position: absolute; left: 315px; } + .wp-full-overlay .collapse-sidebar-arrow { margin-top: 2px; margin-left: 2px; @@ -5240,6 +5243,7 @@ body.full-overlay-active { height: 15px; background: transparent url('../../wp-admin/images/arrows.png') no-repeat 0 -72px; } + .wp-full-overlay.collapsed .collapse-sidebar-arrow { background-position: 0 -108px; } @@ -5252,9 +5256,11 @@ body.full-overlay-active { line-height: 20px; margin-right: 10px; } + .wp-full-overlay.collapsed .collapse-sidebar-label { display: none; } + .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-label { color: #999; } diff --git a/wp-includes/css/customize-controls-rtl.css b/wp-includes/css/customize-controls-rtl.css new file mode 100644 index 000000000..e69de29bb diff --git a/wp-includes/css/customize-controls-rtl.dev.css b/wp-includes/css/customize-controls-rtl.dev.css new file mode 100644 index 000000000..acb38732d --- /dev/null +++ b/wp-includes/css/customize-controls-rtl.dev.css @@ -0,0 +1,83 @@ +.control-section .customize-section-title:hover { + box-shadow: inset 11px 0 8px -8px rgba( 0, 0, 0, 0.1 ); +} + +.customize-section-title:after { + right: auto; + left: 20px; +} + +.customize-control { + float: right; +} + +.customize-control-title { + clear: rigt; + float: right; + margin-right: 0; + margin-left: 10px; +} + +.customize-control-text input, +.customize-control-select select, +.customize-control-checkbox input, +.customize-control-color .color-picker, +.customize-control-upload div { + float: right; + clear: left; +} + +.customize-control-radio label { + float: right; + clear: both; +} + +.customize-control-radio input { + margin-right: 0; + margin-left: 5px; +} + +#customize-preview { + left: 0; + right: 300px; +} + +/* + * Color Picker + */ +.customize-section .color-picker-hex span { + float: right; + margin: 1px 0 0 -2px; + padding: 3px 8px 3px 0; + text-align: left; +} + +/* + * Image Picker + */ +.customize-section .customize-image-picker { + float: right; +} + +.customize-section .customize-image-picker .thumbnail { + float: right; + clear: right; + margin-right: 0; + margin-left: 20px; +} + +.customize-section .customize-image-picker .actions { + float: right; +} + +.customize-section .customize-image-picker .library ul { + float: right; +} + +.customize-section .customize-image-picker .library li { + float: right; +} + +.customize-section .customize-image-picker .library div { + float: right; +} diff --git a/wp-includes/css/customize-controls.dev.css b/wp-includes/css/customize-controls.dev.css index 081a25091..e914d8ca5 100644 --- a/wp-includes/css/customize-controls.dev.css +++ b/wp-includes/css/customize-controls.dev.css @@ -136,6 +136,7 @@ body { margin-right: 10px; line-height: 28px; } + .customize-control-text input, .customize-control-select select, .customize-control-checkbox input, @@ -176,6 +177,7 @@ body { clear: both; line-height: 20px; } + .customize-control-radio input { margin-right: 5px; } @@ -193,63 +195,6 @@ body { height: 100%; } -.customize-loader { - background: transparent; - border: 4px solid #666; - border-radius: 50%; - display: block; - margin: 10px auto; - text-indent: -9999px; - - height: 12px; - width: 12px; - - /* Animation */ - -webkit-animation: customize-loader 1s infinite ease-out; - -moz-animation: customize-loader 1s infinite ease-out; - animation: customize-loader 1s infinite ease-out; -} -@-moz-keyframes customize-loader { - 0% { - opacity: 0; - -moz-transform: scale(0.7); - } - 40% { - opacity: 1; - } - 100% { - opacity: 0; - -moz-transform: scale(1); - } -} -@-webkit-keyframes customize-loader { - 0% { - opacity: 0; - -webkit-transform: scale(0.7); - } - 40% { - opacity: 1; - } - 100% { - opacity: 0; - -webkit-transform: scale(1); - } -} -@keyframes customize-loader { - 0% { - opacity: 0; - transform: scale(0.7); - } - 40% { - opacity: 1; - } - 100% { - opacity: 0; - transform: scale(1); - } -} - - /* * Style for custom settings */ @@ -260,7 +205,6 @@ body { /* * Color Picker */ - .customize-section .color-picker a { display: block; height: 20px; @@ -276,7 +220,6 @@ body { display: none; } - .customize-section .color-picker .farbtastic-placeholder { height: 195px; width: 195px; @@ -287,7 +230,6 @@ body { border-radius: 50%; } - .customize-section .color-picker-hex { background-color: #fff; border: 1px solid #dfdfdf; @@ -324,6 +266,7 @@ body { .customize-section .customize-image-picker { float: left; } + .customize-section .customize-image-picker .thumbnail { float: left; clear: left; @@ -331,22 +274,27 @@ body { margin-right: 20px; min-height: 1em; } + .customize-section .customize-image-picker .thumbnail img { max-width: 98px; max-height: 98px; border: 1px solid #ccc; } + .customize-section .customize-image-picker .actions { width: 140px; float: left; } + .customize-section .customize-image-picker .actions a { display: block; } + .customize-section .customize-image-picker .library { display: none; /* float: left;*/ } + /*.customize-section .customize-image-picker .library label { display: block; position: relative; @@ -363,12 +311,14 @@ body { /*.customize-section .customize-image-picker .library .wp-tab-panel { padding: 10px 10px 5px 8px; }*/ + .customize-section .customize-image-picker .library ul { border-bottom: 1px solid #dfdfdf; float: left; width: 100%; margin: 5px 0; } + .customize-section .customize-image-picker .library li { color: #999; float: left; @@ -378,6 +328,7 @@ body { border-color: transparent; border-width: 1px 1px 0 1px; } + .customize-section .customize-image-picker .library li.library-selected { color: #777; border-color: #dfdfdf; @@ -385,10 +336,12 @@ body { margin-bottom: -1px; padding-bottom: 5px; } + .customize-section .customize-image-picker .library div { width: 100%; float: left; } + .customize-section .customize-image-picker .library a { display: block; max-width: 220px; @@ -398,14 +351,17 @@ body { background: #fff; border: 1px solid #dfdfdf; } + .customize-section .customize-image-picker .library a:hover { border-color: #21759b; } + .customize-section .customize-image-picker .library img { display: block; max-width: 220px; max-height: 80px; } + .customize-section .customize-image-picker .library-content { display: none; -} \ No newline at end of file +} diff --git a/wp-includes/script-loader.php b/wp-includes/script-loader.php index 2811e3521..d5b293075 100644 --- a/wp-includes/script-loader.php +++ b/wp-includes/script-loader.php @@ -454,7 +454,7 @@ function wp_default_styles( &$styles ) { $suffix = defined('SCRIPT_DEBUG') && SCRIPT_DEBUG ? '.dev' : ''; - $rtl_styles = array( 'wp-admin', 'ie', 'media', 'admin-bar', 'wplink' ); + $rtl_styles = array( 'wp-admin', 'ie', 'media', 'admin-bar', 'wplink', 'customize-controls' ); // Any rtl stylesheets that don't have a .dev version for ltr $no_suffix = array( 'farbtastic' );