--- /dev/null
+/**
+ * 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;
+ }
+}