WordPress/wp-includes/css/media-views-rtl.css
Ryan Boren 778bad055b Responsive and RTL css improvements or the media modal.
Props ocean90, koopersmith
see #22615


git-svn-id: http://core.svn.wordpress.org/trunk@22960 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-12-01 02:53:53 +00:00

306 lines
4.4 KiB
CSS

/**
* Modal
*/
.media-modal-title {
left: auto;
right: 0;
}
.media-modal-close {
right: auto;
left: 0;
}
/**
* Toolbar
*/
.media-frame-toolbar > .media-toolbar {
left: 0;
right: 200px;
}
.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 {
left: auto;
right: 0;
border-right: 0;
border-left: 1px solid #d9d9d9;
box-shadow: inset 6px 0 6px -6px rgba( 0, 0, 0, 0.2 )
}
/**
* Frame
*/
.media-frame .region-content {
left: 0;
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;
}
.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 ) );
}
/**
* 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,
.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;
}
/**
* Responsive layout
*/
@media only screen and (max-width: 900px) {
.media-frame .region-content,
.media-frame-toolbar > .media-toolbar {
left: 0;
right: 140px;
}
.attachments-browser .attachments,
.attachments-browser .uploader-inline,
.attachments-browser .media-toolbar {
right: 0;
left: 180px;
}
}