WordPress.org

Make WordPress Core

Ticket #15986: 15986.light.diff

File 15986.light.diff, 24.6 KB (added by chexee, 7 years ago)

Lighter Icon CSS, including Blue theme

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

     
    4747
    4848/* Button */
    4949.wp_themeSkin .mceButton {
    50         display:block; 
    51         width: 20px; 
    52         height: 20px; 
    53         cursor: default; 
    54         padding: 1px 2px; 
    55         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;
     50        display:block;
     51        width: 20px;
     52        height: 20px;
     53        cursor: default;
     54        padding: 1px 2px;
     55        margin: 1px;
     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        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
    6363}
     64
     65.wp_themeSkin a.mceButtonEnabled:hover {
     66        background-image: inherit 0 -10px;
     67}
     68
    6469.wp_themeSkin a.mceButton span, .wp_themeSkin a.mceButton img {}
    6570.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 {
     71
     72.wp_themeSkin a.mceButton:active,
     73.wp_themeSkin a.mceButtonActive,
     74.wp_themeSkin a.mceButtonActive:hover,
     75.wp_themeSkin a.mceButtonSelected {
    7076        background-image: inherit;
     77        -webkit-box-shadow:      0 1px 1px rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
     78        -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
     79        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    7180}
    7281.wp_themeSkin .mceButtonDisabled .mceIcon {opacity:0.3; filter:alpha(opacity=30);}
    7382.wp_themeSkin .mceButtonDisabled {}
    7483
    7584/* Separator */
    76 .wp_themeSkin .mceSeparator { 
    77         height: 24px; 
     85.wp_themeSkin .mceSeparator {
     86        height: 24px;
    7887        width: 1px;
    7988        display: block;
    8089        background: transparent;
    81         overflow: hidden; 
    82         margin: 0 2px; 
     90        overflow: hidden;
     91        margin: 0 2px;
    8392}
    8493
    8594/* ListBox */
    8695.wp_themeSkin .mceListBox, .wp_themeSkin .mceListBox a {display:block}
    8796.wp_themeSkin .mceListBox .mceText {
    8897        padding: 1px 2px 1px 5px;
    89         text-align:left; 
     98        text-align:left;
    9099        text-decoration: none !important;
    91         width:70px; 
    92         background-image: url(img/butt2.png);
    93         background-position: left top;
    94         background-repeat: repeat-x;
    95         font-family: Tahoma,Verdana,Arial,Helvetica;
    96         font-size: 11px;
    97         height: 20px;
    98         line-height: 20px;
     100        width:70px;
     101        -moz-border-bottom-left-radius: 2px;
     102        -webkit-border-bottom-left-radius: 2px;
     103        -khtml-border-bottom-left-radius: 2px;
     104        border-bottom-left-radius: 2px;
     105        -moz-border-top-left-radius: 2px;
     106        -webkit-border-top-left-radius: 2px;
     107        -khtml-border-top-left-radius: 2px;
     108        border-top-left-radius: 2px;
     109        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
     110        -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
     111        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
     112        font-family: Tahoma,Verdana,Arial,Helvetica;
     113        font-size: 11px;
     114        height: 20px;
     115        line-height: 20px;
    99116        overflow: hidden;
    100117}
    101118.wp_themeSkin .mceListBox {
     
    104121}
    105122.wp_themeSkin .mceListBox .mceOpen {
    106123        width: 14px;
    107         height: 20px; 
     124        height: 20px;
    108125        border-collapse: separate;
    109         background-image: url(img/butt2.png);
    110         background-position: left top;
    111         background-repeat: repeat-x;
    112126        padding: 1px;
    113         border-left: 0 none !important;
     127        -moz-border-bottom-left-radius: 0;
     128        -webkit-border-bottom-left-radius: 0;
     129        -khtml-border-bottom-left-radius: 0;
     130        border-bottom-left-radius: 0;
     131        -moz-border-top-left-radius: 0;
     132        -webkit-border-top-left-radius: 0;
     133        -khtml-border-top-left-radius: 0;
     134        border-top-left-radius: 0;
     135        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
     136        -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
     137        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
    114138}
    115139.wp_themeSkin .mceListBox .mceOpen span {
    116140        display: block;
     
    120144        background-position: 2px 1px;
    121145        background-repeat: no-repeat;
    122146}
    123 .wp_themeSkin table.mceListBoxEnabled:hover .mceText, 
    124 .wp_themeSkin .mceListBoxHover .mceText, 
     147.wp_themeSkin table.mceListBoxEnabled:hover .mceText,
     148.wp_themeSkin .mceListBoxHover .mceText,
    125149.wp_themeSkin .mceListBoxSelected .mceText,
    126 .wp_themeSkin table.mceListBoxEnabled:hover .mceOpen, 
    127 .wp_themeSkin .mceListBoxHover .mceOpen, 
     150.wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
     151.wp_themeSkin .mceListBoxHover .mceOpen,
    128152.wp_themeSkin .mceListBoxSelected .mceOpen {
    129153        background-image: none;
    130154}
     
    135159
    136160/* SplitButton */
    137161.wp_themeSkin .mceSplitButton a, .wp_themeSkin .mceSplitButton span {display:block; height:20px}
    138 .wp_themeSkin .mceSplitButton { 
     162.wp_themeSkin .mceSplitButton {
    139163        display:block;
    140164        margin: 1px;
    141165        direction: ltr;
    142166}
    143167.wp_themeSkin table.mceSplitButton td {
    144168        padding: 2px;
    145         background-image: url(img/butt2.png);
    146         background-position: left top;
    147         background-repeat: repeat-x;
     169        -moz-border-bottom-left-radius: 0;
     170        -webkit-border-bottom-left-radius: 0;
     171        -khtml-border-bottom-left-radius: 0;
     172        border-bottom-left-radius: 0;
     173        -moz-border-top-left-radius: 0;
     174        -webkit-border-top-left-radius: 0;
     175        -khtml-border-top-left-radius: 0;
     176        border-top-left-radius: 0;
    148177}
     178
     179.wp_themeSkin table.mceSplitButton td a {
     180        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
     181        -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
     182        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
     183}
     184
     185.wp_themeSkin table.mceSplitButton:hover td {
     186        background-image: inherit 0 -10px;
     187}
     188
    149189.wp_themeSkin .mceSplitButton a.mceAction {
    150190        height:20px;
    151191        width:20px;
     
    155195        background-image: url(../../img/icons.gif);
    156196        background-repeat: no-repeat;
    157197        background-color: transparent;
    158         width:20px; 
     198        width:20px;
    159199}
    160200.wp_themeSkin .mceSplitButton a.mceOpen {
    161201        width:10px;
     
    214254        text-decoration: none !important;
    215255}
    216256.wp_themeSkin .mceMenu .mceText {
    217         position:relative; 
    218         display:block; 
    219         font-family:Tahoma,Verdana,Arial,Helvetica; 
    220         cursor:default; 
    221         margin:0; 
     257        position:relative;
     258        display:block;
     259        font-family:Tahoma,Verdana,Arial,Helvetica;
     260        cursor:default;
     261        margin:0;
    222262        padding:0 25px;
    223263}
    224264.wp_themeSkin .mceMenu span.mceText, .wp_themeSkin .mceMenu .mcePreview {font-size:11px}
    225265.wp_themeSkin .mceMenu pre.mceText {font-family:Monospace}
    226266.wp_themeSkin .mceMenu .mceIcon {position:absolute; top:0; left:0; width:22px;}
    227 .wp_themeSkin .mceMenu .mceMenuItemEnabled a:hover, 
     267.wp_themeSkin .mceMenu .mceMenuItemEnabled a:hover,
    228268.wp_themeSkin .mceMenu .mceMenuItemActive {}
    229269.wp_themeSkin td.mceMenuItemSeparator {height:1px}
    230270.wp_themeSkin .mceMenuItemTitle a {
     
    351391.wp_themeSkin span.mce_spellchecker {background-position:-540px -20px}
    352392
    353393/* border */
    354 .wp_themeSkin .mceExternalToolbar, 
    355 .wp_themeSkin .mceButton, 
    356 .wp_themeSkin a.mceButtonEnabled:hover, 
    357 .wp_themeSkin a.mceButtonActive, 
    358 .wp_themeSkin a.mceButtonSelected, 
    359 .wp_themeSkin .mceListBox .mceText, 
    360 .wp_themeSkin .mceListBox .mceOpen, 
    361 .wp_themeSkin table.mceListBoxEnabled:hover .mceText, 
    362 .wp_themeSkin .mceListBoxHover .mceText, 
    363 .wp_themeSkin .mceListBoxSelected .mceText, 
    364 .wp_themeSkin table.mceListBoxEnabled:hover .mceOpen, 
    365 .wp_themeSkin .mceListBoxHover .mceOpen, 
    366 .wp_themeSkin .mceListBoxSelected .mceOpen, 
    367 .wp_themeSkin select.mceListBox, 
    368 .wp_themeSkin .mceSplitButton a.mceAction, 
     394.wp_themeSkin .mceExternalToolbar,
     395.wp_themeSkin .mceButton,
     396.wp_themeSkin a.mceButtonEnabled:hover,
     397.wp_themeSkin a.mceButtonActive,
     398.wp_themeSkin a.mceButtonSelected,
     399.wp_themeSkin .mceListBox .mceText,
     400.wp_themeSkin .mceListBox .mceOpen,
     401.wp_themeSkin table.mceListBoxEnabled:hover .mceText,
     402.wp_themeSkin .mceListBoxHover .mceText,
     403.wp_themeSkin .mceListBoxSelected .mceText,
     404.wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
     405.wp_themeSkin .mceListBoxHover .mceOpen,
     406.wp_themeSkin .mceListBoxSelected .mceOpen,
     407.wp_themeSkin select.mceListBox,
     408.wp_themeSkin .mceSplitButton a.mceAction,
    369409.wp_themeSkin .mceSplitButton a.mceOpen,
    370 .wp_themeSkin .mceSplitButton a.mceOpen:hover, 
    371 .wp_themeSkin .mceSplitButtonSelected a.mceOpen, 
    372 .wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction, 
    373 .wp_themeSkin .mceSplitButton a.mceAction:hover, 
    374 .wp_themeSkin div.mceColorSplitMenu table, 
    375 .wp_themeSkin .mceColorSplitMenu a, 
    376 .wp_themeSkin .mceColorSplitMenu a.mceMoreColors, 
    377 .wp_themeSkin .mceColorSplitMenu a.mceMoreColors:hover, 
    378 .wp_themeSkin a.mceMoreColors:hover, 
     410.wp_themeSkin .mceSplitButton a.mceOpen:hover,
     411.wp_themeSkin .mceSplitButtonSelected a.mceOpen,
     412.wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction,
     413.wp_themeSkin .mceSplitButton a.mceAction:hover,
     414.wp_themeSkin div.mceColorSplitMenu table,
     415.wp_themeSkin .mceColorSplitMenu a,
     416.wp_themeSkin .mceColorSplitMenu a.mceMoreColors,
     417.wp_themeSkin .mceColorSplitMenu a.mceMoreColors:hover,
     418.wp_themeSkin a.mceMoreColors:hover,
    379419.wp_themeSkin .mceMenu {
    380         border-style: solid; 
     420        border-style: solid;
    381421        border-width: 1px;
    382422}
  • wp-admin/css/colors-classic.dev.css

     
    516516}
    517517
    518518#adminmenu li.current a #awaiting-mod,
    519 #adminmenu  li a.wp-has-current-submenu .update-plugins{
     519#adminmenu      li a.wp-has-current-submenu .update-plugins{
    520520        background-color: #464646;
    521521        color: #fff;
    522522        -moz-box-shadow: #fff 0 -1px 0;
     
    571571        color: #777;
    572572        border-color: #b0c8d7;
    573573        background: #cfdfe9; /* fallback color */
    574         background:-moz-linear-gradient(bottom,  #cfdfe9, #eff8ff);
     574        background:-moz-linear-gradient(bottom, #cfdfe9, #eff8ff);
    575575        background:-webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#eff8ff));
    576576}
    577577
     
    697697#wphead {
    698698        border-bottom:#b0c8d7 1px solid;
    699699        background: #cfdfe9; /* fallback color */
    700         background:-moz-linear-gradient(bottom,  #cfdfe9, #eff8ff);
     700        background:-moz-linear-gradient(bottom, #cfdfe9, #eff8ff);
    701701        background:-webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#eff8ff));
    702702}
    703703
     
    804804.wp_themeSkin a:link,
    805805.wp_themeSkin a:visited,
    806806.wp_themeSkin a:active {
    807          color: #000;
     807        color: #000;
    808808}
    809809
    810810/* Containers */
     
    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,
    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: #5589AA !important;
     836        background-color: #c9c9c9; /* Fallback */
     837        background-image: -ms-linear-gradient(bottom, #eee, #fff); /* IE10 */
     838        background-image: -moz-linear-gradient(bottom, #eee, #fff)); /* Firefox */
     839        background-image: -o-linear-gradient(bottom, #eee, #fff)); /* Opera */
     840        background-image: -webkit-gradient(linear, left bottom, left top, from(#eee), to(#fff)); /* old Webkit   */
     841        background-image: -webkit-linear-gradient(bottom, #eee, #fff) !important; /* new Webkit */
     842        background-image: linear-gradient(bottom, #eee, #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: #B0C8D7 !important;
     852        border-color: #5589AA !important;
     853}
     854
    834855.wp_themeSkin .mceButtonDisabled {
    835         border-color: #ccc !important;
     856        border-color: #B0C8D7 !important;
    836857}
    837858
    838859/* ListBox */
    839860.wp_themeSkin .mceListBox .mceText,
    840 .wp_themeSkin .mceListBox .mceOpen  {
    841         border-color: #B2B2B2;
    842         background-color: #d5d5d5;
     861.wp_themeSkin .mceListBox .mceOpen      {
     862        border-color: #B0C8D7;
     863        background-color: #cfdfe9; /* Fallback */
     864        background-image: -ms-linear-gradient(bottom, #cfdfe9, #fff); /* IE10 */
     865        background-image: -moz-linear-gradient(bottom, #cfdfe9, #fff); /* Firefox */
     866        background-image: -o-linear-gradient(bottom, #cfdfe9, #fff); /* Opera */
     867        background-image: -webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#fff)); /* old Webkit       */
     868        background-image: -webkit-linear-gradient(bottom, #cfdfe9, #fff) !important; /* new Webkit */
     869        background-image: linear-gradient(bottom, #cfdfe9, #fff); /* 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: #B0C8D7;
     883        border-color: #5589AA !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: #5589AA !important;
     892        background-color: #c9c9c9; /* Fallback */
     893        background-image: -ms-linear-gradient(bottom, #cfdfe9, #fff); /* IE10 */
     894        background-image: -moz-linear-gradient(bottom, #cfdfe9, #fff); /* Firefox */
     895        background-image: -o-linear-gradient(bottom, #cfdfe9, #fff); /* Opera */
     896        background-image: -webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#fff)); /* old Webkit       */
     897        background-image: -webkit-linear-gradient(bottom, #cfdfe9, #fff) !important; /* new Webkit */
     898        background-image: linear-gradient(bottom, #cfdfe9, #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: #B0C8D7;
    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: #5589AA !important;
    875917}
    876918
     919
     920.wp_themeSkin table.mceSplitButton td {
     921        background-color: #cfdfe9; /* Fallback */
     922        background-image: -ms-linear-gradient(bottom, #cfdfe9, #fff); /* IE10 */
     923        background-image: -moz-linear-gradient(bottom, #cfdfe9, #fff); /* Firefox */
     924        background-image: -o-linear-gradient(bottom, #cfdfe9, #fff); /* Opera */
     925        background-image: -webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#fff)); /* old Webkit       */
     926        background-image: -webkit-linear-gradient(bottom, #cfdfe9, #fff) !important; /* new Webkit */
     927        background-image: linear-gradient(bottom, #cfdfe9, #fff); /* proposed W3C Markup */
     928}
     929
     930.wp_themeSkin table.mceSplitButton:hover td {
     931        background-image: -ms-linear-gradient(bottom, #cfdfe9, #fff); /* IE10 */
     932        background-image: -moz-linear-gradient(bottom, #cfdfe9, #fff); /* Firefox */
     933        background-image: -o-linear-gradient(bottom, #cfdfe9, #fff); /* Opera */
     934        background-image: -webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#fff)); /* old Webkit       */
     935        background-image: -webkit-linear-gradient(bottom, #cfdfe9, #fff) !important; /* new Webkit */
     936        background-image: linear-gradient(bottom, #cfdfe9, #fff); /* proposed W3C Markup */
     937}
     938
    877939.wp_themeSkin .mceSplitButtonActive {
    878         background-color: #B2B2B2;
     940        background-color: #B0C8D7;
    879941}
    880942
    881943/* ColorSplitButton */
     
    10891151}
    10901152
    10911153#adminmenu .wp-submenu .current a.current {
    1092         background: transparent url(../images/menu-bits-vs.gif?ver=20101102) no-repeat scroll  0 -289px;
     1154        background: transparent url(../images/menu-bits-vs.gif?ver=20101102) no-repeat scroll 0 -289px;
    10931155}
    10941156
    10951157#adminmenu .wp-submenu a:hover {
     
    14891551#favorite-first {
    14901552        border-color: #c0c0c0;
    14911553        background: #f1f1f1; /* fallback color */
    1492         background:-moz-linear-gradient(bottom,  #e7e7e7, #fff);
     1554        background:-moz-linear-gradient(bottom, #e7e7e7, #fff);
    14931555        background:-webkit-gradient(linear, left bottom, left top, from(#e7e7e7), to(#fff));
    14941556}
    14951557
  • wp-admin/css/colors-fresh.dev.css

     
    516516}
    517517
    518518#adminmenu li.current a #awaiting-mod,
    519 #adminmenu  li a.wp-has-current-submenu .update-plugins{
     519#adminmenu      li a.wp-has-current-submenu .update-plugins{
    520520        background-color: #464646;
    521521        color: #fff;
    522522        -moz-box-shadow: #fff 0 -1px 0;
     
    571571        color: #777;
    572572        border-color: #d1d1d1;
    573573        background: #d9d9d9; /* fallback color */
    574         background:-moz-linear-gradient(bottom,  #d7d7d7, #e4e4e4);
     574        background:-moz-linear-gradient(bottom, #d7d7d7, #e4e4e4);
    575575        background:-webkit-gradient(linear, left bottom, left top, from(#d7d7d7), to(#e4e4e4));
    576576}
    577577
     
    697697#wphead {
    698698        border-bottom:#c6c6c6 1px solid;
    699699        background: #d9d9d9; /* fallback color */
    700         background:-moz-linear-gradient(bottom,  #d7d7d7, #e4e4e4);
     700        background:-moz-linear-gradient(bottom, #d7d7d7, #e4e4e4);
    701701        background:-webkit-gradient(linear, left bottom, left top, from(#d7d7d7), to(#e4e4e4));
    702702}
    703703
     
    804804.wp_themeSkin a:link,
    805805.wp_themeSkin a:visited,
    806806.wp_themeSkin a:active {
    807          color: #000;
     807        color: #000;
    808808}
    809809
    810810/* Containers */
     
    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}
    837858
    838859/* ListBox */
    839860.wp_themeSkin .mceListBox .mceText,
    840 .wp_themeSkin .mceListBox .mceOpen  {
    841         border-color: #B2B2B2;
    842         background-color: #d5d5d5;
     861.wp_themeSkin .mceListBox .mceOpen      {
     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}
     
    10891151}
    10901152
    10911153#adminmenu .wp-submenu .current a.current {
    1092         background: transparent url(../images/menu-bits.gif?ver=20100610) no-repeat scroll  0 -289px;
     1154        background: transparent url(../images/menu-bits.gif?ver=20100610) no-repeat scroll 0 -289px;
    10931155}
    10941156
    10951157#adminmenu .wp-submenu a:hover {
     
    14841546#favorite-first {
    14851547        border-color: #c0c0c0;
    14861548        background: #f1f1f1; /* fallback color */
    1487         background:-moz-linear-gradient(bottom,  #e7e7e7, #fff);
     1549        background:-moz-linear-gradient(bottom, #e7e7e7, #fff);
    14881550        background:-webkit-gradient(linear, left bottom, left top, from(#e7e7e7), to(#fff));
    14891551}
    14901552