WordPress.org
Get WordPress

Make WordPress Core

Ticket #18141: 18141.15.diff

File 18141.15.diff, 29.0 KB (added by helenyhou, 12 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;
    … …  
    238230.wp_themeSkin .mceListBox {
    239231        margin: 1px;
    240232        direction: ltr;
     233        background-color: #fff;
     234        border: 1px solid #ddd;
     235        -webkit-box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2);
     236        box-shadow:         inset 0 1px 1px -1px rgba(0, 0, 0, .2);
    241237}
    242238
    243239.wp_themeSkin .mceListBox .mceOpen {
    244         width: 14px;
     240        width: 12px;
    245241        height: 20px;
    246242        border-collapse: separate;
    247243        padding: 1px;
    … …  
    249245        -webkit-border-top-left-radius: 0;
    250246        border-bottom-left-radius: 0;
    251247        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;
    254248}
    255249
    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;
     250.wp_themeSkin .mceListBox .mceFirst a {
     251        border-style: solid;
     252        border-width: 1px;
     253        border-bottom-right-radius: 2px;
     254        border-top-right-radius: 2px;
    263255}
    264256
    265 .wp_themeSkin table.mceListBoxEnabled:hover .mceText,
    266 .wp_themeSkin .mceListBoxHover .mceText,
    267 .wp_themeSkin .mceListBoxSelected .mceText,
    268 .wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
     257/*.wp_themeSkin .mceListBox .mceLast {
     258        display: none;
     259}*/
     260
     261.wp_themeSkin .mceListBox .mceOpen,
    269262.wp_themeSkin .mceListBoxHover .mceOpen,
    270 .wp_themeSkin .mceListBoxSelected .mceOpen {
    271         background-image: none;
     263.wp_themeSkin .mceListBoxSelected .mceOpen,
     264.wp_themeSkin table.mceListBoxEnabled .mceOpen {
     265        background-image: url("../images/down_arrow.gif");
     266        background-position: 3px 1px;
     267        background-repeat: no-repeat;
    272268}
    273269
    274270.wp_themeSkin .mceListBoxDisabled .mceText {
    … …  
    285281}
    286282
    287283.wp_themeSkin select.mceListBox {
    288         font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif;
     284        font-family: sans-serif;
    289285        font-size: 12px;
    290286        border-color: #b2b2b2;
    291287        background-color: #fff;
    … …  
    300296
    301297.wp_themeSkin .mceSplitButton {
    302298        display: block;
    303         margin: 1px;
    304299        direction: ltr;
    305300}
    306301
    … …  
    310305        border-radius: 2px;
    311306}
    312307
    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 
    318308.wp_themeSkin table.mceSplitButton:hover td {
    319309        background-image: inherit 0 -10px;
    320310}
    … …  
    323313        height: 20px;
    324314        width: 20px;
    325315        padding: 1px 2px;
     316        border-right: 0 none !important;
    326317}
    327318
    328319.wp_themeSkin .mceSplitButton span.mceAction {
    … …  
    333324}
    334325
    335326.wp_themeSkin .mceSplitButton a.mceOpen {
    336         width: 10px;
     327        width: 11px;
    337328        height: 20px;
    338         background-image: url("../images/down_arrow.gif");
    339         background-position: 1px 2px;
     329        background-position: 0px 2px;
    340330        background-repeat: no-repeat;
    341         padding: 1px;
    342         border-left: 0 none !important;
     331        padding: 1px 0;
    343332}
    344333
     334.wp_themeSkin .mceSplitButtonActive a.mceOpen,
     335.wp_themeSkin .mceSplitButtonSelected a.mceOpen,
     336.wp_themeSkin .mceSplitButton a.mceOpen:hover {
     337        width: 12px;
     338        border-left: 1px solid transparent !important;
     339        background-position: 2px 2px !important;
     340        position: relative;
     341        left: -1px;
     342        margin-right: -1px;
     343}
     344
    345345.wp_themeSkin .mceSplitButton span.mceOpen {
    346346        display: none;
    347347}
    … …  
    449449/* ColorSplitButton */
    450450.wp_themeSkin div.mceColorSplitMenu table {
    451451        background-color: #ebebeb;
    452         border-color: #B2B2B2;
     452        border-color: #bbb;
    453453}
    454454
    455455.wp_themeSkin .mceColorSplitMenu td {
    … …  
    870870.wp_themeSkin a.mceButtonSelected,
    871871.wp_themeSkin .mceListBox .mceText,
    872872.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,
    879873.wp_themeSkin select.mceListBox,
    880874.wp_themeSkin .mceSplitButton a.mceAction,
    881875.wp_themeSkin .mceSplitButton a.mceOpen,
    … …  
    892886        border-style: solid;
    893887        border-width: 1px;
    894888}
    895 
     889.wp_themeSkin .mceListBox .mceText {
     890        border-right: 0 none;
     891}
    896892.wp_themeSkin iframe {
    897893        background: transparent;
    898894}
    899895
    900 .wp_themeSkin .mceButton,
     896.wp_themeSkin .mceButton {
     897        border-color: transparent;
     898}
     899
    901900.wp_themeSkin .mceListBox .mceText,
    902901.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);
     902        border-color: transparent;
    910903}
    911904
    912905.wp_themeSkin a.mceButtonEnabled:hover {
    913         border-color: #a0a0a0;
     906        border-color: #bbb;
    914907        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);
     908        background-image: -webkit-gradient(linear, left bottom, left top, from(#e5e5e5), to(#fff));
     909        background-image: -webkit-linear-gradient(bottom, #e5e5e5, #fff);
     910        background-image:    -moz-linear-gradient(bottom, #e5e5e5, #fff);
     911        background-image:      -o-linear-gradient(bottom, #e5e5e5, #fff);
     912        background-image: linear-gradient(to top, #e5e5e5, #fff);
    920913}
    921914
    922915.wp_themeSkin a.mceButton:active,
    … …  
    925918.wp_themeSkin a.mceButtonActive,
    926919.wp_themeSkin a.mceButtonActive:active,
    927920.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);
     921        border-color: #999 #ccc #ccc #999;
     922        background: #eee;
     923        background-image: -webkit-gradient(linear, left bottom, left top, from(#f6f6f6), to(#e3e3e3));
     924        background-image: -webkit-linear-gradient(bottom, #f6f6f6, #e3e3e3);
     925        background-image:    -moz-linear-gradient(bottom, #f6f6f6, #e3e3e3);
     926        background-image:      -o-linear-gradient(bottom, #f6f6f6, #e3e3e3);
     927        background-image: linear-gradient(to top, #f6f6f6, #e3e3e3);
    935928}
    936929
    937930.wp_themeSkin .mceButtonDisabled {
    938         border-color: #ccc !important;
     931        border-color: transparent !important;
    939932}
    940933
    941934.wp_themeSkin .mceListBox .mceOpen {
    942935        border-left: 0 !important;
    943936}
    944937
    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;
     938.wp_themeSkin .mceListBoxEnabled:hover,
     939.wp_themeSkin .mceListBoxEnabled:active,
     940.wp_themeSkin .mceListBoxHover,
     941.wp_themeSkin .mceListBoxHover:active,
     942.wp_themeSkin .mceListBoxSelected {
     943        -webkit-box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .3);
     944        box-shadow:         inset 0 1px 1px -1px rgba(0, 0, 0, .3);
     945        border-color: #bbb;
    953946}
    954947
    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);
     948/* SplitButton */
     949.wp_themeSkin .mceSplitButton .mceLast span.mceOpen .mceIconOnly {
     950        display: block !important;
    966951}
    967952
    968 /* SplitButton */
    969953.wp_themeSkin .mceSplitButton a.mceAction,
    970954.wp_themeSkin .mceSplitButton a.mceOpen {
    971         border-color: #ccc;
     955        border-color: transparent;
    972956}
    973957
    974 .wp_themeSkin .mceSplitButton a.mceOpen:hover,
     958.wp_themeSkin .mceSplitButton:hover a.mceOpen,
    975959.wp_themeSkin .mceSplitButtonSelected a.mceOpen,
     960.wp_themeSkin .mceSplitButtonSelected a.mceAction,
    976961.wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction,
    977962.wp_themeSkin .mceSplitButton a.mceAction:hover {
    978         border-color: #909090;
     963        border-color: #bbb;
    979964}
    980965
    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);
     966.wp_themeSkin .mceSplitButtonEnabled a.mceOpen,
     967.wp_themeSkin .mceSplitButtonSelected a.mceOpen,
     968.wp_themeSkin .mceSplitButtonActive a.mceOpen,
     969.wp_themeSkin .mceSplitButtonEnabled:hover a.mceOpen {
     970        background-image: url("../images/down_arrow.gif");
     971        background-position: 1px 2px;
     972        background-repeat: no-repeat;
    988973}
    989974
     975.wp_themeSkin .mceSplitButtonSelected td {
     976        background-color: #ddd;
     977        background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ccc));
     978        background-image: -webkit-linear-gradient(bottom, #fff, #ccc);
     979        background-image:    -moz-linear-gradient(bottom, #fff, #ccc);
     980        background-image:      -o-linear-gradient(bottom, #fff, #ccc);
     981        background-image: linear-gradient(to top, #fff, #ccc);
     982}
     983
    990984.wp_themeSkin table.mceSplitButton:hover td {
    991         background: #eee;
     985        border-color: #bbb;
     986        background-color: #eee;
    992987        background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff));
    993988        background-image: -webkit-linear-gradient(bottom, #ccc, #fff);
    994989        background-image:    -moz-linear-gradient(bottom, #ccc, #fff);
    … …  
    996991        background-image: linear-gradient(to top, #ccc, #fff);
    997992}
    998993
    999 .wp_themeSkin .mceSplitButtonActive {
    1000         background-color: #B2B2B2;
     994.wp_themeSkin table.mceSplitButton:active td.mceFirst,
     995.wp_themeSkin table.mceSplitButton td.mceLast:active {
     996        border-color: #bbb;
     997        background-color: #ddd;
     998        background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ccc));
     999        background-image: -webkit-linear-gradient(bottom, #fff, #ccc);
     1000        background-image:    -moz-linear-gradient(bottom, #fff, #ccc);
     1001        background-image:      -o-linear-gradient(bottom, #fff, #ccc);
     1002        background-image: linear-gradient(to top, #fff, #ccc);
    10011003}
    10021004
     1005.wp_themeSkin .mceSplitButtonActive td a.mceAction,
     1006.wp_themeSkin .mceSplitButtonActive td a.mceOpen {
     1007        border-color: #bbb;
     1008}
     1009
     1010.wp_themeSkin .mceSplitButtonActive td {
     1011        background-color: #ddd;
     1012        background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ccc));
     1013        background-image: -webkit-linear-gradient(bottom, #fff, #ccc);
     1014        background-image:    -moz-linear-gradient(bottom, #fff, #ccc);
     1015        background-image:      -o-linear-gradient(bottom, #fff, #ccc);
     1016        background-image: linear-gradient(to top, #fff, #ccc);
     1017        -webkit-border-radius: 3px;
     1018        border-radius: 3px;
     1019}
     1020
    10031021.wp_themeSkin .mceColorSplitMenu a.mceMoreColors:hover {
    10041022        border-color: #0A246A;
    10051023        background-color: #B6BDD2;
    … …  
    10591077
    10601078.quicktags-toolbar,
    10611079.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);
     1080        border-bottom: 1px solid #d1d1d1;
     1081        background: #eee;
     1082        background-image: -webkit-gradient(linear, left bottom, left top, from(#e5e5e5), to(#f4f4f4));
     1083        background-image: -webkit-linear-gradient(bottom, #e5e5e5, #f4f4f4);
     1084        background-image:    -moz-linear-gradient(bottom, #e5e5e5, #f4f4f4);
     1085        background-image:      -o-linear-gradient(bottom, #e5e5e5, #f4f4f4);
     1086        background-image: linear-gradient(to top, #e5e5e5, #f4f4f4);
    10691087}
    10701088
    10711089.wp-switch-editor {
    … …  
    11041122
    11051123.tmce-active .switch-tmce,
    11061124.html-active .switch-html {
    1107         border-color: #ccc #ccc #e9e9e9;
    1108         background-color: #e9e9e9;
    1109         color: #333;
     1125        border-color: #ccc #ccc #f4f4f4;
     1126        background-color: #f4f4f4;
     1127        color: #555;
    11101128}
    11111129
    11121130.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}