Changeset 1485

Show
Ignore:
Timestamp:
09/19/08 16:03:22 (2 months ago)
Author:
donncha
Message:

Updating styling for installer, props momo360modena, see #718

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved
  • trunk/index-install.php

    r1431 r1485  
    2323 
    2424                <style media="screen" type="text/css"> 
    25                 html { 
    26                         background: #eee; 
    27                 } 
     25                html { background: #f1f1f1; } 
     26 
    2827                body { 
    2928                        background: #fff; 
    30                         color: #000; 
    31                         font-family: Georgia, "Times New Roman", Times, serif; 
    32                         margin-left: 20%; 
    33                         margin-right: 20%; 
    34                         padding: .2em 2em; 
    35                 } 
    36  
    37                 h1, h2 { 
    38                         color: #006; 
    39                         font-size: 18px; 
    40                         font-weight: lighter; 
    41                 } 
    42  
    43                 p, li, dt { 
    44                         line-height: 140%; 
     29                        color: #333; 
     30                        font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; 
     31                        margin: 2em auto 0 auto; 
     32                        width: 700px; 
     33                        padding: 1em 2em; 
     34                        -moz-border-radius: 12px; 
     35                        -khtml-border-radius: 12px; 
     36                        -webkit-border-radius: 12px; 
     37                        border-radius: 12px; 
     38                } 
     39 
     40                a { color: #2583ad; text-decoration: none; } 
     41 
     42                a:hover { color: #d54e21; } 
     43 
     44 
     45                h1 { 
     46                        font-size: 18px; 
     47                        margin-bottom: 0; 
     48                } 
     49 
     50                h2 { font-size: 16px; } 
     51 
     52                p, li { 
    4553                        padding-bottom: 2px; 
    46                 } 
    47  
    48                 ul, ol { 
    49                         padding: 5px 5px 5px 20px; 
    50                 } 
    51                 #logo { 
    52                         margin-bottom: 2em; 
    53                 } 
    54                 .step a, .step input { 
    55                         font-size: 2em; 
    56                 } 
    57                 .step, th { 
    58                         text-align: right; 
    59                 } 
    60                 #footer { 
    61                         text-align: center; border-top: 1px solid #ccc; padding-top: 1em; font-style: italic; 
    62                 } 
    63                 .fakelink { 
    64                         color: #00a; 
    65                         text-decoration: underline; 
     54                        font-size: 13px; 
     55                        line-height: 18px; 
     56                } 
     57 
     58                code { 
     59                        font-size: 13px; 
     60                } 
     61 
     62                ul, ol { padding: 5px 5px 5px 22px; } 
     63 
     64                #logo { margin: 6px 0 14px 0px; border-bottom: none;} 
     65 
     66                .step { 
     67                        margin: 20px 0 15px; 
     68                } 
     69 
     70                .step input { 
     71                        font-size: 18px; 
     72                } 
     73 
     74                a.button { 
     75                        font-size: 18px; 
     76                } 
     77 
     78                .step, th { text-align: left; padding: 0; } 
     79 
     80                .submit input, .button, .button-secondary { 
     81                        font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; 
     82                        padding: 5px 7px 7px; 
     83                        border: 1px solid #a3a3a3; 
     84                        margin-left: 0; 
     85                        -moz-border-radius: 3px; 
     86                        -khtml-border-radius: 3px; 
     87                        -webkit-border-radius: 3px; 
     88                        border-radius: 3px; 
     89                        color: #246; 
     90                        background: #e5e5e5; 
     91                } 
     92 
     93                .button-secondary { 
     94                        background: #cee1ef; 
     95                } 
     96 
     97                .submit input:hover, .button:hover, .button-secondary:hover { 
     98                        color: #d54e21; 
     99                        border-color: #535353; 
     100                } 
     101 
     102                .form-table { 
     103                        border-collapse: collapse; 
     104                        margin-top: 1em; 
     105                        width: 100%; 
     106                } 
     107 
     108                .form-table td { 
     109                        margin-bottom: 9px; 
     110                        padding: 10px; 
     111                        border-bottom: 8px solid #fff; 
     112                        font-size: 12px; 
     113                } 
     114 
     115                .form-table th { 
     116                        font-size: 13px; 
     117                        text-align: left; 
     118                        padding: 16px 10px 10px 10px; 
     119                        border-bottom: 8px solid #fff; 
     120                        width: 110px; 
     121                        vertical-align: top; 
     122                } 
     123 
     124                .form-table tr { 
     125                        background: #eaf3fa; 
     126                } 
     127 
     128                .form-table code { 
     129                        line-height: 18px; 
     130                        font-size: 18px; 
     131                } 
     132 
     133                .form-table p { 
     134                        margin: 4px 0 0 0; 
     135                        font-size: 11px; 
     136                } 
     137 
     138                .form-table input { 
     139                        line-height: 20px; 
     140                        font-size: 15px; 
     141                        padding: 2px; 
     142                        margin-bottom:3px; 
     143                } 
     144 
     145                h1 { 
     146                        border-bottom: 1px solid #dadada; 
     147                        clear: both; 
     148                        color: #666666; 
     149                        font: 24px Georgia, "Times New Roman", Times, serif; 
     150                        margin: 5px 0 0 -4px; 
     151                        padding: 0; 
     152                        padding-bottom: 7px; 
     153                } 
     154 
     155                #error-page { 
     156                        margin-top: 50px; 
     157                } 
     158 
     159                #error-page p { 
     160                        font-size: 14px; 
     161                        line-height: 16px; 
     162                        margin: 25px 0 20px; 
     163                } 
     164 
     165                #error-page code { 
     166                        font-size: 15px; 
    66167                } 
    67168                </style> 
    68169        </head> 
    69170        <body> 
    70                 <h1><img src="wp-includes/images/wordpress-mu.png" alt="WordPress &micro;" /></h1> 
     171                <h1 id="logo"><img src="wp-includes/images/wordpress-mu.png" alt="WordPress &micro;" /></h1> 
    71172                <?php 
    72173} 
    73174 
    74175function filestats( $err ) { 
    75         print "<h1>Server Summary</h1>"; 
     176        print "<h2>Server Summary</h2>"; 
    76177        print "<p>If you post a message to the &micro; support forum at <a target='_blank' href='http://mu.wordpress.org/forums/'>http://mu.wordpress.org/forums/</a> then copy and paste the following information into your message:</p>"; 
    77178 
     
    141242 
    142243        if( $err != '' ) { 
    143                 print "<h1>Warning!</h1>"; 
     244                print "<h2>Warning!</h2>"; 
    144245                print "<p><strong>There was a problem creating the .htaccess file.</strong> </p>"; 
    145246                print "<p style='color: #900'>Error: "; 
     
    220321        <p>If you have installed the single-blog version of WordPress before, please note that the WordPress &micro; installer is different and trying to create the configuration file wp-config.php youself may result in a broken site. It's much easier to use this installer to get the job done.</p> 
    221322         
    222         <h3>What do I need?</h3
     323        <h2>What do I need?</h2
    223324        <ul> 
    224325                <li>Access to your server to change directory permissions. This can be done through ssh or ftp for example.</li> 
     
    277378 
    278379                <p>Below you should enter your database connection details. If you're not sure about these, contact your host.</p> 
    279                 <table cellpadding='5'>  
     380                <table class="form-table">  
    280381                        <tr>  
    281382                                <th scope='row' width='33%'>Database Name</th>  
     
    297398 
    298399                <h2>Server Address</h2> 
    299                 <p><label>What is the Internet address of your site? You should enter the shortest address possible. For example, use <em>example.com</em> instead of <em>www.example.com</em> but if you are going to use an address like <em>blogs.example.com</em> then enter that unaltered in the box below.<br /> 
    300                         <label><strong>Server Address:</strong> <input type='text' name='basedomain' value='<?php echo $hostname ?>'></label> 
    301                 </p> 
     400                <table class="form-table">   
     401                        <tr>  
     402                                <th scope='row'>Server Address</th>  
     403                                <td> 
     404                                        <input type='text' name='basedomain' value='<?php echo $hostname ?>' /> 
     405                                        <br />What is the Internet address of your site? You should enter the shortest address possible. For example, use <em>example.com</em> instead of <em>www.example.com</em> but if you are going to use an address like <em>blogs.example.com</em> then enter that unaltered in the box below. 
     406                                </td>  
     407                        </tr> 
     408                </table> 
    302409 
    303410                <h2>Site Details</h2> 
    304                 <table width='100%'>  
     411                <table class="form-table">  
    305412                        <tr>  
    306413                                <th scope='row'>Site&nbsp;Title</th>  
    307                                 <td><input name='weblog_title' type='text' size='45' value='<?php echo $weblog_title ?>' /></td>  
    308                                 <td>What would you like to call your site? </td>  
     414                                <td> 
     415                                        <input name='weblog_title' type='text' size='45' value='<?php echo $weblog_title ?>' /> 
     416                                        <br />What would you like to call your site? 
     417                                </td>  
    309418                        </tr>  
    310419                        <tr>  
    311420                                <th scope='row'>Email</th>  
    312                                 <td><input name='email' type='text' size='45' value='<?php echo $email ?>' /></td>  
    313                                 <td>Your email address.</td>  
     421                                <td> 
     422                                        <input name='email' type='text' size='45' value='<?php echo $email ?>' />  
     423                                        <br />Your email address. 
     424                                </td>  
    314425                        </tr>  
    315426                </table>  
    316                 <p class='submit'><input name='submit' type='submit' value='Submit' /></p> 
     427                <p class='submit'><input class="button" name='submit' type='submit' value='Submit' /></p> 
    317428        </form>  
    318429        <?php 
     
    470581        $msg = "Your new WordPress MU site has been created at\nhttp://{$domain}{$base}\n\nLogin details:\nUsername: admin\nPassword: $pass\nLogin: http://{$domain}{$base}wp-login.php\n"; 
    471582        wp_mail( $email, "Your new WordPress MU site is ready!", $msg, "From: wordpress@" . $_SERVER[ 'HTTP_HOST' ]  ); 
    472         ?><h2>Installation Finished!</h2> 
     583        ?> 
     584        <h2>Installation Finished!</h2> 
    473585        <p>Congratulations! <br />Your <a href='http://<?php echo $domain . $base; ?>'>WordPress &micro; site</a> has been configured.</p> 
    474         <p>You can <a href='wp-login.php'>log in</a> using the username "admin" and password <?php echo $pass; ?></p> 
    475         <h3>Directory Permissions</h3> 
     586        <p>You can <a class="button" href='wp-login.php'>log in</a> using the username "admin" and password <?php echo $pass; ?></p> 
     587         
     588        <h2>Directory Permissions</h2> 
    476589        <p>Please remember to reset the permissions on the following directories: 
    477590                <ul> 
     
    485598        </p> 
    486599        <p>You can probably use the following command to fix the permissions but check with your host if it doubt: 
    487                 <br /><code>chmod&nbsp;755&nbsp; 
     600                <br /> 
     601                <code>chmod&nbsp;755&nbsp; 
    488602                        <?php 
    489603                        reset( $dirs ); 
     
    491605                                echo "$dir&nbsp;"; 
    492606                        } 
    493                         ?></code> 
     607                        ?> 
     608                </code> 
    494609        </p> 
    495610         
    496         <h3>Further reading</h3
     611        <h2>Further reading</h2
    497612        <p> 
    498613                <ul> 
     
    508623        $nowww = str_replace( 'www.', '', $_POST[ 'basedomain' ] ); 
    509624        ?> 
    510         <h1>No-www</h1
     625        <h2>No-www</h2
    511626        <p>WordPress &micro; strips the string "www" from the URLs of sites using this software. It is still possible to visit your site using the "www" prefix with an address like <em><?php echo $_POST[ 'basedomain' ] ?></em> but any links will not have the "www" prefix. They will instead point at <?php echo $nowww ?>.</p> 
    512627        <p>The preferred method of hosting blogs is without the "www" prefix as it's more compact and simple.</p> 
     
    525640                        <input type='hidden' name='action' value='step2' /> 
    526641                        <input type='hidden' name='basedomain' value='<?echo $nowww ?>' /> 
    527                         <input type='submit' value='Continue' /> 
     642                        <input class="button" type='submit' value='Continue' /> 
    528643                </form> 
    529644        </p>