WordPress.org

Make WordPress Core

Ticket #15986: 15986.test3.patch

File 15986.test3.patch, 17.5 KB (added by chexee, 7 years ago)

Lighter icon CSS

  • wp-includes/js/tinymce/themes/advanced/skins/wp_theme/ui.css

     
    5353        cursor: default;
    5454        padding: 1px 2px;
    5555        margin: 1px;
    56         background-image: url(img/butt2.png);
    57         background-position: left top;
    58         background-repeat: repeat-x;
    59         -moz-border-radius: 3px;
    60         -webkit-border-radius: 3px;
    61         -khtml-border-radius: 3px;
    62         border-radius: 3px;
     56        -moz-border-radius: 2px;
     57        -webkit-border-radius: 2px;
     58        -khtml-border-radius: 2px;
     59        border-radius: 2px;
     60  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
     61  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
     62  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
     63  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
    6364}
     65
     66.wp_themeSkin a.mceButtonEnabled:hover {
     67        background-image: inherit 0 -10px;
     68}
     69
    6470.wp_themeSkin a.mceButton span, .wp_themeSkin a.mceButton img {}
    6571.wp_themeSkin .mceOldBoxModel a.mceButton span, .wp_themeSkin .mceOldBoxModel a.mceButton img {margin:0 0 0 1px}
    66 .wp_themeSkin a.mceButtonEnabled:hover {
    67         background-position:0 -10px;
    68 }
    69 .wp_themeSkin a.mceButtonActive, .wp_themeSkin a.mceButtonSelected {
     72
     73.wp_themeSkin a.mceButton:active,
     74.wp_themeSkin a.mceButtonActive,
     75.wp_themeSkin a.mceButtonActive:hover,
     76.wp_themeSkin a.mceButtonSelected {
    7077        background-image: inherit;
     78  -webkit-box-shadow:  0 1px 1px rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
     79  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
     80  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
     81  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    7182}
    7283.wp_themeSkin .mceButtonDisabled .mceIcon {opacity:0.3; filter:alpha(opacity=30);}
    7384.wp_themeSkin .mceButtonDisabled {}
     
    89100        text-align:left;
    90101        text-decoration: none !important;
    91102        width:70px; 
    92         background-image: url(img/butt2.png);
    93         background-position: left top;
    94         background-repeat: repeat-x;
     103        -moz-border-bottom-left-radius: 2px;
     104        -webkit-border-bottom-left-radius: 2px;
     105        -khtml-border-bottom-left-radius: 2px;
     106        -o-border-bottom-left-radius: 2px;
     107        border-bottom-left-radius: 2px;
     108        -moz-border-top-left-radius: 2px;
     109        -webkit-border-top-left-radius: 2px;
     110        -khtml-border-top-left-radius: 2px;
     111        -o-border-top-left-radius: 2px;
     112        border-top-left-radius: 2px;
     113  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
     114  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
     115  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
     116  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
    95117        font-family: Tahoma,Verdana,Arial,Helvetica;
    96118        font-size: 11px;
    97119        height: 20px;
     
    106128        width: 14px;
    107129        height: 20px;
    108130        border-collapse: separate;
    109         background-image: url(img/butt2.png);
    110         background-position: left top;
    111         background-repeat: repeat-x;
    112131        padding: 1px;
    113         border-left: 0 none !important;
     132        -moz-border-bottom-left-radius: 0;
     133        -webkit-border-bottom-left-radius: 0;
     134        -khtml-border-bottom-left-radius: 0;
     135        -o-border-bottom-left-radius: 0;
     136        border-bottom-left-radius: 0;
     137        -moz-border-top-left-radius: 0;
     138        -webkit-border-top-left-radius: 0;
     139        -khtml-border-top-left-radius: 0;
     140        -o-border-top-left-radius: 0;
     141        border-top-left-radius: 0;
     142  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
     143  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
     144  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
     145  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
    114146}
    115147.wp_themeSkin .mceListBox .mceOpen span {
    116148        display: block;
     
    142174}
    143175.wp_themeSkin table.mceSplitButton td {
    144176        padding: 2px;
    145         background-image: url(img/butt2.png);
    146         background-position: left top;
    147         background-repeat: repeat-x;
     177        -moz-border-bottom-left-radius: 0;
     178        -webkit-border-bottom-left-radius: 0;
     179        -khtml-border-bottom-left-radius: 0;
     180        border-bottom-left-radius: 0;
     181        -moz-border-top-left-radius: 0;
     182        -webkit-border-top-left-radius: 0;
     183        -khtml-border-top-left-radius: 0;
     184        border-top-left-radius: 0;
    148185}
     186
     187.wp_themeSkin table.mceSplitButton td a {
     188  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
     189  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
     190  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
     191  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
     192}
     193
     194.wp_themeSkin table.mceSplitButton:hover td {
     195        background-image: inherit 0 -10px;
     196}
     197
    149198.wp_themeSkin .mceSplitButton a.mceAction {
    150199        height:20px;
    151200        width:20px;
  • wp-admin/css/colors-classic.dev.css

    Cannot display: file marked as a binary type.
    svn:mime-type = application/octet-stream
    
    Property changes on: wp-admin/images/press-this.png
    ___________________________________________________________________
    Added: svn:mime-type
       + application/octet-stream
    
     
    821821/* Button */
    822822.wp_themeSkin .mceButton {
    823823        background-color: #e9e8e8;
    824         border-color: #B2B2B2;
     824        border-color: #B0C8D7;
     825        background-image: -ms-linear-gradient(bottom, #cfdfe9, #fff); /* IE10 */ 
     826        background-image: -moz-linear-gradient(bottom, #cfdfe9, #fff); /* Firefox */ 
     827        background-image: -o-linear-gradient(bottom, #cfdfe9, #fff); /* Opera */ 
     828        background-image: -webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#fff)); /* old Webkit  */ 
     829        background-image: -webkit-linear-gradient(bottom, #cfdfe9, #fff) !important; /* new Webkit */ 
     830        background-image: linear-gradient(bottom, #cfdfe9, #fff); /* proposed W3C Markup */
    825831}
    826832
    827 .wp_themeSkin a.mceButtonEnabled:hover,
     833.wp_themeSkin a.mceButtonEnabled:hover {
     834        border-color: #5589AA;
     835}
     836
     837
     838.wp_themeSkin a.mceButton:active,
     839.wp_themeSkin a.mceButtonEnabled:active,
     840.wp_themeSkin a.mceButtonSelected:active,
    828841.wp_themeSkin a.mceButtonActive,
    829 .wp_themeSkin a.mceButtonSelected {
    830         background: #d5d5d5;
    831         border-color: #777 !important;
     842.wp_themeSkin a.mceButtonActive:active,
     843.wp_themeSkin a.mceButtonActive:hover {
     844        background-color: #B0C8D7 !important;
     845        background-image: none !important;
     846        border-color: #5589AA;
    832847}
    833848
    834849.wp_themeSkin .mceButtonDisabled {
    835         border-color: #ccc !important;
     850        border-color: #B0C8D7 !important;
    836851}
    837852
    838853/* ListBox */
     854
    839855.wp_themeSkin .mceListBox .mceText,
    840856.wp_themeSkin .mceListBox .mceOpen  {
    841         border-color: #B2B2B2;
    842         background-color: #d5d5d5;
     857        border-color: #B0C8D7;
     858        background-color: #cfdfe9; /* Fallback */
     859        background-image: -ms-linear-gradient(bottom, #cfdfe9, #fff); /* IE10 */ 
     860        background-image: -moz-linear-gradient(bottom, #cfdfe9, #fff); /* Firefox */ 
     861        background-image: -o-linear-gradient(bottom, #cfdfe9, #fff); /* Opera */ 
     862        background-image: -webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#fff)); /* old Webkit  */ 
     863        background-image: -webkit-linear-gradient(bottom, #cfdfe9, #fff) !important; /* new Webkit */ 
     864        background-image: linear-gradient(bottom, #cfdfe9, #fff); /* proposed W3C Markup */
    843865}
    844866
     867.wp_themeSkin .mceListBox .mceOpen {
     868        border-left: 0px !important;
     869}
     870
    845871.wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
    846872.wp_themeSkin .mceListBoxHover .mceOpen,
     873.wp_themeSkin .mceListBoxHover:active .mceOpen,
    847874.wp_themeSkin .mceListBoxSelected .mceOpen,
    848 .wp_themeSkin .mceListBoxSelected .mceText {
    849         border-color: #777 !important;
    850         background-color: #d5d5d5;
     875.wp_themeSkin .mceListBoxSelected .mceText,
     876.wp_themeSkin table.mceListBoxEnabled:active .mceText {
     877        background: #B0C8D7;
     878        border-color: #5589AA !important;
    851879}
    852880
     881/* List Box Hover */
    853882.wp_themeSkin table.mceListBoxEnabled:hover .mceText,
    854 .wp_themeSkin .mceListBoxHover .mceText {
    855         border-color: #777 !important;
     883.wp_themeSkin .mceListBoxHover .mceText,
     884.wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
     885.wp_themeSkin .mceListBoxHover .mceOpen {
     886        border-color: #5589AA !important;
     887        background-color: #c9c9c9; /* Fallback */
    856888}
    857889
    858 .wp_themeSkin select.mceListBox {
    859         border-color: #B2B2B2;
    860         background-color: #fff;
    861 }
    862890
    863891/* SplitButton */
    864892.wp_themeSkin .mceSplitButton a.mceAction,
    865893.wp_themeSkin .mceSplitButton a.mceOpen {
    866         border-color: #B2B2B2;
     894        border-color: #B0C8D7;
    867895}
    868896
    869897.wp_themeSkin .mceSplitButton a.mceOpen:hover,
    870898.wp_themeSkin .mceSplitButtonSelected a.mceOpen,
    871899.wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction,
    872900.wp_themeSkin .mceSplitButton a.mceAction:hover {
    873         background-color: #d5d5d5;
    874         border-color: #777 !important;
     901        border-color: #5589AA !important;
    875902}
    876903
     904
     905.wp_themeSkin table.mceSplitButton td {
     906        background-color: #cfdfe9; /* Fallback */
     907        background-image: -ms-linear-gradient(bottom, #cfdfe9, #fff); /* IE10 */ 
     908        background-image: -moz-linear-gradient(bottom, #cfdfe9, #fff); /* Firefox */ 
     909        background-image: -o-linear-gradient(bottom, #cfdfe9, #fff); /* Opera */ 
     910        background-image: -webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#fff)); /* old Webkit  */ 
     911        background-image: -webkit-linear-gradient(bottom, #cfdfe9, #fff) !important; /* new Webkit */ 
     912        background-image: linear-gradient(bottom, #cfdfe9, #fff); /* proposed W3C Markup */
     913}
     914
    877915.wp_themeSkin .mceSplitButtonActive {
    878         background-color: #B2B2B2;
     916        background-color: #B0C8D7;
    879917}
    880918
    881919/* ColorSplitButton */
  • wp-admin/css/colors-fresh.dev.css

     
    820820
    821821/* Button */
    822822.wp_themeSkin .mceButton {
    823         background-color: #e9e8e8;
    824         border-color: #B2B2B2;
     823        border-color: #ccc;
     824        background-color: #c9c9c9; /* Fallback */
     825        background-image: -ms-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* IE10 */ 
     826        background-image: -moz-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* Firefox */ 
     827        background-image: -o-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* Opera */ 
     828        background-image: -webkit-gradient(linear, left bottom, left top, from(#c9c9c9), to(#f6f6f6)); /* old Webkit  */ 
     829        background-image: -webkit-linear-gradient(bottom, #c9c9c9, #f6f6f6) !important; /* new Webkit */ 
     830        background-image: linear-gradient(bottom, #c9c9c9, #f6f6f6); /* proposed W3C Markup */
    825831}
    826832
    827 .wp_themeSkin a.mceButtonEnabled:hover,
    828 .wp_themeSkin a.mceButtonActive,
    829 .wp_themeSkin a.mceButtonSelected {
     833.wp_themeSkin a.mceButtonEnabled:hover {
    830834        background: #d5d5d5;
    831         border-color: #777 !important;
     835        border-color: #a0a0a0 !important;
     836        background-color: #c9c9c9; /* Fallback */
     837        background-image: -ms-linear-gradient(bottom, #ccc, #fff); /* IE10 */ 
     838        background-image: -moz-linear-gradient(bottom, #ccc, #fff)); /* Firefox */ 
     839        background-image: -o-linear-gradient(bottom, #ccc, #fff)); /* Opera */ 
     840        background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff)); /* old Webkit  */ 
     841        background-image: -webkit-linear-gradient(bottom, #ccc, #fff) !important; /* new Webkit */ 
     842        background-image: linear-gradient(bottom, #ccc, #fff); /* proposed W3C Markup */
    832843}
    833844
     845.wp_themeSkin a.mceButton:active,
     846.wp_themeSkin a.mceButtonEnabled:active,
     847.wp_themeSkin a.mceButtonSelected:active,
     848.wp_themeSkin a.mceButtonActive,
     849.wp_themeSkin a.mceButtonActive:active,
     850.wp_themeSkin a.mceButtonActive:hover {
     851        background: #d5d5d5 !important;
     852        border-color: #909090 !important;
     853}
     854
    834855.wp_themeSkin .mceButtonDisabled {
    835856        border-color: #ccc !important;
    836857}
     
    838859/* ListBox */
    839860.wp_themeSkin .mceListBox .mceText,
    840861.wp_themeSkin .mceListBox .mceOpen  {
    841         border-color: #B2B2B2;
    842         background-color: #d5d5d5;
     862        border-color: #ccc;
     863        background-color: #c9c9c9; /* Fallback */
     864        background-image: -ms-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* IE10 */ 
     865        background-image: -moz-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* Firefox */ 
     866        background-image: -o-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* Opera */ 
     867        background-image: -webkit-gradient(linear, left bottom, left top, from(#c9c9c9), to(#f6f6f6)); /* old Webkit  */ 
     868        background-image: -webkit-linear-gradient(bottom, #c9c9c9, #f6f6f6); !important/* new Webkit */ 
     869        background-image: linear-gradient(bottom, #c9c9c9, #f6f6f6); /* proposed W3C Markup */
    843870}
    844871
     872.wp_themeSkin .mceListBox .mceOpen {
     873        border-left: 0px !important;
     874}
     875
    845876.wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
    846877.wp_themeSkin .mceListBoxHover .mceOpen,
     878.wp_themeSkin .mceListBoxHover:active .mceOpen,
    847879.wp_themeSkin .mceListBoxSelected .mceOpen,
    848 .wp_themeSkin .mceListBoxSelected .mceText {
    849         border-color: #777 !important;
    850         background-color: #d5d5d5;
     880.wp_themeSkin .mceListBoxSelected .mceText,
     881.wp_themeSkin table.mceListBoxEnabled:active .mceText {
     882        background: #ccc;
     883        border-color: #999 !important;
    851884}
    852885
     886/* List Box Hover */
    853887.wp_themeSkin table.mceListBoxEnabled:hover .mceText,
    854 .wp_themeSkin .mceListBoxHover .mceText {
    855         border-color: #777 !important;
     888.wp_themeSkin .mceListBoxHover .mceText,
     889.wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
     890.wp_themeSkin .mceListBoxHover .mceOpen {
     891        border-color: #909090 !important;
     892        background-color: #c9c9c9; /* Fallback */
     893        background-image: -ms-linear-gradient(bottom, #ccc, #fff); /* IE10 */ 
     894        background-image: -moz-linear-gradient(bottom, #ccc, #fff)); /* Firefox */ 
     895        background-image: -o-linear-gradient(bottom, #ccc, #fff)); /* Opera */ 
     896        background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff)); /* old Webkit  */ 
     897        background-image: -webkit-linear-gradient(bottom, #ccc, #fff) !important; /* new Webkit */ 
     898        background-image: linear-gradient(bottom, #ccc, #fff); /* proposed W3C Markup */
    856899}
    857900
    858901.wp_themeSkin select.mceListBox {
     
    863906/* SplitButton */
    864907.wp_themeSkin .mceSplitButton a.mceAction,
    865908.wp_themeSkin .mceSplitButton a.mceOpen {
    866         border-color: #B2B2B2;
     909        border-color: #ccc;
    867910}
    868911
    869912.wp_themeSkin .mceSplitButton a.mceOpen:hover,
    870913.wp_themeSkin .mceSplitButtonSelected a.mceOpen,
    871914.wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction,
    872915.wp_themeSkin .mceSplitButton a.mceAction:hover {
    873         background-color: #d5d5d5;
    874         border-color: #777 !important;
     916        border-color: #909090 !important;
    875917}
    876918
     919
     920.wp_themeSkin table.mceSplitButton td {
     921        background-color: #c9c9c9; /* Fallback */
     922        background-image: -ms-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* IE10 */ 
     923        background-image: -moz-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* Firefox */ 
     924        background-image: -o-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* Opera */ 
     925        background-image: -webkit-gradient(linear, left bottom, left top, from(#c9c9c9), to(#f6f6f6)); /* old Webkit  */ 
     926        background-image: -webkit-linear-gradient(bottom, #c9c9c9, #f6f6f6)!important ; /* new Webkit */ 
     927        background-image: linear-gradient(bottom, #c9c9c9, #f6f6f6); /* proposed W3C Markup */
     928}
     929
     930.wp_themeSkin table.mceSplitButton:hover td {
     931        background-image: -ms-linear-gradient(bottom, #ccc, #fff); /* IE10 */ 
     932        background-image: -moz-linear-gradient(bottom, #ccc, #fff); /* Firefox */ 
     933        background-image: -o-linear-gradient(bottom, #ccc, #fff); /* Opera */ 
     934        background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff)); /* old Webkit  */ 
     935        background-image: -webkit-linear-gradient(bottom, #ccc, #fff); !important/* new Webkit */ 
     936        background-image: linear-gradient(bottom, #ccc, #fff); /* proposed W3C Markup */
     937}
     938
    877939.wp_themeSkin .mceSplitButtonActive {
    878940        background-color: #B2B2B2;
    879941}
  • wp-admin/css/wp-admin.dev.css

     
    39433943        -o-text-shadow: #fff 0 1px 0px;
    39443944}
    39453945
     3946.pressthis a span {
     3947        background: url(../images/press-this.png) no-repeat -43px 5px ;
     3948        padding: 8px 0 8px 32px;
     3949        display: inline-block;
     3950}
     3951
     3952.pressthis a:before {
     3953        content: "";
     3954        display: block;
     3955        width: 20px;
     3956        height: 20px;
     3957        position: absolute;
     3958        top: 20px;
     3959        left: 50px;
     3960        background: url(../images/press-this.png) no-repeat;
     3961}
     3962
    39463963.pressthis a:hover,
    39473964.pressthis a:active {
    39483965        color: #333
     
    39523969        transform: skew(20deg) rotate(9deg);
    39533970        -webkit-transform: skew(20deg) rotate(9deg);
    39543971        -moz-transform: skew(20deg) rotate(9deg);
    3955         box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
    3956         -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
    3957         -moz-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
     3972        box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
     3973        -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
     3974        -moz-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
    39583975}
    39593976
    3960 .pressthis a span {
    3961         background: url(../images/press-this.png) no-repeat 10px 7px ;
    3962         padding: 8px 0 8px 32px;
    3963         display: inline-block;
    3964 }
    3965 
    39663977.pressthis a:after {
    3967         content: ''; 
    3968         width: 70%; 
     3978        content: '';
     3979        width: 70%;
    39693980        height: 55%;
    3970         z-index: -1; 
    3971         position: absolute; 
    3972         right: 10px; 
    3973         bottom: 9px; 
     3981        z-index: -1;
     3982        position: absolute;
     3983        right: 10px;
     3984        bottom: 9px;
    39743985        background: transparent; 
    39753986        transform: skew(20deg) rotate(6deg);
    39763987        -webkit-transform: skew(20deg) rotate(6deg);
    39773988        -moz-transform: skew(20deg) rotate(6deg);
    3978         box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
    3979         -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
    3980         -moz-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
     3989        box-shadow: 0 10px 8px rgba(0, 0, 0, 0.5);
     3990        -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.5);
     3991        -moz-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.5);
    39813992}
    39823993
    39833994