From fa73730d37000a3afc1abbab03f8e94928a12847 Mon Sep 17 00:00:00 2001 From: Ian Stewart Date: Thu, 5 May 2011 22:46:37 +0000 Subject: [PATCH] Twenty Eleven: first pass at visual editor styles with RTL editor styles to come; See #17198 git-svn-id: https://develop.svn.wordpress.org/trunk@17816 602fd350-edb4-49c9-b593-d223f7449a82 --- .../themes/twentyeleven/editor-style.css | 276 ++++++++++++++++++ wp-content/themes/twentyeleven/functions.php | 8 +- 2 files changed, 282 insertions(+), 2 deletions(-) create mode 100644 wp-content/themes/twentyeleven/editor-style.css diff --git a/wp-content/themes/twentyeleven/editor-style.css b/wp-content/themes/twentyeleven/editor-style.css new file mode 100644 index 0000000000..d2a08f1fc0 --- /dev/null +++ b/wp-content/themes/twentyeleven/editor-style.css @@ -0,0 +1,276 @@ +/* +Theme Name: Twenty Eleven +Description: Used to style the TinyMCE editor. +*/ + +* { + color: #333; + font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: 300; + line-height: 1.625; +} +body { + color: #333; + font: 15px "Helvetica Neue", Helvetica, Arial, "Nimbus Sans L", sans-serif; + font-weight: 300; + line-height: 1.625; +} + +/* Headings */ +h1,h2,h3,h4,h5,h6 { + clear: both; +} +h1, +h2 { + color: #000; + font-size: 15px; + font-weight: bold; + margin: 0 0 .8125em; +} +h3 { + font-size: 10px; + letter-spacing: 0.1em; + line-height: 2.6em; + text-transform: uppercase; +} +h4, h5, h6 { + font-size: 14px; + margin: 0; +} +hr { + background-color: #ccc; + border: 0; + height: 1px; + margin-bottom: 1.625em; +} + +/* Text elements */ +p { + margin-bottom: 1.625em; +} +ul, ol { + margin: 0 0 1.625em 2.5em; + padding: 0; +} +ul { + list-style: square; +} +ol { + list-style-type: decimal; +} +ol ol { + list-style: upper-alpha; +} +ol ol ol { + list-style: lower-roman; +} +ol ol ol ol { + list-style: lower-alpha; +} +ul ul, ol ol, ul ol, ol ul { + margin-bottom: 0; +} +dl { + margin: 0 1.625em; +} +dt { + font-size: 15px; + font-weight: bold; +} +dd { + margin: 0 0 1.625em; +} +strong { + font-weight: bold; +} +cite, em, i { + font-style: italic; +} +cite { + border: none; +} +big { + font-size: 131.25%; +} +blockquote { + font-family: Georgia, "Bitstream Charter", serif !important; + font-style: italic !important; + font-weight: normal; + margin: 0 3em; +} +blockquote em, blockquote i, blockquote cite { + font-style: normal; +} +blockquote cite { + color: #666; + font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: 300; + letter-spacing: 0.05em; + text-transform: uppercase; +} +pre { + background: #f4f4f4; + font: 13px "Courier 10 Pitch", Courier, monospace; + line-height: 1.5; + margin-bottom: 1.625em; + padding: 0.75em 1.625em; +} +code, kbd, code var { + font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; +} +abbr, acronym, dfn { + border-bottom: 1px dotted #666; + cursor: help; +} +address { + display: block; + margin: 0 0 1.625em; +} +del { + color: #333; +} +ins { + background: #fff9c0; + border: none; + color: #333; + text-decoration: none; +} +sup, +sub { + font-size: 10px; + height: 0; + line-height: 1; + position: relative; + vertical-align: baseline; +} +sup { + bottom: 1ex; +} +sub { + top: .5ex; +} +input[type=text], +textarea { + background: #fafafa; + -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); + box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); + border: 1px solid #ddd; + color: #888; +} +input[type=text]:focus, +textarea:focus { + color: #333; +} +textarea { + padding-left: 3px; + width: 98%; +} +input[type=text] { + padding: 3px; +} + +/* Links */ +a { + color: #1b8be0; + text-decoration: none; +} +a:focus, +a:active, +a:hover { + text-decoration: underline; +} + +/* Alignment */ +.alignleft { + display: inline; + float: left; + margin-right: 1.625em; +} +.alignright { + display: inline; + float: right; + margin-left: 1.625em; +} +.aligncenter { + clear: both; + display: block; + margin-left: auto; + margin-right: auto; +} + +/* Tables */ +table { + border: none !important; + border-bottom: 1px solid #ddd !important; + border-collapse: collapse; + border-spacing: 0; + text-align: left; + margin: 0 0 1.625em; + width: 100%; +} +tr th { + border: none !important; + color: #666; + font-size: 10px; + font-weight: 500; + letter-spacing: 0.1em; + line-height: 2.6em; + text-transform: uppercase; +} +td { + border: none !important; + border-top: 1px solid #ddd !important; + padding: 6px 10px 6px 0; +} + +/* Images */ +img.size-auto, +img.size-large, +img.size-full, +img.size-medium, +img.size-thumbnail { + height: auto; + max-width: 100%; +} +img.wp-smiley { + margin-bottom: 0; + margin-top: 0; +} +p img, +.wp-caption { + margin-top: 0.4em; +} +.wp-caption { + background: #f4f2ed; + border: none; + margin-bottom: 1.625em; + max-width: 96%; + padding: 12px; +} +.wp-caption img { + display: block; + margin: 5px auto 0 !important; + max-width: 98%; +} +.wp-caption .wp-caption-text, +.wp-caption-dd { + color: #666; + font-family: Georgia, serif !important; + font-size: 12px; + margin: 0 0 0.6em 0 !important; + padding: 0 0 5px 40px; + position: relative; + text-align: left; +} +.wp-caption .wp-caption-text:before { + color: #9b8a62; + content: '\2014'; + font-size: 14px; + font-style: normal; + font-weight: bold; + margin-right: 5px; + position: absolute; + left: 10px; + top: 7px; +} \ No newline at end of file diff --git a/wp-content/themes/twentyeleven/functions.php b/wp-content/themes/twentyeleven/functions.php index 70d232afbd..d4471f1cf8 100644 --- a/wp-content/themes/twentyeleven/functions.php +++ b/wp-content/themes/twentyeleven/functions.php @@ -60,10 +60,11 @@ if ( ! function_exists( 'twentyeleven_setup' ) ): * To override twentyeleven_setup() in a child theme, add your own twentyeleven_setup to your child theme's * functions.php file. * - * @uses add_theme_support() To add support for post thumbnails and automatic feed links. + * @uses load_theme_textdomain() For translation/localization support. + * @uses add_editor_style() To style the visual editor. + * @uses add_theme_support() To add support for post thumbnails, automatic feed links, and Post Formats. * @uses register_nav_menus() To add support for navigation menus. * @uses add_custom_background() To add support for a custom background. - * @uses load_theme_textdomain() For translation/localization support. * @uses add_custom_image_header() To add support for a custom header. * @uses register_default_headers() To register the default custom header images provided with the theme. * @uses set_post_thumbnail_size() To set a custom post thumbnail size. @@ -84,6 +85,9 @@ function twentyeleven_setup() { if ( is_readable( $locale_file ) ) require_once( $locale_file ); + // This theme styles the visual editor with editor-style.css to match the theme style. + add_editor_style(); + // Load up our theme options page and related code. require( dirname( __FILE__ ) . '/inc/theme-options.php' );