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