WordPress.org

Make WordPress Core

Ticket #18141: 18141.12.diff

File 18141.12.diff, 27.7 KB (added by lessbloat, 6 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 {