WordPress.org

Make WordPress Core


Ignore:
Timestamp:
10/26/2012 07:40:39 PM (8 years ago)
Author:
azaozz
Message:

Buttons:

  • Update the install/initial configuration/repair screens buttons, props DrewAPicture
  • Fix the welcome screen buttons and fine-tune the buttons css, props lessbloat

fixes #21598

File:
1 edited

Legend:

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

    r22303 r22314  
    21272127            color: #D54E21;
    21282128        }
    2129 
    21302129        .button {
    2131             font-family: sans-serif;
     2130            display: inline-block;
    21322131            text-decoration: none;
    2133             font-size: 14px !important;
    2134             line-height: 16px;
    2135             padding: 6px 12px;
     2132            font-size: 14px;
     2133            line-height: 23px;
     2134            height: 24px;
     2135            margin: 0;
     2136            padding: 0 10px 1px;
    21362137            cursor: pointer;
    2137             border: 1px solid #bbb;
    2138             color: #464646;
    2139             -webkit-border-radius: 15px;
    2140             border-radius: 15px;
    2141             -moz-box-sizing: content-box;
    2142             -webkit-box-sizing: content-box;
    2143             box-sizing: content-box;
    2144             background-color: #f5f5f5;
    2145             background-image: -ms-linear-gradient(top, #ffffff, #f2f2f2);
    2146             background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
    2147             background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
    2148             background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
    2149             background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
    2150             background-image: linear-gradient(top, #ffffff, #f2f2f2);
    2151         }
    2152 
    2153         .button:hover {
    2154             color: #000;
    2155             border-color: #666;
     2138            border-width: 1px;
     2139            border-style: solid;
     2140            -webkit-border-radius: 3px;
     2141            border-radius: 3px;
     2142            white-space: nowrap;
     2143            -webkit-box-sizing: border-box;
     2144            -moz-box-sizing:    border-box;
     2145            box-sizing:         border-box;
     2146            background: #f3f3f3;
     2147            background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4));
     2148            background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
     2149            background-image:    -moz-linear-gradient(top, #fefefe, #f4f4f4);
     2150            background-image:      -o-linear-gradient(top, #fefefe, #f4f4f4);
     2151            background-image:   linear-gradient(to bottom, #fefefe, #f4f4f4);
     2152            border-color: #bbb;
     2153            color: #333;
     2154            text-shadow: 0 1px 0 #fff;
     2155        }
     2156       
     2157        .button.button-large {
     2158            height: 29px;
     2159            line-height: 28px;
     2160            padding: 0 12px;
     2161        }
     2162
     2163        .button:hover,
     2164        .button:focus {
     2165            background: #f3f3f3;
     2166            background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
     2167            background-image: -webkit-linear-gradient(top, #fff, #f3f3f3);
     2168            background-image:    -moz-linear-gradient(top, #fff, #f3f3f3);
     2169            background-image:     -ms-linear-gradient(top, #fff, #f3f3f3);
     2170            background-image:      -o-linear-gradient(top, #fff, #f3f3f3);
     2171            background-image:   linear-gradient(to bottom, #fff, #f3f3f3);
     2172            border-color: #999;
     2173            color: #222;
     2174        }
     2175       
     2176        .button:focus  {
     2177            -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2);
     2178            box-shadow: 1px 1px 1px rgba(0,0,0,.2);
    21562179        }
    21572180
    21582181        .button:active {
    2159             background-image: -ms-linear-gradient(top, #f2f2f2, #ffffff);
    2160             background-image: -moz-linear-gradient(top, #f2f2f2, #ffffff);
    2161             background-image: -o-linear-gradient(top, #f2f2f2, #ffffff);
    2162             background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ffffff));
    2163             background-image: -webkit-linear-gradient(top, #f2f2f2, #ffffff);
    2164             background-image: linear-gradient(top, #f2f2f2, #ffffff);
     2182            outline: none;
     2183            background: #eee;
     2184            background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#fefefe));
     2185            background-image: -webkit-linear-gradient(top, #f4f4f4, #fefefe);
     2186            background-image:    -moz-linear-gradient(top, #f4f4f4, #fefefe);
     2187            background-image:     -ms-linear-gradient(top, #f4f4f4, #fefefe);
     2188            background-image:      -o-linear-gradient(top, #f4f4f4, #fefefe);
     2189            background-image:   linear-gradient(to bottom, #f4f4f4, #fefefe);
     2190            border-color: #999;
     2191            color: #333;
     2192            text-shadow: 0 -1px 0 #fff;
     2193            -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
     2194            box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    21652195        }
    21662196
Note: See TracChangeset for help on using the changeset viewer.