WordPress.org

Make WordPress Core

Changeset 20456


Ignore:
Timestamp:
04/12/2012 09:53:19 PM (7 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.