WordPress.org

Make WordPress Core

Changeset 26299


Ignore:
Timestamp:
11/21/2013 12:24:23 AM (6 years ago)
Author:
iammattthomas
Message:

Update error screens with the new visual design:

  • Bring in new styles for backgrounds/text/link/borders/buttons
  • Switch to device-width for the viewport and tweak margins etc so the layout works nicely on all device sizes

Fixes #25956, props johnbillion.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-includes/functions.php

    r26294 r26299  
    21952195    <style type="text/css">
    21962196        html {
    2197             background: #f9f9f9;
     2197            background: #eee;
    21982198        }
    21992199        body {
    22002200            background: #fff;
    22012201            color: #333;
    2202             font-family: sans-serif;
     2202            font-family: "Open Sans", sans-serif;
    22032203            margin: 2em auto;
    22042204            padding: 1em 2em;
    2205             -webkit-border-radius: 3px;
    2206             border-radius: 3px;
    2207             border: 1px solid #dfdfdf;
    22082205            max-width: 700px;
     2206            -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
     2207            box-shadow: 0 1px 3px rgba(0,0,0,0.13);
    22092208        }
    22102209        h1 {
     
    22122211            clear: both;
    22132212            color: #666;
    2214             font: 24px Georgia, "Times New Roman", Times, serif;
     2213            font: 24px "Open Sans", sans-serif;
    22152214            margin: 30px 0 0 0;
    22162215            padding: 0;
     
    22402239        }
    22412240        .button {
     2241            background: #f7f7f7;
     2242            border: 1px solid #cccccc;
     2243            color: #555;
    22422244            display: inline-block;
    22432245            text-decoration: none;
    2244             font-size: 14px;
    2245             line-height: 23px;
    2246             height: 24px;
     2246            font-size: 13px;
     2247            line-height: 26px;
     2248            height: 28px;
    22472249            margin: 0;
    22482250            padding: 0 10px 1px;
    22492251            cursor: pointer;
    2250             border-width: 1px;
    2251             border-style: solid;
    22522252            -webkit-border-radius: 3px;
     2253            -webkit-appearance: none;
    22532254            border-radius: 3px;
    22542255            white-space: nowrap;
     
    22562257            -moz-box-sizing:    border-box;
    22572258            box-sizing:         border-box;
    2258             background: #f3f3f3;
    2259             background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4));
    2260             background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
    2261             background-image:    -moz-linear-gradient(top, #fefefe, #f4f4f4);
    2262             background-image:      -o-linear-gradient(top, #fefefe, #f4f4f4);
    2263             background-image:   linear-gradient(to bottom, #fefefe, #f4f4f4);
    2264             border-color: #bbb;
    2265             color: #333;
    2266             text-shadow: 0 1px 0 #fff;
     2259       
     2260            -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
     2261            box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
     2262            vertical-align: top;
    22672263        }
    22682264
     
    22752271        .button:hover,
    22762272        .button:focus {
    2277             background: #f3f3f3;
    2278             background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
    2279             background-image: -webkit-linear-gradient(top, #fff, #f3f3f3);
    2280             background-image:    -moz-linear-gradient(top, #fff, #f3f3f3);
    2281             background-image:     -ms-linear-gradient(top, #fff, #f3f3f3);
    2282             background-image:      -o-linear-gradient(top, #fff, #f3f3f3);
    2283             background-image:   linear-gradient(to bottom, #fff, #f3f3f3);
     2273            background: #fafafa;
    22842274            border-color: #999;
    22852275            color: #222;
     
    22922282
    22932283        .button:active {
    2294             outline: none;
    22952284            background: #eee;
    2296             background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#fefefe));
    2297             background-image: -webkit-linear-gradient(top, #f4f4f4, #fefefe);
    2298             background-image:    -moz-linear-gradient(top, #f4f4f4, #fefefe);
    2299             background-image:     -ms-linear-gradient(top, #f4f4f4, #fefefe);
    2300             background-image:      -o-linear-gradient(top, #f4f4f4, #fefefe);
    2301             background-image:   linear-gradient(to bottom, #f4f4f4, #fefefe);
    23022285            border-color: #999;
    23032286            color: #333;
    2304             text-shadow: 0 -1px 0 #fff;
    23052287            -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    23062288            box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
Note: See TracChangeset for help on using the changeset viewer.