Make WordPress Core

Changeset 26298


Ignore:
Timestamp:
11/21/2013 12:20:13 AM (11 years ago)
Author:
iammattthomas
Message:

Bring the install/update screens in line with the new admin design. This affects:

  • Creating a wp-config.php file
  • Installation
  • Database upgrade
  • Database repair
  • Readme.html
  • Network sites actions

What's changed:

  • Bring background/text/link/border colours in line with mp6
  • Bring fonts in line with mp6 (see note below)
  • Switch to device-width for the viewport and tweak margins etc so the layout works nicely on all device sizes
  • Switch to the new vector WordPress logo in the header to match the log in screen
  • Force table cells into rows in the <782px media query

Fixes #25951, props johnbillion.

Location:
trunk/src
Files:
7 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/readme.html

    r25947 r26298  
    22<html>
    33<head>
     4    <meta name="viewport" content="width=device-width" />
    45    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    56    <title>WordPress &#8250; ReadMe</title>
  • trunk/src/wp-admin/css/install.css

    r26243 r26298  
    11html {
    2     background: #f9f9f9;
     2    background: #eee;
     3    margin: 0 20px;
    34}
    45
    56body {
    67    background: #fff;
    7     color: #333;
    8     font-family: sans-serif;
    9     margin: 2em auto;
    10     padding: 1em 2em;
    11     -webkit-border-radius: 3px;
    12     border-radius: 3px;
    13     border: 1px solid #dfdfdf;
     8    color: #555;
     9    font-family: "Open Sans", sans-serif;
     10    margin: 140px auto 25px;
     11    padding: 20px 20px 10px 20px;
    1412    max-width: 700px;
     13    -webkit-font-smoothing: subpixel-antialiased;
     14    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
     15    box-shadow: 0 1px 3px rgba(0,0,0,0.13);
    1516}
    1617
    1718a {
    18     color: #21759b;
     19    color: #0074a2;
    1920    text-decoration: none;
    2021}
    2122
    2223a:hover {
    23     color: #d54e21;
     24    color: #2ea2cc;
    2425}
    2526
    2627h1 {
    27     border-bottom: 1px solid #dadada;
     28    border-bottom: 1px solid #dedede;
    2829    clear: both;
    2930    color: #666;
    30     font: 24px Georgia, "Times New Roman", Times, serif;
    31     margin: 30px 0 0 0;
     31    font-size: 24px;
     32    margin: 30px 0;
    3233    padding: 0;
    3334    padding-bottom: 7px;
     35    font-weight: normal;
    3436}
    3537
     
    4547
    4648code, .code {
    47     font-size: 14px;
     49    font-family: Consolas, Monaco, monospace;
    4850}
    4951
     
    6567}
    6668#logo a {
    67     background-image: url('../images/wordpress-logo.png?ver=20120216');
    68     background-size: 274px 63px;
    69     background-position: top center;
     69    background-image: url('../images/wordpress-logo.svg?ver=20131107');
     70    background-size: 80px 80px;
     71    background-position: center top;
    7072    background-repeat: no-repeat;
    71     height: 67px;
     73    color: #999;
     74    height: 80px;
     75    font-size: 20px;
     76    font-weight: normal;
     77    line-height: 1.3em;
     78    margin: -130px auto 25px;
     79    padding: 0;
     80    text-decoration: none;
     81    width: 80px;
    7282    text-indent: -9999px;
    7383    outline: none;
     
    7585    display: block;
    7686}
    77 @media print,
    78   (-o-min-device-pixel-ratio: 5/4),
    79   (-webkit-min-device-pixel-ratio: 1.25),
    80   (min-resolution: 120dpi) {
    81     #logo a {
    82         background-image: url('../images/wordpress-logo-2x.png?ver=20120412');
    83         background-size: 274px 63px;
    84     }
    85 }
    8687.step {
    8788    margin: 20px 0 15px;
     
    9697textarea {
    9798    border: 1px solid #dfdfdf;
    98     -webkit-border-radius: 3px;
    99     border-radius: 3px;
    100     font-family: sans-serif;
    101     width:  695px;
     99    font-family: "Open Sans", sans-serif;
     100    width: 100%;
     101    -moz-box-sizing: border-box;
     102    -webkit-box-sizing: border-box;
     103    -ms-box-sizing: border-box; /* ie8 only */
     104    box-sizing: border-box;
    102105}
    103106
     
    120123    text-align: left;
    121124    padding: 16px 20px 10px 0;
    122     border-bottom: 8px solid #fff;
    123125    width: 140px;
    124126    vertical-align: top;
     
    138140    line-height: 20px;
    139141    font-size: 15px;
    140     padding: 2px;
    141     border: 1px #dfdfdf solid;
    142     -webkit-border-radius: 3px;
    143     border-radius: 3px;
    144     font-family: sans-serif;
     142    padding: 3px 5px;
     143    border: 1px solid #ddd;
     144    box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
     145}
     146
     147input,
     148submit {
     149    font-family: "Open Sans", sans-serif;
    145150}
    146151
     
    217222.message {
    218223    border: 1px solid #c00;
    219     -webkit-border-radius: 3px;
    220     border-radius:         3px;
    221224    padding: 0.5em 0.7em;
    222225    margin: 5px 0 15px;
     
    236239    direction: ltr;
    237240}
     241
     242@media only screen and (max-width: 799px) {
     243    body {
     244        margin-top: 115px;
     245    }
     246    #logo a {
     247        margin: -125px auto 30px;
     248    }
     249}
     250
     251@media screen and ( max-width: 782px ) {
     252
     253    .form-table {
     254        margin-top: 0;
     255    }
     256
     257    .form-table th,
     258    .form-table td {
     259        display: block;
     260        width: auto;
     261        vertical-align: middle;
     262    }
     263
     264    .form-table th {
     265        padding: 20px 0 0;
     266    }
     267
     268    .form-table td {
     269        padding: 5px 0;
     270        border: 0;
     271        margin: 0;
     272    }
     273
     274    textarea,
     275    input {
     276        font-size: 16px;
     277    }
     278
     279    .form-table td input[type="text"],
     280    .form-table td input[type="password"],
     281    .form-table td select,
     282    .form-table td textarea,
     283    .form-table span.description {
     284        width: 100%;
     285        font-size: 16px;
     286        line-height: 1.5;
     287        padding: 7px 10px;
     288        display: block;
     289        max-width: none;
     290        box-sizing: border-box;
     291        -mox-box-sizing: border-box;
     292    }
     293
     294}
  • trunk/src/wp-admin/install.php

    r25657 r26298  
    5757<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
    5858<head>
     59    <meta name="viewport" content="width=device-width" />
    5960    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    6061    <title><?php _e( 'WordPress &rsaquo; Installation' ); ?></title>
     
    250251        break;
    251252}
     253if ( !wp_is_mobile() ) {
    252254?>
    253255<script type="text/javascript">var t = document.getElementById('weblog_title'); if (t){ t.focus(); }</script>
     256<?php } ?>
    254257<?php wp_print_scripts( 'user-profile' ); ?>
    255258</body>
  • trunk/src/wp-admin/maint/repair.php

    r25725 r26298  
    1515<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
    1616<head>
     17    <meta name="viewport" content="width=device-width" />
    1718    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    1819    <title><?php _e( 'WordPress &rsaquo; Database Repair' ); ?></title>
     
    2728
    2829if ( ! defined( 'WP_ALLOW_REPAIR' ) ) {
    29     echo '<p>' . __( 'To allow use of this page to automatically repair database problems, please add the following line to your <code>wp-config.php</code> file. Once this line is added to your config, reload this page.' ) . "</p><code>define('WP_ALLOW_REPAIR', true);</code>";
     30    echo '<p>' . __( 'To allow use of this page to automatically repair database problems, please add the following line to your <code>wp-config.php</code> file. Once this line is added to your config, reload this page.' ) . "</p><p><code>define('WP_ALLOW_REPAIR', true);</code></p>";
    3031} elseif ( isset( $_GET['repair'] ) ) {
    3132    $optimize = 2 == $_GET['repair'];
     
    104105        echo '<p><textarea name="errors" id="errors" rows="20" cols="60">' . esc_textarea( $problem_output ) . '</textarea></p>';
    105106    } else {
    106         echo '<p>' . __( 'Repairs complete. Please remove the following line from wp-config.php to prevent this page from being used by unauthorized users.' ) . "</p><code>define('WP_ALLOW_REPAIR', true);</code>";
     107        echo '<p>' . __( 'Repairs complete. Please remove the following line from wp-config.php to prevent this page from being used by unauthorized users.' ) . "</p><p><code>define('WP_ALLOW_REPAIR', true);</code></p>";
    107108    }
    108109} else {
  • trunk/src/wp-admin/network/sites.php

    r25994 r26298  
    6666        <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
    6767            <head>
     68                <meta name="viewport" content="width=device-width" />
    6869                <title><?php _e( 'WordPress &rsaquo; Confirm your action' ); ?></title>
    6970
  • trunk/src/wp-admin/setup-config.php

    r25396 r26298  
    100100<html xmlns="http://www.w3.org/1999/xhtml"<?php if ( is_rtl() ) echo ' dir="rtl"'; ?>>
    101101<head>
     102<meta name="viewport" content="width=device-width" />
    102103<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    103104<title><?php _e( 'WordPress &rsaquo; Setup Configuration File' ); ?></title>
  • trunk/src/wp-admin/upgrade.php

    r25616 r26298  
    5151<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
    5252<head>
     53    <meta name="viewport" content="width=device-width" />
    5354    <meta http-equiv="Content-Type" content="<?php bloginfo( 'html_type' ); ?>; charset=<?php echo get_option( 'blog_charset' ); ?>" />
    5455    <title><?php _e( 'WordPress &rsaquo; Update' ); ?></title>
Note: See TracChangeset for help on using the changeset viewer.