WordPress.org
Get WordPress

Make WordPress Core

Changeset 20456


Ignore:
Timestamp:
04/12/2012 09:53:19 PM (14 years ago)
Author:
koopersmith
Message:

Theme Customizer: RTL styles. props ocean90. see #19910.

Location:
trunk
Files:
2 added
4 edited

Legend:

Unmodified
Added
Removed

  • trunk/wp-admin/css/wp-admin-rtl.dev.css

    r20412 r20456  
    424224.0 - Dead
    434325.0 - TinyMCE tweaks
     4426.0 - Full Overlay w/ Sidebar
    4445
    4546
    … …  
    14701471#editorcontainer .wp_themeSkin .mceStatusbar a.mceResize {
    14711472        float: left;
     1473}
     1474
     1475/*------------------------------------------------------------------------------
     1476  26.0 - Full Overlay w/ Sidebar
     1477------------------------------------------------------------------------------*/
     1478.wp-full-overlay.collapsed,
     1479.wp-full-overlay.collapsed div.wp-full-overlay-header,
     1480.wp-full-overlay.collapsed div.wp-full-overlay-footer {
     1481        left: 0;
     1482        right: -302px;
     1483}
     1484
     1485.wp-full-overlay-sidebar {
     1486        box-shadow: inset 11px 0 8px -8px rgba( 0, 0, 0, 0.1 );
     1487        border-right: 0;
     1488        border-left: 1px solid rgba( 0, 0, 0, 0.2 );
     1489}
     1490
     1491.wp-full-overlay-main {
     1492        left: 0;
     1493        right: 300px;
     1494}
     1495
     1496.wp-full-overlay.collapsed .wp-full-overlay-main {
     1497        left: auto;
     1498        right: 0;
     1499}
     1500
     1501.wp-full-overlay-sidebar div.wp-full-overlay-header,
     1502.wp-full-overlay-sidebar div.wp-full-overlay-footer {
     1503        left: auto;
     1504        right: 0;
     1505}
     1506
     1507.wp-full-overlay-sidebar div.wp-full-overlay-header {
     1508        box-shadow:
     1509                inset 11px 0 8px -8px rgba( 0, 0, 0, 0.1 ),
     1510                inset 0 -1px 0 0px #dfdfdf;
     1511}
     1512
     1513.wp-full-overlay-sidebar div.wp-full-overlay-footer {
     1514        box-shadow:
     1515                inset 11px 0 8px -8px rgba( 0, 0, 0, 0.1 ),
     1516                inset 0 1px 0 0px #fff;
     1517}
     1518
     1519/* Return and close buttons. */
     1520.wp-full-overlay .close-full-overlay {
     1521        left: auto;
     1522        right: 20px;
     1523}
     1524
     1525/* Collapse Button */
     1526.wp-full-overlay .collapse-sidebar {
     1527        left: auto;
     1528        right: 265px;
     1529}
     1530
     1531.wp-full-overlay.collapsed .collapse-sidebar {
     1532        left: auto;
     1533        right: 315px;
     1534}
     1535
     1536.wp-full-overlay .collapse-sidebar-arrow {
     1537        margin-left: 9;
     1538        margin-right: 2px;
     1539        background: transparent url('../../wp-admin/images/arrows.png') no-repeat 0 -108px;
     1540}
     1541
     1542.wp-full-overlay.collapsed .collapse-sidebar-arrow {
     1543        background-position: 0 -72px;
     1544}
     1545
     1546.wp-full-overlay .collapse-sidebar-label {
     1547        text-align: left;
     1548        position: absolute;
     1549        right: auto;
     1550        left: 100%;
     1551        margin-right: 0;
     1552        margin-left: 10px;
     1553}
     1554
     1555.wp-full-overlay.collapsed .collapse-sidebar-label {
     1556        display: none;
    14721557}
    14731558

  • trunk/wp-admin/css/wp-admin.dev.css

    r20455 r20456  
    51705170        bottom: 0;
    51715171}
     5172
    51725173.wp-full-overlay.collapsed .wp-full-overlay-main {
    51735174        left: 0;
    … …  
    52295230        border-radius: 50%;
    52305231}
     5232
    52315233.wp-full-overlay.collapsed .collapse-sidebar {
    52325234        position: absolute;
    52335235        left: 315px;
    52345236}
     5237
    52355238.wp-full-overlay .collapse-sidebar-arrow {
    52365239        margin-top: 2px;
    … …  
    52415244        background: transparent url('../../wp-admin/images/arrows.png') no-repeat 0 -72px;
    52425245}
     5246
    52435247.wp-full-overlay.collapsed .collapse-sidebar-arrow {
    52445248        background-position: 0 -108px;
    … …  
    52535257        margin-right: 10px;
    52545258}
     5259
    52555260.wp-full-overlay.collapsed .collapse-sidebar-label {
    52565261        display: none;
    52575262}
     5263
    52585264.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-label {
    52595265        color: #999;

  • trunk/wp-includes/css/customize-controls.dev.css

    r20404 r20456  
    137137        line-height: 28px;
    138138}
     139
    139140.customize-control-text input,
    140141.customize-control-select select,
    … …  
    177178        line-height: 20px;
    178179}
     180
    179181.customize-control-radio input {
    180182        margin-right: 5px;
    … …  
    194196}
    195197
    196 .customize-loader {
    197         background: transparent;
    198         border: 4px solid #666;
    199         border-radius: 50%;
    200         display: block;
    201         margin: 10px auto;
    202         text-indent: -9999px;
    203 
    204         height: 12px;
    205         width: 12px;
    206 
    207         /* Animation */
    208         -webkit-animation: customize-loader 1s infinite ease-out;
    209         -moz-animation: customize-loader 1s infinite ease-out;
    210         animation: customize-loader 1s infinite ease-out;
    211 }
    212 @-moz-keyframes customize-loader {
    213         0% {
    214                 opacity: 0;
    215                 -moz-transform: scale(0.7);
    216         }
    217         40% {
    218                 opacity: 1;
    219         }
    220         100% {
    221                 opacity: 0;
    222                 -moz-transform: scale(1);
    223         }
    224 }
    225 @-webkit-keyframes customize-loader {
    226         0% {
    227                 opacity: 0;
    228                 -webkit-transform: scale(0.7);
    229         }
    230         40% {
    231                 opacity: 1;
    232         }
    233         100% {
    234                 opacity: 0;
    235                 -webkit-transform: scale(1);
    236         }
    237 }
    238 @keyframes customize-loader {
    239         0% {
    240                 opacity: 0;
    241                 transform: scale(0.7);
    242         }
    243         40% {
    244                 opacity: 1;
    245         }
    246         100% {
    247                 opacity: 0;
    248                 transform: scale(1);
    249         }
    250 }
    251 
    252 
    253198/*
    254199 * Style for custom settings
    … …  
    261206 * Color Picker
    262207 */
    263 
    264208.customize-section .color-picker a {
    265209        display: block;
    … …  
    276220        display: none;
    277221}
    278 
    279222
    280223.customize-section .color-picker .farbtastic-placeholder {
    … …  
    287230        border-radius: 50%;
    288231}
    289 
    290232
    291233.customize-section .color-picker-hex {
    … …  
    325267        float: left;
    326268}
     269
    327270.customize-section .customize-image-picker .thumbnail {
    328271        float: left;
    … …  
    332275        min-height: 1em;
    333276}
     277
    334278.customize-section .customize-image-picker .thumbnail img {
    335279        max-width: 98px;
    … …  
    337281        border: 1px solid #ccc;
    338282}
     283
    339284.customize-section .customize-image-picker .actions {
    340285        width: 140px;
    341286        float: left;
    342287}
     288
    343289.customize-section .customize-image-picker .actions a {
    344290        display: block;
    345291}
     292
    346293.customize-section .customize-image-picker .library {
    347294        display: none;
    348295/*      float: left;*/
    349296}
     297
    350298/*.customize-section .customize-image-picker .library label {
    351299        display: block;
    … …  
    364312        padding: 10px 10px 5px 8px;
    365313}*/
     314
    366315.customize-section .customize-image-picker .library ul {
    367316        border-bottom: 1px solid #dfdfdf;
    … …  
    370319        margin: 5px 0;
    371320}
     321
    372322.customize-section .customize-image-picker .library li {
    373323        color: #999;
    … …  
    379329        border-width: 1px 1px 0 1px;
    380330}
     331
    381332.customize-section .customize-image-picker .library li.library-selected {
    382333        color: #777;
    … …  
    386337        padding-bottom: 5px;
    387338}
     339
    388340.customize-section .customize-image-picker .library div {
    389341        width: 100%;
    390342        float: left;
    391343}
     344
    392345.customize-section .customize-image-picker .library a {
    393346        display: block;
    … …  
    399352        border: 1px solid #dfdfdf;
    400353}
     354
    401355.customize-section .customize-image-picker .library a:hover {
    402356        border-color: #21759b;
    403357}
     358
    404359.customize-section .customize-image-picker .library img {
    405360        display: block;
    … …  
    407362        max-height: 80px;
    408363}
     364
    409365.customize-section .customize-image-picker .library-content {
    410366        display: none;

  • trunk/wp-includes/script-loader.php

    r20451 r20456  
    455455        $suffix = defined('SCRIPT_DEBUG') && SCRIPT_DEBUG ? '.dev' : '';
    456456
    457         $rtl_styles = array( 'wp-admin', 'ie', 'media', 'admin-bar', 'wplink' );
     457        $rtl_styles = array( 'wp-admin', 'ie', 'media', 'admin-bar', 'wplink', 'customize-controls' );
    458458        // Any rtl stylesheets that don't have a .dev version for ltr
    459459        $no_suffix = array( 'farbtastic' );
Note: See TracChangeset for help on using the changeset viewer.