X-Git-Url: https://scripts.mit.edu/gitweb/autoinstallsdev/wordpress.git/blobdiff_plain/596d585e1dc1eb25bccd3781e37210a4e2504179..6c8f14c09105d0afa4c1574215c59b5021040e76:/wp-includes/css/media-views-rtl.css diff --git a/wp-includes/css/media-views-rtl.css b/wp-includes/css/media-views-rtl.css new file mode 100644 index 00000000..28c78b26 --- /dev/null +++ b/wp-includes/css/media-views-rtl.css @@ -0,0 +1,303 @@ +/** + * Modal + */ +.media-modal-close { + right: auto; + left: 7px; +} + +/** + * Toolbar + */ +.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; + border-left: 0; + border-right: 1px solid #dfdfdf; +} + +.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 { + border-right: 0; + border-left: 1px solid #d9d9d9; + box-shadow: inset 6px 0 6px -6px rgba( 0, 0, 0, 0.2 ) +} + +/** + * Router + */ +.media-router > a { + float: right; + border-right: 0; + border-left: 1px solid #dfdfdf; +} +.media-router > a:last-child { + border-left: 0; +} + +/** + * Frame + */ +.media-frame-menu { + left: auto; + right: 0; +} + +.media-frame-title, +.media-frame-router, +.media-frame-content, +.media-frame-toolbar { + left: 0; + right: 200px; +} + +.media-frame.hide-menu .media-frame-title, +.media-frame.hide-menu .media-frame-router, +.media-frame.hide-menu .media-frame-toolbar, +.media-frame.hide-menu .media-frame-content { + right: 0; +} + +.media-frame.hide-menu .media-frame-menu { + left: auto; + right: -200px; +} + +/** + * Attachment Browser Filters + */ +.media-frame select.attachment-filters { + margin-right: 0; + margin-left: 10px; +} + +/** + * Search + */ +.media-toolbar-secondary .search { + margin-right: 0; + margin-left: 16px; +} + +/** + * Attachments + */ +.attachments { + padding-right: 0; + padding-left: 16px; +} + +/** + * Attachment + */ +.attachment { + float: right; +} + +.attachment .thumbnail { + left: auto; + right: 0; +} + +.attachment .close { + right: auto; + left: 5px; +} + +.attachment .check { + right: auto; + left: -7px; +} + +/** + * Attachments Browser + */ +.attachments-browser .media-toolbar { + right: 0; + left: 300px; +} + +.attachments-browser .attachments, +.attachments-browser .uploader-inline { + right: 0; + left: 300px; +} + + +/** + * Progress Bar + */ +.attachment-preview .media-progress-bar { + left: auto; + right: 15%; +} + +.media-sidebar .media-uploader-status .upload-dismiss-errors { + right: auto; + left: 0; +} + +.upload-errors .upload-error-label { + margin-right: 0; + margin-left: 8px; + float: right; + margin-top: -3px; +} + +/** + * 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; + border-right: 0; + border-left: 1px solid #dfdfdf; + margin: 1px -8px 1px 8px; +} + +.media-selection .selection-info a:last-child { + border-right: 1px; + border-left: 0; + margin-left: 0; + margin-right: -8px; +} + +.media-selection:after { + right: auto; + left: 0; + background-image: -webkit-gradient(linear, left top, right 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 ) ); +} + +/** + * Attachment Details + */ +.attachment-info .thumbnail { + float: right; + margin-right: 0; + margin-left: 10px; +} + +.attachment-info .details { + 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; +} + +/** + * Responsive layout + */ +@media only screen and (max-width: 900px) { + .media-frame-title, + .media-frame-router, + .media-frame-content, + .media-frame-toolbar { + left: 0; + right: 140px; + } + + .attachments-browser .attachments, + .attachments-browser .uploader-inline, + .attachments-browser .media-toolbar { + right: 0; + left: 180px; + } +}