Make WordPress Core

Ticket #18141: 18141.11.diff

File 18141.11.diff, 27.1 KB (added by lessbloat, 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 */
     
    226221        -webkit-border-top-left-radius: 2px;
    227222        border-bottom-left-radius: 2px;
    228223        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;
     224        font-family: sans-serif;
    232225        font-size: 12px;
    233226        height: 20px;
    234227        line-height: 20px;
     
    241234}
    242235
    243236.wp_themeSkin .mceListBox .mceOpen {
    244         width: 14px;
     237        width: 12px;
    245238        height: 20px;
    246239        border-collapse: separate;
    247240        padding: 1px;
     
    249242        -webkit-border-top-left-radius: 0;
    250243        border-bottom-left-radius: 0;
    251244        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;
    254245}
    255246
    256247.wp_themeSkin .mceListBox .mceOpen span {
    257248        display: block;
    258         width: 14px;
     249        width: 12px;
    259250        height: 20px;
     251}
     252
     253.wp_themeSkin .mceListBoxSelected .mceOpen span,
     254.wp_themeSkin .mceListBox:hover .mceOpen span {
    260255        background-image: url("../images/down_arrow.gif");
    261         background-position: 2px 1px;
     256        background-position: 0px 1px;
    262257        background-repeat: no-repeat;
    263258}
    264259
     
    285280}
    286281
    287282.wp_themeSkin select.mceListBox {
    288         font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif;
     283        font-family: sans-serif;
    289284        font-size: 12px;
    290285        border-color: #b2b2b2;
    291286        background-color: #fff;
     
    300295
    301296.wp_themeSkin .mceSplitButton {
    302297        display: block;
    303         margin: 1px;
    304298        direction: ltr;
    305299}
    306300
     
    310304        border-radius: 2px;
    311305}
    312306
    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 
    318307.wp_themeSkin table.mceSplitButton:hover td {
    319308        background-image: inherit 0 -10px;
    320309}
     
    323312        height: 20px;
    324313        width: 20px;
    325314        padding: 1px 2px;
     315        border-right: 0 none !important;
    326316}
    327317
    328318.wp_themeSkin .mceSplitButton span.mceAction {
     
    333323}
    334324
    335325.wp_themeSkin .mceSplitButton a.mceOpen {
    336         width: 10px;
     326        width: 11px;
    337327        height: 20px;
    338         background-image: url("../images/down_arrow.gif");
    339         background-position: 1px 2px;
     328        background-position: 0px 2px;
    340329        background-repeat: no-repeat;
    341         padding: 1px;
    342         border-left: 0 none !important;
     330        padding: 1px 0;
    343331}
    344332
     333.wp_themeSkin .mceSplitButtonActive a.mceOpen,
     334.wp_themeSkin .mceSplitButtonSelected a.mceOpen,
     335.wp_themeSkin .mceSplitButton a.mceOpen:hover {
     336        width: 12px;
     337        border-left: 1px solid transparent !important;
     338        background-position: 2px 2px !important;
     339        position: relative;
     340        left: -1px;
     341        margin-right: -1px;
     342}
     343
    345344.wp_themeSkin .mceSplitButton span.mceOpen {
    346345        display: none;
    347346}
     
    449448/* ColorSplitButton */
    450449.wp_themeSkin div.mceColorSplitMenu table {
    451450        background-color: #ebebeb;
    452         border-color: #B2B2B2;
     451        border-color: #bbb;
    453452}
    454453
    455454.wp_themeSkin .mceColorSplitMenu td {
     
    870869.wp_themeSkin a.mceButtonSelected,
    871870.wp_themeSkin .mceListBox .mceText,
    872871.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,
     872/*.wp_themeSkin table.mceListBoxEnabled:hover .mceText,*/
     873/*.wp_themeSkin .mceListBoxHover .mceText,*/
     874/*.wp_themeSkin .mceListBoxSelected .mceText,*/
     875/*.wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,*/
     876/*.wp_themeSkin .mceListBoxHover .mceOpen,*/
     877/*.wp_themeSkin .mceListBoxSelected .mceOpen,*/
    879878.wp_themeSkin select.mceListBox,
    880879.wp_themeSkin .mceSplitButton a.mceAction,
    881880.wp_themeSkin .mceSplitButton a.mceOpen,
     
    892891        border-style: solid;
    893892        border-width: 1px;
    894893}
    895 
     894.wp_themeSkin .mceListBox .mceText {
     895        border-right: 0 none;
     896}
    896897.wp_themeSkin iframe {
    897898        background: transparent;
    898899}
    899900
    900 .wp_themeSkin .mceButton,
     901.wp_themeSkin .mceButton {
     902        border-color: transparent;
     903}
     904
    901905.wp_themeSkin .mceListBox .mceText,
    902906.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);
     907        border-color: #d9d9d9;
    910908}
    911909
    912910.wp_themeSkin a.mceButtonEnabled:hover {
    913         border-color: #a0a0a0;
     911        border-color: #bbb;
    914912        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);
     913        background-image: -webkit-gradient(linear, left bottom, left top, from(#e5e5e5), to(#fff));
     914        background-image: -webkit-linear-gradient(bottom, #e5e5e5, #fff);
     915        background-image:    -moz-linear-gradient(bottom, #e5e5e5, #fff);
     916        background-image:      -o-linear-gradient(bottom, #e5e5e5, #fff);
     917        background-image: linear-gradient(to top, #e5e5e5, #fff);
    920918}
    921919
    922920.wp_themeSkin a.mceButton:active,
     
    925923.wp_themeSkin a.mceButtonActive,
    926924.wp_themeSkin a.mceButtonActive:active,
    927925.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);
     926        border-color: #999 #ccc #ccc #999;
     927        background: #eee;
     928        background-image: -webkit-gradient(linear, left bottom, left top, from(#f6f6f6), to(#e3e3e3));
     929        background-image: -webkit-linear-gradient(bottom, #f6f6f6, #e3e3e3);
     930        background-image:    -moz-linear-gradient(bottom, #f6f6f6, #e3e3e3);
     931        background-image:      -o-linear-gradient(bottom, #f6f6f6, #e3e3e3);
     932        background-image: linear-gradient(to top, #f6f6f6, #e3e3e3); 
    935933}
    936934
    937935.wp_themeSkin .mceButtonDisabled {
    938         border-color: #ccc !important;
     936        border-color: transparent !important;
    939937}
    940938
     939/*.wp_themeSkin .mceListBox .mceAction {
     940        border-right: 0 !important;
     941}*/
    941942.wp_themeSkin .mceListBox .mceOpen {
    942943        border-left: 0 !important;
    943944}
     
    948949.wp_themeSkin .mceListBoxSelected .mceOpen,
    949950.wp_themeSkin .mceListBoxSelected .mceText,
    950951.wp_themeSkin table.mceListBoxEnabled:active .mceText {
    951         background: #ccc;
    952         border-color: #999;
     952        border-color: #bbb;
     953        background: #ddd;
     954        background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ccc));
     955        background-image: -webkit-linear-gradient(bottom, #fff, #ccc);
     956        background-image:    -moz-linear-gradient(bottom, #fff, #ccc);
     957        background-image:      -o-linear-gradient(bottom, #fff, #ccc);
     958        background-image: linear-gradient(to top, #fff, #ccc);
    953959}
    954960
    955961.wp_themeSkin table.mceListBoxEnabled:hover .mceText,
    956962.wp_themeSkin .mceListBoxHover .mceText,
    957963.wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
    958964.wp_themeSkin .mceListBoxHover .mceOpen {
    959         border-color: #909090;
     965        border-color: #bbb;
    960966        background: #eee;
    961967        background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff));
    962968        background-image: -webkit-linear-gradient(bottom, #ccc, #fff);
     
    968974/* SplitButton */
    969975.wp_themeSkin .mceSplitButton a.mceAction,
    970976.wp_themeSkin .mceSplitButton a.mceOpen {
    971         border-color: #ccc;
     977        border-color: #d9d9d9;
    972978}
    973979
    974 .wp_themeSkin .mceSplitButton a.mceOpen:hover,
     980.wp_themeSkin .mceSplitButton:hover a.mceOpen,
    975981.wp_themeSkin .mceSplitButtonSelected a.mceOpen,
     982.wp_themeSkin .mceSplitButtonSelected a.mceAction,
    976983.wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction,
    977984.wp_themeSkin .mceSplitButton a.mceAction:hover {
    978         border-color: #909090;
     985        border-color: #bbb;
    979986}
    980987
    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);
     988.wp_themeSkin .mceSplitButtonSelected a.mceOpen,
     989.wp_themeSkin .mceSplitButtonActive a.mceOpen,
     990.wp_themeSkin .mceSplitButtonEnabled:hover a.mceOpen {
     991        background-image: url("../images/down_arrow.gif");
     992        background-position: 1px 2px;
     993        background-repeat: no-repeat;
    988994}
    989995
     996.wp_themeSkin .mceSplitButtonSelected td {
     997        background: #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);
     1003}
     1004
    9901005.wp_themeSkin table.mceSplitButton:hover td {
     1006        border-color: #bbb;
    9911007        background: #eee;
    9921008        background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff));
    9931009        background-image: -webkit-linear-gradient(bottom, #ccc, #fff);
     
    9961012        background-image: linear-gradient(to top, #ccc, #fff);
    9971013}
    9981014
    999 .wp_themeSkin .mceSplitButtonActive {
     1015.wp_themeSkin table.mceSplitButton:active td.mceFirst,
     1016.wp_themeSkin table.mceSplitButton td.mceLast:active {
     1017        border-color: #bbb;
     1018        background: #ddd;
     1019        background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ccc));
     1020        background-image: -webkit-linear-gradient(bottom, #fff, #ccc);
     1021        background-image:    -moz-linear-gradient(bottom, #fff, #ccc);
     1022        background-image:      -o-linear-gradient(bottom, #fff, #ccc);
     1023        background-image: linear-gradient(to top, #fff, #ccc);
     1024}
     1025
     1026.wp_themeSkin .mceSplitButtonActive td a.mceAction,
     1027.wp_themeSkin .mceSplitButtonActive td a.mceOpen {
     1028        border-color: #bbb;
     1029}
     1030
     1031.wp_themeSkin .mceSplitButtonActive td {
    10001032        background-color: #B2B2B2;
     1033        background: #ddd;
     1034        background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ccc));
     1035        background-image: -webkit-linear-gradient(bottom, #fff, #ccc);
     1036        background-image:    -moz-linear-gradient(bottom, #fff, #ccc);
     1037        background-image:      -o-linear-gradient(bottom, #fff, #ccc);
     1038        background-image: linear-gradient(to top, #fff, #ccc);
     1039        -webkit-border-radius: 3px;
     1040        border-radius: 3px;
    10011041}
    10021042
    10031043.wp_themeSkin .mceColorSplitMenu a.mceMoreColors:hover {
     
    10531093
    10541094.quicktags-toolbar,
    10551095.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);
     1096        border-bottom: 1px solid #d1d1d1;
     1097        background: #eee;
     1098        background-image: -webkit-gradient(linear, left bottom, left top, from(#e5e5e5), to(#f4f4f4));
     1099        background-image: -webkit-linear-gradient(bottom, #e5e5e5, #f4f4f4);
     1100        background-image:    -moz-linear-gradient(bottom, #e5e5e5, #f4f4f4);
     1101        background-image:      -o-linear-gradient(bottom, #e5e5e5, #f4f4f4);
     1102        background-image: linear-gradient(to top, #e5e5e5, #f4f4f4);
    10631103}
    10641104
    10651105.wp-switch-editor {
     
    10981138
    10991139.tmce-active .switch-tmce,
    11001140.html-active .switch-html {
    1101         border-color: #ccc #ccc #e9e9e9;
    1102         background-color: #e9e9e9;
    1103         color: #333;
     1141        border-color: #ccc #ccc #f4f4f4;
     1142        background-color: #f4f4f4;
     1143        color: #555;
    11041144}
    11051145
    11061146.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 {