Ruby on Rails | Screencasts | Download | Documentation | Weblog | Community | Source

Changeset 5306

Show
Ignore:
Timestamp:
10/15/06 23:32:30 (3 years ago)
Author:
nzkoz
Message:

Tidy up the markup on the bundled error pages. Closes #6379. [Tim Lucas]

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • trunk/railties/CHANGELOG

    r5279 r5306  
    11*SVN* 
     2 
     3* Clean up html on included error pages. [Tim Lucas] 
    24 
    35* Fixed default 404.html and 500.htmls to remove extreme ugliness and include human language [DHH] 

  • trunk/railties/html/404.html

    r5279 r5306  
    88  <title>The page you were looking for doesn't exist (404)</title> 
    99        <style type="text/css"> 
    10     div.dialog { 
    11         margin: 0; 
    12         padding: 10px; 
    13         text-align: left; 
    14         border: 1px solid #ccc; 
    15         border-right: 1px solid #999; 
    16         border-bottom: 1px solid #999; 
    17         background-color: #fff; 
    18         } 
    19  
    20         div.outer { 
    21                 position: absolute; 
    22                 left: 50%; 
    23                 top: 50%; 
    24                 width: 500px; 
    25                 height: 300px; 
    26                 margin-left: -260px;  
    27                 margin-top: -150px; 
    28         } 
    29  
    30         body { background-color: #fff; } 
     10                body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; } 
     11                div.dialog { 
     12                        width: 25em; 
     13                        padding: 0 4em; 
     14                        margin: 4em auto 0 auto; 
     15                        border: 1px solid #ccc; 
     16                        border-right-color: #999; 
     17                        border-bottom-color: #999; 
     18                } 
     19                h1 { font-size: 100%; color: #f00; line-height: 1.5em; } 
    3120        </style> 
    3221</head> 
    3322 
    3423<body> 
    35  
    36 <div class="outer"> 
    3724  <!-- This file lives in public/404.html --> 
    38  
    39   <div class="dialog" style="text-align: center;"> 
    40     <div style="text-align: center; width: 200px; margin: 0 auto;"> 
    41     <p style="color: red; font-size: 16px; line-height: 20px;">The page you were looking for doesn't exist.</p> 
    42     <p style="color: #666;">You may have mistyped the address or the page may have moved.</p> 
     25  <div class="dialog"> 
     26    <h1>The page you were looking for doesn't exist.</h1> 
     27    <p>You may have mistyped the address or the page may have moved.</p> 
    4328  </div> 
    44 </div> 
    45  
    4629</body> 
    4730</html> 

  • trunk/railties/html/500.html

    r5279 r5306  
    88  <title>We're sorry, but something went wrong</title> 
    99        <style type="text/css"> 
    10     div.dialog { 
    11         margin: 0; 
    12         padding: 10px; 
    13         text-align: left; 
    14         border: 1px solid #ccc; 
    15         border-right: 1px solid #999; 
    16         border-bottom: 1px solid #999; 
    17         background-color: #fff; 
    18         } 
    19  
    20         div.outer { 
    21                 position: absolute; 
    22                 left: 50%; 
    23                 top: 50%; 
    24                 width: 500px; 
    25                 height: 300px; 
    26                 margin-left: -260px;  
    27                 margin-top: -150px; 
    28         } 
    29  
    30         body { background-color: #fff; } 
     10                body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; } 
     11                div.dialog { 
     12                        width: 25em; 
     13                        padding: 0 4em; 
     14                        margin: 4em auto 0 auto; 
     15                        border: 1px solid #ccc; 
     16                        border-right-color: #999; 
     17                        border-bottom-color: #999; 
     18                } 
     19                h1 { font-size: 100%; color: #f00; line-height: 1.5em; } 
    3120        </style> 
    3221</head> 
    3322 
    3423<body> 
    35  
    36 <div class="outer"> 
    3724  <!-- This file lives in public/500.html --> 
    38  
    39   <div class="dialog" style="text-align: center;"> 
    40     <div style="text-align: center; width: 200px; margin: 0 auto;"> 
    41     <p style="color: red; font-size: 16px; line-height: 20px;">We're sorry, but something went wrong.</p> 
    42     <p style="color: #666;">We've been notified about this issue and we'll take a look at it shortly.</p> 
     25  <div class="dialog"> 
     26    <h1>We're sorry, but something went wrong.</h1> 
     27    <p>We've been notified about this issue and we'll take a look at it shortly.</p> 
    4328  </div> 
    44 </div> 
    45  
    4629</body> 
    4730</html>