WordPress.org
Get WordPress

Make WordPress Core

Changeset 29604


Ignore:
Timestamp:
08/25/2014 07:52:24 PM (10 years ago)
Author:
helen
Message:

Correct cascade oversights in form CSS. fixes #28262.

File:
1 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-admin/css/forms.css

    r29519 r29604  
    55    -moz-box-sizing: border-box;
    66    box-sizing: border-box;
    7 }
    8 
    9 /* @noflip */
    10 input[type="email"],
    11 input[type="url"] {
    12     direction: ltr;
    13 }
    14 
    15 input[type="checkbox"],
    16 input[type="radio"] {
    17     border: 1px solid #bbb;
    18     background: #fff;
    19     color: #555;
    20     clear: none;
    21     cursor: pointer;
    22     display: inline-block;
    23     line-height: 0;
    24     height: 16px;
    25     margin: -4px 4px 0 0;
    26     outline: 0;
    27     padding: 0 !important;
    28     text-align: center;
    29     vertical-align: middle;
    30     width: 16px;
    31     min-width: 16px;
    32     -webkit-appearance: none;
    33     -webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.1 );
    34     box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.1 );
    35     -webkit-transition: .05s border-color ease-in-out;
    36     transition: .05s border-color ease-in-out;
    37 }
    38 
    39 input[type="radio"]:checked + label:before {
    40     color: #888;
    41 }
    42 
    43 .wp-core-ui input[type="reset"]:hover,
    44 .wp-core-ui input[type="reset"]:active {
    45     color: #2ea2cc;
    46 }
    47 
    48 td > input[type="checkbox"],
    49 .wp-admin p input[type="checkbox"],
    50 .wp-admin p input[type="radio"] {
    51     margin-top: 0;
    52 }
    53 
    54 .wp-admin p label input[type="checkbox"] {
    55     margin-top: -4px;
    56 }
    57 
    58 .wp-admin p label input[type="radio"] {
    59     margin-top: -2px;
    60 }
    61 
    62 input[type="radio"] {
    63     -webkit-border-radius: 50%;
    64     border-radius: 50%;
    65     margin-right: 4px;
    66     line-height: 10px;
    67 }
    68 
    69 input[type="checkbox"]:checked:before,
    70 input[type="radio"]:checked:before {
    71     float: left;
    72     display: inline-block;
    73     vertical-align: middle;
    74     width: 16px;
    75     font: normal 21px/1 'dashicons';
    76     speak: none;
    77     -webkit-font-smoothing: antialiased;
    78     -moz-osx-font-smoothing: grayscale;
    79 }
    80 
    81 input[type="checkbox"]:checked:before {
    82     content: '\f147';
    83     margin: -3px 0 0 -4px;
    84     color: #1e8cbe;
    85 }
    86 
    87 input[type="radio"]:checked:before {
    88     content: '\2022';
    89     text-indent: -9999px;
    90     -webkit-border-radius: 50px;
    91     border-radius: 50px;
    92     font-size: 24px;
    93     width: 6px;
    94     height: 6px;
    95     margin: 4px;
    96     line-height: 16px;
    97     background-color: #1e8cbe;
    98 }
    99 
    100 @-moz-document url-prefix() {
    101     input[type="checkbox"],
    102     input[type="radio"],
    103     .form-table input.tog {
    104         margin-bottom: -1px;
    105     }
    106 }
    107 
    108 /* Search */
    109 input[type="search"] {
    110     -webkit-appearance: textfield;
    111 }
    112 
    113 input[type="search"]::-webkit-search-decoration {
    114     display: none;
    115 }
    116 
    117 .ie8 input[type="password"] {
    118     font-family: sans-serif;
    119 }
    120 
    121 textarea,
    122 input,
    123 select,
    124 button {
    125     font-family: inherit;
    126     font-size: inherit;
    127     font-weight: inherit;
    128 }
    129 
    130 textarea,
    131 input,
    132 select {
    133     font-size: 14px;
    134     padding: 3px 5px;
    135     -webkit-border-radius: 0;
    136     border-radius: 0; /* Reset mobile webkit's default element styling */
    137 }
    138 
    139 textarea {
    140     overflow: auto;
    141     padding: 2px 6px;
    142     line-height: 1.4;
    143 }
    144 
    145 .wp-admin input[type="file"] {
    146     padding: 3px 0;
    147 }
    148 
    149 label {
    150     cursor: pointer;
    151 }
    152 
    153 input,
    154 select {
    155     margin: 1px;
    156     padding: 3px 5px;
    157 }
    158 
    159 input.code {
    160     padding-top: 6px;
    161 }
    162 
    163 textarea.code {
    164     line-height: 1.4;
    165     padding: 4px 6px 1px 6px;
    1667}
    1678
    … …  
    22162}
    22263
     64/* @noflip */
     65input[type="email"],
     66input[type="url"] {
     67    direction: ltr;
     68}
     69
     70input[type="checkbox"],
     71input[type="radio"] {
     72    border: 1px solid #bbb;
     73    background: #fff;
     74    color: #555;
     75    clear: none;
     76    cursor: pointer;
     77    display: inline-block;
     78    line-height: 0;
     79    height: 16px;
     80    margin: -4px 4px 0 0;
     81    outline: 0;
     82    padding: 0 !important;
     83    text-align: center;
     84    vertical-align: middle;
     85    width: 16px;
     86    min-width: 16px;
     87    -webkit-appearance: none;
     88    -webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.1 );
     89    box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.1 );
     90    -webkit-transition: .05s border-color ease-in-out;
     91    transition: .05s border-color ease-in-out;
     92}
     93
     94input[type="radio"]:checked + label:before {
     95    color: #888;
     96}
     97
     98.wp-core-ui input[type="reset"]:hover,
     99.wp-core-ui input[type="reset"]:active {
     100    color: #2ea2cc;
     101}
     102
     103td > input[type="checkbox"],
     104.wp-admin p input[type="checkbox"],
     105.wp-admin p input[type="radio"] {
     106    margin-top: 0;
     107}
     108
     109.wp-admin p label input[type="checkbox"] {
     110    margin-top: -4px;
     111}
     112
     113.wp-admin p label input[type="radio"] {
     114    margin-top: -2px;
     115}
     116
     117input[type="radio"] {
     118    -webkit-border-radius: 50%;
     119    border-radius: 50%;
     120    margin-right: 4px;
     121    line-height: 10px;
     122}
     123
     124input[type="checkbox"]:checked:before,
     125input[type="radio"]:checked:before {
     126    float: left;
     127    display: inline-block;
     128    vertical-align: middle;
     129    width: 16px;
     130    font: normal 21px/1 'dashicons';
     131    speak: none;
     132    -webkit-font-smoothing: antialiased;
     133    -moz-osx-font-smoothing: grayscale;
     134}
     135
     136input[type="checkbox"]:checked:before {
     137    content: '\f147';
     138    margin: -3px 0 0 -4px;
     139    color: #1e8cbe;
     140}
     141
     142input[type="radio"]:checked:before {
     143    content: '\2022';
     144    text-indent: -9999px;
     145    -webkit-border-radius: 50px;
     146    border-radius: 50px;
     147    font-size: 24px;
     148    width: 6px;
     149    height: 6px;
     150    margin: 4px;
     151    line-height: 16px;
     152    background-color: #1e8cbe;
     153}
     154
     155@-moz-document url-prefix() {
     156    input[type="checkbox"],
     157    input[type="radio"],
     158    .form-table input.tog {
     159        margin-bottom: -1px;
     160    }
     161}
     162
     163/* Search */
     164input[type="search"] {
     165    -webkit-appearance: textfield;
     166}
     167
     168input[type="search"]::-webkit-search-decoration {
     169    display: none;
     170}
     171
     172.ie8 input[type="password"] {
     173    font-family: sans-serif;
     174}
     175
     176textarea,
     177input,
     178select,
     179button {
     180    font-family: inherit;
     181    font-size: inherit;
     182    font-weight: inherit;
     183}
     184
     185textarea,
     186input,
     187select {
     188    font-size: 14px;
     189    padding: 3px 5px;
     190    -webkit-border-radius: 0;
     191    border-radius: 0; /* Reset mobile webkit's default element styling */
     192}
     193
     194textarea {
     195    overflow: auto;
     196    padding: 2px 6px;
     197    line-height: 1.4;
     198}
     199
     200.wp-admin input[type="file"] {
     201    padding: 3px 0;
     202}
     203
     204label {
     205    cursor: pointer;
     206}
     207
     208input,
     209select {
     210    margin: 1px;
     211    padding: 3px 5px;
     212}
     213
     214input.code {
     215    padding-top: 6px;
     216}
     217
     218textarea.code {
     219    line-height: 1.4;
     220    padding: 4px 6px 1px 6px;
     221}
     222
    223223input.readonly,
    224224input[readonly],
Note: See TracChangeset for help on using the changeset viewer.