CSS
/*
rich_editor.css
ver 0.1 by Junon
*/
@import url('http://www.techdego.com/wp-includes/js/tinymce/plugins/wordpress/wordpress.css');
body {
margin: 0;
padding: 0 10px;
background-color: #fff;
color:#000;
font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "MS Pゴシック", sans-serif;
font-size: 0.8em;
line-height: 1.4;
}
p a:link {
text-decoration: none;
color: #186FD0;
border-bottom: 1px dotted #186FD0;
}
p a:visited, p a:active {
text-decoration: none;
color: #666;
border-bottom: 1px dotted #186FD0;
}
p a:hover {
text-decoration: none;
color: #186FD0;
border-bottom: 1px solid #186FD0;
}
p { margin: 1em 0; }
li { margin-top: 1em; }
ul li { list-style: square; }
ul li ul { margin-bottom: 0.3em; }
ul li ul li { list-style: circle; }
a:link img, a:hover img, a:visited img, a:active img{ border: none; }
.alignleft { float: left; }
.alignright { float: right; }
.clearer { clear: both; }
code, pre { font-family: "courier new", courier, monospace; }
上記をTinyMCEに適用すればよいのだが、今回は自分のテーマに付随させてテーマを外せばエディタのCSSも変わるようにする。