Make WordPress Core

Ticket #22453: 22453.media-view.patch

File 22453.media-view.patch, 6.1 KB (added by ocean90, 12 years ago)
  • wp-includes/css/media-views.css

     
    172172        margin: 0;
    173173        padding: 12px 10px 10px;
    174174        line-height: 28px;
    175         /*border-bottom: 1px solid #dfdfdf;*/
    176175}
    177176
    178177.media-sidebar .sidebar-content {
     
    200199        margin: 24px 0 8px;
    201200}
    202201
    203 /*.media-sidebar h3:before {
    204         content: '\25B8';
    205         display: block;
    206         position: absolute;
    207         top: -1px;
    208         left: -12px;
    209         font-size: 14px;
    210         color: #ccc;
    211 }
    212 */
    213202.media-sidebar .setting {
    214203        display: block;
    215204        float: left;
     
    282271        float: left;
    283272        text-align: right;
    284273}
     274
    285275.compat-item .label span {
    286276        display: block;
    287277        width: 100%;
     
    784774/**
    785775 * Selection
    786776 */
    787 
    788777.media-selection {
    789778        position: absolute;
    790779        top: 0;
     
    890879/**
    891880 * Selection Preview
    892881 */
    893 
    894882.selection-preview {
    895883        position: relative;
    896884        height: 60px;
     
    954942/**
    955943 * Attachment Details
    956944 */
    957 
    958945.attachment-details {
    959946        overflow: auto;
    960947}
     
    11281115        width: 100%;
    11291116        max-width: 400px;
    11301117        margin: 1px 0;
    1131 }
    1132  No newline at end of file
     1118}
  • wp-includes/css/media-views-rtl.css

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

     
    492492
    493493        $suffix = defined('SCRIPT_DEBUG') && SCRIPT_DEBUG ? '' : '.min';
    494494
    495         $rtl_styles = array( 'wp-admin', 'ie', 'media', 'admin-bar', 'customize-controls' );
     495        $rtl_styles = array( 'wp-admin', 'ie', 'media', 'admin-bar', 'customize-controls', 'media-views' );
    496496        // Any rtl stylesheets that don't have a .min version
    497497        $no_suffix = array( 'farbtastic' );
    498498