WordPress.org

Make WordPress Core

Changeset 22016


Ignore:
Timestamp:
09/26/2012 06:24:02 PM (6 years 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.