WordPress.org

Make WordPress Core

Ticket #18141: 18141.13.diff

File 18141.13.diff, 29.0 KB (added by helenyhou, 19 months 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 0 2px rgba(0, 0, 0, .15); 
     236        box-shadow:         inset 0 0 2px rgba(0, 0, 0, .15); 
    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 0 2px rgba(0, 0, 0, .3); 
     944        box-shadow:         inset 0 0 2px 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; 
     
    10531071 
    10541072.quicktags-toolbar, 
    10551073.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); 
     1074        border-bottom: 1px solid #d1d1d1; 
     1075        background: #eee; 
     1076        background-image: -webkit-gradient(linear, left bottom, left top, from(#e5e5e5), to(#f4f4f4)); 
     1077        background-image: -webkit-linear-gradient(bottom, #e5e5e5, #f4f4f4); 
     1078        background-image:    -moz-linear-gradient(bottom, #e5e5e5, #f4f4f4); 
     1079        background-image:      -o-linear-gradient(bottom, #e5e5e5, #f4f4f4); 
     1080        background-image: linear-gradient(to top, #e5e5e5, #f4f4f4); 
    10631081} 
    10641082 
    10651083.wp-switch-editor { 
     
    10981116 
    10991117.tmce-active .switch-tmce, 
    11001118.html-active .switch-html { 
    1101         border-color: #ccc #ccc #e9e9e9; 
    1102         background-color: #e9e9e9; 
    1103         color: #333; 
     1119        border-color: #ccc #ccc #f4f4f4; 
     1120        background-color: #f4f4f4; 
     1121        color: #555; 
    11041122} 
    11051123 
    11061124.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-content-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-content-wrap.tmce-active .switch-tmce, 
     1030#wp-content-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: #c4d7e4; 
    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}