WordPress.org

Make WordPress Core

Changeset 22016


Ignore:
Timestamp:
09/26/12 18:24:02 (22 months ago)
Author:
nacin
Message:

A calmer, less distracting style for the TinyMCE toolbar.

props helenyhou, lessbloat, trepmal, fadingdust.
fixes #18141.

Location:
trunk
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-admin/css/colors-classic.css

    r21980 r22016  
    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; 
    1034 } 
    1035  
    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 ); 
    1040 } 
    1041  
    1042 .wp-editor-wrap .wp_themeSkin iframe { 
    1043     background: transparent; 
    1044 } 
    1045  
    1046 /* Layout */ 
    1047 .wp-editor-wrap .wp_themeSkin .mceStatusbar { 
    1048     color: #000; 
    1049     background-color: #f5f5f5; 
    1050 } 
    1051  
    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 { 
     1010    border-color: #d1e5ee #d1e5ee #d0dfe9; 
     1011} 
     1012 
     1013#editorcontainer { 
     1014    border-color: #d1e5ee #d1e5ee #d0dfe9; 
     1015} 
     1016 
     1017#post-status-info { 
     1018    border-color: #d0dfe9 #d1e5ee #d1e5ee; 
     1019} 
     1020 
     1021/* TinyMCE */ 
     1022 
     1023.wp-editor-wrap .wp-switch-editor { 
     1024    background-color: #d3e9f2; 
     1025    border-color: #d1e5ee #d1e5ee #d3e9f2; 
    12161026    color: #888; 
    1217 } 
    1218  
    1219 .wp-admin #mceModalBlocker { 
    1220     background: #000; 
    1221 } 
    1222  
    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; 
    1229 } 
    1230  
    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; 
    1237 } 
    1238  
    1239 .wp-admin .clearlooks2 .mceMiddle .mceLeft { 
    1240     background: #f1f1f1; 
    1241     border-left: 1px solid #999; 
    1242 } 
    1243  
    1244 .wp-admin .clearlooks2 .mceMiddle .mceRight { 
    1245     background: #f1f1f1; 
    1246     border-right: 1px solid #999; 
    1247 } 
    1248  
    1249 .wp-admin .clearlooks2 .mceBottom { 
    1250     background: #f1f1f1; 
    1251     border-bottom: 1px solid #999; 
    1252 } 
    1253  
    1254 .wp-admin .clearlooks2 .mceBottom .mceLeft { 
    1255     background: #f1f1f1; 
    1256     border-bottom: 1px solid #999; 
    1257     border-left: 1px solid #999; 
    1258 } 
    1259  
    1260 .wp-admin .clearlooks2 .mceBottom .mceCenter { 
    1261     background: #f1f1f1; 
    1262     border-bottom: 1px solid #999; 
    1263 } 
    1264  
    1265 .wp-admin .clearlooks2 .mceBottom .mceRight { 
    1266     background: #f1f1f1; 
    1267     border-bottom: 1px solid #999; 
    1268     border-right: 1px solid #999; 
    1269 } 
    1270  
    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 
    12791027} 
    12801028 
    12811029.wp-editor-wrap.tmce-active .switch-tmce, 
    12821030.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; 
     1031    background: #f7fcfe !important; 
     1032    border-color: #d1e5ee #d1e5ee #f7fcfe !important; 
    13021033} 
    13031034 
    13041035.wp-editor-wrap .quicktags-toolbar, 
    13051036.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); 
     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); 
     1044} 
     1045 
     1046.wp_themeSkin table.mceListBox { 
     1047    border-color: #d1e5ee; 
     1048} 
     1049 
     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; 
     1056} 
     1057 
     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; 
     1066} 
     1067 
     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; 
     1081} 
     1082 
     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; 
     1089} 
     1090 
     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; 
     1099} 
     1100 
     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; 
    13131108} 
    13141109 
    13151110/* end TinyMCE */ 
    1316  
    1317 #editorcontainer { 
    1318     border-color: #bdccd5 #bdccd5 #d0dfe9; 
    1319 } 
    1320  
    1321 #post-status-info { 
    1322     border-color: #d0dfe9 #bdccd5 #bdccd5; 
    1323 } 
    13241111 
    13251112.editwidget .widget-inside { 
  • trunk/wp-includes/css/editor.css

    r22007 r22016  
    4646.wp_themeSkin a:visited, 
    4747.wp_themeSkin a:active { 
    48     color: #000; 
     48    color: #555; 
    4949} 
    5050 
     
    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; 
     
    146146.wp_themeSkin table.mceToolbar { 
    147147    margin: 0 6px 2px; 
     148} 
     149 
     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; 
    148155} 
    149156 
     
    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 
     
    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 
     
    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; 
     
    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; 
     
    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; 
    254 } 
    255  
    256 .wp_themeSkin .mceListBox .mceOpen span { 
    257     display: block; 
    258     width: 14px; 
    259     height: 20px; 
     251} 
     252 
     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; 
     258} 
     259 
     260/*.wp_themeSkin .mceListBox .mceLast { 
     261    display: none; 
     262}*/ 
     263 
     264.wp_themeSkin .mceListBox .mceOpen, 
     265.wp_themeSkin .mceListBoxHover .mceOpen, 
     266.wp_themeSkin .mceListBoxSelected .mceOpen, 
     267.wp_themeSkin table.mceListBoxEnabled .mceOpen { 
    260268    background-image: url("../images/down_arrow.gif"); 
    261     background-position: 2px 1px; 
     269    background-position: 3px 1px; 
    262270    background-repeat: no-repeat; 
    263 } 
    264  
    265 .wp_themeSkin table.mceListBoxEnabled:hover .mceText, 
    266 .wp_themeSkin .mceListBoxHover .mceText, 
    267 .wp_themeSkin .mceListBoxSelected .mceText, 
    268 .wp_themeSkin table.mceListBoxEnabled:hover .mceOpen, 
    269 .wp_themeSkin .mceListBoxHover .mceOpen, 
    270 .wp_themeSkin .mceListBoxSelected .mceOpen { 
    271     background-image: none; 
    272271} 
    273272 
     
    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; 
     
    301300.wp_themeSkin .mceSplitButton { 
    302301    display: block; 
    303     margin: 1px; 
    304302    direction: ltr; 
    305303} 
     
    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; 
     
    324317    width: 20px; 
    325318    padding: 1px 2px; 
     319    border-right: 0 none !important; 
    326320} 
    327321 
     
    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; 
     335} 
     336 
     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; 
    343346} 
    344347 
     
    450453.wp_themeSkin div.mceColorSplitMenu table { 
    451454    background-color: #ebebeb; 
    452     border-color: #B2B2B2; 
     455    border-color: #bbb; 
    453456} 
    454457 
     
    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, 
     
    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; 
     905    border-color: transparent; 
     906} 
     907 
     908.wp_themeSkin a.mceButtonEnabled:hover { 
     909    border-color: #bbb; 
    904910    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); 
    910 } 
    911  
    912 .wp_themeSkin a.mceButtonEnabled:hover { 
    913     border-color: #a0a0a0; 
    914     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 
     
    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 
     
    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; 
    953 } 
    954  
    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; 
     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; 
     950} 
     951 
     952/* SplitButton */ 
     953.wp_themeSkin .mceSplitButton .mceLast span.mceOpen .mceIconOnly { 
     954    display: block !important; 
     955} 
     956 
     957.wp_themeSkin .mceSplitButton a.mceAction, 
     958.wp_themeSkin .mceSplitButton a.mceOpen { 
     959    border-color: transparent; 
     960} 
     961 
     962.wp_themeSkin .mceSplitButton:hover a.mceOpen, 
     963.wp_themeSkin .mceSplitButtonSelected a.mceOpen, 
     964.wp_themeSkin .mceSplitButtonSelected a.mceAction, 
     965.wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction, 
     966.wp_themeSkin .mceSplitButton a.mceAction:hover { 
     967    border-color: #bbb; 
     968} 
     969 
     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; 
     977} 
     978 
     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 
     988.wp_themeSkin table.mceSplitButton:hover td { 
     989    border-color: #bbb; 
     990    background-color: #eee; 
    961991    background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff)); 
    962992    background-image: -webkit-linear-gradient(bottom, #ccc, #fff); 
     
    966996} 
    967997 
    968 /* SplitButton */ 
    969 .wp_themeSkin .mceSplitButton a.mceAction, 
    970 .wp_themeSkin .mceSplitButton a.mceOpen { 
    971     border-color: #ccc; 
    972 } 
    973  
    974 .wp_themeSkin .mceSplitButton a.mceOpen:hover, 
    975 .wp_themeSkin .mceSplitButtonSelected a.mceOpen, 
    976 .wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction, 
    977 .wp_themeSkin .mceSplitButton a.mceAction:hover { 
    978     border-color: #909090; 
    979 } 
    980  
    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 } 
    989  
    990 .wp_themeSkin table.mceSplitButton:hover td { 
    991     background: #eee; 
    992     background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff)); 
    993     background-image: -webkit-linear-gradient(bottom, #ccc, #fff); 
    994     background-image:    -moz-linear-gradient(bottom, #ccc, #fff); 
    995     background-image:      -o-linear-gradient(bottom, #ccc, #fff); 
    996     background-image: linear-gradient(to top, #ccc, #fff); 
    997 } 
    998  
    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); 
     1007} 
     1008 
     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; 
    10011023} 
    10021024 
     
    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 
     
    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 
Note: See TracChangeset for help on using the changeset viewer.