WordPress.org

Make WordPress Core

Ticket #18141: 18141.17.diff

File 18141.17.diff, 29.1 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 :active, 
     151.wp_themeSkin table.mceToolbar :focus, 
     152.wp_themeSkin table.mceToolbar:focus, 
     153.wp_themeSkin span.mceSeparator:focus { 
     154        outline: none; 
     155} 
     156 
    150157.wp_themeSkin #content_toolbar1 { 
    151158        margin-top: 2px; 
    152159} 
     
    176183        margin: 1px; 
    177184        -webkit-border-radius: 2px; 
    178185        border-radius: 2px; 
    179         -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; 
    180         box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; 
    181186} 
    182187 
    183188.wp_themeSkin a.mceButtonEnabled:hover { 
     
    188193        margin: 0 0 0 1px; 
    189194} 
    190195 
    191 .wp_themeSkin a.mceButton:active, 
    192 .wp_themeSkin a.mceButtonActive, 
    193 .wp_themeSkin a.mceButtonActive:hover, 
    194 .wp_themeSkin a.mceButtonSelected { 
    195         -webkit-box-shadow:      0 1px 1px rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; 
    196         box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; 
    197 } 
    198  
    199196.wp_themeSkin .mceButtonDisabled .mceIcon { 
    200         opacity: 0.5; 
    201         filter: alpha(opacity=50); 
     197        opacity: 0.2; 
     198        filter: alpha(opacity=20); 
    202199} 
    203200 
    204201/* Separator */ 
     
    218215} 
    219216 
    220217.wp_themeSkin .mceListBox .mceText { 
    221         padding: 1px 2px 1px 5px; 
     218        padding: 1px 4px 1px 5px; 
     219        width: 70px; 
    222220        text-align: left; 
    223221        text-decoration: none; 
    224         width: 70px; 
    225222        -webkit-border-bottom-left-radius: 2px; 
    226223        -webkit-border-top-left-radius: 2px; 
    227224        border-bottom-left-radius: 2px; 
    228225        border-top-left-radius: 2px; 
    229         -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; 
    230         box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; 
    231         font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif; 
     226        font-family: sans-serif; 
    232227        font-size: 12px; 
    233228        height: 20px; 
    234229        line-height: 20px; 
     
    238233.wp_themeSkin .mceListBox { 
    239234        margin: 1px; 
    240235        direction: ltr; 
     236        background-color: #fff; 
     237        border: 1px solid #ddd; 
     238        -webkit-box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2); 
     239        box-shadow:         inset 0 1px 1px -1px rgba(0, 0, 0, .2); 
    241240} 
    242241 
    243242.wp_themeSkin .mceListBox .mceOpen { 
    244         width: 14px; 
     243        width: 12px; 
    245244        height: 20px; 
    246245        border-collapse: separate; 
    247246        padding: 1px; 
     
    249248        -webkit-border-top-left-radius: 0; 
    250249        border-bottom-left-radius: 0; 
    251250        border-top-left-radius: 0; 
    252         -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; 
    253         box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; 
    254251} 
    255252 
    256 .wp_themeSkin .mceListBox .mceOpen span { 
    257         display: block; 
    258         width: 14px; 
    259         height: 20px; 
    260         background-image: url("../images/down_arrow.gif"); 
    261         background-position: 2px 1px; 
    262         background-repeat: no-repeat; 
     253.wp_themeSkin .mceListBox .mceFirst a { 
     254        border-style: solid; 
     255        border-width: 1px; 
     256        border-bottom-right-radius: 2px; 
     257        border-top-right-radius: 2px; 
    263258} 
    264259 
    265 .wp_themeSkin table.mceListBoxEnabled:hover .mceText, 
    266 .wp_themeSkin .mceListBoxHover .mceText, 
    267 .wp_themeSkin .mceListBoxSelected .mceText, 
    268 .wp_themeSkin table.mceListBoxEnabled:hover .mceOpen, 
     260/*.wp_themeSkin .mceListBox .mceLast { 
     261        display: none; 
     262}*/ 
     263 
     264.wp_themeSkin .mceListBox .mceOpen, 
    269265.wp_themeSkin .mceListBoxHover .mceOpen, 
    270 .wp_themeSkin .mceListBoxSelected .mceOpen { 
    271         background-image: none; 
     266.wp_themeSkin .mceListBoxSelected .mceOpen, 
     267.wp_themeSkin table.mceListBoxEnabled .mceOpen { 
     268        background-image: url("../images/down_arrow.gif"); 
     269        background-position: 3px 1px; 
     270        background-repeat: no-repeat; 
    272271} 
    273272 
    274273.wp_themeSkin .mceListBoxDisabled .mceText { 
     
    285284} 
    286285 
    287286.wp_themeSkin select.mceListBox { 
    288         font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif; 
     287        font-family: sans-serif; 
    289288        font-size: 12px; 
    290289        border-color: #b2b2b2; 
    291290        background-color: #fff; 
     
    300299 
    301300.wp_themeSkin .mceSplitButton { 
    302301        display: block; 
    303         margin: 1px; 
    304302        direction: ltr; 
    305303} 
    306304 
     
    310308        border-radius: 2px; 
    311309} 
    312310 
    313 .wp_themeSkin table.mceSplitButton td a { 
    314         -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; 
    315         box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; 
    316 } 
    317  
    318311.wp_themeSkin table.mceSplitButton:hover td { 
    319312        background-image: inherit 0 -10px; 
    320313} 
     
    323316        height: 20px; 
    324317        width: 20px; 
    325318        padding: 1px 2px; 
     319        border-right: 0 none !important; 
    326320} 
    327321 
    328322.wp_themeSkin .mceSplitButton span.mceAction { 
     
    333327} 
    334328 
    335329.wp_themeSkin .mceSplitButton a.mceOpen { 
    336         width: 10px; 
     330        width: 11px; 
    337331        height: 20px; 
    338         background-image: url("../images/down_arrow.gif"); 
    339         background-position: 1px 2px; 
     332        background-position: 0px 2px; 
    340333        background-repeat: no-repeat; 
    341         padding: 1px; 
    342         border-left: 0 none !important; 
     334        padding: 1px 0; 
    343335} 
    344336 
     337.wp_themeSkin .mceSplitButtonActive a.mceOpen, 
     338.wp_themeSkin .mceSplitButtonSelected a.mceOpen, 
     339.wp_themeSkin .mceSplitButton a.mceOpen:hover { 
     340        width: 12px; 
     341        border-left: 1px solid transparent !important; 
     342        background-position: 2px 2px !important; 
     343        position: relative; 
     344        left: -1px; 
     345        margin-right: -1px; 
     346} 
     347 
    345348.wp_themeSkin .mceSplitButton span.mceOpen { 
    346349        display: none; 
    347350} 
     
    449452/* ColorSplitButton */ 
    450453.wp_themeSkin div.mceColorSplitMenu table { 
    451454        background-color: #ebebeb; 
    452         border-color: #B2B2B2; 
     455        border-color: #bbb; 
    453456} 
    454457 
    455458.wp_themeSkin .mceColorSplitMenu td { 
     
    870873.wp_themeSkin a.mceButtonSelected, 
    871874.wp_themeSkin .mceListBox .mceText, 
    872875.wp_themeSkin .mceListBox .mceOpen, 
    873 .wp_themeSkin table.mceListBoxEnabled:hover .mceText, 
    874 .wp_themeSkin .mceListBoxHover .mceText, 
    875 .wp_themeSkin .mceListBoxSelected .mceText, 
    876 .wp_themeSkin table.mceListBoxEnabled:hover .mceOpen, 
    877 .wp_themeSkin .mceListBoxHover .mceOpen, 
    878 .wp_themeSkin .mceListBoxSelected .mceOpen, 
    879876.wp_themeSkin select.mceListBox, 
    880877.wp_themeSkin .mceSplitButton a.mceAction, 
    881878.wp_themeSkin .mceSplitButton a.mceOpen, 
     
    892889        border-style: solid; 
    893890        border-width: 1px; 
    894891} 
    895  
     892.wp_themeSkin .mceListBox .mceText { 
     893        border-right: 0 none; 
     894} 
    896895.wp_themeSkin iframe { 
    897896        background: transparent; 
    898897} 
    899898 
    900 .wp_themeSkin .mceButton, 
     899.wp_themeSkin .mceButton { 
     900        border-color: transparent; 
     901} 
     902 
    901903.wp_themeSkin .mceListBox .mceText, 
    902904.wp_themeSkin .mceListBox .mceOpen { 
    903         border-color: #ccc; 
    904         background: #eee; 
    905         background-image: -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#fff)); 
    906         background-image: -webkit-linear-gradient(bottom, #ddd, #fff); 
    907         background-image:    -moz-linear-gradient(bottom, #ddd, #fff); 
    908         background-image:      -o-linear-gradient(bottom, #ddd, #fff); 
    909         background-image: linear-gradient(to top, #ddd, #fff); 
     905        border-color: transparent; 
    910906} 
    911907 
    912908.wp_themeSkin a.mceButtonEnabled:hover { 
    913         border-color: #a0a0a0; 
     909        border-color: #bbb; 
    914910        background: #eee; 
    915         background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff)); 
    916         background-image: -webkit-linear-gradient(bottom, #ccc, #fff); 
    917         background-image:    -moz-linear-gradient(bottom, #ccc, #fff); 
    918         background-image:      -o-linear-gradient(bottom, #ccc, #fff); 
    919         background-image: linear-gradient(to top, #ccc, #fff); 
     911        background-image: -webkit-gradient(linear, left bottom, left top, from(#e5e5e5), to(#fff)); 
     912        background-image: -webkit-linear-gradient(bottom, #e5e5e5, #fff); 
     913        background-image:    -moz-linear-gradient(bottom, #e5e5e5, #fff); 
     914        background-image:      -o-linear-gradient(bottom, #e5e5e5, #fff); 
     915        background-image: linear-gradient(to top, #e5e5e5, #fff); 
    920916} 
    921917 
    922918.wp_themeSkin a.mceButton:active, 
     
    925921.wp_themeSkin a.mceButtonActive, 
    926922.wp_themeSkin a.mceButtonActive:active, 
    927923.wp_themeSkin a.mceButtonActive:hover { 
    928         border-color: #909090; 
    929         background: #ddd; 
    930         background-image: -webkit-gradient(linear, left bottom, left top, from(#eee), to(#bbb)); 
    931         background-image: -webkit-linear-gradient(bottom, #eee, #bbb); 
    932         background-image:    -moz-linear-gradient(bottom, #eee, #bbb); 
    933         background-image:      -o-linear-gradient(bottom, #eee, #bbb); 
    934         background-image: linear-gradient(to top, #eee, #bbb); 
     924        outline: none; 
     925        border-color: #999 #ccc #ccc #999; 
     926        background: #eee; 
     927        background-image: -webkit-gradient(linear, left bottom, left top, from(#f6f6f6), to(#e3e3e3)); 
     928        background-image: -webkit-linear-gradient(bottom, #f6f6f6, #e3e3e3); 
     929        background-image:    -moz-linear-gradient(bottom, #f6f6f6, #e3e3e3); 
     930        background-image:      -o-linear-gradient(bottom, #f6f6f6, #e3e3e3); 
     931        background-image: linear-gradient(to top, #f6f6f6, #e3e3e3); 
    935932} 
    936933 
    937934.wp_themeSkin .mceButtonDisabled { 
    938         border-color: #ccc !important; 
     935        border-color: transparent !important; 
    939936} 
    940937 
    941938.wp_themeSkin .mceListBox .mceOpen { 
    942939        border-left: 0 !important; 
    943940} 
    944941 
    945 .wp_themeSkin table.mceListBoxEnabled:hover .mceOpen, 
    946 .wp_themeSkin .mceListBoxHover .mceOpen, 
    947 .wp_themeSkin .mceListBoxHover:active .mceOpen, 
    948 .wp_themeSkin .mceListBoxSelected .mceOpen, 
    949 .wp_themeSkin .mceListBoxSelected .mceText, 
    950 .wp_themeSkin table.mceListBoxEnabled:active .mceText { 
    951         background: #ccc; 
    952         border-color: #999; 
     942.wp_themeSkin .mceListBoxEnabled:hover, 
     943.wp_themeSkin .mceListBoxEnabled:active, 
     944.wp_themeSkin .mceListBoxHover, 
     945.wp_themeSkin .mceListBoxHover:active, 
     946.wp_themeSkin .mceListBoxSelected { 
     947        -webkit-box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .3); 
     948        box-shadow:         inset 0 1px 1px -1px rgba(0, 0, 0, .3); 
     949        border-color: #bbb; 
    953950} 
    954951 
    955 .wp_themeSkin table.mceListBoxEnabled:hover .mceText, 
    956 .wp_themeSkin .mceListBoxHover .mceText, 
    957 .wp_themeSkin table.mceListBoxEnabled:hover .mceOpen, 
    958 .wp_themeSkin .mceListBoxHover .mceOpen { 
    959         border-color: #909090; 
    960         background: #eee; 
    961         background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff)); 
    962         background-image: -webkit-linear-gradient(bottom, #ccc, #fff); 
    963         background-image:    -moz-linear-gradient(bottom, #ccc, #fff); 
    964         background-image:      -o-linear-gradient(bottom, #ccc, #fff); 
    965         background-image: linear-gradient(to top, #ccc, #fff); 
     952/* SplitButton */ 
     953.wp_themeSkin .mceSplitButton .mceLast span.mceOpen .mceIconOnly { 
     954        display: block !important; 
    966955} 
    967956 
    968 /* SplitButton */ 
    969957.wp_themeSkin .mceSplitButton a.mceAction, 
    970958.wp_themeSkin .mceSplitButton a.mceOpen { 
    971         border-color: #ccc; 
     959        border-color: transparent; 
    972960} 
    973961 
    974 .wp_themeSkin .mceSplitButton a.mceOpen:hover, 
     962.wp_themeSkin .mceSplitButton:hover a.mceOpen, 
    975963.wp_themeSkin .mceSplitButtonSelected a.mceOpen, 
     964.wp_themeSkin .mceSplitButtonSelected a.mceAction, 
    976965.wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction, 
    977966.wp_themeSkin .mceSplitButton a.mceAction:hover { 
    978         border-color: #909090; 
     967        border-color: #bbb; 
    979968} 
    980969 
    981 .wp_themeSkin table.mceSplitButton td { 
    982         background: #eee; 
    983         background-image: -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#fff)); 
    984         background-image: -webkit-linear-gradient(bottom, #ddd, #fff); 
    985         background-image:    -moz-linear-gradient(bottom, #ddd, #fff); 
    986         background-image:      -o-linear-gradient(bottom, #ddd, #fff); 
    987         background-image: linear-gradient(to top, #ddd, #fff); 
     970.wp_themeSkin .mceSplitButtonEnabled a.mceOpen, 
     971.wp_themeSkin .mceSplitButtonSelected a.mceOpen, 
     972.wp_themeSkin .mceSplitButtonActive a.mceOpen, 
     973.wp_themeSkin .mceSplitButtonEnabled:hover a.mceOpen { 
     974        background-image: url("../images/down_arrow.gif"); 
     975        background-position: 1px 2px; 
     976        background-repeat: no-repeat; 
    988977} 
    989978 
     979.wp_themeSkin .mceSplitButtonSelected td { 
     980        background-color: #ddd; 
     981        background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ccc)); 
     982        background-image: -webkit-linear-gradient(bottom, #fff, #ccc); 
     983        background-image:    -moz-linear-gradient(bottom, #fff, #ccc); 
     984        background-image:      -o-linear-gradient(bottom, #fff, #ccc); 
     985        background-image: linear-gradient(to top, #fff, #ccc); 
     986} 
     987 
    990988.wp_themeSkin table.mceSplitButton:hover td { 
    991         background: #eee; 
     989        border-color: #bbb; 
     990        background-color: #eee; 
    992991        background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff)); 
    993992        background-image: -webkit-linear-gradient(bottom, #ccc, #fff); 
    994993        background-image:    -moz-linear-gradient(bottom, #ccc, #fff); 
     
    996995        background-image: linear-gradient(to top, #ccc, #fff); 
    997996} 
    998997 
    999 .wp_themeSkin .mceSplitButtonActive { 
    1000         background-color: #B2B2B2; 
     998.wp_themeSkin table.mceSplitButton:active td.mceFirst, 
     999.wp_themeSkin table.mceSplitButton td.mceLast:active { 
     1000        border-color: #bbb; 
     1001        background-color: #ddd; 
     1002        background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ccc)); 
     1003        background-image: -webkit-linear-gradient(bottom, #fff, #ccc); 
     1004        background-image:    -moz-linear-gradient(bottom, #fff, #ccc); 
     1005        background-image:      -o-linear-gradient(bottom, #fff, #ccc); 
     1006        background-image: linear-gradient(to top, #fff, #ccc); 
    10011007} 
    10021008 
     1009.wp_themeSkin .mceSplitButtonActive td a.mceAction, 
     1010.wp_themeSkin .mceSplitButtonActive td a.mceOpen { 
     1011        border-color: #bbb; 
     1012} 
     1013 
     1014.wp_themeSkin .mceSplitButtonActive td { 
     1015        background-color: #ddd; 
     1016        background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ccc)); 
     1017        background-image: -webkit-linear-gradient(bottom, #fff, #ccc); 
     1018        background-image:    -moz-linear-gradient(bottom, #fff, #ccc); 
     1019        background-image:      -o-linear-gradient(bottom, #fff, #ccc); 
     1020        background-image: linear-gradient(to top, #fff, #ccc); 
     1021        -webkit-border-radius: 3px; 
     1022        border-radius: 3px; 
     1023} 
     1024 
    10031025.wp_themeSkin .mceColorSplitMenu a.mceMoreColors:hover { 
    10041026        border-color: #0A246A; 
    10051027        background-color: #B6BDD2; 
     
    10591081 
    10601082.quicktags-toolbar, 
    10611083.wp_themeSkin tr.mceFirst td.mceToolbar { 
    1062         border-bottom: 1px solid #ccc; 
    1063         background: #e9e9e9; 
    1064         background-image: -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#e9e9e9)); 
    1065         background-image: -webkit-linear-gradient(bottom, #ddd, #e9e9e9); 
    1066         background-image:    -moz-linear-gradient(bottom, #ddd, #e9e9e9); 
    1067         background-image:      -o-linear-gradient(bottom, #ddd, #e9e9e9); 
    1068         background-image: linear-gradient(to top, #ddd, #e9e9e9); 
     1084        border-bottom: 1px solid #d1d1d1; 
     1085        background: #eee; 
     1086        background-image: -webkit-gradient(linear, left bottom, left top, from(#e5e5e5), to(#f4f4f4)); 
     1087        background-image: -webkit-linear-gradient(bottom, #e5e5e5, #f4f4f4); 
     1088        background-image:    -moz-linear-gradient(bottom, #e5e5e5, #f4f4f4); 
     1089        background-image:      -o-linear-gradient(bottom, #e5e5e5, #f4f4f4); 
     1090        background-image: linear-gradient(to top, #e5e5e5, #f4f4f4); 
    10691091} 
    10701092 
    10711093.wp-switch-editor { 
     
    11041126 
    11051127.tmce-active .switch-tmce, 
    11061128.html-active .switch-html { 
    1107         border-color: #ccc #ccc #e9e9e9; 
    1108         background-color: #e9e9e9; 
    1109         color: #333; 
     1129        border-color: #ccc #ccc #f4f4f4; 
     1130        background-color: #f4f4f4; 
     1131        color: #555; 
    11101132} 
    11111133 
    11121134.wp-media-buttons { 
  • wp-admin/css/colors-classic.css

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