WordPress.org

Make WordPress Core

Changeset 23581


Ignore:
Timestamp:
03/01/2013 07:24:03 PM (7 years ago)
Author:
helen
Message:
  • Simplify jQuery UI slider CSS and bring into line with admin styles.
  • Merge styles into wp-admin.css and colors-*.css.
  • Scope the CSS with a class so as not to conflict with the color picker, which also utilizes jQuery UI slider. Authors wanting to use built-in styling for sliders should add a class of .wp-slider to the container to be intialized.

props karmatosed, helen. see #23497.

Location:
trunk
Files:
2 deleted
5 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-admin/css/colors-classic.css

    r23501 r23581  
    14771477#att-info {
    14781478    background-color: #e4f2fd;
     1479}
     1480
     1481/* jQuery UI Slider */
     1482.wp-slider.ui-slider {
     1483    border-color: #d1e5ee;
     1484    background: #eff8ff;
     1485}
     1486
     1487.wp-slider .ui-slider-handle {
     1488    border-color: #acd;
     1489    background: #f4f9fc;
     1490    background-image: -webkit-gradient(linear, left bottom, left top, from(#f4f9fc), to(#fff));
     1491    background-image: -webkit-linear-gradient(bottom, #f4f9fc, #fff);
     1492    background-image:    -moz-linear-gradient(bottom, #f4f9fc, #fff);
     1493    background-image:      -o-linear-gradient(bottom, #f4f9fc, #fff);
     1494    background-image: linear-gradient(to top, #f4f9fc, #fff);
     1495}
     1496
     1497.wp-slider .ui-slider-handle.ui-state-hover,
     1498.wp-slider .ui-slider-handle.ui-state-focus {
     1499    border-color: #79afca;
     1500}
     1501
     1502.wp-slider .ui-slider-handle.ui-state-active {
     1503    border-color: #79afca;
     1504    background: #eff8ff;
     1505    background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f4f9fc));
     1506    background-image: -webkit-linear-gradient(bottom, #fff, #f4f9fc);
     1507    background-image:    -moz-linear-gradient(bottom, #fff, #f4f9fc);
     1508    background-image:      -o-linear-gradient(bottom, #fff, #f4f9fc);
     1509    background-image: linear-gradient(to top, #fff, #f4f9fc);
    14791510}
    14801511
  • trunk/wp-admin/css/colors-fresh.css

    r23506 r23581  
    176176#nav-menu-header,
    177177#nav-menu-footer,
    178 .menu-item-handle {
     178.menu-item-handle,
     179.wp-slider .ui-slider-handle {
    179180    background: #f1f1f1;
    180181    background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#f9f9f9));
     
    13801381#att-info {
    13811382    background-color: #e4f2Fd;
     1383}
     1384
     1385/* jQuery UI Slider */
     1386.wp-slider.ui-slider {
     1387    border-color: #d7d7d7;
     1388    background: #f7f7f7;
     1389}
     1390
     1391.wp-slider .ui-slider-handle {
     1392    border-color: #d7d7d7;
     1393}
     1394
     1395.wp-slider .ui-slider-handle.ui-state-hover,
     1396.wp-slider .ui-slider-handle.ui-state-focus {
     1397    border-color: #aaa;
     1398}
     1399
     1400.wp-slider .ui-slider-handle.ui-state-active {
     1401    border-color: #aaa;
     1402    background: #eee;
     1403    background-image: -webkit-gradient(linear, left bottom, left top, from(#f9f9f9), to(#ececec));
     1404    background-image: -webkit-linear-gradient(bottom, #f9f9f9, #ececec);
     1405    background-image:    -moz-linear-gradient(bottom, #f9f9f9, #ececec);
     1406    background-image:      -o-linear-gradient(bottom, #f9f9f9, #ececec);
     1407    background-image: linear-gradient(to top, #f9f9f9, #ececec);
    13821408}
    13831409
  • trunk/wp-admin/css/wp-admin.css

    r23507 r23581  
    37503750 }
    37513751
     3752 /* jQuery UI Slider */
     3753
     3754.wp-slider.ui-slider {
     3755    position: relative;
     3756    border-width: 1px;
     3757    border-style: solid;
     3758    border-radius: 3px;
     3759    text-align: left;
     3760    cursor: pointer;
     3761}
     3762
     3763.wp-slider .ui-slider-handle {
     3764    position: absolute;
     3765    z-index: 2;
     3766    width: 1.2em;
     3767    height: 1.2em;
     3768    border-width: 1px;
     3769    border-style: solid;
     3770    border-radius: 3px;
     3771}
     3772
     3773.wp-slider .ui-slider-range {
     3774    position: absolute;
     3775    z-index: 1;
     3776    font-size: .7em;
     3777    display: block;
     3778    border: 0;
     3779
     3780    background-color: #8cc1e9;
     3781    background-image: -webkit-gradient(linear, left bottom, left top, from(#72a7cf), to(#8cc1e9));
     3782    background-image: -webkit-linear-gradient(bottom, #72a7cf, #8cc1e9);
     3783    background-image:    -moz-linear-gradient(bottom, #72a7cf, #8cc1e9);
     3784    background-image:      -o-linear-gradient(bottom, #72a7cf, #8cc1e9);
     3785    background-image: linear-gradient(to top, #72a7cf, #8cc1e9);
     3786}
     3787
     3788.wp-slider.ui-slider-horizontal {
     3789    height: .8em;
     3790}
     3791
     3792.wp-slider.ui-slider-horizontal .ui-slider-handle {
     3793    top: -.3em;
     3794    margin-left: -.6em;
     3795}
     3796
     3797.wp-slider.ui-slider-horizontal .ui-slider-range {
     3798    top: 0;
     3799    height: 100%;
     3800}
     3801
     3802.wp-slider.ui-slider-horizontal .ui-slider-range-min {
     3803    left: 0;
     3804}
     3805
     3806.wp-slider.ui-slider-horizontal .ui-slider-range-max {
     3807    right: 0;
     3808}
     3809
     3810.wp-slider.ui-slider-vertical {
     3811    width: .8em;
     3812    height: 100px;
     3813}
     3814
     3815.wp-slider.ui-slider-vertical .ui-slider-handle {
     3816    left: -.3em;
     3817    margin-left: 0;
     3818    margin-bottom: -.6em;
     3819}
     3820
     3821.wp-slider.ui-slider-vertical .ui-slider-range {
     3822    left: 0;
     3823    width: 100%;
     3824}
     3825
     3826.wp-slider.ui-slider-vertical .ui-slider-range-min {
     3827    bottom: 0;
     3828}
     3829
     3830.wp-slider.ui-slider-vertical .ui-slider-range-max {
     3831    top: 0;
     3832}
     3833
    37523834
    37533835/*------------------------------------------------------------------------------
  • trunk/wp-admin/revision.php

    r23507 r23581  
    7474    $parent_file = $submenu_file = 'edit.php';
    7575
    76 wp_enqueue_style( 'wp-jquery-ui-slider' );
    7776wp_enqueue_script( 'revisions' );
    7877
     
    135134                </div>
    136135
    137             <div id="slider"></div>
     136            <div id="slider" class="wp-slider"></div>
    138137        </div>
    139138    </div>
  • trunk/wp-includes/script-loader.php

    r23516 r23581  
    543543    $styles->add( 'media-views', "/wp-includes/css/media-views$suffix.css", array( 'buttons' ) );
    544544    $styles->add( 'buttons', "/wp-includes/css/buttons$suffix.css" );
    545     $styles->add( 'wp-jquery-ui-slider', "/wp-includes/css/jquery-ui-slider$suffix.css" );
    546545
    547546    foreach ( $rtl_styles as $rtl_style ) {
Note: See TracChangeset for help on using the changeset viewer.