WordPress.org

Make WordPress Core

Ticket #18141: 18141.17.diff

File 18141.17.diff, 29.1 KB (added by helenyhou, 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 :active,
     151.wp_themeSkin table.mceToolbar :focus,
     152.wp_themeSkin table.mceToolbar:focus,
     153.wp_themeSkin span.mceSeparator:focus {
     154        outline: none;
     155}
     156
    150157.wp_themeSkin #content_toolbar1 {
    151158        margin-top: 2px;
    152159}
     
    176183        margin: 1px;
    177184        -webkit-border-radius: 2px;
    178185        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;
    181186}
    182187
    183188.wp_themeSkin a.mceButtonEnabled:hover {
     
    188193        margin: 0 0 0 1px;
    189194}
    190195
    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 
    199196.wp_themeSkin .mceButtonDisabled .mceIcon {
    200         opacity: 0.5;
    201         filter: alpha(opacity=50);
     197        opacity: 0.2;
     198        filter: alpha(opacity=20);
    202199}
    203200
    204201/* Separator */
     
    218215}
    219216
    220217.wp_themeSkin .mceListBox .mceText {
    221         padding: 1px 2px 1px 5px;
     218        padding: 1px 4px 1px 5px;
     219        width: 70px;
    222220        text-align: left;
    223221        text-decoration: none;
    224         width: 70px;
    225222        -webkit-border-bottom-left-radius: 2px;
    226223        -webkit-border-top-left-radius: 2px;
    227224        border-bottom-left-radius: 2px;
    228225        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;
     226        font-family: sans-serif;
    232227        font-size: 12px;
    233228        height: 20px;
    234229        line-height: 20px;
     
    238233.wp_themeSkin .mceListBox {
    239234        margin: 1px;
    240235        direction: ltr;
     236        background-color: #fff;
     237        border: 1px solid #ddd;
     238        -webkit-box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2);
     239        box-shadow:         inset 0 1px 1px -1px rgba(0, 0, 0, .2);
    241240}
    242241
    243242.wp_themeSkin .mceListBox .mceOpen {
    244         width: 14px;
     243        width: 12px;
    245244        height: 20px;
    246245        border-collapse: separate;
    247246        padding: 1px;
     
    249248        -webkit-border-top-left-radius: 0;
    250249        border-bottom-left-radius: 0;
    251250        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;
    254251}
    255252
    256 .wp_themeSkin .mceListBox .mceOpen span {
    257         display: block;
    258         width: 14px;
    259         height: 20px;
    260         background-image: url("../images/down_arrow.gif");
    261         background-position: 2px 1px;
    262         background-repeat: no-repeat;
     253.wp_themeSkin .mceListBox .mceFirst a {
     254        border-style: solid;
     255        border-width: 1px;
     256        border-bottom-right-radius: 2px;
     257        border-top-right-radius: 2px;
    263258}
    264259
    265 .wp_themeSkin table.mceListBoxEnabled:hover .mceText,
    266 .wp_themeSkin .mceListBoxHover .mceText,
    267 .wp_themeSkin .mceListBoxSelected .mceText,
    268 .wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
     260/*.wp_themeSkin .mceListBox .mceLast {
     261        display: none;
     262}*/
     263
     264.wp_themeSkin .mceListBox .mceOpen,
    269265.wp_themeSkin .mceListBoxHover .mceOpen,
    270 .wp_themeSkin .mceListBoxSelected .mceOpen {
    271         background-image: none;
     266.wp_themeSkin .mceListBoxSelected .mceOpen,
     267.wp_themeSkin table.mceListBoxEnabled .mceOpen {
     268        background-image: url("../images/down_arrow.gif");
     269        background-position: 3px 1px;
     270        background-repeat: no-repeat;
    272271}
    273272
    274273.wp_themeSkin .mceListBoxDisabled .mceText {
     
    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,
    879876.wp_themeSkin select.mceListBox,
    880877.wp_themeSkin .mceSplitButton a.mceAction,
    881878.wp_themeSkin .mceSplitButton a.mceOpen,
     
    892889        border-style: solid;
    893890        border-width: 1px;
    894891}
    895 
     892.wp_themeSkin .mceListBox .mceText {
     893        border-right: 0 none;
     894}
    896895.wp_themeSkin iframe {
    897896        background: transparent;
    898897}
    899898
    900 .wp_themeSkin .mceButton,
     899.wp_themeSkin .mceButton {
     900        border-color: transparent;
     901}
     902
    901903.wp_themeSkin .mceListBox .mceText,
    902904.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);
     905        border-color: transparent;
    910906}
    911907
    912908.wp_themeSkin a.mceButtonEnabled:hover {
    913         border-color: #a0a0a0;
     909        border-color: #bbb;
    914910        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);
     911        background-image: -webkit-gradient(linear, left bottom, left top, from(#e5e5e5), to(#fff));
     912        background-image: -webkit-linear-gradient(bottom, #e5e5e5, #fff);
     913        background-image:    -moz-linear-gradient(bottom, #e5e5e5, #fff);
     914        background-image:      -o-linear-gradient(bottom, #e5e5e5, #fff);
     915        background-image: linear-gradient(to top, #e5e5e5, #fff);
    920916}
    921917
    922918.wp_themeSkin a.mceButton:active,
     
    925921.wp_themeSkin a.mceButtonActive,
    926922.wp_themeSkin a.mceButtonActive:active,
    927923.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);
     924        outline: none;
     925        border-color: #999 #ccc #ccc #999;
     926        background: #eee;
     927        background-image: -webkit-gradient(linear, left bottom, left top, from(#f6f6f6), to(#e3e3e3));
     928        background-image: -webkit-linear-gradient(bottom, #f6f6f6, #e3e3e3);
     929        background-image:    -moz-linear-gradient(bottom, #f6f6f6, #e3e3e3);
     930        background-image:      -o-linear-gradient(bottom, #f6f6f6, #e3e3e3);
     931        background-image: linear-gradient(to top, #f6f6f6, #e3e3e3);
    935932}
    936933
    937934.wp_themeSkin .mceButtonDisabled {
    938         border-color: #ccc !important;
     935        border-color: transparent !important;
    939936}
    940937
    941938.wp_themeSkin .mceListBox .mceOpen {
    942939        border-left: 0 !important;
    943940}
    944941
    945 .wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
    946 .wp_themeSkin .mceListBoxHover .mceOpen,
    947 .wp_themeSkin .mceListBoxHover:active .mceOpen,
    948 .wp_themeSkin .mceListBoxSelected .mceOpen,
    949 .wp_themeSkin .mceListBoxSelected .mceText,
    950 .wp_themeSkin table.mceListBoxEnabled:active .mceText {
    951         background: #ccc;
    952         border-color: #999;
     942.wp_themeSkin .mceListBoxEnabled:hover,
     943.wp_themeSkin .mceListBoxEnabled:active,
     944.wp_themeSkin .mceListBoxHover,
     945.wp_themeSkin .mceListBoxHover:active,
     946.wp_themeSkin .mceListBoxSelected {
     947        -webkit-box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .3);
     948        box-shadow:         inset 0 1px 1px -1px rgba(0, 0, 0, .3);
     949        border-color: #bbb;
    953950}
    954951
    955 .wp_themeSkin table.mceListBoxEnabled:hover .mceText,
    956 .wp_themeSkin .mceListBoxHover .mceText,
    957 .wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
    958 .wp_themeSkin .mceListBoxHover .mceOpen {
    959         border-color: #909090;
    960         background: #eee;
    961         background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff));
    962         background-image: -webkit-linear-gradient(bottom, #ccc, #fff);
    963         background-image:    -moz-linear-gradient(bottom, #ccc, #fff);
    964         background-image:      -o-linear-gradient(bottom, #ccc, #fff);
    965         background-image: linear-gradient(to top, #ccc, #fff);
     952/* SplitButton */
     953.wp_themeSkin .mceSplitButton .mceLast span.mceOpen .mceIconOnly {
     954        display: block !important;
    966955}
    967956
    968 /* SplitButton */
    969957.wp_themeSkin .mceSplitButton a.mceAction,
    970958.wp_themeSkin .mceSplitButton a.mceOpen {
    971         border-color: #ccc;
     959        border-color: transparent;
    972960}
    973961
    974 .wp_themeSkin .mceSplitButton a.mceOpen:hover,
     962.wp_themeSkin .mceSplitButton:hover a.mceOpen,
    975963.wp_themeSkin .mceSplitButtonSelected a.mceOpen,
     964.wp_themeSkin .mceSplitButtonSelected a.mceAction,
    976965.wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction,
    977966.wp_themeSkin .mceSplitButton a.mceAction:hover {
    978         border-color: #909090;
     967        border-color: #bbb;
    979968}
    980969
    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);
     970.wp_themeSkin .mceSplitButtonEnabled a.mceOpen,
     971.wp_themeSkin .mceSplitButtonSelected a.mceOpen,
     972.wp_themeSkin .mceSplitButtonActive a.mceOpen,
     973.wp_themeSkin .mceSplitButtonEnabled:hover a.mceOpen {
     974        background-image: url("../images/down_arrow.gif");
     975        background-position: 1px 2px;
     976        background-repeat: no-repeat;
    988977}
    989978
     979.wp_themeSkin .mceSplitButtonSelected td {
     980        background-color: #ddd;
     981        background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ccc));
     982        background-image: -webkit-linear-gradient(bottom, #fff, #ccc);
     983        background-image:    -moz-linear-gradient(bottom, #fff, #ccc);
     984        background-image:      -o-linear-gradient(bottom, #fff, #ccc);
     985        background-image: linear-gradient(to top, #fff, #ccc);
     986}
     987
    990988.wp_themeSkin table.mceSplitButton:hover td {
    991         background: #eee;
     989        border-color: #bbb;
     990        background-color: #eee;
    992991        background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff));
    993992        background-image: -webkit-linear-gradient(bottom, #ccc, #fff);
    994993        background-image:    -moz-linear-gradient(bottom, #ccc, #fff);
     
    996995        background-image: linear-gradient(to top, #ccc, #fff);
    997996}
    998997
    999 .wp_themeSkin .mceSplitButtonActive {
    1000         background-color: #B2B2B2;
     998.wp_themeSkin table.mceSplitButton:active td.mceFirst,
     999.wp_themeSkin table.mceSplitButton td.mceLast:active {
     1000        border-color: #bbb;
     1001        background-color: #ddd;
     1002        background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ccc));
     1003        background-image: -webkit-linear-gradient(bottom, #fff, #ccc);
     1004        background-image:    -moz-linear-gradient(bottom, #fff, #ccc);
     1005        background-image:      -o-linear-gradient(bottom, #fff, #ccc);
     1006        background-image: linear-gradient(to top, #fff, #ccc);
    10011007}
    10021008
     1009.wp_themeSkin .mceSplitButtonActive td a.mceAction,
     1010.wp_themeSkin .mceSplitButtonActive td a.mceOpen {
     1011        border-color: #bbb;
     1012}
     1013
     1014.wp_themeSkin .mceSplitButtonActive td {
     1015        background-color: #ddd;
     1016        background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ccc));
     1017        background-image: -webkit-linear-gradient(bottom, #fff, #ccc);
     1018        background-image:    -moz-linear-gradient(bottom, #fff, #ccc);
     1019        background-image:      -o-linear-gradient(bottom, #fff, #ccc);
     1020        background-image: linear-gradient(to top, #fff, #ccc);
     1021        -webkit-border-radius: 3px;
     1022        border-radius: 3px;
     1023}
     1024
    10031025.wp_themeSkin .mceColorSplitMenu a.mceMoreColors:hover {
    10041026        border-color: #0A246A;
    10051027        background-color: #B6BDD2;
     
    10591081
    10601082.quicktags-toolbar,
    10611083.wp_themeSkin tr.mceFirst td.mceToolbar {
    1062         border-bottom: 1px solid #ccc;
    1063         background: #e9e9e9;
    1064         background-image: -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#e9e9e9));
    1065         background-image: -webkit-linear-gradient(bottom, #ddd, #e9e9e9);
    1066         background-image:    -moz-linear-gradient(bottom, #ddd, #e9e9e9);
    1067         background-image:      -o-linear-gradient(bottom, #ddd, #e9e9e9);
    1068         background-image: linear-gradient(to top, #ddd, #e9e9e9);
     1084        border-bottom: 1px solid #d1d1d1;
     1085        background: #eee;
     1086        background-image: -webkit-gradient(linear, left bottom, left top, from(#e5e5e5), to(#f4f4f4));
     1087        background-image: -webkit-linear-gradient(bottom, #e5e5e5, #f4f4f4);
     1088        background-image:    -moz-linear-gradient(bottom, #e5e5e5, #f4f4f4);
     1089        background-image:      -o-linear-gradient(bottom, #e5e5e5, #f4f4f4);
     1090        background-image: linear-gradient(to top, #e5e5e5, #f4f4f4);
    10691091}
    10701092
    10711093.wp-switch-editor {
     
    11041126
    11051127.tmce-active .switch-tmce,
    11061128.html-active .switch-html {
    1107         border-color: #ccc #ccc #e9e9e9;
    1108         background-color: #e9e9e9;
    1109         color: #333;
     1129        border-color: #ccc #ccc #f4f4f4;
     1130        background-color: #f4f4f4;
     1131        color: #555;
    11101132}
    11111133
    11121134.wp-media-buttons {
  • wp-admin/css/colors-classic.css

     
    10051005        color: #333;
    10061006}
    10071007
    1008 /* TinyMCE */
    1009 #post-status-info {
    1010         background-color: #eff8ff;
    1011 }
    1012 
    1013 .wp-editor-wrap .wp_themeSkin *,
    1014 .wp-editor-wrap .wp_themeSkin a:hover,
    1015 .wp-editor-wrap .wp_themeSkin a:link,
    1016 .wp-editor-wrap .wp_themeSkin a:visited,
    1017 .wp-editor-wrap .wp_themeSkin a:active {
    1018         color: #000;
    1019 }
    1020 
    1021 .wp-editor-wrap .quicktags-toolbar input {
    1022         background: #fff;
    1023         background-image: -webkit-gradient(linear, left bottom, left top, from(#e5f0f8), to(#fff));
    1024         background-image: -webkit-linear-gradient(bottom, #e5f0f8, #fff);
    1025         background-image:    -moz-linear-gradient(bottom, #e5f0f8, #fff);
    1026         background-image:      -o-linear-gradient(bottom, #e5f0f8, #fff);
    1027         background-image: linear-gradient(to top, #e5f0f8, #fff);
    1028 }
    1029 
    1030 /* Containers */
    10311008.wp-editor-wrap .wp-editor-container,
    10321009.wp-editor-wrap .wp_themeSkin table.mceLayout {
    1033         border-color: #bed1dd #bed1dd #d0dfe9;
     1010        border-color: #d1e5ee #d1e5ee #d0dfe9;
    10341011}
    10351012
    1036 #editorcontainer #content,
    1037 #editorcontainer .wp-editor-wrap .wp_themeSkin .mceIframeContainer {
    1038         -webkit-box-shadow: inset 1px 1px 2px rgba( 0, 0, 0, 0.1 );
    1039         box-shadow: inset 1px 1px 2px rgba( 0, 0, 0, 0.1 );
     1013#editorcontainer {
     1014        border-color: #d1e5ee #d1e5ee #d0dfe9;
    10401015}
    10411016
    1042 .wp-editor-wrap .wp_themeSkin iframe {
    1043         background: transparent;
     1017#post-status-info {
     1018        border-color: #d0dfe9 #d1e5ee #d1e5ee;
    10441019}
    10451020
    1046 /* Layout */
    1047 .wp-editor-wrap .wp_themeSkin .mceStatusbar {
    1048         color: #000;
    1049         background-color: #f5f5f5;
    1050 }
     1021/* TinyMCE */
    10511022
    1052 .wp-editor-wrap .wp_themeSkin a.mceButtonEnabled:hover {
    1053         border-color: #bbb;
    1054         background: #eee;
    1055         background-image: -webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#fff));
    1056         background-image: -webkit-linear-gradient(bottom, #cfdfe9, #fff);
    1057         background-image:    -moz-linear-gradient(bottom, #cfdfe9, #fff);
    1058         background-image:      -o-linear-gradient(bottom, #cfdfe9, #fff);
    1059         background-image: linear-gradient(to top, #cfdfe9, #fff);
    1060 }
    1061 
    1062 .wp-editor-wrap .wp_themeSkin a.mceButton:active,
    1063 .wp-editor-wrap .wp_themeSkin a.mceButtonEnabled:active,
    1064 .wp-editor-wrap .wp_themeSkin a.mceButtonSelected:active,
    1065 .wp-editor-wrap .wp_themeSkin a.mceButtonActive,
    1066 .wp-editor-wrap .wp_themeSkin a.mceButtonActive:active,
    1067 .wp-editor-wrap .wp_themeSkin a.mceButtonActive:hover {
    1068         background: #c7d8e2;
    1069         border-color: #b0c8d7;
    1070         background-image: -webkit-gradient(linear, left top, left bottom, from(#cfdfe9), to(#fff));
    1071         background-image: -webkit-linear-gradient(top, #cfdfe9, #fff);
    1072         background-image:    -moz-linear-gradient(top, #cfdfe9, #fff);
    1073         background-image:      -o-linear-gradient(top, #cfdfe9, #fff);
    1074         background-image: linear-gradient(to bottom, #cfdfe9, #fff);
    1075 }
    1076 
    1077 .wp-editor-wrap .wp_themeSkin .mceListBox .mceOpen {
    1078         border-left: 0 !important;
    1079 }
    1080 
    1081 .wp-editor-wrap .wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
    1082 .wp-editor-wrap .wp_themeSkin .mceListBoxHover .mceOpen,
    1083 .wp-editor-wrap .wp_themeSkin .mceListBoxHover:active .mceOpen,
    1084 .wp-editor-wrap .wp_themeSkin .mceListBoxSelected .mceOpen,
    1085 .wp-editor-wrap .wp_themeSkin .mceListBoxSelected .mceText,
    1086 .wp-editor-wrap .wp_themeSkin table.mceListBoxEnabled:active .mceText {
    1087         border-color: #B0C8D7;
    1088         background: #c9c9c9;
    1089         background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#bdccd5));
    1090         background-image: -webkit-linear-gradient(bottom, #fff, #bdccd5);
    1091         background-image:    -moz-linear-gradient(bottom, #fff, #bdccd5);
    1092         background-image:      -o-linear-gradient(bottom, #fff, #bdccd5);
    1093         background-image: linear-gradient(to top, #fff, #bdccd5);
    1094 }
    1095 
    1096 .wp-editor-wrap .wp_themeSkin table.mceListBoxEnabled:hover .mceText,
    1097 .wp-editor-wrap .wp_themeSkin .mceListBoxHover .mceText,
    1098 .wp-editor-wrap .wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
    1099 .wp-editor-wrap .wp_themeSkin .mceListBoxHover .mceOpen {
    1100         border-color: #B0C8D7;
    1101         background: #c7d8e2;
    1102         background-image: -webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#fff));
    1103         background-image: -webkit-linear-gradient(bottom, #cfdfe9, #fff);
    1104         background-image:    -moz-linear-gradient(bottom, #cfdfe9, #fff);
    1105         background-image:      -o-linear-gradient(bottom, #cfdfe9, #fff);
    1106         background-image: linear-gradient(to top, #cfdfe9, #fff);
    1107 }
    1108 
    1109 .wp-editor-wrap .wp_themeSkin .mceSplitButton:hover a.mceOpen,
    1110 .wp-editor-wrap .wp_themeSkin .mceSplitButtonSelected a.mceOpen,
    1111 .wp-editor-wrap .wp_themeSkin .mceSplitButtonSelected a.mceAction,
    1112 .wp-editor-wrap .wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction,
    1113 .wp-editor-wrap .wp_themeSkin .mceSplitButton a.mceAction:hover {
    1114         border-color: #B0C8D7;
    1115 }
    1116 
    1117 .wp-editor-wrap .wp_themeSkin .mceSplitButtonSelected td {
    1118         background: #c9c9c9;
    1119         background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#bdccd5));
    1120         background-image: -webkit-linear-gradient(bottom, #fff, #bdccd5);
    1121         background-image:    -moz-linear-gradient(bottom, #fff, #bdccd5);
    1122         background-image:      -o-linear-gradient(bottom, #fff, #bdccd5);
    1123         background-image: linear-gradient(to top, #fff, #bdccd5);
    1124 }
    1125 
    1126 .wp-editor-wrap .wp_themeSkin table.mceSplitButton:hover td {
    1127         border-color: #bbb;
    1128         background: #c9c9c9;
    1129         background-image: -webkit-gradient(linear, left bottom, left top, from(#bdccd5), to(#fff));
    1130         background-image: -webkit-linear-gradient(bottom, #bdccd5, #fff);
    1131         background-image:    -moz-linear-gradient(bottom, #bdccd5, #fff);
    1132         background-image:      -o-linear-gradient(bottom, #bdccd5, #fff);
    1133         background-image: linear-gradient(to top, #bdccd5, #fff);
    1134 }
    1135 
    1136 .wp-editor-wrap .wp_themeSkin table.mceSplitButton:active td.mceFirst,
    1137 .wp-editor-wrap .wp_themeSkin table.mceSplitButton td.mceLast:active {
    1138         border-color: #bbb;
    1139         background: #c9c9c9;
    1140         background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#bdccd5));
    1141         background-image: -webkit-linear-gradient(bottom, #fff, #bdccd5);
    1142         background-image:    -moz-linear-gradient(bottom, #fff, #bdccd5);
    1143         background-image:      -o-linear-gradient(bottom, #fff, #bdccd5);
    1144         background-image: linear-gradient(to top, #fff, #bdccd5);
    1145 }
    1146 
    1147 .wp-editor-wrap .wp_themeSkin .mceSplitButtonActive td a.mceAction,
    1148 .wp-editor-wrap .wp_themeSkin .mceSplitButtonActive td a.mceOpen {
    1149         border-color: #B0C8D7;
    1150 }
    1151 
    1152 .wp-editor-wrap .wp_themeSkin .mceSplitButtonActive td {
    1153         background: #c9c9c9;
    1154         background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#bdccd5));
    1155         background-image: -webkit-linear-gradient(bottom, #fff, #bdccd5);
    1156         background-image:    -moz-linear-gradient(bottom, #fff, #bdccd5);
    1157         background-image:      -o-linear-gradient(bottom, #fff, #bdccd5);
    1158         background-image: linear-gradient(to top, #fff, #bdccd5);
    1159 }
    1160 
    1161 /* ColorSplitButton */
    1162 .wp-editor-wrap .wp_themeSkin div.mceColorSplitMenu table {
    1163         background-color: #ebebeb;
    1164         border-color: #b2b2b2;
    1165 }
    1166 
    1167 .wp-editor-wrap .wp_themeSkin .mceColorSplitMenu a {
    1168         border-color: #b2b2b2;
    1169 }
    1170 
    1171 .wp-editor-wrap .wp_themeSkin .mceColorSplitMenu a.mceMoreColors {
    1172         border-color: #fff;
    1173 }
    1174 
    1175 .wp-editor-wrap .wp_themeSkin .mceColorSplitMenu a.mceMoreColors:hover {
    1176         border-color: #0A246A;
    1177         background-color: #B6BDD2;
    1178 }
    1179 
    1180 .wp-editor-wrap .wp_themeSkin a.mceMoreColors:hover {
    1181         border-color: #0A246A;
    1182 }
    1183 
    1184 /* Menu */
    1185 .wp-editor-wrap .wp_themeSkin .mceMenu {
    1186         border-color: #ddd;
    1187 }
    1188 
    1189 .wp-editor-wrap .wp_themeSkin .mceMenu table {
    1190         background-color: #ebeaeb;
    1191 }
    1192 
    1193 .wp-editor-wrap .wp_themeSkin .mceMenu .mceText {
    1194         color: #000;
    1195 }
    1196 
    1197 .wp-editor-wrap .wp_themeSkin .mceMenu .mceMenuItemEnabled a:hover,
    1198 .wp-editor-wrap .wp_themeSkin .mceMenu .mceMenuItemActive {
    1199         background-color: #f5f5f5;
    1200 }
    1201 
    1202 .wp-editor-wrap .wp_themeSkin td.mceMenuItemSeparator {
    1203         background-color: #aaa;
    1204 }
    1205 
    1206 .wp-editor-wrap .wp_themeSkin .mceMenuItemTitle a {
    1207         background-color: #ccc;
    1208         border-bottom-color: #aaa;
    1209 }
    1210 
    1211 .wp-editor-wrap .wp_themeSkin .mceMenuItemTitle span.mceText {
    1212         color: #000;
    1213 }
    1214 
    1215 .wp-editor-wrap .wp_themeSkin .mceMenuItemDisabled .mceText {
     1023.wp-editor-wrap .wp-switch-editor {
     1024        background-color: #d3e9f2;
     1025        border-color: #d1e5ee #d1e5ee #d3e9f2;
    12161026        color: #888;
    12171027}
    12181028
    1219 .wp-admin #mceModalBlocker {
    1220         background: #000;
     1029.wp-editor-wrap.tmce-active .switch-tmce,
     1030.wp-editor-wrap.html-active .switch-html {
     1031        background: #f7fcfe !important;
     1032        border-color: #d1e5ee #d1e5ee #f7fcfe !important;
    12211033}
    12221034
    1223 .wp-admin .clearlooks2 .mceFocus .mceTop .mceLeft {
    1224         background: #444444;
    1225         border-left: 1px solid #999;
    1226         border-top: 1px solid #999;
    1227         -webkit-border-top-left-radius: 3px;
    1228         border-top-left-radius: 3px;
     1035.wp-editor-wrap .quicktags-toolbar,
     1036.wp-editor-wrap .wp_themeSkin tr.mceFirst td.mceToolbar {
     1037        border-color: #d0dfe9;
     1038        background-color: #f5fafd;
     1039        background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#f7fcfe));
     1040        background-image: -webkit-linear-gradient(bottom, #eff8ff, #f7fcfe);
     1041        background-image:    -moz-linear-gradient(bottom, #eff8ff, #f7fcfe);
     1042        background-image:      -o-linear-gradient(bottom, #eff8ff, #f7fcfe);
     1043        background-image: linear-gradient(to top, #eff8ff, #f7fcfe);
    12291044}
    12301045
    1231 .wp-admin .clearlooks2 .mceFocus .mceTop .mceRight {
    1232         background: #444444;
    1233         border-right: 1px solid #999;
    1234         border-top: 1px solid #999;
    1235         -webkit-border-top-right-radius: 3px;
    1236         border-top-right-radius: 3px;
     1046.wp_themeSkin table.mceListBox {
     1047        border-color: #d1e5ee;
    12371048}
    12381049
    1239 .wp-admin .clearlooks2 .mceMiddle .mceLeft {
    1240         background: #f1f1f1;
    1241         border-left: 1px solid #999;
     1050.wp_themeSkin table.mceListBoxEnabled:hover,
     1051.wp_themeSkin table.mceListBoxEnabled:active,
     1052.wp_themeSkin table.mceListBoxHover,
     1053.wp_themeSkin table.mceListBoxHover:active,
     1054.wp_themeSkin table.mceListBoxSelected {
     1055        border-color: #b8cfdf;
    12421056}
    12431057
    1244 .wp-admin .clearlooks2 .mceMiddle .mceRight {
    1245         background: #f1f1f1;
    1246         border-right: 1px solid #999;
     1058.wp_themeSkin a.mceButtonEnabled:hover {
     1059        border-color: #c3d2dc !important;
     1060        background: #f4f9fc;
     1061        background-image: -webkit-gradient(linear, left bottom, left top, from(#f4f9fc), to(#fff)) !important;
     1062        background-image: -webkit-linear-gradient(bottom, #f4f9fc, #fff) !important;
     1063        background-image:    -moz-linear-gradient(bottom, #f4f9fc, #fff) !important;
     1064        background-image:      -o-linear-gradient(bottom, #f4f9fc, #fff) !important;
     1065        background-image: linear-gradient(to top, #f4f9fc, #fff) !important;
    12471066}
    12481067
    1249 .wp-admin .clearlooks2 .mceBottom {
    1250         background: #f1f1f1;
    1251         border-bottom: 1px solid #999;
     1068.wp_themeSkin a.mceButton:active,
     1069.wp_themeSkin a.mceButtonEnabled:active,
     1070.wp_themeSkin a.mceButtonSelected:active,
     1071.wp_themeSkin a.mceButtonActive,
     1072.wp_themeSkin a.mceButtonActive:active,
     1073.wp_themeSkin a.mceButtonActive:hover {
     1074        border-color: #8f9da9 #c3d2dc #c3d2dc #8f9da9 !important;
     1075        background: #f4f9fc;
     1076        background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f4f9fc)) !important;
     1077        background-image: -webkit-linear-gradient(bottom, #fff, #f4f9fc) !important;
     1078        background-image:    -moz-linear-gradient(bottom, #fff, #f4f9fc) !important;
     1079        background-image:      -o-linear-gradient(bottom, #fff, #f4f9fc) !important;
     1080        background-image: linear-gradient(to top, #fff, #f4f9fc) !important;
    12521081}
    12531082
    1254 .wp-admin .clearlooks2 .mceBottom .mceLeft {
    1255         background: #f1f1f1;
    1256         border-bottom: 1px solid #999;
    1257         border-left: 1px solid #999;
     1083.wp_themeSkin .mceSplitButton:hover a.mceOpen,
     1084.wp_themeSkin .mceSplitButtonSelected a.mceOpen,
     1085.wp_themeSkin .mceSplitButtonSelected a.mceAction,
     1086.wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction,
     1087.wp_themeSkin .mceSplitButton a.mceAction:hover {
     1088        border-color: #c3d2dc !important;
    12581089}
    12591090
    1260 .wp-admin .clearlooks2 .mceBottom .mceCenter {
    1261         background: #f1f1f1;
    1262         border-bottom: 1px solid #999;
     1091.wp_themeSkin table.mceSplitButton:hover td {
     1092        border-color: #f4f9fc;
     1093        background: #eee;
     1094        background-image: -webkit-gradient(linear, left bottom, left top, from(#f4f9fc), to(#fff)) !important;
     1095        background-image: -webkit-linear-gradient(bottom, #f4f9fc, #fff) !important;
     1096        background-image:    -moz-linear-gradient(bottom, #f4f9fc, #fff) !important;
     1097        background-image:      -o-linear-gradient(bottom, #f4f9fc, #fff) !important;
     1098        background-image: linear-gradient(to top, #f4f9fc, #fff) !important;
    12631099}
    12641100
    1265 .wp-admin .clearlooks2 .mceBottom .mceRight {
    1266         background: #f1f1f1;
    1267         border-bottom: 1px solid #999;
    1268         border-right: 1px solid #999;
     1101.wp_themeSkin .mceSplitButtonSelected td {
     1102        background: #f4f9fc;
     1103        background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f4f9fc)) !important;
     1104        background-image: -webkit-linear-gradient(bottom, #fff, #f4f9fc) !important;
     1105        background-image:    -moz-linear-gradient(bottom, #fff, #f4f9fc) !important;
     1106        background-image:      -o-linear-gradient(bottom, #fff, #f4f9fc) !important;
     1107        background-image: linear-gradient(to top, #fff, #f4f9fc) !important;
    12691108}
    12701109
    1271 .wp-admin .clearlooks2 .mceFocus .mceTop span {
    1272         color: #e5e5e5;
    1273 }
    1274 
    1275 .wp-editor-wrap .wp-switch-editor {
    1276         background-color: #f5fafd;
    1277         border-color: #d1e5ee #d1e5ee #d1e5ee;
    1278         color: #999
    1279 }
    1280 
    1281 .wp-editor-wrap.tmce-active .switch-tmce,
    1282 .wp-editor-wrap.html-active .switch-html {
    1283         background-color: #eff8ff;
    1284         border-color: #d1e5ee #d1e5ee #eff8ff;
    1285         color: #333;
    1286 }
    1287 
    1288 .wp-editor-wrap .quicktags-toolbar input {
    1289         color: #464646;
    1290         border-color: #b1c6cf;
    1291         background: #fff;
    1292         background-image: -webkit-gradient(linear, left bottom, left top, from(#e5f0f8), to(#fff));
    1293         background-image: -webkit-linear-gradient(bottom, #e5f0f8, #fff);
    1294         background-image:    -moz-linear-gradient(bottom, #e5f0f8, #fff);
    1295         background-image:      -o-linear-gradient(bottom, #e5f0f8, #fff);
    1296         background-image: linear-gradient(to top, #e5f0f8, #fff);
    1297 }
    1298 
    1299 .wp-editor-wrap .quicktags-toolbar input:hover {
    1300         border-color: #5589aa;
    1301         background: #e0f1ff;
    1302 }
    1303 
    1304 .wp-editor-wrap .quicktags-toolbar,
    1305 .wp-editor-wrap .wp_themeSkin tr.mceFirst td.mceToolbar {
    1306         border-bottom: 1px solid #ccc;
    1307         background: #eff8ff;
    1308         background-image: -webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#eff8ff));
    1309         background-image: -webkit-linear-gradient(bottom, #cfdfe9, #eff8ff);
    1310         background-image:    -moz-linear-gradient(bottom, #cfdfe9, #eff8ff);
    1311         background-image:      -o-linear-gradient(bottom, #cfdfe9, #eff8ff);
    1312         background-image: linear-gradient(to top, #cfdfe9, #eff8ff);
    1313 }
    1314 
    13151110/* end TinyMCE */
    13161111
    1317 #editorcontainer {
    1318         border-color: #bdccd5 #bdccd5 #d0dfe9;
    1319 }
    1320 
    1321 #post-status-info {
    1322         border-color: #d0dfe9 #bdccd5 #bdccd5;
    1323 }
    1324 
    13251112.editwidget .widget-inside {
    13261113        border-color: #d0dfe9;
    13271114}