WordPress.org

Make WordPress Core

Ticket #18141: 18141.11.diff

File 18141.11.diff, 27.1 KB (added by lessbloat, 3 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 {