WordPress.org

Make WordPress Core

Ticket #23582: 23582.universal-box-sizing.patch

File 23582.universal-box-sizing.patch, 8.0 KB (added by Jayjdk, 9 years ago)

Same as the previous but with an universal selector for box-sizing

  • style.css

     
    382382
    383383input[type="checkbox"],
    384384input[type="radio"] {
    385         -webkit-box-sizing: border-box;
    386         -moz-box-sizing:    border-box;
    387         -ms-box-sizing:     border-box;
    388         box-sizing:         border-box;
    389385        padding: 0;
    390386        *height: 13px;
    391387        *width: 13px;
     
    600596input[type="reset"] {
    601597        background: #e05d22; /* Old browsers */
    602598        background: -webkit-linear-gradient(top, #e05d22 0%, #d94412 100%); /* Chrome10+,Safari5.1+ */
    603         background: -moz-linear-gradient(   top, #e05d22 0%, #d94412 100%); /* FF3.6+ */
    604         background: -ms-linear-gradient(    top, #e05d22 0%, #d94412 100%); /* IE10+ */
    605599        background: -o-linear-gradient(     top, #e05d22 0%, #d94412 100%); /* Opera 11.10+ */
    606600        background: linear-gradient(  to bottom, #e05d22 0%, #d94412 100%); /* W3C */
    607601        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e05d22', endColorstr='#d94412', GradientType=0); /* IE6-9 */
     
    624618input[type="reset"]:focus {
    625619        background: #ed6a31; /* Old browsers */
    626620        background: -webkit-linear-gradient(top, #ed6a31 0%, #e55627 100%); /* Chrome10+,Safari5.1+ */
    627         background: -moz-linear-gradient(   top, #ed6a31 0%, #e55627 100%); /* FF3.6+ */
    628         background: -ms-linear-gradient(    top, #ed6a31 0%, #e55627 100%); /* IE10+ */
    629621        background: -o-linear-gradient(     top, #ed6a31 0%, #e55627 100%); /* Opera 11.10+ */
    630622        background: linear-gradient(  to bottom, #ed6a31 0%, #e55627 100%); /* W3C */
    631623        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed6a31', endColorstr='#e55627', GradientType=0); /* IE6-9 */
     
    638630input[type="reset"]:active {
    639631        background: #d94412; /* Old browsers */
    640632        background: -webkit-linear-gradient(top, #d94412 0%, #e05d22 100%); /* Chrome10+,Safari5.1+ */
    641         background: -moz-linear-gradient(   top, #d94412 0%, #e05d22 100%); /* FF3.6+ */
    642         background: -ms-linear-gradient(    top, #d94412 0%, #e05d22 100%); /* IE10+ */
    643633        background: -o-linear-gradient(     top, #d94412 0%, #e05d22 100%); /* Opera 11.10+ */
    644634        background: linear-gradient(  to bottom, #d94412 0%, #e05d22 100%); /* W3C */
    645635        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d94412', endColorstr='#e05d22', GradientType=0); /* IE6-9 */
     
    773763 * 3.0 Basic Structure
    774764 * ----------------------------------------------------------------------------
    775765 */
     766
     767* {
     768        -webkit-box-sizing: border-box;
     769        -moz-box-sizing:    border-box;
     770        box-sizing:         border-box;
     771}
     772
    776773.site {
    777774        background-color: #fff;
    778775        border-left: 1px solid #f2f2f2;
     
    816813}
    817814
    818815.site-header hgroup {
    819         -webkit-box-sizing: border-box;
    820         -moz-box-sizing:    border-box;
    821         -ms-box-sizing:     border-box;
    822         box-sizing:         border-box;
    823816        margin: 0 auto;
    824817        max-width: 1040px;
    825818        min-height: 230px;
     
    956949        border: none;
    957950        cursor: pointer;
    958951        height: 37px;
    959         -webkit-box-sizing: border-box;
    960         -moz-box-sizing:    border-box;
    961         -ms-box-sizing:     border-box;
    962         box-sizing:         border-box;
    963952        -webkit-transition: width 400ms ease, background 400ms ease;
    964         -moz-transition:    width 400ms ease, background 400ms ease;
    965953        -o-transition:      width 400ms ease, background 400ms ease;
    966954        transition:         width 400ms ease, background 400ms ease;
    967955        margin: 3px 0;
     
    10511039.sidebar .entry-content,
    10521040.sidebar .entry-summary,
    10531041.sidebar .entry-meta {
    1054         -webkit-box-sizing: border-box;
    1055         -moz-box-sizing:    border-box;
    1056         -ms-box-sizing:     border-box;
    1057         box-sizing:         border-box;
    10581042        max-width: 1040px;
    10591043        padding: 0 376px 0 60px;
    10601044}
     
    15461530.search .format-gallery .gallery-item .gallery-icon {
    15471531        height: 100%;
    15481532        -webkit-transform: translate(50%, 50%);
    1549         -moz-transform:    translate(50%, 50%);
    15501533        -ms-transform:     translate(50%, 50%);
    15511534        -o-transform:      translate(50%, 50%);
    15521535        transform:         translate(50%, 50%);
     
    15571540.archive .format-gallery .gallery-item .gallery-icon img,
    15581541.search .format-gallery .gallery-item .gallery-icon img {
    15591542        -webkit-transform: translate(-50%, -50%);
    1560         -moz-transform:    translate(-50%, -50%);
    15611543        -ms-transform:     translate(-50%, -50%);
    15621544        -o-transform:      translate(-50%, -50%);
    15631545        transform:         translate(-50%, -50%);
     
    16791661
    16801662.format-status .entry-content,
    16811663.format-status .entry-meta {
    1682         -webkit-box-sizing: border-box;
    1683         -moz-box-sizing:    border-box;
    1684         -ms-box-sizing:     border-box;
    1685         box-sizing:         border-box;
    16861664        padding-left: 35px;
    16871665        position: relative;
    16881666}
     
    19461924}
    19471925
    19481926.sidebar .paging-navigation .nav-links {
    1949         -webkit-box-sizing: border-box;
    1950         -moz-box-sizing:    border-box;
    1951         -ms-box-sizing:     border-box;
    1952         box-sizing:         border-box;
    19531927        max-width: 1040px;
    19541928        padding: 0 376px 0 60px;
    19551929}
     
    20011975}
    20021976
    20031977.sidebar .post-navigation .nav-links {
    2004         -webkit-box-sizing: border-box;
    2005         -moz-box-sizing:    border-box;
    2006         -ms-box-sizing:     border-box;
    2007         box-sizing:         border-box;
    20081978        padding: 0 376px 0 60px;
    20091979}
    20101980
     
    20271997}
    20281998
    20291999.author.sidebar .author-info {
    2030         -webkit-box-sizing: border-box;
    2031         -moz-box-sizing:    border-box;
    2032         -ms-box-sizing:     border-box;
    2033         box-sizing:         border-box;
    20342000        max-width: 1040px;
    20352001        padding: 30px 376px 10px 60px;
    20362002}
     
    20992065}
    21002066
    21012067.sidebar .archive-meta {
    2102         -webkit-box-sizing: border-box;
    2103         -moz-box-sizing:    border-box;
    2104         -ms-box-sizing:     border-box;
    2105         box-sizing:         border-box;
    21062068        padding-right: 316px;
    21072069}
    21082070
     
    21322094}
    21332095
    21342096.sidebar .page-content {
    2135         -webkit-box-sizing: border-box;
    2136         -moz-box-sizing:    border-box;
    2137         -ms-box-sizing:     border-box;
    2138         box-sizing:         border-box;
    21392097        margin: 0 auto;
    21402098        max-width: 1040px;
    21412099        padding: 40px 376px 40px 60px;
     
    22032161.sidebar #reply-title,
    22042162.sidebar .comment-navigation,
    22052163.sidebar #respond #commentform {
    2206         -webkit-box-sizing: border-box;
    2207         -moz-box-sizing:    border-box;
    2208         -ms-box-sizing:     border-box;
    2209         box-sizing:         border-box;
    22102164        max-width: 1040px;
    22112165        padding-left: 60px;
    22122166        padding-right: 376px;
     
    23812335
    23822336#commentform textarea {
    23832337        width: 100%;
    2384         -webkit-box-sizing: border-box;
    2385         -moz-box-sizing:    border-box;
    2386         -ms-box-sizing:     border-box;
    2387         box-sizing:         border-box;
    23882338}
    23892339
    23902340.form-allowed-tags,
     
    24222372}
    24232373
    24242374.sidebar .no-comments {
    2425         -webkit-box-sizing: border-box;
    2426         -moz-box-sizing:    border-box;
    2427         -ms-box-sizing:     border-box;
    2428         box-sizing:         border-box;
    24292375        padding-left: 60px;
    24302376        padding-right: 376px;
    24312377}
     
    24372383 */
    24382384
    24392385.site-main .widget-area {
    2440         -webkit-box-sizing: border-box;
    2441         -moz-box-sizing:    border-box;
    2442         -ms-box-sizing:     border-box;
    2443         box-sizing:         border-box;
    24442386        float: right;
    24452387        width: 300px;
    24462388}
     
    24982440}
    24992441
    25002442.widget .searchform .field {
    2501         -webkit-box-sizing: border-box;
    2502         -moz-box-sizing:    border-box;
    2503         -ms-box-sizing:     border-box;
    2504         box-sizing:         border-box;
    25052443        width: 100%;
    25062444}
    25072445
     
    25772515}
    25782516
    25792517.site-footer .widget-area {
    2580         -webkit-box-sizing: border-box;
    2581         -moz-box-sizing:    border-box;
    2582         -ms-box-sizing:     border-box;
    2583         box-sizing:         border-box;
    25842518        margin: 0 auto;
    25852519        padding: 20px 0;
    25862520        max-width: 1040px;
     
    25942528
    25952529.site-footer .widget {
    25962530        background: transparent;
    2597         -webkit-box-sizing: border-box;
    2598         -moz-box-sizing:    border-box;
    2599         -ms-box-sizing:     border-box;
    2600         box-sizing:         border-box;
    26012531        color: #fff;
    26022532        float: left;
    26032533        margin-right: 20px;
     
    27032633        .post-navigation .nav-links,
    27042634        .sidebar .site-info,
    27052635        .site-footer .widget-area {
    2706                 -webkit-box-sizing: border-box;
    2707                 -moz-box-sizing:    border-box;
    2708                 -ms-box-sizing:     border-box;
    2709                 box-sizing:         border-box;
    27102636                padding-left: 20px;
    27112637                padding-right: 20px;
    27122638        }
     
    28942820        #respond,
    28952821        .sidebar .site-info,
    28962822        .sidebar .paging-navigation .nav-links {
    2897                 -webkit-box-sizing: border-box;
    2898                 -moz-box-sizing:    border-box;
    2899                 -ms-box-sizing:     border-box;
    2900                 box-sizing:         border-box;
    29012823                padding-right: 20px;
    29022824                padding-left: 20px;
    29032825        }