WordPress.org

Make WordPress Core

Ticket #21598: 21598.14.diff

File 21598.14.diff, 14.7 KB (added by koopersmith, 2 years ago)
  • wp-admin/includes/template.php

     
    16001600 *                     Defaults to no other attributes. Other attributes can also be provided as a 
    16011601 *                     string such as 'tabindex="1"', though the array format is typically cleaner. 
    16021602 */ 
    1603 function get_submit_button( $text = null, $type = 'primary', $name = 'submit', $wrap = true, $other_attributes = null ) { 
     1603function get_submit_button( $text = null, $type = 'primary large', $name = 'submit', $wrap = true, $other_attributes = null ) { 
    16041604        if ( ! is_array( $type ) ) 
    1605                 $type = explode( ' ', $type );  
     1605                $type = explode( ' ', $type ); 
    16061606 
    16071607        $button_shorthand = array( 'primary', 'small', 'large' ); 
    16081608        $classes = array( 'button' ); 
  • wp-admin/css/colors-fresh.css

     
    379379input[type=button], 
    380380input[type=submit] { 
    381381        background: #f3f3f3; 
    382         background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); 
    383         background-image: -webkit-linear-gradient(top, #fff, #eee); 
    384         background-image:    -moz-linear-gradient(top, #fff, #eee); 
    385         background-image:      -o-linear-gradient(top, #fff, #eee); 
    386         background-image:   linear-gradient(to bottom, #fff, #eee); 
    387         border-color: #ccc; 
    388         -webkit-box-shadow: inset 0 0 1px 2px rgba(255,255,255, 0.9); 
    389         box-shadow: inset 0 0 1px 2px rgba(255,255,255, 0.9); 
    390         color: #464646; 
    391         text-shadow: 1px 1px 0 #fff; 
     382        background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4)); 
     383        background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); 
     384        background-image:    -moz-linear-gradient(top, #fefefe, #f4f4f4); 
     385        background-image:      -o-linear-gradient(top, #fefefe, #f4f4f4); 
     386        background-image:   linear-gradient(to bottom, #fefefe, #f4f4f4); 
     387        border-color: #bbb; 
     388        color: #333; 
     389        text-shadow: 0 1px 0 #fff; 
    392390} 
    393391 
    394392.button.hover, 
     
    413411        background-image:    -moz-linear-gradient(top, #fff, #f3f3f3); 
    414412        background-image:      -o-linear-gradient(top, #fff, #f3f3f3); 
    415413        background-image:   linear-gradient(to bottom, #fff, #f3f3f3); 
    416         border-color: #bbb; 
    417         -webkit-box-shadow: inset 0 0 1px 2px #fff, 0px 1px 1px rgba(0,0,0,.1); 
    418         box-shadow: inset 0 0 1px 2px #fff, 0px 1px 1px rgba(0,0,0,.1); 
    419         color: #000; 
     414        border-color: #999; 
     415        color: #222; 
    420416} 
    421417 
    422418.button.focus, 
     
    428424input[type=button].focus, 
    429425input[type=button]:focus, 
    430426input[type=submit]:focus { 
    431         border-color: #999; 
    432         -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2); 
    433         box-shadow: 1px 1px 1px rgba(0,0,0,.2); 
     427        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); 
     428        box-shadow: 0 1px 2px rgba(0,0,0,0.1); 
    434429} 
    435430 
    436431.button.active, 
     
    442437input[type=button]:active, 
    443438input[type=submit]:active { 
    444439        background: #eee; 
    445         background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#f9f9f9)); 
    446         background-image: -webkit-linear-gradient(top, #eee, #f9f9f9); 
    447         background-image:    -moz-linear-gradient(top, #eee, #f9f9f9); 
    448         background-image:      -o-linear-gradient(top, #eee, #f9f9f9); 
    449         background-image:   linear-gradient(to bottom, #eee, #f9f9f9); 
    450         border-color: #999 #ddd #ddd #999; 
    451         color: #555; 
    452         -webkit-box-shadow: inset 1px 1px 0 rgba(50,50,50,0.1); 
    453         box-shadow: inset 1px 1px 0 rgba(50,50,50,0.1); 
     440        background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#fefefe)); 
     441        background-image: -webkit-linear-gradient(top, #f4f4f4, #fefefe); 
     442        background-image:    -moz-linear-gradient(top, #f4f4f4, #fefefe); 
     443        background-image:      -o-linear-gradient(top, #f4f4f4, #fefefe); 
     444        background-image:   linear-gradient(to bottom, #f4f4f4, #fefefe); 
     445        border-color: #999; 
     446        color: #333; 
     447        text-shadow: 0 -1px 0 #fff; 
     448        -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); 
     449        box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); 
    454450} 
    455451 
     452.button-disabled, 
     453.button[disabled], 
     454.button:disabled, 
     455.button-secondary[disabled], 
     456.button-secondary:disabled, 
     457a.button.disabled { 
     458        color: #aaa !important; 
     459        border-color: #ddd !important; 
     460        background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f4f4f4)) !important; 
     461        background-image: -webkit-linear-gradient(top, #f9f9f9, #f4f4f4) !important; 
     462        background-image:    -moz-linear-gradient(top, #f9f9f9, #f4f4f4) !important; 
     463        background-image:      -o-linear-gradient(top, #f9f9f9, #f4f4f4) !important; 
     464        background-image:   linear-gradient(to bottom, #f9f9f9, #f4f4f4) !important; 
     465        -webkit-box-shadow: none !important; 
     466        box-shadow:         none !important; 
     467        text-shadow: 0 1px 0 #fff !important; 
     468} 
     469 
    456470input.button-primary, 
    457471button.button-primary, 
    458472a.button-primary { 
     
    468482        box-shadow: inset 0 1px 0 rgba(120,200,230,0.5); 
    469483        color: #fff; 
    470484        text-decoration: none; 
    471         text-shadow: -1px -1px 0 rgba(0,0,0,0.1); 
     485        text-shadow: 0 1px 0 rgba(0,0,0,0.1); 
    472486} 
    473487 
    474488input.button-primary.hover, 
     
    486500        background-image:      -o-linear-gradient(top, #2e9fd2, #21759b); 
    487501        background-image:   linear-gradient(to bottom, #2e9fd2, #21759b); 
    488502        border-color: #1b607f; 
    489         -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 0 1px 1px rgba(0,0,0,.3); 
    490         box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 0 1px 1px rgba(0,0,0,.3); 
     503        -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6); 
     504        box-shadow: inset 0 1px 0 rgba(120,200,230,0.6); 
    491505        color: #fff; 
    492         text-shadow: -1px -1px 0 rgba(0,0,0,0.3); 
     506        text-shadow: 0 -1px 0 rgba(0,0,0,0.3); 
    493507} 
    494508 
    495509input.button-primary.focus, 
     
    497511button.button-primary:focus, 
    498512a.button-primary:focus { 
    499513        border-color: #0e3950; 
    500         -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,.4); 
    501         box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,.4); 
     514        -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 0 1px 2px rgba(0,0,0,0.1); 
     515        box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 0 1px 2px rgba(0,0,0,0.1); 
    502516} 
    503517 
    504518input.button-primary.active, 
     
    511525        background-image:    -moz-linear-gradient(top, #21759b, #278ab7); 
    512526        background-image:      -o-linear-gradient(top, #21759b, #278ab7); 
    513527        background-image:   linear-gradient(to bottom, #21759b, #278ab7); 
    514         border-color: #124560 #2382ae #2382ae #124560; 
     528        border-color: #124560 #2382ae #2382ae #2382ae; 
    515529        color: rgba(255,255,255,0.95); 
    516         -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.1); 
    517         box-shadow: inset 1px 1px 0 rgba(0,0,0,0.1); 
     530        -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); 
     531        box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); 
     532        text-shadow: 0 1px 0 rgba(0,0,0,0.1); 
    518533} 
    519534 
    520 .button-disabled, 
    521 .button[disabled], 
    522 .button:disabled, 
    523 .button-secondary[disabled], 
    524 .button-secondary:disabled, 
    525 a.button.disabled { 
    526         color: #aaa !important; 
    527         border-color: #ddd !important; 
    528         -webkit-box-shadow: none !important; 
    529         box-shadow:         none !important; 
    530 } 
    531  
    532535.button-primary-disabled, 
    533536.button-primary[disabled], 
    534537.button-primary:disabled { 
    535538        color: #94cde7 !important; 
    536539        background: #298cba !important; 
     540        border-color: #1b607f !important; 
    537541        -webkit-box-shadow: none !important; 
    538542        box-shadow:         none !important; 
     543        text-shadow: 0 -1px 0 rgba(0,0,0,0.1) !important; 
    539544} 
    540545 
    541546.button-primary-disabled:hover, 
  • wp-admin/css/wp-admin.css

     
    783783        line-height: 17px; 
    784784        height: 15px; 
    785785        margin: 0; 
    786         padding: 0.25em 0.8em 0.35em; 
     786        padding: 0.25em 0.85em 0.35em; 
    787787        cursor: pointer; 
    788788        border-width: 1px; 
    789789        border-style: solid; 
     
    795795        white-space: nowrap; 
    796796} 
    797797 
    798 .button.button-large, 
    799 .button.button-primary { 
    800         padding: 0.4em 0.8em 0.5em; 
     798.button.button-large { 
     799        padding: 0.4em 1.0em 0.5em; 
    801800} 
    802801 
    803802.button.button-small { 
    804         padding: 0.15em 0.8em 0.17em; 
     803        padding: 0.15em 0.75em 0.17em; 
    805804} 
    806805 
    807 .button.regular { 
    808         padding: 0.25em 0.8em 0.35em !important; 
    809 } 
    810  
    811806#minor-publishing-actions input, 
    812807#major-publishing-actions input, 
    813808#minor-publishing-actions .preview { 
  • wp-admin/css/colors-classic.css

     
    388388input[type=button], 
    389389input[type=submit] { 
    390390        background: #f3f3f3; 
    391         background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); 
    392         background-image: -webkit-linear-gradient(top, #fff, #eee); 
    393         background-image:    -moz-linear-gradient(top, #fff, #eee); 
    394         background-image:      -o-linear-gradient(top, #fff, #eee); 
    395         background-image:   linear-gradient(to bottom, #fff, #eee); 
    396         border-color: #ccc; 
    397         -webkit-box-shadow: inset 0 0 1px 2px rgba(255,255,255, 0.9); 
    398         box-shadow: inset 0 0 1px 2px rgba(255,255,255, 0.9); 
    399         color: #464646; 
    400         text-shadow: 1px 1px 0 #fff; 
     391        background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4)); 
     392        background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); 
     393        background-image:    -moz-linear-gradient(top, #fefefe, #f4f4f4); 
     394        background-image:      -o-linear-gradient(top, #fefefe, #f4f4f4); 
     395        background-image:   linear-gradient(to bottom, #fefefe, #f4f4f4); 
     396        border-color: #bbb; 
     397        color: #333; 
     398        text-shadow: 0 1px 0 #fff; 
    401399} 
    402400 
    403401.button.hover, 
     
    422420        background-image:    -moz-linear-gradient(top, #fff, #f3f3f3); 
    423421        background-image:      -o-linear-gradient(top, #fff, #f3f3f3); 
    424422        background-image:   linear-gradient(to bottom, #fff, #f3f3f3); 
    425         border-color: #bbb; 
    426         -webkit-box-shadow: inset 0 0 1px 2px #fff, 0px 1px 1px rgba(0,0,0,.1); 
    427         box-shadow: inset 0 0 1px 2px #fff, 0px 1px 1px rgba(0,0,0,.1); 
    428         color: #000; 
     423        border-color: #999; 
     424        color: #222; 
    429425} 
    430426 
    431427.button.focus, 
     
    437433input[type=button].focus, 
    438434input[type=button]:focus, 
    439435input[type=submit]:focus { 
    440         border-color: #999; 
    441         -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2); 
    442         box-shadow: 1px 1px 1px rgba(0,0,0,.2); 
     436        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); 
     437        box-shadow: 0 1px 2px rgba(0,0,0,0.1); 
    443438} 
    444439 
    445440.button.active, 
     
    447442.button-secondary.active, 
    448443.button-secondary:active, 
    449444.submit input:active, 
     445input[type=button].active, 
    450446input[type=button]:active, 
    451 input[type=submit].active, 
    452447input[type=submit]:active { 
    453448        background: #eee; 
    454         background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#f9f9f9)); 
    455         background-image: -webkit-linear-gradient(top, #eee, #f9f9f9); 
    456         background-image:    -moz-linear-gradient(top, #eee, #f9f9f9); 
    457         background-image:      -o-linear-gradient(top, #eee, #f9f9f9); 
    458         background-image:   linear-gradient(to bottom, #eee, #f9f9f9); 
    459         border-color: #999 #ddd #ddd #999; 
    460         color: #555; 
    461         -webkit-box-shadow: inset 1px 1px 0 rgba(50,50,50,0.1); 
    462         box-shadow: inset 1px 1px 0 rgba(50,50,50,0.1); 
     449        background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#fefefe)); 
     450        background-image: -webkit-linear-gradient(top, #f4f4f4, #fefefe); 
     451        background-image:    -moz-linear-gradient(top, #f4f4f4, #fefefe); 
     452        background-image:      -o-linear-gradient(top, #f4f4f4, #fefefe); 
     453        background-image:   linear-gradient(to bottom, #f4f4f4, #fefefe); 
     454        border-color: #999; 
     455        color: #333; 
     456        text-shadow: 0 -1px 0 #fff; 
     457        -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); 
     458        box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); 
    463459} 
    464460 
     461.button-disabled, 
     462.button[disabled], 
     463.button:disabled, 
     464.button-secondary[disabled], 
     465.button-secondary:disabled, 
     466a.button.disabled { 
     467        color: #aaa !important; 
     468        border-color: #ddd !important; 
     469        background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f4f4f4)) !important; 
     470        background-image: -webkit-linear-gradient(top, #f9f9f9, #f4f4f4) !important; 
     471        background-image:    -moz-linear-gradient(top, #f9f9f9, #f4f4f4) !important; 
     472        background-image:      -o-linear-gradient(top, #f9f9f9, #f4f4f4) !important; 
     473        background-image:   linear-gradient(to bottom, #f9f9f9, #f4f4f4) !important; 
     474        -webkit-box-shadow: none !important; 
     475        box-shadow:         none !important; 
     476        text-shadow: 0 1px 0 #fff !important; 
     477} 
     478 
    465479input.button-primary, 
    466480button.button-primary, 
    467481a.button-primary { 
     
    477491        box-shadow: inset 0 1px 0 rgba(120,200,230,0.5); 
    478492        color: #fff; 
    479493        text-decoration: none; 
    480         text-shadow: -1px -1px 0 rgba(0,0,0,0.1); 
     494        text-shadow: 0 1px 0 rgba(0,0,0,0.1); 
    481495} 
    482496 
    483497input.button-primary.hover, 
     
    495509        background-image:      -o-linear-gradient(top, #2e9fd2, #21759b); 
    496510        background-image:   linear-gradient(to bottom, #2e9fd2, #21759b); 
    497511        border-color: #1b607f; 
    498         -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 0px 1px 2px rgba(0,0,0,.4); 
    499         box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 0px 1px 2px rgba(0,0,0,.4); 
     512        -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6); 
     513        box-shadow: inset 0 1px 0 rgba(120,200,230,0.6); 
    500514        color: #fff; 
    501         text-shadow: -1px -1px 0 rgba(0,0,0,0.3); 
     515        text-shadow: 0 -1px 0 rgba(0,0,0,0.3); 
    502516} 
    503517 
    504518input.button-primary.focus, 
     
    506520button.button-primary:focus, 
    507521a.button-primary:focus { 
    508522        border-color: #0e3950; 
    509         -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,.4); 
    510         box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,.4); 
     523        -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 0 1px 2px rgba(0,0,0,0.1); 
     524        box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 0 1px 2px rgba(0,0,0,0.1); 
    511525} 
    512526 
    513527input.button-primary.active, 
     
    520534        background-image:    -moz-linear-gradient(top, #21759b, #278ab7); 
    521535        background-image:      -o-linear-gradient(top, #21759b, #278ab7); 
    522536        background-image:   linear-gradient(to bottom, #21759b, #278ab7); 
    523         border-color: #124560 #2382ae #2382ae #124560; 
     537        border-color: #124560 #2382ae #2382ae #2382ae; 
    524538        color: rgba(255,255,255,0.95); 
    525         -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.1); 
    526         box-shadow: inset 1px 1px 0 rgba(0,0,0,0.1); 
     539        -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); 
     540        box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); 
     541        text-shadow: 0 1px 0 rgba(0,0,0,0.1); 
    527542} 
    528543 
    529 .button-disabled, 
    530 .button[disabled], 
    531 .button:disabled, 
    532 .button-secondary[disabled], 
    533 .button-secondary:disabled, 
    534 a.button.disabled { 
    535         color: #aaa !important; 
    536         border-color: #ddd !important; 
    537         -webkit-box-shadow: none !important; 
    538         box-shadow:         none !important; 
    539 } 
    540  
    541544.button-primary-disabled, 
    542545.button-primary[disabled], 
    543546.button-primary:disabled { 
    544547        color: #94cde7 !important; 
    545548        background: #298cba !important; 
     549        border-color: #1b607f !important; 
    546550        -webkit-box-shadow: none !important; 
    547551        box-shadow:         none !important; 
     552        text-shadow: 0 -1px 0 rgba(0,0,0,0.1) !important; 
    548553} 
    549554 
    550555.button-primary-disabled:hover,