WordPress.org

Make WordPress Core

Changeset 9800


Ignore:
Timestamp:
11/20/08 00:56:20 (5 years ago)
Author:
azaozz
Message:

New login form design, props iammattthomas, fixes #8286

Location:
trunk
Files:
6 edited

Legend:

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

    r9783 r9800  
    130130} 
    131131 
     132.form-table th, .form-wrap label { 
     133    color: #222; 
     134} 
     135 
     136.setting-description, .form-wrap p { 
     137    color: #999; 
     138} 
     139 
    132140.form-table tr, 
    133141.form-wrap .form-field { 
    134     background-color: #f9f9f9; 
     142    background-color: #f3f3f3; 
    135143} 
    136144 
     
    297305} 
    298306 
     307#wpcontent select { 
     308    background: url(../images/white-grad.png) repeat-x scroll left top; 
     309    color: #555; 
     310} 
     311 
    299312.button-secondary, 
    300313.submit .button-secondary { 
     
    304317 
    305318.button-primary, 
    306 .submit .button-primary { 
     319.submit .button-primary, 
     320#login form .submit input { 
    307321    border-color: #21759B; 
     322    font-weight: bold; 
    308323    color: #FFF; 
    309324    background: #21759B url(../images/button-grad.png) repeat-x scroll left top; 
     
    344359div.dashboard-widget-submit input:hover, 
    345360#media-upload a.del-link:hover, 
    346 .ui-tabs-nav a:hover, 
    347 #user_info a:hover { 
     361.ui-tabs-nav a:hover { 
    348362    color: #d54e21; 
    349363} 
     
    359373} 
    360374 
    361 .button-primary:hover { 
    362     border-color: #156079; 
    363     background-image: inherit; 
     375.button-primary:hover, #login form .submit input:hover { 
     376    color: #EAF2FA; 
    364377} 
    365378 
     
    540553} 
    541554 
    542 #edit-slug-box strong, .login #nav a, .tablenav .displaying-num { 
     555#edit-slug-box strong, .tablenav .displaying-num { 
    543556    color: #777; 
     557} 
     558 
     559.login #nav a { 
     560    color: #21759b !important; 
     561} 
     562 
     563.login #nav a:hover { 
     564    color: #d54e21 !important; 
    544565} 
    545566 
     
    720741} 
    721742 
     743#user_info a:hover { 
     744    color: #fff; 
     745    text-decoration: underline !important; 
     746} 
     747 
     748#user_info a:active { 
     749    color: #ccc !important; 
     750} 
     751 
    722752#user_info a, #user_info a:visited { 
    723753    color: #ccc; 
     
    10231053#adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle, 
    10241054#adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle { 
    1025     background: transparent url(../images/menu-bits.gif) no-repeat scroll left -208px; 
     1055    background: transparent url(../images/menu-bits.gif) no-repeat scroll left -207px; 
    10261056} 
    10271057 
    10281058#adminmenu .wp-has-submenu:hover .wp-menu-toggle, 
    10291059#adminmenu .wp-menu-open .wp-menu-toggle { 
    1030     background: transparent url(../images/menu-bits.gif) no-repeat scroll left -108px; 
     1060    background: transparent url(../images/menu-bits.gif) no-repeat scroll left -109px; 
    10311061} 
    10321062 
     
    10491079#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, 
    10501080#adminmenu .menu-top .current { 
    1051     background: url(../images/menu-bits.gif) top left repeat-x; 
    1052     border-color: #B5B5B5; 
     1081    background: #6d6d6d url(../images/menu-bits.gif) top left repeat-x; 
     1082    border-color: #6d6d6d; 
    10531083    color: #fff; 
    1054     text-shadow: #666 0px -1px 0px; 
    10551084} 
    10561085 
     
    10871116    background-image: none; 
    10881117    border-color: #e3e3e3; 
    1089     text-shadow: #fff 0px 1px 0px; 
    10901118} 
    10911119 
     
    13421370 
    13431371.tablenav .tablenav-pages a:hover { 
    1344     color: #fff; 
    1345     background-color: #d54e21; 
     1372    color: #d54e21; 
    13461373    border-color: #d54321; 
    13471374} 
     
    14341461 
    14351462#favorite-first { 
    1436     border-color: #464646; 
    14371463    background: #797979 url(../images/fav.png) repeat-x 0 center; 
     1464    border-color: #777 !important; 
     1465    border-bottom-color: #666 !important; 
    14381466} 
    14391467 
     
    14521480 
    14531481#favorite-inside a:hover { 
    1454     background-color: #8f8f8f; 
    14551482    color: #fff; 
     1483    text-decoration: underline; 
    14561484} 
    14571485 
  • trunk/wp-admin/css/colors-fresh.css

    r9797 r9800  
    317317 
    318318.button-primary, 
    319 .submit .button-primary { 
     319.submit .button-primary, 
     320#login form .submit input { 
    320321    border-color: #21759B; 
    321322    font-weight: bold; 
     
    372373} 
    373374 
    374 .button-primary:hover { 
     375.button-primary:hover, #login form .submit input:hover { 
    375376    color: #EAF2FA; 
    376377} 
     
    552553} 
    553554 
    554 #edit-slug-box strong, .login #nav a, .tablenav .displaying-num { 
     555#edit-slug-box strong, .tablenav .displaying-num { 
    555556    color: #777; 
     557} 
     558 
     559.login #nav a { 
     560    color: #21759b !important; 
     561} 
     562 
     563.login #nav a:hover { 
     564    color: #d54e21 !important; 
    556565} 
    557566 
  • trunk/wp-admin/css/global.css

    r9797 r9800  
    361361    padding: 0 0.6em; 
    362362    margin: 3px 15px 5px; 
     363    -moz-border-radius: 3px; 
     364    -khtml-border-radius: 3px; 
     365    -webkit-border-radius: 3px; 
     366    border-radius: 3px; 
    363367} 
    364368 
  • trunk/wp-admin/css/login.css

    r9173 r9800  
    44    border-top-width: 30px; 
    55    border-top-style: solid; 
    6     font: 12px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; 
     6    font: 11px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; 
    77} 
    88 
     
    1010    margin-left: 8px; 
    1111    padding: 16px 16px 40px 16px; 
    12     font-weight: bold; 
    13     -moz-border-radius: 5px; 
    14     -khtml-border-radius: 5px; 
    15     -webkit-border-radius: 5px; 
     12    font-weight: normal; 
     13    -moz-border-radius: 11px; 
     14    -khtml-border-radius: 11px; 
     15    -webkit-border-radius: 11px; 
    1616    border-radius: 5px; 
     17    background: #fff; 
     18    border: 1px solid #e5e5e5; 
     19    -webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px; 
    1720} 
    1821 
    19 form .forgetmenot { font-weight: normal; float: left; margin-bottom: 0;} 
     22form .forgetmenot { font-weight: normal; float: left; margin-bottom: 0; } 
    2023 
    2124#login form .submit input { 
    2225    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; 
    23     padding: 3px 5px; 
     26    padding: 3px 10px; 
    2427    border: none; 
    25     font-size: 13px; 
     28    font-size: 12px; 
    2629    border-width: 1px; 
    2730    border-style: solid; 
    28     -moz-border-radius: 3px; 
    29     -khtml-border-radius: 3px; 
    30     -webkit-border-radius: 3px; 
    31     border-radius: 3px; 
     31    -moz-border-radius: 11px; 
     32    -khtml-border-radius: 11px; 
     33    -webkit-border-radius: 11px; 
     34    border-radius: 11px; 
    3235    cursor: pointer; 
    3336    text-decoration: none; 
    34     margin-top: -6px; 
     37    margin-top: -3px; 
     38    text-shadow: rgba(0,0,0,0.3) 0 -1px 0; 
     39} 
     40 
     41#login form p { 
     42    margin-bottom: 0; 
     43} 
     44 
     45label { 
     46    color: #777; 
     47    font-size: 13px; 
     48} 
     49 
     50form .forgetmenot label { 
     51    font-size: 11px; 
     52    line-height: 19px; 
    3553} 
    3654 
     
    4058 
    4159h1 a { 
    42     background: url(../images/logo-login.gif) no-repeat; 
    43     width: 292px; 
    44     height: 66px; 
     60    background: url(../images/logo-login.gif) no-repeat top center; 
     61    width: 326px; 
     62    height: 67px; 
    4563    text-indent: -9999px; 
    4664    overflow: hidden; 
    4765    padding-bottom: 15px; 
    4866    display: block; 
     67} 
     68 
     69#nav { 
     70    text-shadow: rgba(255,255,255,1) 0 1px 0; 
    4971} 
    5072 
     
    5678} 
    5779 
    58 #login { width: 292px; margin: 7em auto; } 
     80#login { width: 320px; margin: 7em auto; } 
    5981 
    6082#login_error, .message { 
     
    6385    border-style: solid; 
    6486    padding: 12px; 
     87    -moz-border-radius: 3px; 
     88    -khtml-border-radius: 3px; 
     89    -webkit-border-radius: 3px; 
     90    border-radius: 3px; 
    6591} 
    6692 
     
    6894 
    6995#user_pass, #user_login, #user_email { 
    70     font-size: 20px; 
     96    font-size: 24px; 
    7197    width: 97%; 
    7298    padding: 3px; 
     99    margin-top: 2px; 
    73100    margin-right: 6px; 
     101    margin-bottom: 16px; 
     102    border: 1px solid #e5e5e5; 
     103    background: #f9f9f9; 
    74104} 
  • trunk/wp-login.php

    r9699 r9800  
    324324</div> 
    325325 
    326 <p id="backtoblog"><a href="<?php bloginfo('url'); ?>/" title="<?php _e('Are you lost?') ?>"><?php printf(__('&laquo; Back to %s'), get_bloginfo('title', 'display' )); ?></a></p> 
     326<p id="backtoblog"><a href="<?php bloginfo('url'); ?>/" title="<?php _e('Are you lost?') ?>"><?php printf(__('&larr; Back to %s'), get_bloginfo('title', 'display' )); ?></a></p> 
    327327 
    328328<script type="text/javascript"> 
     
    392392</div> 
    393393 
    394 <p id="backtoblog"><a href="<?php bloginfo('url'); ?>/" title="<?php _e('Are you lost?') ?>"><?php printf(__('&laquo; Back to %s'), get_bloginfo('title', 'display' )); ?></a></p> 
     394<p id="backtoblog"><a href="<?php bloginfo('url'); ?>/" title="<?php _e('Are you lost?') ?>"><?php printf(__('&larr; Back to %s'), get_bloginfo('title', 'display' )); ?></a></p> 
    395395 
    396396<script type="text/javascript"> 
     
    497497</div> 
    498498 
    499 <p id="backtoblog"><a href="<?php bloginfo('url'); ?>/" title="<?php _e('Are you lost?') ?>"><?php printf(__('&laquo; Back to %s'), get_bloginfo('title', 'display' )); ?></a></p> 
     499<p id="backtoblog"><a href="<?php bloginfo('url'); ?>/" title="<?php _e('Are you lost?') ?>"><?php printf(__('&larr; Back to %s'), get_bloginfo('title', 'display' )); ?></a></p> 
    500500 
    501501<script type="text/javascript"> 
Note: See TracChangeset for help on using the changeset viewer.