WordPress.org

Make WordPress Core

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

File 23582.universal-box-sizing.patch, 8.0 KB (added by Jayjdk, 14 months 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        }