WordPress.org

Make WordPress Core

Ticket #18141: 18141.12.diff

File 18141.12.diff, 27.7 KB (added by lessbloat, 3 years ago)
  • wp-includes/css/editor.css

     
    4545.wp_themeSkin a:link, 
    4646.wp_themeSkin a:visited, 
    4747.wp_themeSkin a:active { 
    48         color: #000; 
     48        color: #555; 
    4949} 
    5050 
    5151/* Containers */ 
     
    9898 
    9999.wp_themeSkin .mceStatusbar { 
    100100        display: block; 
    101         font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif; 
     101        font-family: sans-serif; 
    102102        font-size: 12px; 
    103103        line-height: 16px; 
    104104        padding: 0 0 0 8px; 
     
    147147        margin: 0 6px 2px; 
    148148} 
    149149 
     150.wp_themeSkin table.mceToolbar:focus, 
     151.wp_themeSkin span.mceSeparator:focus { 
     152        outline: none; 
     153} 
     154 
    150155.wp_themeSkin #content_toolbar1 { 
    151156        margin-top: 2px; 
    152157} 
     
    176181        margin: 1px; 
    177182        -webkit-border-radius: 2px; 
    178183        border-radius: 2px; 
    179         -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; 
    180         box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; 
    181184} 
    182185 
    183186.wp_themeSkin a.mceButtonEnabled:hover { 
     
    188191        margin: 0 0 0 1px; 
    189192} 
    190193 
    191 .wp_themeSkin a.mceButton:active, 
    192 .wp_themeSkin a.mceButtonActive, 
    193 .wp_themeSkin a.mceButtonActive:hover, 
    194 .wp_themeSkin a.mceButtonSelected { 
    195         -webkit-box-shadow:      0 1px 1px rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; 
    196         box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; 
    197 } 
    198  
    199194.wp_themeSkin .mceButtonDisabled .mceIcon { 
    200         opacity: 0.5; 
    201         filter: alpha(opacity=50); 
     195        opacity: 0.2; 
     196        filter: alpha(opacity=20); 
    202197} 
    203198 
    204199/* Separator */ 
     
    218213} 
    219214 
    220215.wp_themeSkin .mceListBox .mceText { 
    221         padding: 1px 2px 1px 5px; 
     216        padding: 1px 4px 1px 5px; 
    222217        text-align: left; 
    223218        text-decoration: none; 
    224         width: 70px; 
    225219        -webkit-border-bottom-left-radius: 2px; 
    226220        -webkit-border-top-left-radius: 2px; 
    227221        border-bottom-left-radius: 2px; 
    228222        border-top-left-radius: 2px; 
    229         -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; 
    230         box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; 
    231         font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif; 
     223        font-family: sans-serif; 
    232224        font-size: 12px; 
    233225        height: 20px; 
    234226        line-height: 20px; 
     
    241233} 
    242234 
    243235.wp_themeSkin .mceListBox .mceOpen { 
    244         width: 14px; 
     236        width: 12px; 
    245237        height: 20px; 
    246238        border-collapse: separate; 
    247239        padding: 1px; 
     
    249241        -webkit-border-top-left-radius: 0; 
    250242        border-bottom-left-radius: 0; 
    251243        border-top-left-radius: 0; 
    252         -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; 
    253         box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; 
    254244} 
    255245 
    256 .wp_themeSkin .mceListBox .mceOpen span { 
    257         display: block; 
    258         width: 14px; 
    259         height: 20px; 
     246.wp_themeSkin .mceListBox .mceFirst a { 
     247        border-style: solid; 
     248        border-width: 1px; 
     249        border-bottom-right-radius: 2px; 
     250        border-top-right-radius: 2px; 
     251} 
     252 
     253.wp_themeSkin .mceListBox .mceLast { 
     254        display: none; 
     255} 
     256 
     257.wp_themeSkin .mceListBoxSelected .mceOpen span, 
     258.wp_themeSkin .mceListBox:hover .mceOpen span { 
    260259        background-image: url("../images/down_arrow.gif"); 
    261         background-position: 2px 1px; 
     260        background-position: 0px 1px; 
    262261        background-repeat: no-repeat; 
    263262} 
    264263 
     
    285284} 
    286285 
    287286.wp_themeSkin select.mceListBox { 
    288         font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif; 
     287        font-family: sans-serif; 
    289288        font-size: 12px; 
    290289        border-color: #b2b2b2; 
    291290        background-color: #fff; 
     
    300299 
    301300.wp_themeSkin .mceSplitButton { 
    302301        display: block; 
    303         margin: 1px; 
    304302        direction: ltr; 
    305303} 
    306304 
     
    310308        border-radius: 2px; 
    311309} 
    312310 
    313 .wp_themeSkin table.mceSplitButton td a { 
    314         -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; 
    315         box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; 
    316 } 
    317  
    318311.wp_themeSkin table.mceSplitButton:hover td { 
    319312        background-image: inherit 0 -10px; 
    320313} 
     
    323316        height: 20px; 
    324317        width: 20px; 
    325318        padding: 1px 2px; 
     319        border-right: 0 none !important; 
    326320} 
    327321 
    328322.wp_themeSkin .mceSplitButton span.mceAction { 
     
    333327} 
    334328 
    335329.wp_themeSkin .mceSplitButton a.mceOpen { 
    336         width: 10px; 
     330        width: 11px; 
    337331        height: 20px; 
    338         background-image: url("../images/down_arrow.gif"); 
    339         background-position: 1px 2px; 
     332        background-position: 0px 2px; 
    340333        background-repeat: no-repeat; 
    341         padding: 1px; 
    342         border-left: 0 none !important; 
     334        padding: 1px 0; 
    343335} 
    344336 
     337.wp_themeSkin .mceSplitButtonActive a.mceOpen, 
     338.wp_themeSkin .mceSplitButtonSelected a.mceOpen, 
     339.wp_themeSkin .mceSplitButton a.mceOpen:hover { 
     340        width: 12px; 
     341        border-left: 1px solid transparent !important; 
     342        background-position: 2px 2px !important; 
     343        position: relative; 
     344        left: -1px; 
     345        margin-right: -1px; 
     346} 
     347 
    345348.wp_themeSkin .mceSplitButton span.mceOpen { 
    346349        display: none; 
    347350} 
     
    449452/* ColorSplitButton */ 
    450453.wp_themeSkin div.mceColorSplitMenu table { 
    451454        background-color: #ebebeb; 
    452         border-color: #B2B2B2; 
     455        border-color: #bbb; 
    453456} 
    454457 
    455458.wp_themeSkin .mceColorSplitMenu td { 
     
    870873.wp_themeSkin a.mceButtonSelected, 
    871874.wp_themeSkin .mceListBox .mceText, 
    872875.wp_themeSkin .mceListBox .mceOpen, 
    873 .wp_themeSkin table.mceListBoxEnabled:hover .mceText, 
    874 .wp_themeSkin .mceListBoxHover .mceText, 
    875 .wp_themeSkin .mceListBoxSelected .mceText, 
    876 .wp_themeSkin table.mceListBoxEnabled:hover .mceOpen, 
    877 .wp_themeSkin .mceListBoxHover .mceOpen, 
    878 .wp_themeSkin .mceListBoxSelected .mceOpen, 
     876/*.wp_themeSkin table.mceListBoxEnabled:hover .mceText,*/ 
     877/*.wp_themeSkin .mceListBoxHover .mceText,*/ 
     878/*.wp_themeSkin .mceListBoxSelected .mceText,*/ 
     879/*.wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,*/ 
     880/*.wp_themeSkin .mceListBoxHover .mceOpen,*/ 
     881/*.wp_themeSkin .mceListBoxSelected .mceOpen,*/ 
    879882.wp_themeSkin select.mceListBox, 
    880883.wp_themeSkin .mceSplitButton a.mceAction, 
    881884.wp_themeSkin .mceSplitButton a.mceOpen, 
     
    892895        border-style: solid; 
    893896        border-width: 1px; 
    894897} 
    895  
     898.wp_themeSkin .mceListBox .mceText { 
     899        border-right: 0 none; 
     900} 
    896901.wp_themeSkin iframe { 
    897902        background: transparent; 
    898903} 
    899904 
    900 .wp_themeSkin .mceButton, 
     905.wp_themeSkin .mceButton { 
     906        border-color: transparent; 
     907} 
     908 
    901909.wp_themeSkin .mceListBox .mceText, 
    902910.wp_themeSkin .mceListBox .mceOpen { 
    903         border-color: #ccc; 
    904         background: #eee; 
    905         background-image: -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#fff)); 
    906         background-image: -webkit-linear-gradient(bottom, #ddd, #fff); 
    907         background-image:    -moz-linear-gradient(bottom, #ddd, #fff); 
    908         background-image:      -o-linear-gradient(bottom, #ddd, #fff); 
    909         background-image: linear-gradient(to top, #ddd, #fff); 
     911        border-color: transparent; 
    910912} 
    911913 
    912914.wp_themeSkin a.mceButtonEnabled:hover { 
    913         border-color: #a0a0a0; 
     915        border-color: #bbb; 
    914916        background: #eee; 
    915         background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff)); 
    916         background-image: -webkit-linear-gradient(bottom, #ccc, #fff); 
    917         background-image:    -moz-linear-gradient(bottom, #ccc, #fff); 
    918         background-image:      -o-linear-gradient(bottom, #ccc, #fff); 
    919         background-image: linear-gradient(to top, #ccc, #fff); 
     917        background-image: -webkit-gradient(linear, left bottom, left top, from(#e5e5e5), to(#fff)); 
     918        background-image: -webkit-linear-gradient(bottom, #e5e5e5, #fff); 
     919        background-image:    -moz-linear-gradient(bottom, #e5e5e5, #fff); 
     920        background-image:      -o-linear-gradient(bottom, #e5e5e5, #fff); 
     921        background-image: linear-gradient(to top, #e5e5e5, #fff); 
    920922} 
    921923 
    922924.wp_themeSkin a.mceButton:active, 
     
    925927.wp_themeSkin a.mceButtonActive, 
    926928.wp_themeSkin a.mceButtonActive:active, 
    927929.wp_themeSkin a.mceButtonActive:hover { 
    928         border-color: #909090; 
    929         background: #ddd; 
    930         background-image: -webkit-gradient(linear, left bottom, left top, from(#eee), to(#bbb)); 
    931         background-image: -webkit-linear-gradient(bottom, #eee, #bbb); 
    932         background-image:    -moz-linear-gradient(bottom, #eee, #bbb); 
    933         background-image:      -o-linear-gradient(bottom, #eee, #bbb); 
    934         background-image: linear-gradient(to top, #eee, #bbb); 
     930        border-color: #999 #ccc #ccc #999;  
     931        background: #eee; 
     932        background-image: -webkit-gradient(linear, left bottom, left top, from(#f6f6f6), to(#e3e3e3));  
     933        background-image: -webkit-linear-gradient(bottom, #f6f6f6, #e3e3e3);  
     934        background-image:    -moz-linear-gradient(bottom, #f6f6f6, #e3e3e3);  
     935        background-image:      -o-linear-gradient(bottom, #f6f6f6, #e3e3e3);  
     936        background-image: linear-gradient(to top, #f6f6f6, #e3e3e3);   
    935937} 
    936938 
    937939.wp_themeSkin .mceButtonDisabled { 
    938         border-color: #ccc !important; 
     940        border-color: transparent !important; 
    939941} 
    940942 
     943/*.wp_themeSkin .mceListBox .mceAction { 
     944        border-right: 0 !important; 
     945}*/ 
    941946.wp_themeSkin .mceListBox .mceOpen { 
    942947        border-left: 0 !important; 
    943948} 
     
    948953.wp_themeSkin .mceListBoxSelected .mceOpen, 
    949954.wp_themeSkin .mceListBoxSelected .mceText, 
    950955.wp_themeSkin table.mceListBoxEnabled:active .mceText { 
    951         background: #ccc; 
    952         border-color: #999; 
     956        border-color: #bbb; 
     957        background: #ddd; 
     958        background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ccc)); 
     959        background-image: -webkit-linear-gradient(bottom, #fff, #ccc); 
     960        background-image:    -moz-linear-gradient(bottom, #fff, #ccc); 
     961        background-image:      -o-linear-gradient(bottom, #fff, #ccc); 
     962        background-image: linear-gradient(to top, #fff, #ccc); 
    953963} 
    954964 
    955965.wp_themeSkin table.mceListBoxEnabled:hover .mceText, 
    956966.wp_themeSkin .mceListBoxHover .mceText, 
    957967.wp_themeSkin table.mceListBoxEnabled:hover .mceOpen, 
    958968.wp_themeSkin .mceListBoxHover .mceOpen { 
    959         border-color: #909090; 
     969        border-color: #bbb; 
    960970        background: #eee; 
    961971        background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff)); 
    962972        background-image: -webkit-linear-gradient(bottom, #ccc, #fff); 
     
    966976} 
    967977 
    968978/* SplitButton */ 
     979.wp_themeSkin .mceSplitButton .mceLast span.mceOpen .mceIconOnly { 
     980        display: block !important; 
     981} 
     982 
    969983.wp_themeSkin .mceSplitButton a.mceAction, 
    970984.wp_themeSkin .mceSplitButton a.mceOpen { 
    971         border-color: #ccc; 
     985        border-color: transparent; 
    972986} 
    973987 
    974 .wp_themeSkin .mceSplitButton a.mceOpen:hover, 
     988.wp_themeSkin .mceSplitButton:hover a.mceOpen, 
    975989.wp_themeSkin .mceSplitButtonSelected a.mceOpen, 
     990.wp_themeSkin .mceSplitButtonSelected a.mceAction, 
    976991.wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction, 
    977992.wp_themeSkin .mceSplitButton a.mceAction:hover { 
    978         border-color: #909090; 
     993        border-color: #bbb; 
    979994} 
    980995 
    981 .wp_themeSkin table.mceSplitButton td { 
    982         background: #eee; 
    983         background-image: -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#fff)); 
    984         background-image: -webkit-linear-gradient(bottom, #ddd, #fff); 
    985         background-image:    -moz-linear-gradient(bottom, #ddd, #fff); 
    986         background-image:      -o-linear-gradient(bottom, #ddd, #fff); 
    987         background-image: linear-gradient(to top, #ddd, #fff); 
     996.wp_themeSkin .mceSplitButtonEnabled a.mceOpen, 
     997.wp_themeSkin .mceSplitButtonSelected a.mceOpen, 
     998.wp_themeSkin .mceSplitButtonActive a.mceOpen, 
     999.wp_themeSkin .mceSplitButtonEnabled:hover a.mceOpen { 
     1000        background-image: url("../images/down_arrow.gif"); 
     1001        background-position: 1px 2px; 
     1002        background-repeat: no-repeat; 
    9881003} 
    9891004 
     1005.wp_themeSkin .mceSplitButtonSelected td { 
     1006        background: #ddd; 
     1007        background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ccc)); 
     1008        background-image: -webkit-linear-gradient(bottom, #fff, #ccc); 
     1009        background-image:    -moz-linear-gradient(bottom, #fff, #ccc); 
     1010        background-image:      -o-linear-gradient(bottom, #fff, #ccc); 
     1011        background-image: linear-gradient(to top, #fff, #ccc); 
     1012} 
     1013 
    9901014.wp_themeSkin table.mceSplitButton:hover td { 
     1015        border-color: #bbb; 
    9911016        background: #eee; 
    9921017        background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff)); 
    9931018        background-image: -webkit-linear-gradient(bottom, #ccc, #fff); 
     
    9961021        background-image: linear-gradient(to top, #ccc, #fff); 
    9971022} 
    9981023 
    999 .wp_themeSkin .mceSplitButtonActive { 
     1024.wp_themeSkin table.mceSplitButton:active td.mceFirst, 
     1025.wp_themeSkin table.mceSplitButton td.mceLast:active { 
     1026        border-color: #bbb; 
     1027        background: #ddd; 
     1028        background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ccc)); 
     1029        background-image: -webkit-linear-gradient(bottom, #fff, #ccc); 
     1030        background-image:    -moz-linear-gradient(bottom, #fff, #ccc); 
     1031        background-image:      -o-linear-gradient(bottom, #fff, #ccc); 
     1032        background-image: linear-gradient(to top, #fff, #ccc); 
     1033} 
     1034 
     1035.wp_themeSkin .mceSplitButtonActive td a.mceAction, 
     1036.wp_themeSkin .mceSplitButtonActive td a.mceOpen { 
     1037        border-color: #bbb; 
     1038} 
     1039 
     1040.wp_themeSkin .mceSplitButtonActive td { 
    10001041        background-color: #B2B2B2; 
     1042        background: #ddd; 
     1043        background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ccc)); 
     1044        background-image: -webkit-linear-gradient(bottom, #fff, #ccc); 
     1045        background-image:    -moz-linear-gradient(bottom, #fff, #ccc); 
     1046        background-image:      -o-linear-gradient(bottom, #fff, #ccc); 
     1047        background-image: linear-gradient(to top, #fff, #ccc); 
     1048        -webkit-border-radius: 3px; 
     1049        border-radius: 3px; 
    10011050} 
    10021051 
    10031052.wp_themeSkin .mceColorSplitMenu a.mceMoreColors:hover { 
     
    10531102 
    10541103.quicktags-toolbar, 
    10551104.wp_themeSkin tr.mceFirst td.mceToolbar { 
    1056         border-bottom: 1px solid #ccc; 
    1057         background: #e9e9e9; 
    1058         background-image: -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#e9e9e9)); 
    1059         background-image: -webkit-linear-gradient(bottom, #ddd, #e9e9e9); 
    1060         background-image:    -moz-linear-gradient(bottom, #ddd, #e9e9e9); 
    1061         background-image:      -o-linear-gradient(bottom, #ddd, #e9e9e9); 
    1062         background-image: linear-gradient(to top, #ddd, #e9e9e9); 
     1105        border-bottom: 1px solid #d1d1d1; 
     1106        background: #eee; 
     1107        background-image: -webkit-gradient(linear, left bottom, left top, from(#e5e5e5), to(#f4f4f4)); 
     1108        background-image: -webkit-linear-gradient(bottom, #e5e5e5, #f4f4f4); 
     1109        background-image:    -moz-linear-gradient(bottom, #e5e5e5, #f4f4f4); 
     1110        background-image:      -o-linear-gradient(bottom, #e5e5e5, #f4f4f4); 
     1111        background-image: linear-gradient(to top, #e5e5e5, #f4f4f4); 
    10631112} 
    10641113 
    10651114.wp-switch-editor { 
     
    10981147 
    10991148.tmce-active .switch-tmce, 
    11001149.html-active .switch-html { 
    1101         border-color: #ccc #ccc #e9e9e9; 
    1102         background-color: #e9e9e9; 
    1103         color: #333; 
     1150        border-color: #ccc #ccc #f4f4f4; 
     1151        background-color: #f4f4f4; 
     1152        color: #555; 
    11041153} 
    11051154 
    11061155.wp-media-buttons { 
  • wp-admin/css/colors-classic.css

     
    996996} 
    997997 
    998998/* TinyMCE */ 
    999 #post-status-info { 
    1000         background-color: #eff8ff; 
    1001 } 
    1002999 
    1003 .wp-editor-wrap .wp_themeSkin *, 
    1004 .wp-editor-wrap .wp_themeSkin a:hover, 
    1005 .wp-editor-wrap .wp_themeSkin a:link, 
    1006 .wp-editor-wrap .wp_themeSkin a:visited, 
    1007 .wp-editor-wrap .wp_themeSkin a:active { 
    1008         color: #000; 
     1000.tmce-active .switch-tmce, .html-active .switch-html { 
     1001        background: #f7fcfe !important; 
     1002        border-bottom-color: #f7fcfe !important; 
    10091003} 
    1010  
    1011 .wp-editor-wrap .quicktags-toolbar input { 
    1012         background: #fff; 
    1013         background-image: -webkit-gradient(linear, left bottom, left top, from(#e5f0f8), to(#fff)); 
    1014         background-image: -webkit-linear-gradient(bottom, #e5f0f8, #fff); 
    1015         background-image:    -moz-linear-gradient(bottom, #e5f0f8, #fff); 
    1016         background-image:      -o-linear-gradient(bottom, #e5f0f8, #fff); 
    1017         background-image: linear-gradient(to top, #e5f0f8, #fff); 
     1004.wp-editor-wrap .quicktags-toolbar, 
     1005.wp-editor-wrap .wp_themeSkin tr.mceFirst td.mceToolbar { 
     1006        border-bottom: 1px solid #ccc; 
     1007        background: #f7fcfe; 
     1008        background-image: -webkit-gradient(linear, left bottom, left top, from(#ebf4fc), to(#f7fcfe)); 
     1009        background-image: -webkit-linear-gradient(bottom, #ebf4fc, #f7fcfe); 
     1010        background-image:    -moz-linear-gradient(bottom, #ebf4fc, #f7fcfe); 
     1011        background-image:      -o-linear-gradient(bottom, #ebf4fc, #f7fcfe); 
     1012        background-image: linear-gradient(to top, #ebf4fc, #f7fcfe); 
    10181013} 
    10191014 
    1020 /* Containers */ 
    1021 .wp-editor-wrap .wp-editor-container, 
    1022 .wp-editor-wrap .wp_themeSkin table.mceLayout { 
    1023         border-color: #bed1dd #bed1dd #d0dfe9; 
     1015.wp_themeSkin table.mceListBoxEnabled:hover .mceText, 
     1016.wp_themeSkin .mceListBoxHover .mceText, 
     1017.wp_themeSkin table.mceListBoxEnabled:hover .mceOpen, 
     1018.wp_themeSkin .mceListBoxHover .mceOpen, 
     1019.wp_themeSkin a.mceButtonEnabled:hover { 
     1020        border-color: #c3d2dc !important; 
     1021        background: #f4f9fc; 
     1022        background-image: -webkit-gradient(linear, left bottom, left top, from(#f4f9fc), to(#fff)) !important; 
     1023        background-image: -webkit-linear-gradient(bottom, #f4f9fc, #fff) !important; 
     1024        background-image:    -moz-linear-gradient(bottom, #f4f9fc, #fff) !important; 
     1025        background-image:      -o-linear-gradient(bottom, #f4f9fc, #fff) !important; 
     1026        background-image: linear-gradient(to top, #f4f9fc, #fff) !important; 
    10241027} 
    10251028 
    1026 #editorcontainer #content, 
    1027 #editorcontainer .wp-editor-wrap .wp_themeSkin .mceIframeContainer { 
    1028         -webkit-box-shadow: inset 1px 1px 2px rgba( 0, 0, 0, 0.1 ); 
    1029         box-shadow: inset 1px 1px 2px rgba( 0, 0, 0, 0.1 ); 
     1029.wp_themeSkin a.mceButton:active, 
     1030.wp_themeSkin a.mceButtonEnabled:active, 
     1031.wp_themeSkin a.mceButtonSelected:active, 
     1032.wp_themeSkin a.mceButtonActive, 
     1033.wp_themeSkin a.mceButtonActive:active, 
     1034.wp_themeSkin a.mceButtonActive:hover { 
     1035        border-color: #8f9da9 #c3d2dc #c3d2dc #8f9da9 !important;  
     1036        background: #f4f9fc; 
     1037        background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f4f9fc)) !important;  
     1038        background-image: -webkit-linear-gradient(bottom, #fff, #f4f9fc) !important;  
     1039        background-image:    -moz-linear-gradient(bottom, #fff, #f4f9fc) !important;  
     1040        background-image:      -o-linear-gradient(bottom, #fff, #f4f9fc) !important;  
     1041        background-image: linear-gradient(to top, #fff, #f4f9fc) !important;   
    10301042} 
    10311043 
    1032 .wp-editor-wrap .wp_themeSkin iframe { 
    1033         background: transparent; 
     1044.wp_themeSkin .mceSplitButton:hover a.mceOpen, 
     1045.wp_themeSkin .mceSplitButtonSelected a.mceOpen, 
     1046.wp_themeSkin .mceSplitButtonSelected a.mceAction, 
     1047.wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction, 
     1048.wp_themeSkin .mceSplitButton a.mceAction:hover { 
     1049        border-color: #c3d2dc !important; 
    10341050} 
    10351051 
    1036 /* Layout */ 
    1037 .wp-editor-wrap .wp_themeSkin .mceStatusbar { 
    1038         color: #000; 
    1039         background-color: #f5f5f5; 
    1040 } 
    1041  
    1042 .wp-editor-wrap .wp_themeSkin a.mceButtonEnabled:hover { 
    1043         border-color: #bbb; 
     1052.wp_themeSkin table.mceSplitButton:hover td { 
     1053        border-color: #f4f9fc; 
    10441054        background: #eee; 
    1045         background-image: -webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#fff)); 
    1046         background-image: -webkit-linear-gradient(bottom, #cfdfe9, #fff); 
    1047         background-image:    -moz-linear-gradient(bottom, #cfdfe9, #fff); 
    1048         background-image:      -o-linear-gradient(bottom, #cfdfe9, #fff); 
    1049         background-image: linear-gradient(to top, #cfdfe9, #fff); 
     1055        background-image: -webkit-gradient(linear, left bottom, left top, from(#f4f9fc), to(#fff)) !important; 
     1056        background-image: -webkit-linear-gradient(bottom, #f4f9fc, #fff) !important; 
     1057        background-image:    -moz-linear-gradient(bottom, #f4f9fc, #fff) !important; 
     1058        background-image:      -o-linear-gradient(bottom, #f4f9fc, #fff) !important; 
     1059        background-image: linear-gradient(to top, #f4f9fc, #fff) !important; 
    10501060} 
    10511061 
    1052 .wp-editor-wrap .wp_themeSkin a.mceButton:active, 
    1053 .wp-editor-wrap .wp_themeSkin a.mceButtonEnabled:active, 
    1054 .wp-editor-wrap .wp_themeSkin a.mceButtonSelected:active, 
    1055 .wp-editor-wrap .wp_themeSkin a.mceButtonActive, 
    1056 .wp-editor-wrap .wp_themeSkin a.mceButtonActive:active, 
    1057 .wp-editor-wrap .wp_themeSkin a.mceButtonActive:hover { 
    1058         background: #c7d8e2; 
    1059         border-color: #b0c8d7; 
    1060         background-image: -webkit-gradient(linear, left top, left bottom, from(#cfdfe9), to(#fff)); 
    1061         background-image: -webkit-linear-gradient(top, #cfdfe9, #fff); 
    1062         background-image:    -moz-linear-gradient(top, #cfdfe9, #fff); 
    1063         background-image:      -o-linear-gradient(top, #cfdfe9, #fff); 
    1064         background-image: linear-gradient(to bottom, #cfdfe9, #fff); 
     1062.wp_themeSkin .mceSplitButtonSelected td { 
     1063        background: #f4f9fc; 
     1064        background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f4f9fc)) !important;  
     1065        background-image: -webkit-linear-gradient(bottom, #fff, #f4f9fc) !important;  
     1066        background-image:    -moz-linear-gradient(bottom, #fff, #f4f9fc) !important;  
     1067        background-image:      -o-linear-gradient(bottom, #fff, #f4f9fc) !important;  
     1068        background-image: linear-gradient(to top, #fff, #f4f9fc) !important;  
    10651069} 
    10661070 
    1067 .wp-editor-wrap .wp_themeSkin .mceListBox .mceOpen { 
    1068         border-left: 0 !important; 
    1069 } 
    1070  
    1071 .wp-editor-wrap .wp_themeSkin table.mceListBoxEnabled:hover .mceOpen, 
    1072 .wp-editor-wrap .wp_themeSkin .mceListBoxHover .mceOpen, 
    1073 .wp-editor-wrap .wp_themeSkin .mceListBoxHover:active .mceOpen, 
    1074 .wp-editor-wrap .wp_themeSkin .mceListBoxSelected .mceOpen, 
    1075 .wp-editor-wrap .wp_themeSkin .mceListBoxSelected .mceText, 
    1076 .wp-editor-wrap .wp_themeSkin table.mceListBoxEnabled:active .mceText { 
    1077         border-color: #B0C8D7; 
    1078         background: #c9c9c9; 
    1079         background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#bdccd5)); 
    1080         background-image: -webkit-linear-gradient(bottom, #fff, #bdccd5); 
    1081         background-image:    -moz-linear-gradient(bottom, #fff, #bdccd5); 
    1082         background-image:      -o-linear-gradient(bottom, #fff, #bdccd5); 
    1083         background-image: linear-gradient(to top, #fff, #bdccd5); 
    1084 } 
    1085  
    1086 .wp-editor-wrap .wp_themeSkin table.mceListBoxEnabled:hover .mceText, 
    1087 .wp-editor-wrap .wp_themeSkin .mceListBoxHover .mceText, 
    1088 .wp-editor-wrap .wp_themeSkin table.mceListBoxEnabled:hover .mceOpen, 
    1089 .wp-editor-wrap .wp_themeSkin .mceListBoxHover .mceOpen { 
    1090         border-color: #B0C8D7; 
    1091         background: #c7d8e2; 
    1092         background-image: -webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#fff)); 
    1093         background-image: -webkit-linear-gradient(bottom, #cfdfe9, #fff); 
    1094         background-image:    -moz-linear-gradient(bottom, #cfdfe9, #fff); 
    1095         background-image:      -o-linear-gradient(bottom, #cfdfe9, #fff); 
    1096         background-image: linear-gradient(to top, #cfdfe9, #fff); 
    1097 } 
    1098  
    1099 .wp-editor-wrap .wp_themeSkin .mceSplitButton:hover a.mceOpen, 
    1100 .wp-editor-wrap .wp_themeSkin .mceSplitButtonSelected a.mceOpen, 
    1101 .wp-editor-wrap .wp_themeSkin .mceSplitButtonSelected a.mceAction, 
    1102 .wp-editor-wrap .wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction, 
    1103 .wp-editor-wrap .wp_themeSkin .mceSplitButton a.mceAction:hover { 
    1104         border-color: #B0C8D7; 
    1105 } 
    1106  
    1107 .wp-editor-wrap .wp_themeSkin .mceSplitButtonSelected td { 
    1108         background: #c9c9c9; 
    1109         background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#bdccd5)); 
    1110         background-image: -webkit-linear-gradient(bottom, #fff, #bdccd5); 
    1111         background-image:    -moz-linear-gradient(bottom, #fff, #bdccd5); 
    1112         background-image:      -o-linear-gradient(bottom, #fff, #bdccd5); 
    1113         background-image: linear-gradient(to top, #fff, #bdccd5); 
    1114 } 
    1115  
    1116 .wp-editor-wrap .wp_themeSkin table.mceSplitButton:hover td { 
    1117         border-color: #bbb; 
    1118         background: #c9c9c9; 
    1119         background-image: -webkit-gradient(linear, left bottom, left top, from(#bdccd5), to(#fff)); 
    1120         background-image: -webkit-linear-gradient(bottom, #bdccd5, #fff); 
    1121         background-image:    -moz-linear-gradient(bottom, #bdccd5, #fff); 
    1122         background-image:      -o-linear-gradient(bottom, #bdccd5, #fff); 
    1123         background-image: linear-gradient(to top, #bdccd5, #fff); 
    1124 } 
    1125  
    1126 .wp-editor-wrap .wp_themeSkin table.mceSplitButton:active td.mceFirst, 
    1127 .wp-editor-wrap .wp_themeSkin table.mceSplitButton td.mceLast:active { 
    1128         border-color: #bbb; 
    1129         background: #c9c9c9; 
    1130         background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#bdccd5)); 
    1131         background-image: -webkit-linear-gradient(bottom, #fff, #bdccd5); 
    1132         background-image:    -moz-linear-gradient(bottom, #fff, #bdccd5); 
    1133         background-image:      -o-linear-gradient(bottom, #fff, #bdccd5); 
    1134         background-image: linear-gradient(to top, #fff, #bdccd5); 
    1135 } 
    1136  
    1137 .wp-editor-wrap .wp_themeSkin .mceSplitButtonActive td a.mceAction, 
    1138 .wp-editor-wrap .wp_themeSkin .mceSplitButtonActive td a.mceOpen { 
    1139         border-color: #B0C8D7; 
    1140 } 
    1141  
    1142 .wp-editor-wrap .wp_themeSkin .mceSplitButtonActive td { 
    1143         background: #c9c9c9; 
    1144         background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#bdccd5)); 
    1145         background-image: -webkit-linear-gradient(bottom, #fff, #bdccd5); 
    1146         background-image:    -moz-linear-gradient(bottom, #fff, #bdccd5); 
    1147         background-image:      -o-linear-gradient(bottom, #fff, #bdccd5); 
    1148         background-image: linear-gradient(to top, #fff, #bdccd5); 
    1149 } 
    1150  
    1151 /* ColorSplitButton */ 
    1152 .wp-editor-wrap .wp_themeSkin div.mceColorSplitMenu table { 
    1153         background-color: #ebebeb; 
    1154         border-color: #b2b2b2; 
    1155 } 
    1156  
    1157 .wp-editor-wrap .wp_themeSkin .mceColorSplitMenu a { 
    1158         border-color: #b2b2b2; 
    1159 } 
    1160  
    1161 .wp-editor-wrap .wp_themeSkin .mceColorSplitMenu a.mceMoreColors { 
    1162         border-color: #fff; 
    1163 } 
    1164  
    1165 .wp-editor-wrap .wp_themeSkin .mceColorSplitMenu a.mceMoreColors:hover { 
    1166         border-color: #0A246A; 
    1167         background-color: #B6BDD2; 
    1168 } 
    1169  
    1170 .wp-editor-wrap .wp_themeSkin a.mceMoreColors:hover { 
    1171         border-color: #0A246A; 
    1172 } 
    1173  
    1174 /* Menu */ 
    1175 .wp-editor-wrap .wp_themeSkin .mceMenu { 
    1176         border-color: #ddd; 
    1177 } 
    1178  
    1179 .wp-editor-wrap .wp_themeSkin .mceMenu table { 
    1180         background-color: #ebeaeb; 
    1181 } 
    1182  
    1183 .wp-editor-wrap .wp_themeSkin .mceMenu .mceText { 
    1184         color: #000; 
    1185 } 
    1186  
    1187 .wp-editor-wrap .wp_themeSkin .mceMenu .mceMenuItemEnabled a:hover, 
    1188 .wp-editor-wrap .wp_themeSkin .mceMenu .mceMenuItemActive { 
    1189         background-color: #f5f5f5; 
    1190 } 
    1191  
    1192 .wp-editor-wrap .wp_themeSkin td.mceMenuItemSeparator { 
    1193         background-color: #aaa; 
    1194 } 
    1195  
    1196 .wp-editor-wrap .wp_themeSkin .mceMenuItemTitle a { 
    1197         background-color: #ccc; 
    1198         border-bottom-color: #aaa; 
    1199 } 
    1200  
    1201 .wp-editor-wrap .wp_themeSkin .mceMenuItemTitle span.mceText { 
    1202         color: #000; 
    1203 } 
    1204  
    1205 .wp-editor-wrap .wp_themeSkin .mceMenuItemDisabled .mceText { 
    1206         color: #888; 
    1207 } 
    1208  
    1209 .wp-admin #mceModalBlocker { 
    1210         background: #000; 
    1211 } 
    1212  
    1213 .wp-admin .clearlooks2 .mceFocus .mceTop .mceLeft { 
    1214         background: #444444; 
    1215         border-left: 1px solid #999; 
    1216         border-top: 1px solid #999; 
    1217         -webkit-border-top-left-radius: 3px; 
    1218         border-top-left-radius: 3px; 
    1219 } 
    1220  
    1221 .wp-admin .clearlooks2 .mceFocus .mceTop .mceRight { 
    1222         background: #444444; 
    1223         border-right: 1px solid #999; 
    1224         border-top: 1px solid #999; 
    1225         -webkit-border-top-right-radius: 3px; 
    1226         border-top-right-radius: 3px; 
    1227 } 
    1228  
    1229 .wp-admin .clearlooks2 .mceMiddle .mceLeft { 
    1230         background: #f1f1f1; 
    1231         border-left: 1px solid #999; 
    1232 } 
    1233  
    1234 .wp-admin .clearlooks2 .mceMiddle .mceRight { 
    1235         background: #f1f1f1; 
    1236         border-right: 1px solid #999; 
    1237 } 
    1238  
    1239 .wp-admin .clearlooks2 .mceBottom { 
    1240         background: #f1f1f1; 
    1241         border-bottom: 1px solid #999; 
    1242 } 
    1243  
    1244 .wp-admin .clearlooks2 .mceBottom .mceLeft { 
    1245         background: #f1f1f1; 
    1246         border-bottom: 1px solid #999; 
    1247         border-left: 1px solid #999; 
    1248 } 
    1249  
    1250 .wp-admin .clearlooks2 .mceBottom .mceCenter { 
    1251         background: #f1f1f1; 
    1252         border-bottom: 1px solid #999; 
    1253 } 
    1254  
    1255 .wp-admin .clearlooks2 .mceBottom .mceRight { 
    1256         background: #f1f1f1; 
    1257         border-bottom: 1px solid #999; 
    1258         border-right: 1px solid #999; 
    1259 } 
    1260  
    1261 .wp-admin .clearlooks2 .mceFocus .mceTop span { 
    1262         color: #e5e5e5; 
    1263 } 
    1264  
    1265 .wp-editor-wrap .wp-switch-editor { 
    1266         background-color: #f5fafd; 
    1267         border-color: #d1e5ee #d1e5ee #d1e5ee; 
    1268         color: #999 
    1269 } 
    1270  
    1271 .wp-editor-wrap.tmce-active .switch-tmce, 
    1272 .wp-editor-wrap.html-active .switch-html { 
    1273         background-color: #eff8ff; 
    1274         border-color: #d1e5ee #d1e5ee #eff8ff; 
    1275         color: #333; 
    1276 } 
    1277  
    1278 .wp-editor-wrap .quicktags-toolbar input { 
    1279         color: #464646; 
    1280         border-color: #b1c6cf; 
    1281         background: #fff; 
    1282         background-image: -webkit-gradient(linear, left bottom, left top, from(#e5f0f8), to(#fff)); 
    1283         background-image: -webkit-linear-gradient(bottom, #e5f0f8, #fff); 
    1284         background-image:    -moz-linear-gradient(bottom, #e5f0f8, #fff); 
    1285         background-image:      -o-linear-gradient(bottom, #e5f0f8, #fff); 
    1286         background-image: linear-gradient(to top, #e5f0f8, #fff); 
    1287 } 
    1288  
    1289 .wp-editor-wrap .quicktags-toolbar input:hover { 
    1290         border-color: #5589aa; 
    1291         background: #e0f1ff; 
    1292 } 
    1293  
    1294 .wp-editor-wrap .quicktags-toolbar, 
    1295 .wp-editor-wrap .wp_themeSkin tr.mceFirst td.mceToolbar { 
    1296         border-bottom: 1px solid #ccc; 
    1297         background: #eff8ff; 
    1298         background-image: -webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#eff8ff)); 
    1299         background-image: -webkit-linear-gradient(bottom, #cfdfe9, #eff8ff); 
    1300         background-image:    -moz-linear-gradient(bottom, #cfdfe9, #eff8ff); 
    1301         background-image:      -o-linear-gradient(bottom, #cfdfe9, #eff8ff); 
    1302         background-image: linear-gradient(to top, #cfdfe9, #eff8ff); 
    1303 } 
    1304  
    13051071/* end TinyMCE */ 
    13061072 
    13071073#editorcontainer {