wp-includes/css/media-views-rtl.css

   1 /**
   2  * Modal
   3  */
   4 .media-modal-close {
   5         right: auto;
   6         left: 7px;
   7 }
   8
   9 /**
  10  * Toolbar
  11  */
  12 .media-toolbar-primary {
  13         float: left;
  14 }
  15
  16 .media-toolbar-secondary {
  17         float: right;
  18 }
  19
  20 .media-toolbar-primary > .media-button,
  21 .media-toolbar-primary > .media-button-group {
  22         margin-left: 0;
  23         margin-right: 10px;
  24         float: right;
  25 }
  26
  27 .media-toolbar-secondary > .media-button,
  28 .media-toolbar-secondary > .media-button-group {
  29         margin-right: 0;
  30         margin-left: 10px;
  31         float: right;
  32 }
  33
  34 /**
  35  * Sidebar
  36  */
  37 .media-sidebar {
  38         right: auto;
  39         left: 0;
  40         border-left: 0;
  41         border-right: 1px solid #dfdfdf;
  42 }
  43
  44 .media-sidebar .setting {
  45         float: right;
  46 }
  47
  48 .media-sidebar .setting span {
  49         margin-right: 0;
  50         margin-left: 4%;
  51 }
  52
  53 .media-sidebar .setting span,
  54 .compat-item label span {
  55         float: right;
  56         text-align: left;
  57 }
  58
  59 .media-sidebar .setting input,
  60 .media-sidebar .setting textarea {
  61         float: left;
  62 }
  63
  64 .compat-item {
  65         float: right;
  66 }
  67
  68 .compat-item .label {
  69         margin-right: 0;
  70         margin-left: 4%;
  71         float: right;
  72         text-align: left;
  73 }
  74
  75 .compat-item .field {
  76         float: left;
  77         padding-right: 0;
  78         padding-left: 1px;
  79 }
  80
  81 /**
  82  * Menu
  83  */
  84 .media-menu {
  85         border-right: 0;
  86         border-left: 1px solid #d9d9d9;
  87         box-shadow: inset 6px 0 6px -6px rgba( 0, 0, 0, 0.2 )
  88 }
  89
  90 /**
  91  * Router
  92  */
  93 .media-router > a {
  94         float: right;
  95         border-right: 0;
  96         border-left: 1px solid #dfdfdf;
  97 }
  98 .media-router > a:last-child {
  99         border-left: 0;
 100 }
 101
 102 /**
 103  * Frame
 104  */
 105 .media-frame-menu {
 106         left: auto;
 107         right: 0;
 108 }
 109
 110 .media-frame-title,
 111 .media-frame-router,
 112 .media-frame-content,
 113 .media-frame-toolbar {
 114         left: 0;
 115         right: 200px;
 116 }
 117
 118 .media-frame.hide-menu .media-frame-title,
 119 .media-frame.hide-menu .media-frame-router,
 120 .media-frame.hide-menu .media-frame-toolbar,
 121 .media-frame.hide-menu .media-frame-content {
 122         right: 0;
 123 }
 124
 125 .media-frame.hide-menu .media-frame-menu {
 126         left: auto;
 127         right: -200px;
 128 }
 129
 130 /**
 131  * Attachment Browser Filters
 132  */
 133 .media-frame select.attachment-filters {
 134         margin-right: 0;
 135         margin-left: 10px;
 136 }
 137
 138 /**
 139  * Search
 140  */
 141 .media-toolbar-secondary .search {
 142         margin-right: 0;
 143         margin-left: 16px;
 144 }
 145
 146 /**
 147  * Attachments
 148  */
 149 .attachments {
 150         padding-right: 0;
 151         padding-left: 16px;
 152 }
 153
 154 /**
 155  * Attachment
 156  */
 157 .attachment {
 158         float: right;
 159 }
 160
 161 .attachment .thumbnail {
 162         left: auto;
 163         right: 0;
 164 }
 165
 166 .attachment .close {
 167         right: auto;
 168         left: 5px;
 169 }
 170
 171 .attachment .check {
 172         right: auto;
 173         left: -7px;
 174 }
 175
 176 /**
 177  * Attachments Browser
 178  */
 179 .attachments-browser .media-toolbar {
 180         right: 0;
 181         left: 300px;
 182 }
 183
 184 .attachments-browser .attachments,
 185 .attachments-browser .uploader-inline {
 186         right: 0;
 187         left: 300px;
 188 }
 189
 190
 191 /**
 192  * Progress Bar
 193  */
 194 .attachment-preview .media-progress-bar {
 195         left: auto;
 196         right: 15%;
 197 }
 198
 199 .media-sidebar .media-uploader-status .upload-dismiss-errors {
 200         right: auto;
 201         left: 0;
 202 }
 203
 204 .upload-errors .upload-error-label {
 205         margin-right: 0;
 206         margin-left: 8px;
 207         float: right;
 208         margin-top: -3px;
 209 }
 210
 211 /**
 212  * Selection
 213  */
 214 .media-selection {
 215         right: 0;
 216         left: 350px;
 217         padding: 0 16px 0 0;
 218 }
 219
 220 .media-selection .selection-info {
 221         margin-right: 0;
 222         margin-left: 10px;
 223 }
 224
 225 .media-selection .selection-info a {
 226         float: right;
 227         border-right: 0;
 228         border-left: 1px solid #dfdfdf;
 229         margin: 1px -8px 1px 8px;
 230 }
 231
 232 .media-selection .selection-info a:last-child {
 233         border-right: 1px;
 234         border-left: 0;
 235         margin-left: 0;
 236         margin-right: -8px;
 237 }
 238
 239 .media-selection:after {
 240         right: auto;
 241         left: 0;
 242         background-image: -webkit-gradient(linear, left top, right top, from( rgba( 255, 255, 255, 1 ) ), to( rgba( 255, 255, 255, 0 ) ));
 243         background-image: -webkit-linear-gradient(left, rgba( 255, 255, 255, 1 ) ,  rgba( 255, 255, 255, 0 ) );
 244         background-image:    -moz-linear-gradient(left, rgba( 255, 255, 255, 1 ) ,  rgba( 255, 255, 255, 0 ) );
 245         background-image:      -o-linear-gradient(left, rgba( 255, 255, 255, 1 ) ,  rgba( 255, 255, 255, 0 ) );
 246         background-image:   linear-gradient(to right, rgba( 255, 255, 255, 1 ) ,  rgba( 255, 255, 255, 0 ) );
 247 }
 248
 249 /**
 250  * Attachment Details
 251  */
 252 .attachment-info .thumbnail {
 253         float: right;
 254         margin-right: 0;
 255         margin-left: 10px;
 256 }
 257
 258 .attachment-info .details {
 259         float: right;
 260 }
 261
 262 /**
 263  * Attachment Display Settings
 264  */
 265 .attachment-display-settings {
 266         float: right;
 267 }
 268
 269 /**
 270  * Embed from URL
 271  */
 272 .embed-url span {
 273         display: block;
 274         padding: 4px 2px 6px 0;
 275 }
 276
 277 .media-embed .thumbnail {
 278         float: right;
 279 }
 280
 281 .media-embed .setting {
 282         float: right;
 283 }
 284
 285 /**
 286  * Responsive layout
 287  */
 288 @media only screen and (max-width: 900px) {
 289         .media-frame-title,
 290         .media-frame-router,
 291         .media-frame-content,
 292         .media-frame-toolbar {
 293                 left: 0;
 294                 right: 140px;
 295         }
 296
 297         .attachments-browser .attachments,
 298         .attachments-browser .uploader-inline,
 299         .attachments-browser .media-toolbar {
 300                 right: 0;
 301                 left: 180px;
 302         }
 303 }