diff --git a/wp-includes/css/media-views-rtl.css b/wp-includes/css/media-views-rtl.css new file mode 100644 index 0000000000..6812be9304 --- /dev/null +++ b/wp-includes/css/media-views-rtl.css @@ -0,0 +1,276 @@ +/** + * Modal + */ +.media-modal-title { + left: auto; + right: 0; + float: right; +} + +.media-modal-close { + right: auto; + left: 0; + float: left; +} + +/** + * Toolbar + */ +.media-frame > .media-toolbar { + left: 0; + right: 200px; + border-width: 1px 0 0 0; +} + + +.media-toolbar-primary { + float: left; +} + +.media-toolbar-secondary { + float: right; +} + +.media-toolbar-primary > .media-button, +.media-toolbar-primary > .media-button-group { + margin-left: 0; + margin-right: 10px; + float: right; +} + +.media-toolbar-secondary > .media-button, +.media-toolbar-secondary > .media-button-group { + margin-right: 0; + margin-left: 10px; + float: right; +} + +/** + * Sidebar + */ +.media-sidebar { + right: auto; + left: 0; +} + +.hide-sidebar .media-sidebar { + right: auto; + left: -300px; +} + +.media-sidebar .setting { + float: right; +} + +.media-sidebar .setting span { + margin-right: 0; + margin-left: 4%; +} + +.media-sidebar .setting span, +.compat-item label span { + float: right; + text-align: left; +} + +.media-sidebar .setting input, +.media-sidebar .setting textarea { + float: left; +} + +.compat-item { + float: right; +} + +.compat-item .label { + margin-right: 0; + margin-left: 4%; + float: right; + text-align: left; +} + +.compat-item .field { + float: left; + padding-right: 0; + padding-left: 1px; +} + + +/** + * Menu + */ +.media-menu { + left: auto; + right: 0; + box-shadow: inset 6px 0 6px -6px rgba( 0, 0, 0, 0.4 ) +} + +/** + * Frame + */ +.media-frame .region-content { + left: 300px; + right: 200px; +} + +.media-frame.hide-sidebar .region-content { + right: 200px; + left: 0; +} + +/** + * Search + */ +.media-toolbar-secondary .search { + margin-right: 0; + margin-left: 16px; +} + +/** + * Attachments + */ +.attachments { + margin: 0; + padding-right: 0; + padding-left: 16px; +} + +/** + * Attachment + */ +.attachment { + float: right; +} + +.attachment.library.selected:after { + right: auto; + left: -1px; + border-width: 0 1px 1px 0; + + box-shadow: 1px 1px 0 rgba( 0, 0, 0, 0.1 ); +} + +.attachment .icon, +.attachment .thumbnail { + left: auto; + right: 0; +} + +.attachment .insert { + left: auto; + right: 7px; +} + +.attachment .close { + right: auto; + left: 5px; +} + + +/** + * Progress Bar + */ +.attachment-preview .media-progress-bar { + left: auto; + right: 15%; + margin: -8px -4px 0 0; +} + +/** + * Selection + */ +.media-selection { + right: 0; + left: 350px; + padding: 0 16px 0 0; +} + +.media-selection .selection-info { + margin-right: 0; + margin-left: 10px; +} + +.media-selection .selection-info a { + float: right; + margin: 1px -8px 1px 8px; +} + +.media-selection .selection-info a:last-child { + border-right: 1px; + border-left: 0; +} + +.media-selection:after { + right: auto; + left: 0; + background-image: -webkit-gradient(linear, left top, left top, from( rgba( 255, 255, 255, 1 ) ), to( rgba( 255, 255, 255, 0 ) )); + background-image: -webkit-linear-gradient(left, rgba( 255, 255, 255, 1 ) , rgba( 255, 255, 255, 0 ) ); + background-image: -moz-linear-gradient(left, rgba( 255, 255, 255, 1 ) , rgba( 255, 255, 255, 0 ) ); + background-image: -o-linear-gradient(left, rgba( 255, 255, 255, 1 ) , rgba( 255, 255, 255, 0 ) ); + background-image: linear-gradient(to right, rgba( 255, 255, 255, 1 ) , rgba( 255, 255, 255, 0 ) ); +} + + +/** + * Selection Preview + */ +.selected-img { + float: right; + margin-right: 0; + margin-left: 14px; +} + +.selection-preview img { + float: right; + margin-left: 0; + margin-right: 1px; +} + +.selection-preview .count { + right: auto; + left: 0; +} + +.selection-preview .clear-selection { + float: right; +} + +/** + * Attachment Details + */ +.attachment-info .thumbnail { + float: right; + margin-right: 0; + margin-left: 10px; +} + +.attachment-info .details { + float: right; +} + +.attachment-info .compat-meta { + float: right; +} + +/** + * Attachment Display Settings + */ +.attachment-display-settings { + float: right; +} + +/** + * Embed from URL + */ +.embed-url span { + display: block; + padding: 4px 2px 6px 0; +} + +.media-embed .thumbnail { + float: right; +} + +.media-embed .setting { + float: right; +} diff --git a/wp-includes/css/media-views-rtl.min.css b/wp-includes/css/media-views-rtl.min.css new file mode 100644 index 0000000000..e69de29bb2 diff --git a/wp-includes/css/media-views.css b/wp-includes/css/media-views.css index c7e151a5a6..462dfcc195 100644 --- a/wp-includes/css/media-views.css +++ b/wp-includes/css/media-views.css @@ -172,7 +172,6 @@ margin: 0; padding: 12px 10px 10px; line-height: 28px; - /*border-bottom: 1px solid #dfdfdf;*/ } .media-sidebar .sidebar-content { @@ -200,16 +199,6 @@ margin: 24px 0 8px; } -/*.media-sidebar h3:before { - content: '\25B8'; - display: block; - position: absolute; - top: -1px; - left: -12px; - font-size: 14px; - color: #ccc; -} -*/ .media-sidebar .setting { display: block; float: left; @@ -282,6 +271,7 @@ float: left; text-align: right; } + .compat-item .label span { display: block; width: 100%; @@ -783,7 +773,6 @@ /** * Selection */ - .media-selection { position: absolute; top: 0; @@ -889,7 +878,6 @@ /** * Selection Preview */ - .selection-preview { position: relative; height: 60px; @@ -953,7 +941,6 @@ /** * Attachment Details */ - .attachment-details { overflow: auto; } @@ -1127,4 +1114,4 @@ width: 100%; max-width: 400px; margin: 1px 0; -} \ No newline at end of file +} diff --git a/wp-includes/script-loader.php b/wp-includes/script-loader.php index 383aad514a..6dcd7d60d5 100644 --- a/wp-includes/script-loader.php +++ b/wp-includes/script-loader.php @@ -492,7 +492,7 @@ function wp_default_styles( &$styles ) { $suffix = defined('SCRIPT_DEBUG') && SCRIPT_DEBUG ? '' : '.min'; - $rtl_styles = array( 'wp-admin', 'ie', 'media', 'admin-bar', 'customize-controls' ); + $rtl_styles = array( 'wp-admin', 'ie', 'media', 'admin-bar', 'customize-controls', 'media-views' ); // Any rtl stylesheets that don't have a .min version $no_suffix = array( 'farbtastic' );