WordPress.org

Make WordPress Core

Changeset 22899


Ignore:
Timestamp:
11/28/2012 06:17:38 PM (9 years ago)
Author:
lancewillett
Message:

Twenty Twelve: change form input selectors to only reset non-textual input types, allowing for broader support for newer HTML5 input types. Also add better button support. Fixes #20579.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-content/themes/twentytwelve/style.css

    r22896 r22899  
    203203}
    204204
     205/* Form fields, general styles first */
     206button,
     207input,
     208textarea {
     209    border: 1px solid #ccc;
     210    border-radius: 3px;
     211    font-family: inherit;
     212    padding: 6px;
     213    padding: 0.428571429rem;
     214}
     215button,
     216input {
     217    line-height: normal;
     218}
     219textarea {
     220    font-size: 100%;
     221    overflow: auto;
     222    vertical-align: top;
     223}
     224
     225/* Reset non-text input types */
     226input[type="checkbox"],
     227input[type="radio"],
     228input[type="file"],
     229input[type="hidden"],
     230input[type="image"],
     231input[type="color"] {
     232    border: 0;
     233    border-radius: 0;
     234    padding: 0;
     235}
     236
    205237/* Buttons */
    206238.menu-toggle,
    207239input[type="submit"],
     240input[type="button"],
     241input[type="reset"],
    208242article.post-password-required input[type=submit],
    209243li.bypostauthor cite span {
     
    227261}
    228262.menu-toggle,
     263button,
    229264input[type="submit"],
    230 article.post-password-required input[type=submit] {
     265input[type="button"],
     266input[type="reset"] {
    231267    cursor: pointer;
    232268}
     269button[disabled],
     270input[disabled] {
     271    cursor: default;
     272}
    233273.menu-toggle:hover,
     274button:hover,
    234275input[type="submit"]:hover,
     276input[type="button"]:hover,
     277input[type="reset"]:hover,
    235278article.post-password-required input[type=submit]:hover {
    236279    color: #5e5e5e;
     
    245288.menu-toggle:active,
    246289.menu-toggle.toggled-on,
     290button:active,
    247291input[type="submit"]:active,
    248 article.post-password-required input[type=submit]:active,
    249 input[type="submit"].toggled-on {
     292input[type="button"]:active,
     293input[type="reset"]:active {
    250294    color: #757575;
    251295    background-color: #e1e1e1;
     
    267311    box-shadow: none;
    268312    padding: 0;
    269 }
    270 
    271 /* Form fields */
    272 input[type="text"],
    273 input[type="password"],
    274 input[type="email"],
    275 input[type="url"],
    276 textarea {
    277     padding: 6px;
    278     padding: 0.428571429rem;
    279     font-family: inherit;
    280     border: 1px solid #ccc;
    281     border-radius: 3px;
    282313}
    283314
Note: See TracChangeset for help on using the changeset viewer.