WordPress.org

Make WordPress Core

Changeset 9240


Ignore:
Timestamp:
10/18/08 16:54:14 (7 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.