WordPress.org

Make WordPress Core

Changeset 9800


Ignore:
Timestamp:
11/20/2008 12:56:20 AM (10 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.