WordPress.org

Make WordPress Core

Changeset 9240


Ignore:
Timestamp:
10/18/2008 04:54:14 PM (10 years ago)
Author:
azaozz
Message:

Favourites drop-down styling

Location:
trunk
Files:
4 added
6 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-admin/admin-header.php

    r9235 r9240  
    8787</span>
    8888<?php } ?></h1>
    89 </div>
    9089
    9190<div id="wphead-info">
     
    101100</div>
    102101</div>
     102
     103</div>
     104
    103105<?php
    104106require(ABSPATH . 'wp-admin/menu-header.php');
  • trunk/wp-admin/css/colors-fresh.css

    r9230 r9240  
    8080#post-body ul#category-tabs li.ui-tabs-selected, .button-secondary,
    8181#quicktags, #login form .submit input, .search-box .button,
    82 #ed_reply_toolbar, .favorite-action, #favorite-first {
     82#ed_reply_toolbar {
    8383    background-color: #cee1ef !important;
    8484}
     
    220220#login form .submit input,
    221221div.dashboard-widget-submit input,
    222 #edit-slug-buttons a.save,
    223 .favorite-action,
    224 #favorite-first {
     222#edit-slug-buttons a.save {
    225223    background-color: #e5e5e5;
    226224    color: #246;
  • trunk/wp-admin/includes/template.php

    r9238 r9240  
    29622962    $first = $first[0];
    29632963    echo '<div id="favorite-actions">';
    2964     echo '<div id="favorite-first"><a href="' . $first . '">' . $allowed_actions[$first] . '</a></div>';
    2965     echo '<div id="favorite-action">';
     2964    echo '<div id="favorite-first"><a href="' . $first . '">' . $allowed_actions[$first] . '</a></div><div id="favorite-toggle"><br /></div>';
     2965    echo '<div id="favorite-inside">';
    29662966
    29672967    array_shift($allowed_actions);
  • trunk/wp-admin/js/menu.js

    r9196 r9240  
    7373};
    7474
    75 $(document).ready(function(){adminMenu.init();});
     75$(document).ready(function(){
     76    adminMenu.init();
     77
     78    $('#favorite-inside').width($('#favorite-first').width()+24);
     79    $('#favorite-toggle, #favorite-inside').bind( 'mouseenter', function(){$('#favorite-inside').removeClass('slideUp').addClass('slideDown'); setTimeout(function(){if ( $('#favorite-inside').hasClass('slideDown') ) { $('#favorite-inside').slideDown(100); $('#favorite-first').addClass('slide-down'); }}, 200) } );
     80
     81    $('#favorite-toggle, #favorite-inside').bind( 'mouseleave', function(){$('#favorite-inside').removeClass('slideDown').addClass('slideUp'); setTimeout(function(){if ( $('#favorite-inside').hasClass('slideUp') ) { $('#favorite-inside').slideUp(100, function(){ $('#favorite-first').removeClass('slide-down'); } ); }}, 300) } );
     82});
    7683})(jQuery);
    77 
    78 jQuery( function($) {   
    79     $('#favorite-actions').bind( 'mouseenter', function(){$('#favorite-action').removeClass('slideUp').addClass('slideDown'); setTimeout(function(){if ( $('#favorite-action').hasClass('slideDown') ) { $('#favorite-action').slideDown('fast') }}, 300) } );
    80     $('#favorite-actions').bind( 'mouseleave', function(){$('#favorite-action').removeClass('slideDown').addClass('slideUp'); setTimeout(function(){if ( $('#favorite-action').hasClass('slideUp') ) { $('#favorite-action').slideUp('fast') }}, 500) } );
    81 } );
  • trunk/wp-admin/wp-admin.css

    r9225 r9240  
    599599
    600600#wphead-info {
    601     position: absolute;
    602     right: 15px;
    603     top: 0;
     601    float: right;
     602    margin: 0 15px;
    604603}
    605604
    606605#user_info {
     606    float: right;
    607607    font-size: 12px;
    608608    line-height: 46px;
     
    640640
    641641#logo50 {
     642    float: left;
    642643    margin: 9px 0 0 20px;
    643     position: absolute;
    644644}
    645645
     
    665665#wphead h1 {
    666666    font: normal 22px Georgia, "Times New Roman", Times, serif;
    667     padding: 11px 170px 5px 60px;
    668     margin: 0;
    669     margin-right: 15%;
     667    padding: 10px 10px 5px;
     668    margin: 0;
     669    float: left;
    670670}
    671671
     
    24932493/* favorite-actions */
    24942494#favorite-actions {
    2495     position: absolute;
    2496     left: -150px;
    2497     top: 10px;
    2498     width: 130px;
    2499     z-index: 10;
     2495    float: left;
     2496    margin: 11px 12px 0;
     2497    min-width: 130px;
     2498    position: relative;
     2499   
    25002500}
    25012501
    25022502#favorite-first {
    2503     -moz-border-radius: 4px;
    2504     -khtml-border-radius: 4px;
    2505     -webkit-border-radius: 4px;
    2506     border-radius: 4px;
     2503    -moz-border-radius: 12px;
     2504    -khtml-border-radius: 12px;
     2505    -webkit-border-radius: 12px;
     2506    border-radius: 12px;
     2507    line-height: 15px;
     2508    padding: 3px 30px 4px 12px;
     2509    border-color: #464646;
    25072510    border-width: 1px;
    25082511    border-style: solid;
    2509     padding: 4px 8px;
     2512    background-color: #797979;
     2513    background-image: url(images/fav.png);
     2514    background-repeat: repeat-x;
     2515    background-position: 0 center;
     2516}
     2517
     2518#favorite-inside {
     2519    margin: 0 0 0 1px;
     2520    padding: 2px 8px 4px;
     2521    border-width: 1px;
     2522    border-style: solid;
     2523    position: absolute;
     2524    z-index: 11;
     2525    display: none;
     2526    -moz-border-radius: 0 0 12px 12px;
     2527    -webkit-border-bottom-right-radius: 12px;
     2528    -webkit-border-bottom-left-radius: 12px;
     2529    -khtml-border-bottom-right-radius: 12px;
     2530    -khtml-border-bottom-left-radius: 12px;
     2531    border-bottom-right-radius: 12px;
     2532    border-bottom-left-radius: 12px;
     2533    border-color: #797979;
     2534    background-color: #797979;
     2535    background-image: url(images/fav-bottom.png);
     2536    background-repeat: repeat-x;
     2537    background-position: 0 bottom;
    25102538}
    25112539
    25122540.favorite-action {
    2513     margin: -3px 0 0;
    2514     padding: 4px 8px;
    2515     border-width: 1px;
    2516     border-top-width: 3px;
    2517     border-style: solid;
    2518     -moz-border-radius: 0 0 4px 4px;
    2519     -webkit-border-bottom-right-radius: 4px;
    2520     -webkit-border-bottom-left-radius: 4px;
    2521     -khtml-border-bottom-right-radius: 4px;
    2522     -khtml-border-bottom-left-radius: 4px;
    2523     border-bottom-right-radius: 4px;
    2524     border-bottom-left-radius: 4px;
    2525 }
    2526 
    2527 #favorite-action {
    2528     padding: 0;
    2529     margin: 0;
    2530     display: none;
    2531 }
     2541    padding: 3px;
     2542}
     2543
    25322544#favorite-actions a {
    2533     padding: 4px 0;
     2545    padding: 4px 5px 4px 0;
    25342546    text-decoration: none;
    2535 }
    2536 
    2537 #favorite-first {
    2538     padding-right: 22px;
    2539     background: url(images/menu-open.png) 108px 5px no-repeat;
    2540 }
     2547    color: #eee;
     2548    font-size: 11px;
     2549}
     2550
     2551#favorite-toggle {
     2552    height: 22px;
     2553    position: absolute;
     2554    right: 0;
     2555    top: 1px;
     2556    width: 28px;
     2557    background: transparent url(images/fav-arrow.png) no-repeat 0 -4px;
     2558}
     2559
     2560#favorite-actions .slide-down {
     2561    background-image: url(images/fav-top.png);
     2562    background-repeat: repeat-x;
     2563    background-position: 0 top;
     2564    -moz-border-radius: 12px 12px 0 0;
     2565    -webkit-border-bottom-right-radius: 0;
     2566    -webkit-border-bottom-left-radius: 0;
     2567    -khtml-border-bottom-right-radius: 0;
     2568    -khtml-border-bottom-left-radius: 0;
     2569    border-bottom-right-radius: 0;
     2570    border-bottom-left-radius: 0;
     2571    border-bottom: 1px solid #626262;
     2572}
     2573
  • trunk/wp-includes/script-loader.php

    r9225 r9240  
    279279
    280280        $scripts->add( 'hoverIntent', '/wp-includes/js/hoverIntent.js', array('jquery'), '20070327' );
    281         $scripts->add( 'menu', '/wp-admin/js/menu.js', array( 'jquery', 'hoverIntent' ), '20081013' );
     281        $scripts->add( 'menu', '/wp-admin/js/menu.js', array( 'jquery', 'hoverIntent' ), '20081018' );
    282282
    283283    }
     
    311311    $rtl_styles = array( 'global', 'colors', 'dashboard', 'ie', 'install', 'login', 'media', 'theme-editor', 'upload', 'widgets', 'press-this', 'press-this-ie' );
    312312
    313     $styles->add( 'wp-admin', '/wp-admin/wp-admin.css', array(), '20081013' );
     313    $styles->add( 'wp-admin', '/wp-admin/wp-admin.css', array(), '20081018' );
    314314    $styles->add_data( 'wp-admin', 'rtl', '/wp-admin/rtl.css' );
    315315
Note: See TracChangeset for help on using the changeset viewer.