From 7aa638da447f85daff6c5b5329ecdfa2455255e6 Mon Sep 17 00:00:00 2001 From: agata <automa@insicuri.net> Date: Fri, 22 May 2020 18:18:57 +0200 Subject: [PATCH] [auto] theme: twentytwelve 3.1 --- wp-content/themes/twentytwelve/404.php | 58 +- wp-content/themes/twentytwelve/archive.php | 136 +- wp-content/themes/twentytwelve/author.php | 188 +- wp-content/themes/twentytwelve/category.php | 110 +- wp-content/themes/twentytwelve/comments.php | 163 +- .../themes/twentytwelve/content-aside.php | 59 +- .../themes/twentytwelve/content-image.php | 56 +- .../themes/twentytwelve/content-link.php | 55 +- .../themes/twentytwelve/content-none.php | 40 +- .../themes/twentytwelve/content-page.php | 66 +- .../themes/twentytwelve/content-quote.php | 53 +- .../themes/twentytwelve/content-status.php | 87 +- wp-content/themes/twentytwelve/content.php | 175 +- wp-content/themes/twentytwelve/css/blocks.css | 886 ++-- .../themes/twentytwelve/css/editor-blocks.css | 914 ++--- wp-content/themes/twentytwelve/css/ie.css | 544 +-- .../themes/twentytwelve/editor-style-rtl.css | 54 +- .../themes/twentytwelve/editor-style.css | 684 +-- wp-content/themes/twentytwelve/footer.php | 63 +- wp-content/themes/twentytwelve/functions.php | 1426 +++---- wp-content/themes/twentytwelve/header.php | 122 +- wp-content/themes/twentytwelve/image.php | 283 +- .../themes/twentytwelve/inc/custom-header.php | 336 +- wp-content/themes/twentytwelve/index.php | 147 +- wp-content/themes/twentytwelve/js/html5.js | 14 +- .../themes/twentytwelve/js/navigation.js | 110 +- .../twentytwelve/js/theme-customizer.js | 130 +- .../page-templates/front-page.php | 76 +- .../page-templates/full-width.php | 66 +- wp-content/themes/twentytwelve/page.php | 64 +- wp-content/themes/twentytwelve/readme.txt | 13 +- wp-content/themes/twentytwelve/rtl.css | 479 +-- wp-content/themes/twentytwelve/search.php | 109 +- .../themes/twentytwelve/sidebar-front.php | 72 +- wp-content/themes/twentytwelve/sidebar.php | 34 +- wp-content/themes/twentytwelve/single.php | 72 +- wp-content/themes/twentytwelve/style.css | 3656 +++++++++-------- wp-content/themes/twentytwelve/tag.php | 111 +- 38 files changed, 5903 insertions(+), 5808 deletions(-) diff --git a/wp-content/themes/twentytwelve/404.php b/wp-content/themes/twentytwelve/404.php index 8b039ecee..2433d6184 100644 --- a/wp-content/themes/twentytwelve/404.php +++ b/wp-content/themes/twentytwelve/404.php @@ -1,29 +1,29 @@ -<?php -/** - * The template for displaying 404 pages (Not Found) - * - * @package WordPress - * @subpackage Twenty_Twelve - * @since Twenty Twelve 1.0 - */ - -get_header(); ?> - - <div id="primary" class="site-content"> - <div id="content" role="main"> - - <article id="post-0" class="post error404 no-results not-found"> - <header class="entry-header"> - <h1 class="entry-title"><?php _e( 'This is somewhat embarrassing, isn’t it?', 'twentytwelve' ); ?></h1> - </header> - - <div class="entry-content"> - <p><?php _e( 'It seems we can’t find what you’re looking for. Perhaps searching can help.', 'twentytwelve' ); ?></p> - <?php get_search_form(); ?> - </div><!-- .entry-content --> - </article><!-- #post-0 --> - - </div><!-- #content --> - </div><!-- #primary --> - -<?php get_footer(); ?> +<?php +/** + * The template for displaying 404 pages (Not Found) + * + * @package WordPress + * @subpackage Twenty_Twelve + * @since Twenty Twelve 1.0 + */ + +get_header(); ?> + + <div id="primary" class="site-content"> + <div id="content" role="main"> + + <article id="post-0" class="post error404 no-results not-found"> + <header class="entry-header"> + <h1 class="entry-title"><?php _e( 'This is somewhat embarrassing, isn’t it?', 'twentytwelve' ); ?></h1> + </header> + + <div class="entry-content"> + <p><?php _e( 'It seems we can’t find what you’re looking for. Perhaps searching can help.', 'twentytwelve' ); ?></p> + <?php get_search_form(); ?> + </div><!-- .entry-content --> + </article><!-- #post-0 --> + + </div><!-- #content --> + </div><!-- #primary --> + +<?php get_footer(); ?> diff --git a/wp-content/themes/twentytwelve/archive.php b/wp-content/themes/twentytwelve/archive.php index 44a0d6294..c8172bf2e 100644 --- a/wp-content/themes/twentytwelve/archive.php +++ b/wp-content/themes/twentytwelve/archive.php @@ -1,66 +1,70 @@ -<?php -/** - * The template for displaying Archive pages - * - * Used to display archive-type pages if nothing more specific matches a query. - * For example, puts together date-based pages if no date.php file exists. - * - * If you'd like to further customize these archive views, you may create a - * new template file for each specific one. For example, Twenty Twelve already - * has tag.php for Tag archives, category.php for Category archives, and - * author.php for Author archives. - * - * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ - * - * @package WordPress - * @subpackage Twenty_Twelve - * @since Twenty Twelve 1.0 - */ - -get_header(); ?> - - <section id="primary" class="site-content"> - <div id="content" role="main"> - - <?php if ( have_posts() ) : ?> - <header class="archive-header"> - <h1 class="archive-title"> - <?php - if ( is_day() ) : - printf( __( 'Daily Archives: %s', 'twentytwelve' ), '<span>' . get_the_date() . '</span>' ); - elseif ( is_month() ) : - printf( __( 'Monthly Archives: %s', 'twentytwelve' ), '<span>' . get_the_date( _x( 'F Y', 'monthly archives date format', 'twentytwelve' ) ) . '</span>' ); - elseif ( is_year() ) : - printf( __( 'Yearly Archives: %s', 'twentytwelve' ), '<span>' . get_the_date( _x( 'Y', 'yearly archives date format', 'twentytwelve' ) ) . '</span>' ); - else : - _e( 'Archives', 'twentytwelve' ); - endif; - ?> - </h1> - </header><!-- .archive-header --> - - <?php - /* Start the Loop */ - while ( have_posts() ) : - the_post(); - - /* Include the post format-specific template for the content. If you want to - * this in a child theme then include a file called content-___.php - * (where ___ is the post format) and that will be used instead. - */ - get_template_part( 'content', get_post_format() ); - - endwhile; - - twentytwelve_content_nav( 'nav-below' ); - ?> - - <?php else : ?> - <?php get_template_part( 'content', 'none' ); ?> - <?php endif; ?> - - </div><!-- #content --> - </section><!-- #primary --> - -<?php get_sidebar(); ?> -<?php get_footer(); ?> +<?php +/** + * The template for displaying Archive pages + * + * Used to display archive-type pages if nothing more specific matches a query. + * For example, puts together date-based pages if no date.php file exists. + * + * If you'd like to further customize these archive views, you may create a + * new template file for each specific one. For example, Twenty Twelve already + * has tag.php for Tag archives, category.php for Category archives, and + * author.php for Author archives. + * + * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ + * + * @package WordPress + * @subpackage Twenty_Twelve + * @since Twenty Twelve 1.0 + */ + +get_header(); ?> + + <section id="primary" class="site-content"> + <div id="content" role="main"> + + <?php if ( have_posts() ) : ?> + <header class="archive-header"> + <h1 class="archive-title"> + <?php + if ( is_day() ) { + /* translators: %s: Date. */ + printf( __( 'Daily Archives: %s', 'twentytwelve' ), '<span>' . get_the_date() . '</span>' ); + } elseif ( is_month() ) { + /* translators: %s: Date. */ + printf( __( 'Monthly Archives: %s', 'twentytwelve' ), '<span>' . get_the_date( _x( 'F Y', 'monthly archives date format', 'twentytwelve' ) ) . '</span>' ); + } elseif ( is_year() ) { + /* translators: %s: Date. */ + printf( __( 'Yearly Archives: %s', 'twentytwelve' ), '<span>' . get_the_date( _x( 'Y', 'yearly archives date format', 'twentytwelve' ) ) . '</span>' ); + } else { + _e( 'Archives', 'twentytwelve' ); + } + ?> + </h1> + </header><!-- .archive-header --> + + <?php + // Start the Loop. + while ( have_posts() ) : + the_post(); + + /* + * Include the post format-specific template for the content. If you want + * to use this in a child theme then include a file called content-___.php + * (where ___ is the post format) and that will be used instead. + */ + get_template_part( 'content', get_post_format() ); + + endwhile; + + twentytwelve_content_nav( 'nav-below' ); + ?> + + <?php else : ?> + <?php get_template_part( 'content', 'none' ); ?> + <?php endif; ?> + + </div><!-- #content --> + </section><!-- #primary --> + +<?php get_sidebar(); ?> +<?php get_footer(); ?> diff --git a/wp-content/themes/twentytwelve/author.php b/wp-content/themes/twentytwelve/author.php index 0607a781f..6f449ff51 100644 --- a/wp-content/themes/twentytwelve/author.php +++ b/wp-content/themes/twentytwelve/author.php @@ -1,88 +1,100 @@ -<?php -/** - * The template for displaying Author Archive pages - * - * Used to display archive-type pages for posts by an author. - * - * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ - * - * @package WordPress - * @subpackage Twenty_Twelve - * @since Twenty Twelve 1.0 - */ - -get_header(); ?> - - <section id="primary" class="site-content"> - <div id="content" role="main"> - - <?php if ( have_posts() ) : ?> - - <?php - /* Queue the first post, that way we know - * what author we're dealing with (if that is the case). - * - * We reset this later so we can run the loop - * properly with a call to rewind_posts(). - */ - the_post(); - ?> - - <header class="archive-header"> - <h1 class="archive-title"><?php printf( __( 'Author Archives: %s', 'twentytwelve' ), '<span class="vcard"><a class="url fn n" href="' . esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ) . '" title="' . esc_attr( get_the_author() ) . '" rel="me">' . get_the_author() . '</a></span>' ); ?></h1> - </header><!-- .archive-header --> - - <?php - /* Since we called the_post() above, we need to - * rewind the loop back to the beginning that way - * we can run the loop properly, in full. - */ - rewind_posts(); - ?> - - <?php twentytwelve_content_nav( 'nav-above' ); ?> - - <?php - // If a user has filled out their description, show a bio on their entries. - if ( get_the_author_meta( 'description' ) ) : - ?> - <div class="author-info"> - <div class="author-avatar"> - <?php - /** - * Filter the author bio avatar size. - * - * @since Twenty Twelve 1.0 - * - * @param int $size The height and width of the avatar in pixels. - */ - $author_bio_avatar_size = apply_filters( 'twentytwelve_author_bio_avatar_size', 68 ); - echo get_avatar( get_the_author_meta( 'user_email' ), $author_bio_avatar_size ); - ?> - </div><!-- .author-avatar --> - <div class="author-description"> - <h2><?php printf( __( 'About %s', 'twentytwelve' ), get_the_author() ); ?></h2> - <p><?php the_author_meta( 'description' ); ?></p> - </div><!-- .author-description --> - </div><!-- .author-info --> - <?php endif; ?> - - <?php /* Start the Loop */ ?> - <?php - while ( have_posts() ) : - the_post(); - ?> - <?php get_template_part( 'content', get_post_format() ); ?> - <?php endwhile; ?> - - <?php twentytwelve_content_nav( 'nav-below' ); ?> - - <?php else : ?> - <?php get_template_part( 'content', 'none' ); ?> - <?php endif; ?> - - </div><!-- #content --> - </section><!-- #primary --> - -<?php get_sidebar(); ?> -<?php get_footer(); ?> +<?php +/** + * The template for displaying Author Archive pages + * + * Used to display archive-type pages for posts by an author. + * + * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ + * + * @package WordPress + * @subpackage Twenty_Twelve + * @since Twenty Twelve 1.0 + */ + +get_header(); ?> + + <section id="primary" class="site-content"> + <div id="content" role="main"> + + <?php if ( have_posts() ) : ?> + + <?php + /* + * Queue the first post, that way we know + * what author we're dealing with (if that is the case). + * + * We reset this later so we can run the loop + * properly with a call to rewind_posts(). + */ + the_post(); + ?> + + <header class="archive-header"> + <h1 class="archive-title"> + <?php + /* translators: Author display name. */ + printf( __( 'Author Archives: %s', 'twentytwelve' ), '<span class="vcard"><a class="url fn n" href="' . esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ) . '" title="' . esc_attr( get_the_author() ) . '" rel="me">' . get_the_author() . '</a></span>' ); + ?> + </h1> + </header><!-- .archive-header --> + + <?php + /* + * Since we called the_post() above, we need + * to rewind the loop back to the beginning. + * That way we can run the loop properly, in full. + */ + rewind_posts(); + ?> + + <?php twentytwelve_content_nav( 'nav-above' ); ?> + + <?php + // If a user has filled out their description, show a bio on their entries. + if ( get_the_author_meta( 'description' ) ) : + ?> + <div class="author-info"> + <div class="author-avatar"> + <?php + /** + * Filter the author bio avatar size. + * + * @since Twenty Twelve 1.0 + * + * @param int $size The height and width of the avatar in pixels. + */ + $author_bio_avatar_size = apply_filters( 'twentytwelve_author_bio_avatar_size', 68 ); + echo get_avatar( get_the_author_meta( 'user_email' ), $author_bio_avatar_size ); + ?> + </div><!-- .author-avatar --> + <div class="author-description"> + <h2> + <?php + /* translators: Author display name. */ + printf( __( 'About %s', 'twentytwelve' ), get_the_author() ); + ?> + </h2> + <p><?php the_author_meta( 'description' ); ?></p> + </div><!-- .author-description --> + </div><!-- .author-info --> + <?php endif; ?> + + <?php + // Start the Loop. + while ( have_posts() ) : + the_post(); + ?> + <?php get_template_part( 'content', get_post_format() ); ?> + <?php endwhile; ?> + + <?php twentytwelve_content_nav( 'nav-below' ); ?> + + <?php else : ?> + <?php get_template_part( 'content', 'none' ); ?> + <?php endif; ?> + + </div><!-- #content --> + </section><!-- #primary --> + +<?php get_sidebar(); ?> +<?php get_footer(); ?> diff --git a/wp-content/themes/twentytwelve/category.php b/wp-content/themes/twentytwelve/category.php index 558946dcd..046ae8c1e 100644 --- a/wp-content/themes/twentytwelve/category.php +++ b/wp-content/themes/twentytwelve/category.php @@ -1,52 +1,58 @@ -<?php -/** - * The template for displaying Category pages - * - * Used to display archive-type pages for posts in a category. - * - * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ - * - * @package WordPress - * @subpackage Twenty_Twelve - * @since Twenty Twelve 1.0 - */ - -get_header(); ?> - - <section id="primary" class="site-content"> - <div id="content" role="main"> - - <?php if ( have_posts() ) : ?> - <header class="archive-header"> - <h1 class="archive-title"><?php printf( __( 'Category Archives: %s', 'twentytwelve' ), '<span>' . single_cat_title( '', false ) . '</span>' ); ?></h1> - - <?php if ( category_description() ) : // Show an optional category description ?> - <div class="archive-meta"><?php echo category_description(); ?></div> - <?php endif; ?> - </header><!-- .archive-header --> - - <?php - /* Start the Loop */ - while ( have_posts() ) : - the_post(); - - /* Include the post format-specific template for the content. If you want to - * this in a child theme then include a file called content-___.php - * (where ___ is the post format) and that will be used instead. - */ - get_template_part( 'content', get_post_format() ); - - endwhile; - - twentytwelve_content_nav( 'nav-below' ); - ?> - - <?php else : ?> - <?php get_template_part( 'content', 'none' ); ?> - <?php endif; ?> - - </div><!-- #content --> - </section><!-- #primary --> - -<?php get_sidebar(); ?> -<?php get_footer(); ?> +<?php +/** + * The template for displaying Category pages + * + * Used to display archive-type pages for posts in a category. + * + * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ + * + * @package WordPress + * @subpackage Twenty_Twelve + * @since Twenty Twelve 1.0 + */ + +get_header(); ?> + + <section id="primary" class="site-content"> + <div id="content" role="main"> + + <?php if ( have_posts() ) : ?> + <header class="archive-header"> + <h1 class="archive-title"> + <?php + /* translators: %s: Category title. */ + printf( __( 'Category Archives: %s', 'twentytwelve' ), '<span>' . single_cat_title( '', false ) . '</span>' ); + ?> + </h1> + + <?php if ( category_description() ) : // Show an optional category description. ?> + <div class="archive-meta"><?php echo category_description(); ?></div> + <?php endif; ?> + </header><!-- .archive-header --> + + <?php + // Start the Loop. + while ( have_posts() ) : + the_post(); + + /* + * Include the post format-specific template for the content. If you want + * to use this in a child theme then include a file called content-___.php + * (where ___ is the post format) and that will be used instead. + */ + get_template_part( 'content', get_post_format() ); + + endwhile; + + twentytwelve_content_nav( 'nav-below' ); + ?> + + <?php else : ?> + <?php get_template_part( 'content', 'none' ); ?> + <?php endif; ?> + + </div><!-- #content --> + </section><!-- #primary --> + +<?php get_sidebar(); ?> +<?php get_footer(); ?> diff --git a/wp-content/themes/twentytwelve/comments.php b/wp-content/themes/twentytwelve/comments.php index 5537fc460..c8c2106d4 100644 --- a/wp-content/themes/twentytwelve/comments.php +++ b/wp-content/themes/twentytwelve/comments.php @@ -1,81 +1,82 @@ -<?php -/** - * The template for displaying Comments - * - * The area of the page that contains both current comments - * and the comment form. The actual display of comments is - * handled by a callback to twentytwelve_comment() which is - * located in the functions.php file. - * - * @package WordPress - * @subpackage Twenty_Twelve - * @since Twenty Twelve 1.0 - */ - -/* - * If the current post is protected by a password and - * the visitor has not yet entered the password we will - * return early without loading the comments. - */ -if ( post_password_required() ) { - return; -} -?> - -<div id="comments" class="comments-area"> - - <?php // You can start editing here -- including this comment! ?> - - <?php if ( have_comments() ) : ?> - <h2 class="comments-title"> - <?php - if ( 1 === get_comments_number() ) { - printf( - /* translators: %s: The post title. */ - __( 'One thought on “%s”', 'twentytwelve' ), - '<span>' . get_the_title() . '</span>' - ); - } else { - printf( - /* translators: %1$s: The number of comments. %2$s: The post title. */ - _n( '%1$s thought on “%2$s”', '%1$s thoughts on “%2$s”', get_comments_number(), 'twentytwelve' ), - number_format_i18n( get_comments_number() ), - '<span>' . get_the_title() . '</span>' - ); - } - ?> - </h2> - - <ol class="commentlist"> - <?php - wp_list_comments( - array( - 'callback' => 'twentytwelve_comment', - 'style' => 'ol', - ) - ); - ?> - </ol><!-- .commentlist --> - - <?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // are there comments to navigate through ?> - <nav id="comment-nav-below" class="navigation" role="navigation"> - <h1 class="assistive-text section-heading"><?php _e( 'Comment navigation', 'twentytwelve' ); ?></h1> - <div class="nav-previous"><?php previous_comments_link( __( '← Older Comments', 'twentytwelve' ) ); ?></div> - <div class="nav-next"><?php next_comments_link( __( 'Newer Comments →', 'twentytwelve' ) ); ?></div> - </nav> - <?php endif; // check for comment navigation ?> - - <?php - /* If there are no comments and comments are closed, let's leave a note. - * But we only want the note on posts and pages that had comments in the first place. - */ - if ( ! comments_open() && get_comments_number() ) : - ?> - <p class="nocomments"><?php _e( 'Comments are closed.', 'twentytwelve' ); ?></p> - <?php endif; ?> - - <?php endif; // have_comments() ?> - - <?php comment_form(); ?> - -</div><!-- #comments .comments-area --> +<?php +/** + * The template for displaying Comments + * + * The area of the page that contains both current comments + * and the comment form. The actual display of comments is + * handled by a callback to twentytwelve_comment() which is + * located in the functions.php file. + * + * @package WordPress + * @subpackage Twenty_Twelve + * @since Twenty Twelve 1.0 + */ + +/* + * If the current post is protected by a password and + * the visitor has not yet entered the password we will + * return early without loading the comments. + */ +if ( post_password_required() ) { + return; +} +?> + +<div id="comments" class="comments-area"> + + <?php // You can start editing here -- including this comment! ?> + + <?php if ( have_comments() ) : ?> + <h2 class="comments-title"> + <?php + if ( 1 === get_comments_number() ) { + printf( + /* translators: %s: The post title. */ + __( 'One thought on “%s”', 'twentytwelve' ), + '<span>' . get_the_title() . '</span>' + ); + } else { + printf( + /* translators: %1$s: The number of comments. %2$s: The post title. */ + _n( '%1$s thought on “%2$s”', '%1$s thoughts on “%2$s”', get_comments_number(), 'twentytwelve' ), + number_format_i18n( get_comments_number() ), + '<span>' . get_the_title() . '</span>' + ); + } + ?> + </h2> + + <ol class="commentlist"> + <?php + wp_list_comments( + array( + 'callback' => 'twentytwelve_comment', + 'style' => 'ol', + ) + ); + ?> + </ol><!-- .commentlist --> + + <?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // Are there comments to navigate through? ?> + <nav id="comment-nav-below" class="navigation" role="navigation"> + <h1 class="assistive-text section-heading"><?php _e( 'Comment navigation', 'twentytwelve' ); ?></h1> + <div class="nav-previous"><?php previous_comments_link( __( '← Older Comments', 'twentytwelve' ) ); ?></div> + <div class="nav-next"><?php next_comments_link( __( 'Newer Comments →', 'twentytwelve' ) ); ?></div> + </nav> + <?php endif; // Check for comment navigation. ?> + + <?php + /* + * If there are no comments and comments are closed, let's leave a note. + * But we only want the note on posts and pages that had comments in the first place. + */ + if ( ! comments_open() && get_comments_number() ) : + ?> + <p class="nocomments"><?php _e( 'Comments are closed.', 'twentytwelve' ); ?></p> + <?php endif; ?> + + <?php endif; // have_comments() ?> + + <?php comment_form(); ?> + +</div><!-- #comments .comments-area --> diff --git a/wp-content/themes/twentytwelve/content-aside.php b/wp-content/themes/twentytwelve/content-aside.php index 4a84ae76d..175d4c5a1 100644 --- a/wp-content/themes/twentytwelve/content-aside.php +++ b/wp-content/themes/twentytwelve/content-aside.php @@ -1,28 +1,31 @@ -<?php -/** - * The template for displaying posts in the Aside post format - * - * @package WordPress - * @subpackage Twenty_Twelve - * @since Twenty Twelve 1.0 - */ -?> - - <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> - <div class="aside"> - <h1 class="entry-title"><a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a></h1> - <div class="entry-content"> - <?php the_content( __( 'Continue reading <span class="meta-nav">→</span>', 'twentytwelve' ) ); ?> - </div><!-- .entry-content --> - </div><!-- .aside --> - - <footer class="entry-meta"> - <a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( sprintf( __( 'Permalink to %s', 'twentytwelve' ), the_title_attribute( 'echo=0' ) ) ); ?>" rel="bookmark"><?php echo get_the_date(); ?></a> - <?php if ( comments_open() ) : ?> - <div class="comments-link"> - <?php comments_popup_link( '<span class="leave-reply">' . __( 'Leave a reply', 'twentytwelve' ) . '</span>', __( '1 Reply', 'twentytwelve' ), __( '% Replies', 'twentytwelve' ) ); ?> - </div><!-- .comments-link --> - <?php endif; // comments_open() ?> - <?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?> - </footer><!-- .entry-meta --> - </article><!-- #post --> +<?php +/** + * The template for displaying posts in the Aside post format + * + * @package WordPress + * @subpackage Twenty_Twelve + * @since Twenty Twelve 1.0 + */ + +/* translators: %s: Post title. */ +$post_title = sprintf( __( 'Permalink to %s', 'twentytwelve' ), the_title_attribute( 'echo=0' ) ); +?> + + <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> + <div class="aside"> + <h1 class="entry-title"><a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a></h1> + <div class="entry-content"> + <?php the_content( __( 'Continue reading <span class="meta-nav">→</span>', 'twentytwelve' ) ); ?> + </div><!-- .entry-content --> + </div><!-- .aside --> + + <footer class="entry-meta"> + <a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( $post_title ); ?>" rel="bookmark"><?php echo get_the_date(); ?></a> + <?php if ( comments_open() ) : ?> + <div class="comments-link"> + <?php comments_popup_link( '<span class="leave-reply">' . __( 'Leave a reply', 'twentytwelve' ) . '</span>', __( '1 Reply', 'twentytwelve' ), __( '% Replies', 'twentytwelve' ) ); ?> + </div><!-- .comments-link --> + <?php endif; // comments_open() ?> + <?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?> + </footer><!-- .entry-meta --> + </article><!-- #post --> diff --git a/wp-content/themes/twentytwelve/content-image.php b/wp-content/themes/twentytwelve/content-image.php index a683b83cf..a3aa6abec 100644 --- a/wp-content/themes/twentytwelve/content-image.php +++ b/wp-content/themes/twentytwelve/content-image.php @@ -1,28 +1,28 @@ -<?php -/** - * The template for displaying posts in the Image post format - * - * @package WordPress - * @subpackage Twenty_Twelve - * @since Twenty Twelve 1.0 - */ -?> - - <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> - <div class="entry-content"> - <?php the_content( __( 'Continue reading <span class="meta-nav">→</span>', 'twentytwelve' ) ); ?> - </div><!-- .entry-content --> - - <footer class="entry-meta"> - <a href="<?php the_permalink(); ?>" rel="bookmark"> - <h1><?php the_title(); ?></h1> - <h2><time class="entry-date" datetime="<?php echo esc_attr( get_the_date( 'c' ) ); ?>"><?php echo get_the_date(); ?></time></h2> - </a> - <?php if ( comments_open() ) : ?> - <div class="comments-link"> - <?php comments_popup_link( '<span class="leave-reply">' . __( 'Leave a reply', 'twentytwelve' ) . '</span>', __( '1 Reply', 'twentytwelve' ), __( '% Replies', 'twentytwelve' ) ); ?> - </div><!-- .comments-link --> - <?php endif; // comments_open() ?> - <?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?> - </footer><!-- .entry-meta --> - </article><!-- #post --> +<?php +/** + * The template for displaying posts in the Image post format + * + * @package WordPress + * @subpackage Twenty_Twelve + * @since Twenty Twelve 1.0 + */ +?> + + <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> + <div class="entry-content"> + <?php the_content( __( 'Continue reading <span class="meta-nav">→</span>', 'twentytwelve' ) ); ?> + </div><!-- .entry-content --> + + <footer class="entry-meta"> + <a href="<?php the_permalink(); ?>" rel="bookmark"> + <h1><?php the_title(); ?></h1> + <h2><time class="entry-date" datetime="<?php echo esc_attr( get_the_date( 'c' ) ); ?>"><?php echo get_the_date(); ?></time></h2> + </a> + <?php if ( comments_open() ) : ?> + <div class="comments-link"> + <?php comments_popup_link( '<span class="leave-reply">' . __( 'Leave a reply', 'twentytwelve' ) . '</span>', __( '1 Reply', 'twentytwelve' ), __( '% Replies', 'twentytwelve' ) ); ?> + </div><!-- .comments-link --> + <?php endif; // comments_open() ?> + <?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?> + </footer><!-- .entry-meta --> + </article><!-- #post --> diff --git a/wp-content/themes/twentytwelve/content-link.php b/wp-content/themes/twentytwelve/content-link.php index 31e4ec958..976778cb5 100644 --- a/wp-content/themes/twentytwelve/content-link.php +++ b/wp-content/themes/twentytwelve/content-link.php @@ -1,26 +1,29 @@ -<?php -/** - * The template for displaying posts in the Link post format - * - * @package WordPress - * @subpackage Twenty_Twelve - * @since Twenty Twelve 1.0 - */ -?> - - <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> - <header><?php _e( 'Link', 'twentytwelve' ); ?></header> - <div class="entry-content"> - <?php the_content( __( 'Continue reading <span class="meta-nav">→</span>', 'twentytwelve' ) ); ?> - </div><!-- .entry-content --> - - <footer class="entry-meta"> - <a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( sprintf( __( 'Permalink to %s', 'twentytwelve' ), the_title_attribute( 'echo=0' ) ) ); ?>" rel="bookmark"><?php echo get_the_date(); ?></a> - <?php if ( comments_open() ) : ?> - <div class="comments-link"> - <?php comments_popup_link( '<span class="leave-reply">' . __( 'Leave a reply', 'twentytwelve' ) . '</span>', __( '1 Reply', 'twentytwelve' ), __( '% Replies', 'twentytwelve' ) ); ?> - </div><!-- .comments-link --> - <?php endif; // comments_open() ?> - <?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?> - </footer><!-- .entry-meta --> - </article><!-- #post --> +<?php +/** + * The template for displaying posts in the Link post format + * + * @package WordPress + * @subpackage Twenty_Twelve + * @since Twenty Twelve 1.0 + */ + +/* translators: %s: Post title. */ +$post_title = sprintf( __( 'Permalink to %s', 'twentytwelve' ), the_title_attribute( 'echo=0' ) ); +?> + + <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> + <header><?php _e( 'Link', 'twentytwelve' ); ?></header> + <div class="entry-content"> + <?php the_content( __( 'Continue reading <span class="meta-nav">→</span>', 'twentytwelve' ) ); ?> + </div><!-- .entry-content --> + + <footer class="entry-meta"> + <a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( $post_title ); ?>" rel="bookmark"><?php echo get_the_date(); ?></a> + <?php if ( comments_open() ) : ?> + <div class="comments-link"> + <?php comments_popup_link( '<span class="leave-reply">' . __( 'Leave a reply', 'twentytwelve' ) . '</span>', __( '1 Reply', 'twentytwelve' ), __( '% Replies', 'twentytwelve' ) ); ?> + </div><!-- .comments-link --> + <?php endif; // comments_open() ?> + <?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?> + </footer><!-- .entry-meta --> + </article><!-- #post --> diff --git a/wp-content/themes/twentytwelve/content-none.php b/wp-content/themes/twentytwelve/content-none.php index b7757821c..6981c696d 100644 --- a/wp-content/themes/twentytwelve/content-none.php +++ b/wp-content/themes/twentytwelve/content-none.php @@ -1,20 +1,20 @@ -<?php -/** - * The template for displaying a "No posts found" message - * - * @package WordPress - * @subpackage Twenty_Twelve - * @since Twenty Twelve 1.0 - */ -?> - - <article id="post-0" class="post no-results not-found"> - <header class="entry-header"> - <h1 class="entry-title"><?php _e( 'Nothing Found', 'twentytwelve' ); ?></h1> - </header> - - <div class="entry-content"> - <p><?php _e( 'Apologies, but no results were found. Perhaps searching will help find a related post.', 'twentytwelve' ); ?></p> - <?php get_search_form(); ?> - </div><!-- .entry-content --> - </article><!-- #post-0 --> +<?php +/** + * The template for displaying a "No posts found" message + * + * @package WordPress + * @subpackage Twenty_Twelve + * @since Twenty Twelve 1.0 + */ +?> + + <article id="post-0" class="post no-results not-found"> + <header class="entry-header"> + <h1 class="entry-title"><?php _e( 'Nothing Found', 'twentytwelve' ); ?></h1> + </header> + + <div class="entry-content"> + <p><?php _e( 'Apologies, but no results were found. Perhaps searching will help find a related post.', 'twentytwelve' ); ?></p> + <?php get_search_form(); ?> + </div><!-- .entry-content --> + </article><!-- #post-0 --> diff --git a/wp-content/themes/twentytwelve/content-page.php b/wp-content/themes/twentytwelve/content-page.php index 3511b75f3..ad36d87af 100644 --- a/wp-content/themes/twentytwelve/content-page.php +++ b/wp-content/themes/twentytwelve/content-page.php @@ -1,33 +1,33 @@ -<?php -/** - * The template used for displaying page content in page.php - * - * @package WordPress - * @subpackage Twenty_Twelve - * @since Twenty Twelve 1.0 - */ -?> - - <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> - <header class="entry-header"> - <?php if ( ! is_page_template( 'page-templates/front-page.php' ) ) : ?> - <?php the_post_thumbnail(); ?> - <?php endif; ?> - <h1 class="entry-title"><?php the_title(); ?></h1> - </header> - - <div class="entry-content"> - <?php the_content(); ?> - <?php - wp_link_pages( - array( - 'before' => '<div class="page-links">' . __( 'Pages:', 'twentytwelve' ), - 'after' => '</div>', - ) - ); - ?> - </div><!-- .entry-content --> - <footer class="entry-meta"> - <?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?> - </footer><!-- .entry-meta --> - </article><!-- #post --> +<?php +/** + * The template used for displaying page content in page.php + * + * @package WordPress + * @subpackage Twenty_Twelve + * @since Twenty Twelve 1.0 + */ +?> + + <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> + <header class="entry-header"> + <?php if ( ! is_page_template( 'page-templates/front-page.php' ) ) : ?> + <?php the_post_thumbnail(); ?> + <?php endif; ?> + <h1 class="entry-title"><?php the_title(); ?></h1> + </header> + + <div class="entry-content"> + <?php the_content(); ?> + <?php + wp_link_pages( + array( + 'before' => '<div class="page-links">' . __( 'Pages:', 'twentytwelve' ), + 'after' => '</div>', + ) + ); + ?> + </div><!-- .entry-content --> + <footer class="entry-meta"> + <?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?> + </footer><!-- .entry-meta --> + </article><!-- #post --> diff --git a/wp-content/themes/twentytwelve/content-quote.php b/wp-content/themes/twentytwelve/content-quote.php index 0a98a96de..5ccdfd495 100644 --- a/wp-content/themes/twentytwelve/content-quote.php +++ b/wp-content/themes/twentytwelve/content-quote.php @@ -1,25 +1,28 @@ -<?php -/** - * The template for displaying posts in the Quote post format - * - * @package WordPress - * @subpackage Twenty_Twelve - * @since Twenty Twelve 1.0 - */ -?> - - <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> - <div class="entry-content"> - <?php the_content( __( 'Continue reading <span class="meta-nav">→</span>', 'twentytwelve' ) ); ?> - </div><!-- .entry-content --> - - <footer class="entry-meta"> - <a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( sprintf( __( 'Permalink to %s', 'twentytwelve' ), the_title_attribute( 'echo=0' ) ) ); ?>" rel="bookmark"><?php echo get_the_date(); ?></a> - <?php if ( comments_open() ) : ?> - <div class="comments-link"> - <?php comments_popup_link( '<span class="leave-reply">' . __( 'Leave a reply', 'twentytwelve' ) . '</span>', __( '1 Reply', 'twentytwelve' ), __( '% Replies', 'twentytwelve' ) ); ?> - </div><!-- .comments-link --> - <?php endif; // comments_open() ?> - <?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?> - </footer><!-- .entry-meta --> - </article><!-- #post --> +<?php +/** + * The template for displaying posts in the Quote post format + * + * @package WordPress + * @subpackage Twenty_Twelve + * @since Twenty Twelve 1.0 + */ + +/* translators: %s: Post title. */ +$post_title = sprintf( __( 'Permalink to %s', 'twentytwelve' ), the_title_attribute( 'echo=0' ) ); +?> + + <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> + <div class="entry-content"> + <?php the_content( __( 'Continue reading <span class="meta-nav">→</span>', 'twentytwelve' ) ); ?> + </div><!-- .entry-content --> + + <footer class="entry-meta"> + <a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( $post_title ); ?>" rel="bookmark"><?php echo get_the_date(); ?></a> + <?php if ( comments_open() ) : ?> + <div class="comments-link"> + <?php comments_popup_link( '<span class="leave-reply">' . __( 'Leave a reply', 'twentytwelve' ) . '</span>', __( '1 Reply', 'twentytwelve' ), __( '% Replies', 'twentytwelve' ) ); ?> + </div><!-- .comments-link --> + <?php endif; // comments_open() ?> + <?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?> + </footer><!-- .entry-meta --> + </article><!-- #post --> diff --git a/wp-content/themes/twentytwelve/content-status.php b/wp-content/themes/twentytwelve/content-status.php index 55b72db67..ba296cd42 100644 --- a/wp-content/themes/twentytwelve/content-status.php +++ b/wp-content/themes/twentytwelve/content-status.php @@ -1,42 +1,45 @@ -<?php -/** - * The template for displaying posts in the Status post format - * - * @package WordPress - * @subpackage Twenty_Twelve - * @since Twenty Twelve 1.0 - */ -?> - - <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> - <div class="entry-header"> - <header> - <h1><?php the_author(); ?></h1> - <h2><a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( sprintf( __( 'Permalink to %s', 'twentytwelve' ), the_title_attribute( 'echo=0' ) ) ); ?>" rel="bookmark"><?php echo get_the_date(); ?></a></h2> - </header> - <?php - /** - * Filter the status avatar size. - * - * @since Twenty Twelve 1.0 - * - * @param int $size The height and width of the avatar in pixels. - */ - $status_avatar = apply_filters( 'twentytwelve_status_avatar', 48 ); - echo get_avatar( get_the_author_meta( 'ID' ), $status_avatar ); - ?> - </div><!-- .entry-header --> - - <div class="entry-content"> - <?php the_content( __( 'Continue reading <span class="meta-nav">→</span>', 'twentytwelve' ) ); ?> - </div><!-- .entry-content --> - - <footer class="entry-meta"> - <?php if ( comments_open() ) : ?> - <div class="comments-link"> - <?php comments_popup_link( '<span class="leave-reply">' . __( 'Leave a reply', 'twentytwelve' ) . '</span>', __( '1 Reply', 'twentytwelve' ), __( '% Replies', 'twentytwelve' ) ); ?> - </div><!-- .comments-link --> - <?php endif; // comments_open() ?> - <?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?> - </footer><!-- .entry-meta --> - </article><!-- #post --> +<?php +/** + * The template for displaying posts in the Status post format + * + * @package WordPress + * @subpackage Twenty_Twelve + * @since Twenty Twelve 1.0 + */ + +/* translators: %s: Post title. */ +$post_title = sprintf( __( 'Permalink to %s', 'twentytwelve' ), the_title_attribute( 'echo=0' ) ); +?> + + <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> + <div class="entry-header"> + <header> + <h1><?php the_author(); ?></h1> + <h2><a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( $post_title ); ?>" rel="bookmark"><?php echo get_the_date(); ?></a></h2> + </header> + <?php + /** + * Filter the status avatar size. + * + * @since Twenty Twelve 1.0 + * + * @param int $size The height and width of the avatar in pixels. + */ + $status_avatar = apply_filters( 'twentytwelve_status_avatar', 48 ); + echo get_avatar( get_the_author_meta( 'ID' ), $status_avatar ); + ?> + </div><!-- .entry-header --> + + <div class="entry-content"> + <?php the_content( __( 'Continue reading <span class="meta-nav">→</span>', 'twentytwelve' ) ); ?> + </div><!-- .entry-content --> + + <footer class="entry-meta"> + <?php if ( comments_open() ) : ?> + <div class="comments-link"> + <?php comments_popup_link( '<span class="leave-reply">' . __( 'Leave a reply', 'twentytwelve' ) . '</span>', __( '1 Reply', 'twentytwelve' ), __( '% Replies', 'twentytwelve' ) ); ?> + </div><!-- .comments-link --> + <?php endif; // comments_open() ?> + <?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?> + </footer><!-- .entry-meta --> + </article><!-- #post --> diff --git a/wp-content/themes/twentytwelve/content.php b/wp-content/themes/twentytwelve/content.php index 2eab91d0f..0d8b34794 100644 --- a/wp-content/themes/twentytwelve/content.php +++ b/wp-content/themes/twentytwelve/content.php @@ -1,82 +1,93 @@ -<?php -/** - * The default template for displaying content - * - * Used for both single and index/archive/search. - * - * @package WordPress - * @subpackage Twenty_Twelve - * @since Twenty Twelve 1.0 - */ -?> - - <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> - <?php if ( is_sticky() && is_home() && ! is_paged() ) : ?> - <div class="featured-post"> - <?php _e( 'Featured post', 'twentytwelve' ); ?> - </div> - <?php endif; ?> - <header class="entry-header"> - <?php - if ( ! post_password_required() && ! is_attachment() ) : - the_post_thumbnail(); - endif; - ?> - - <?php if ( is_single() ) : ?> - <h1 class="entry-title"><?php the_title(); ?></h1> - <?php else : ?> - <h1 class="entry-title"> - <a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a> - </h1> - <?php endif; // is_single() ?> - <?php if ( comments_open() ) : ?> - <div class="comments-link"> - <?php comments_popup_link( '<span class="leave-reply">' . __( 'Leave a reply', 'twentytwelve' ) . '</span>', __( '1 Reply', 'twentytwelve' ), __( '% Replies', 'twentytwelve' ) ); ?> - </div><!-- .comments-link --> - <?php endif; // comments_open() ?> - </header><!-- .entry-header --> - - <?php if ( is_search() ) : // Only display Excerpts for Search ?> - <div class="entry-summary"> - <?php the_excerpt(); ?> - </div><!-- .entry-summary --> - <?php else : ?> - <div class="entry-content"> - <?php the_content( __( 'Continue reading <span class="meta-nav">→</span>', 'twentytwelve' ) ); ?> - <?php - wp_link_pages( - array( - 'before' => '<div class="page-links">' . __( 'Pages:', 'twentytwelve' ), - 'after' => '</div>', - ) - ); - ?> - </div><!-- .entry-content --> - <?php endif; ?> - - <footer class="entry-meta"> - <?php twentytwelve_entry_meta(); ?> - <?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?> - <?php if ( is_singular() && get_the_author_meta( 'description' ) && is_multi_author() ) : // If a user has filled out their description and this is a multi-author blog, show a bio on their entries. ?> - <div class="author-info"> - <div class="author-avatar"> - <?php - /** This filter is documented in author.php */ - $author_bio_avatar_size = apply_filters( 'twentytwelve_author_bio_avatar_size', 68 ); - echo get_avatar( get_the_author_meta( 'user_email' ), $author_bio_avatar_size ); - ?> - </div><!-- .author-avatar --> - <div class="author-description"> - <h2><?php printf( __( 'About %s', 'twentytwelve' ), get_the_author() ); ?></h2> - <p><?php the_author_meta( 'description' ); ?></p> - <div class="author-link"> - <a href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>" rel="author"> - <?php printf( __( 'View all posts by %s <span class="meta-nav">→</span>', 'twentytwelve' ), get_the_author() ); ?> - </a> - </div><!-- .author-link --> - </div><!-- .author-description --> - </div><!-- .author-info --> - <?php endif; ?> - </footer><!-- .entry-meta --> - </article><!-- #post --> +<?php +/** + * The default template for displaying content + * + * Used for both single and index/archive/search. + * + * @package WordPress + * @subpackage Twenty_Twelve + * @since Twenty Twelve 1.0 + */ +?> + + <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> + <?php if ( is_sticky() && is_home() && ! is_paged() ) : ?> + <div class="featured-post"> + <?php _e( 'Featured post', 'twentytwelve' ); ?> + </div> + <?php endif; ?> + <header class="entry-header"> + <?php + if ( ! post_password_required() && ! is_attachment() ) : + the_post_thumbnail(); + endif; + ?> + + <?php if ( is_single() ) : ?> + <h1 class="entry-title"><?php the_title(); ?></h1> + <?php else : ?> + <h1 class="entry-title"> + <a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a> + </h1> + <?php endif; // is_single() ?> + <?php if ( comments_open() ) : ?> + <div class="comments-link"> + <?php comments_popup_link( '<span class="leave-reply">' . __( 'Leave a reply', 'twentytwelve' ) . '</span>', __( '1 Reply', 'twentytwelve' ), __( '% Replies', 'twentytwelve' ) ); ?> + </div><!-- .comments-link --> + <?php endif; // comments_open() ?> + </header><!-- .entry-header --> + + <?php if ( is_search() ) : // Only display excerpts for search. ?> + <div class="entry-summary"> + <?php the_excerpt(); ?> + </div><!-- .entry-summary --> + <?php else : ?> + <div class="entry-content"> + <?php the_content( __( 'Continue reading <span class="meta-nav">→</span>', 'twentytwelve' ) ); ?> + <?php + wp_link_pages( + array( + 'before' => '<div class="page-links">' . __( 'Pages:', 'twentytwelve' ), + 'after' => '</div>', + ) + ); + ?> + </div><!-- .entry-content --> + <?php endif; ?> + + <footer class="entry-meta"> + <?php twentytwelve_entry_meta(); ?> + <?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?> + <?php + // If a user has filled out their description and this is a multi-author blog, show a bio on their entries. + if ( is_singular() && get_the_author_meta( 'description' ) && is_multi_author() ) : + ?> + <div class="author-info"> + <div class="author-avatar"> + <?php + /** This filter is documented in author.php */ + $author_bio_avatar_size = apply_filters( 'twentytwelve_author_bio_avatar_size', 68 ); + echo get_avatar( get_the_author_meta( 'user_email' ), $author_bio_avatar_size ); + ?> + </div><!-- .author-avatar --> + <div class="author-description"> + <h2> + <?php + /* translators: %s: Author display name. */ + printf( __( 'About %s', 'twentytwelve' ), get_the_author() ); + ?> + </h2> + <p><?php the_author_meta( 'description' ); ?></p> + <div class="author-link"> + <a href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>" rel="author"> + <?php + /* translators: %s: Author display name. */ + printf( __( 'View all posts by %s <span class="meta-nav">→</span>', 'twentytwelve' ), get_the_author() ); + ?> + </a> + </div><!-- .author-link --> + </div><!-- .author-description --> + </div><!-- .author-info --> + <?php endif; ?> + </footer><!-- .entry-meta --> + </article><!-- #post --> diff --git a/wp-content/themes/twentytwelve/css/blocks.css b/wp-content/themes/twentytwelve/css/blocks.css index a88ffcbfe..af4ea0452 100644 --- a/wp-content/themes/twentytwelve/css/blocks.css +++ b/wp-content/themes/twentytwelve/css/blocks.css @@ -1,443 +1,443 @@ -/* -Theme Name: Twenty Twelve -Description: Used to style blocks. -*/ - -/*-------------------------------------------------------------- ->>> TABLE OF CONTENTS: ----------------------------------------------------------------- -1.0 General Block Styles -2.0 Blocks - Common Blocks -3.0 Blocks - Formatting -4.0 Blocks - Layout Elements -5.0 Blocks - Widgets -6.0 Blocks - Colors ---------------------------------------------------------------*/ - -/*-------------------------------------------------------------- -1.0 General Block Styles ---------------------------------------------------------------*/ - -/* Captions */ - -[class^="wp-block-"] figcaption { - color: #757575; - font-size: 12px; - font-size: 0.857142857rem; - line-height: 2; - font-style: italic; - text-align: left; -} - -[class^="wp-block-"].alignleft, -[class^="wp-block-"] .alignleft { - margin-right: 24px; -} - -[class^="wp-block-"].alignright, -[class^="wp-block-"] .alignright { - margin-left: 24px; -} - -.rtl [class^="wp-block-"] figcaption { - text-align: right; -} - -/*-------------------------------------------------------------- -2.0 Blocks - Common Blocks ---------------------------------------------------------------*/ - -/* Paragraph */ - -p.has-drop-cap:not(:focus)::first-letter { - font-size: 5em; - margin-top: 0.1em; -} - -/* Image */ - -.wp-block-image figure:not(.aligncenter) { - line-height: 0; - margin: 0 1.714285714rem; -} - -.wp-block-image figure.alignleft { - margin: 0.857142857rem 1.714285714rem 0.857142857rem 0; -} - -.wp-block-image figure.alignright { - margin: 0.857142857rem 0 0.857142857rem 1.714285714rem; -} - -.wp-block-image figcaption { - padding-top: 0.75em; -} - -[class^="wp-block-"].alignleft, -[class^="wp-block-"] .alignleft, -[class^="wp-block-"].alignright, -[class^="wp-block-"] .alignright { - -} - -/* Gallery */ - -.wp-block-gallery { - margin-bottom: 24px; - margin-bottom: 1.714285714rem; -} - -.wp-block-gallery .blocks-gallery-image figcaption, -.wp-block-gallery .blocks-gallery-item figcaption { - left: 0; - right: 0; - text-align: center; - width: auto; -} - -/* Quote */ - -.wp-block-quote:not(.is-large):not(.is-style-large) { - border: 0; - padding: 24px; - padding: 1.714285714rem; -} - -.wp-block-quote { - padding: 24px; - padding: 1.714285714rem; -} - -.wp-block-quote cite { - color: inherit; - font-size: inherit; - font-style: italic; -} - -.wp-block-quote.is-large p, -.wp-block-quote.is-style-large p { - font-size: 20px; -} - -/* Audio */ - -.wp-block-audio audio { - display: block; - margin-bottom: 1.714285714rem; - width: 100%; -} - -/* Cover */ - -.wp-block-cover-image.aligncenter, -.wp-block-cover.aligncenter { - display: flex; -} - -/* File */ - -.wp-block-file .wp-block-file__button { - background-color: #e6e6e6; - background-repeat: repeat-x; - background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); - background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); - background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); - background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); - background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6); - border: 1px solid #d2d2d2; - border-radius: 3px; - box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); - color: #7c7c7c; - font-family: inherit; - font-size: 11px; - font-size: 0.785714286rem; - font-weight: normal; - line-height: 1.428571429; - padding: 6px 10px; - padding: 0.428571429rem 0.714285714rem; -} - -.wp-block-file .wp-block-file__button:hover, -.wp-block-file .wp-block-file__button:focus { - background-color: #ebebeb; - background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb); - background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb); - background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb); - background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb); - background-image: linear-gradient(to bottom, #f9f9f9, #ebebeb); - background-repeat: repeat-x; - color: #5e5e5e; -} - -.wp-block-file .wp-block-file__button:focus { - background-color: #e1e1e1; - background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1); - background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1); - background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1); - background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1); - background-image: linear-gradient(to bottom, #ebebeb, #e1e1e1); - background-repeat: repeat-x; - border-color: transparent; - box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4; - color: #757575; -} - -.rtl .wp-block-file * + .wp-block-file__button { - margin-left: 0.75em; - margin-right: 0; -} - -/* Video */ - -.wp-block-video video:not(:last-child) { - margin-bottom: 0; -} - -/*-------------------------------------------------------------- -3.0 Blocks - Formatting ---------------------------------------------------------------*/ - -/* Code */ - -pre.wp-block-code { - border: 0; - padding: 0; -} - -/* Pullquote */ - -.wp-block-pullquote__citation, -.wp-block-pullquote cite, -.wp-block-pullquote footer { - font-size: 14px; - text-transform: none; -} - -/* Table */ - -.wp-block-table { - border-bottom: 1px solid #ededed; - border-collapse: collapse; - border-spacing: 0; - font-size: 14px; - line-height: 2; - margin: 0 0 20px; - width: 100%; -} - -.wp-block-table th { - border: 0; - font-weight: bold; - padding: 6px 10px 6px 0; - text-transform: uppercase; -} - -.wp-block-table td { - border: 0; - border-top: 1px solid #ededed; - padding: 6px 10px 6px 0; -} - -/*-------------------------------------------------------------- -4.0 Blocks - Layout Elements ---------------------------------------------------------------*/ - -/* Buttons */ - -.wp-block-button .wp-block-button__link { - border: 1px solid #d2d2d2; - font-family: inherit; - font-size: 11px; - font-size: 0.785714286rem; - font-weight: normal; - line-height: 1.428571429; - padding: 6px 10px; - padding: 0.428571429rem 0.714285714rem; -} - -.entry-content .wp-block-button__link, -.entry-content .wp-block-button__link:visited { - background-color: #e6e6e6; - color: #7c7c7c; -} - -.wp-block-button.is-style-outline .wp-block-button__link, -.wp-block-button.is-style-outline .wp-block-button__link:visited { - background-color: inherit; - border-color: inherit; -} - -.entry-content .wp-block-button__link:hover, -.entry-content .wp-block-button__link:visited:hover, -.entry-content .wp-block-button__link:focus { - background-color: #ebebeb; - color: #5e5e5e; -} - -.entry-content .wp-block-button__link:active { - background-color: #e1e1e1; - color: #757575; -} - -.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background) { - background-repeat: repeat-x; - background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); - background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); - background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); - background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); - background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6); -} - -.wp-block-button__link:not(.has-text-color) { - box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); -} - -.wp-block-button__link:not(.has-background):hover, -.wp-block-button__link:not(.has-background):focus { - background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb); - background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb); - background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb); - background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb); - background-image: linear-gradient(to bottom, #f9f9f9, #ebebeb); - background-repeat: repeat-x; -} - -.wp-block-button__link:not(.has-background):active { - background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1); - background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1); - background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1); - background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1); - background-image: linear-gradient(to bottom, #ebebeb, #e1e1e1); - background-repeat: repeat-x; - border-color: transparent; -} - -.wp-block-button__link:not(.has-text-color):active { - box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4; -} - -/* Separator */ - -.wp-block-separator { - border: 0; -} - -/* Media & Text */ - -.wp-block-media-text { - margin-bottom: 24px; - margin-bottom: 1.714285714rem; -} - -.wp-block-media-text *:last-child { - margin-bottom: 0; -} - -/*-------------------------------------------------------------- -5.0 Blocks - Widgets ---------------------------------------------------------------*/ - -/* Archives, Categories & Latest Posts */ - -.wp-block-archives.aligncenter, -.wp-block-categories.aligncenter, -.wp-block-latest-posts.aligncenter { - list-style-position: inside; - text-align: center; -} - -/* Latest Comments */ - -.wp-block-latest-comments { - margin: 0; - padding: 0; -} - -.wp-block-latest-comments .avatar, -.wp-block-latest-comments__comment-avatar { - border-radius: 0; - box-shadow: none; -} - -.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, -.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { - margin-left: 60px; -} - -.wp-block-latest-comments__comment, -.wp-block-latest-comments__comment-excerpt, -.wp-block-latest-comments__comment-excerpt p { - font-size: 14px; -} - -.wp-block-latest-comments__comment-excerpt p:last-child { - margin-bottom: 0; -} - -.wp-block-latest-comments__comment-date { - color: #5e5e5e; -} - -.wp-block-latest-comments .wp-block-latest-comments__comment { - margin: 0; - padding: 24px 0; - padding: 1.714285714rem 0 0; -} - -.wp-block-latest-comments article { - margin-bottom: 0; -} - -/*-------------------------------------------------------------- -6.0 Blocks - Colors ---------------------------------------------------------------*/ - -.entry-content .has-blue-color, -.entry-content .has-blue-color:visited { - color: #21759b; -} - -.entry-content .has-blue-background-color, -.entry-content .has-blue-background-color:visited { - background-color: #21759b; -} - -.entry-content .has-dark-gray-color, -.entry-content .has-dark-gray-color:visited { - color: #373737; -} - -.entry-content .has-dark-gray-background-color, -.entry-content .has-dark-gray-background-color:visited { - background-color: #373737; -} - -.entry-content .has-medium-gray-color, -.entry-content .has-medium-gray-color:visited { - color: #9f9f9f; -} - -.entry-content .has-medium-gray-background-color, -.entry-content .has-medium-gray-background-color:visited { - background-color: #9f9f9f; -} - -.entry-content .has-light-gray-color, -.entry-content .has-light-gray-color:visited { - color: #e6e6e6; -} - -.entry-content .has-light-gray-background-color, -.entry-content .has-light-gray-background-color:visited { - background-color: #e6e6e6; -} - -.entry-content .has-white-color, -.entry-content .has-white-color:visited { - color: #fff; -} - -.entry-content .has-white-background-color, -.entry-content .has-white-background-color:visited { - background-color: #fff; -} +/* +Theme Name: Twenty Twelve +Description: Used to style blocks. +*/ + +/*-------------------------------------------------------------- +>>> TABLE OF CONTENTS: +---------------------------------------------------------------- +1.0 General Block Styles +2.0 Blocks - Common Blocks +3.0 Blocks - Formatting +4.0 Blocks - Layout Elements +5.0 Blocks - Widgets +6.0 Blocks - Colors +--------------------------------------------------------------*/ + +/*-------------------------------------------------------------- +1.0 General Block Styles +--------------------------------------------------------------*/ + +/* Captions */ + +[class^="wp-block-"] figcaption { + color: #757575; + font-size: 12px; + font-size: 0.857142857rem; + line-height: 2; + font-style: italic; + text-align: left; +} + +[class^="wp-block-"].alignleft, +[class^="wp-block-"] .alignleft { + margin-right: 24px; +} + +[class^="wp-block-"].alignright, +[class^="wp-block-"] .alignright { + margin-left: 24px; +} + +.rtl [class^="wp-block-"] figcaption { + text-align: right; +} + +/*-------------------------------------------------------------- +2.0 Blocks - Common Blocks +--------------------------------------------------------------*/ + +/* Paragraph */ + +p.has-drop-cap:not(:focus)::first-letter { + font-size: 5em; + margin-top: 0.1em; +} + +/* Image */ + +.wp-block-image figure:not(.aligncenter) { + line-height: 0; + margin: 0 1.714285714rem; +} + +.wp-block-image figure.alignleft { + margin: 0.857142857rem 1.714285714rem 0.857142857rem 0; +} + +.wp-block-image figure.alignright { + margin: 0.857142857rem 0 0.857142857rem 1.714285714rem; +} + +.wp-block-image figcaption { + padding-top: 0.75em; +} + +[class^="wp-block-"].alignleft, +[class^="wp-block-"] .alignleft, +[class^="wp-block-"].alignright, +[class^="wp-block-"] .alignright { + +} + +/* Gallery */ + +.wp-block-gallery { + margin-bottom: 24px; + margin-bottom: 1.714285714rem; +} + +.wp-block-gallery .blocks-gallery-image figcaption, +.wp-block-gallery .blocks-gallery-item figcaption { + left: 0; + right: 0; + text-align: center; + width: auto; +} + +/* Quote */ + +.wp-block-quote:not(.is-large):not(.is-style-large) { + border: 0; + padding: 24px; + padding: 1.714285714rem; +} + +.wp-block-quote { + padding: 24px; + padding: 1.714285714rem; +} + +.wp-block-quote cite { + color: inherit; + font-size: inherit; + font-style: italic; +} + +.wp-block-quote.is-large p, +.wp-block-quote.is-style-large p { + font-size: 20px; +} + +/* Audio */ + +.wp-block-audio audio { + display: block; + margin-bottom: 1.714285714rem; + width: 100%; +} + +/* Cover */ + +.wp-block-cover-image.aligncenter, +.wp-block-cover.aligncenter { + display: flex; +} + +/* File */ + +.wp-block-file .wp-block-file__button { + background-color: #e6e6e6; + background-repeat: repeat-x; + background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); + background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); + background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); + background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); + background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6); + border: 1px solid #d2d2d2; + border-radius: 3px; + box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); + color: #7c7c7c; + font-family: inherit; + font-size: 11px; + font-size: 0.785714286rem; + font-weight: normal; + line-height: 1.428571429; + padding: 6px 10px; + padding: 0.428571429rem 0.714285714rem; +} + +.wp-block-file .wp-block-file__button:hover, +.wp-block-file .wp-block-file__button:focus { + background-color: #ebebeb; + background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb); + background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb); + background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb); + background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb); + background-image: linear-gradient(to bottom, #f9f9f9, #ebebeb); + background-repeat: repeat-x; + color: #5e5e5e; +} + +.wp-block-file .wp-block-file__button:focus { + background-color: #e1e1e1; + background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1); + background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1); + background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1); + background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1); + background-image: linear-gradient(to bottom, #ebebeb, #e1e1e1); + background-repeat: repeat-x; + border-color: transparent; + box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4; + color: #757575; +} + +.rtl .wp-block-file * + .wp-block-file__button { + margin-left: 0.75em; + margin-right: 0; +} + +/* Video */ + +.wp-block-video video:not(:last-child) { + margin-bottom: 0; +} + +/*-------------------------------------------------------------- +3.0 Blocks - Formatting +--------------------------------------------------------------*/ + +/* Code */ + +pre.wp-block-code { + border: 0; + padding: 0; +} + +/* Pullquote */ + +.wp-block-pullquote__citation, +.wp-block-pullquote cite, +.wp-block-pullquote footer { + font-size: 14px; + text-transform: none; +} + +/* Table */ + +.wp-block-table { + border-bottom: 1px solid #ededed; + border-collapse: collapse; + border-spacing: 0; + font-size: 14px; + line-height: 2; + margin: 0 0 20px; + width: 100%; +} + +.wp-block-table th { + border: 0; + font-weight: bold; + padding: 6px 10px 6px 0; + text-transform: uppercase; +} + +.wp-block-table td { + border: 0; + border-top: 1px solid #ededed; + padding: 6px 10px 6px 0; +} + +/*-------------------------------------------------------------- +4.0 Blocks - Layout Elements +--------------------------------------------------------------*/ + +/* Buttons */ + +.wp-block-button .wp-block-button__link { + border: 1px solid #d2d2d2; + font-family: inherit; + font-size: 11px; + font-size: 0.785714286rem; + font-weight: normal; + line-height: 1.428571429; + padding: 6px 10px; + padding: 0.428571429rem 0.714285714rem; +} + +.entry-content .wp-block-button__link, +.entry-content .wp-block-button__link:visited { + background-color: #e6e6e6; + color: #7c7c7c; +} + +.wp-block-button.is-style-outline .wp-block-button__link, +.wp-block-button.is-style-outline .wp-block-button__link:visited { + background-color: inherit; + border-color: inherit; +} + +.entry-content .wp-block-button__link:hover, +.entry-content .wp-block-button__link:visited:hover, +.entry-content .wp-block-button__link:focus { + background-color: #ebebeb; + color: #5e5e5e; +} + +.entry-content .wp-block-button__link:active { + background-color: #e1e1e1; + color: #757575; +} + +.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background) { + background-repeat: repeat-x; + background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); + background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); + background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); + background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); + background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6); +} + +.wp-block-button__link:not(.has-text-color) { + box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); +} + +.wp-block-button__link:not(.has-background):hover, +.wp-block-button__link:not(.has-background):focus { + background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb); + background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb); + background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb); + background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb); + background-image: linear-gradient(to bottom, #f9f9f9, #ebebeb); + background-repeat: repeat-x; +} + +.wp-block-button__link:not(.has-background):active { + background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1); + background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1); + background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1); + background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1); + background-image: linear-gradient(to bottom, #ebebeb, #e1e1e1); + background-repeat: repeat-x; + border-color: transparent; +} + +.wp-block-button__link:not(.has-text-color):active { + box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4; +} + +/* Separator */ + +.wp-block-separator { + border: 0; +} + +/* Media & Text */ + +.wp-block-media-text { + margin-bottom: 24px; + margin-bottom: 1.714285714rem; +} + +.wp-block-media-text *:last-child { + margin-bottom: 0; +} + +/*-------------------------------------------------------------- +5.0 Blocks - Widgets +--------------------------------------------------------------*/ + +/* Archives, Categories & Latest Posts */ + +.wp-block-archives.aligncenter, +.wp-block-categories.aligncenter, +.wp-block-latest-posts.aligncenter { + list-style-position: inside; + text-align: center; +} + +/* Latest Comments */ + +.wp-block-latest-comments { + margin: 0; + padding: 0; +} + +.wp-block-latest-comments .avatar, +.wp-block-latest-comments__comment-avatar { + border-radius: 0; + box-shadow: none; +} + +.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, +.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { + margin-left: 60px; +} + +.wp-block-latest-comments__comment, +.wp-block-latest-comments__comment-excerpt, +.wp-block-latest-comments__comment-excerpt p { + font-size: 14px; +} + +.wp-block-latest-comments__comment-excerpt p:last-child { + margin-bottom: 0; +} + +.wp-block-latest-comments__comment-date { + color: #5e5e5e; +} + +.wp-block-latest-comments .wp-block-latest-comments__comment { + margin: 0; + padding: 24px 0; + padding: 1.714285714rem 0 0; +} + +.wp-block-latest-comments article { + margin-bottom: 0; +} + +/*-------------------------------------------------------------- +6.0 Blocks - Colors +--------------------------------------------------------------*/ + +.entry-content .has-blue-color, +.entry-content .has-blue-color:visited { + color: #21759b; +} + +.entry-content .has-blue-background-color, +.entry-content .has-blue-background-color:visited { + background-color: #21759b; +} + +.entry-content .has-dark-gray-color, +.entry-content .has-dark-gray-color:visited { + color: #373737; +} + +.entry-content .has-dark-gray-background-color, +.entry-content .has-dark-gray-background-color:visited { + background-color: #373737; +} + +.entry-content .has-medium-gray-color, +.entry-content .has-medium-gray-color:visited { + color: #9f9f9f; +} + +.entry-content .has-medium-gray-background-color, +.entry-content .has-medium-gray-background-color:visited { + background-color: #9f9f9f; +} + +.entry-content .has-light-gray-color, +.entry-content .has-light-gray-color:visited { + color: #e6e6e6; +} + +.entry-content .has-light-gray-background-color, +.entry-content .has-light-gray-background-color:visited { + background-color: #e6e6e6; +} + +.entry-content .has-white-color, +.entry-content .has-white-color:visited { + color: #fff; +} + +.entry-content .has-white-background-color, +.entry-content .has-white-background-color:visited { + background-color: #fff; +} diff --git a/wp-content/themes/twentytwelve/css/editor-blocks.css b/wp-content/themes/twentytwelve/css/editor-blocks.css index 8c3d66cdb..3358a8ac7 100644 --- a/wp-content/themes/twentytwelve/css/editor-blocks.css +++ b/wp-content/themes/twentytwelve/css/editor-blocks.css @@ -1,457 +1,457 @@ -/* -Theme Name: Twenty Twelve -Description: Used to style blocks in the editor. -*/ - -/*-------------------------------------------------------------- ->>> TABLE OF CONTENTS: ----------------------------------------------------------------- -1.0 General Typography -2.0 General Block Styles -3.0 Blocks - Common Blocks -4.0 Blocks - Formatting -5.0 Blocks - Layout Elements -6.0 Blocks - Widgets ---------------------------------------------------------------*/ - -/*-------------------------------------------------------------- -1.0 General Typography ---------------------------------------------------------------*/ - -.edit-post-visual-editor .editor-block-list__block, -.edit-post-visual-editor .editor-block-list__block p, -.editor-default-block-appender textarea.editor-default-block-appender__content { - font-size: 14px; -} - -.editor-default-block-appender textarea.editor-default-block-appender__content { - font-family: "Open Sans", Helvetica, Arial, sans-serif; -} - -.edit-post-visual-editor .editor-block-list__block { - color: #444; -} - -.editor-post-title__block .editor-post-title__input { - font-family: "Open Sans", Helvetica, Arial, sans-serif; - font-size: 20px; - font-weight: 400; -} - -@media screen and (min-width: 600px) { - .editor-post-title__block .editor-post-title__input { - font-size: 22px; - } -} - -.wp-block-freeform.block-library-rich-text__tinymce h1 { - font-size: 21px; -} - -.wp-block-freeform.block-library-rich-text__tinymce h2 { - font-size: 18px; -} - -.wp-block-freeform.block-library-rich-text__tinymce h3 { - font-size: 16px; -} - -.wp-block-freeform.block-library-rich-text__tinymce h4 { - font-size: 14px; -} - -.wp-block-freeform.block-library-rich-text__tinymce h5 { - font-size: 13px; -} - -.wp-block-freeform.block-library-rich-text__tinymce h6 { - font-size: 12px; -} - -/*-------------------------------------------------------------- -2.0 General Block Styles ---------------------------------------------------------------*/ - -/* Main column width */ - -.wp-block { - max-width: 655px; /* 625px + 30px for padding */ -} - -/* Link styles */ - -.edit-post-visual-editor a, -.editor-block-list__block a, -.wp-block-freeform.block-library-rich-text__tinymce a { - color: #21759b; -} - -/* List styles */ - -.wp-block-freeform.block-library-rich-text__tinymce ol, -.wp-block-freeform.block-library-rich-text__tinymce ul:not(.wp-block-gallery), -.block-library-list ol.editor-rich-text__tinymce, -.block-library-list ul.editor-rich-text__tinymce:not(.wp-block-gallery) { - padding-left: 0; - padding-right: 0; -} - -/* Quote styles */ - -.wp-block-freeform.block-library-rich-text__tinymce blockquote { - border: 0; - font-style: italic; - padding: 24px; -} - -/* Table styles */ - -.wp-block-freeform.block-library-rich-text__tinymce th { - font-size: 11px; -} - -.wp-block-freeform.block-library-rich-text__tinymce td { - font-size: 12px; -} - -.wp-block-freeform.block-library-rich-text__tinymce th, -.wp-block-freeform.block-library-rich-text__tinymce td { - padding-left: 0; - padding-right: 0; -} - -.rtl .wp-block-freeform.block-library-rich-text__tinymce th, -.rtl .wp-block-freeform.block-library-rich-text__tinymce td { - text-align: right; -} - -/* Code styles */ - -.wp-block-freeform.block-library-rich-text__tinymce code { - background-color: transparent; - font-size: 12px; -} - -/* Pre styles */ - -.wp-block-freeform.block-library-rich-text__tinymce pre { - font-size: 12px; -} - -/* Captions */ - -[class^="wp-block-"] figcaption, -[class^="wp-block-"] figcaption.editor-rich-text__tinymce.mce-content-body { - color: #757575; - font-size: 12px; - line-height: 2; - font-style: italic; - text-align: left; -} - -.rtl [class^="wp-block-"] figcaption, -.rtl [class^="wp-block-"] figcaption.editor-rich-text__tinymce.mce-content-body { - text-align: right; -} - -/* Definition Lists */ - -.wp-block-freeform.block-library-rich-text__tinymce dt { - margin-bottom: 0; -} - -/*-------------------------------------------------------------- -3.0 Blocks - Common Blocks ---------------------------------------------------------------*/ - -/* Paragraph */ - -p.has-drop-cap:not(:focus)::first-letter { - font-size: 5em; - margin-top: 0.1em; -} - -/* Image */ - -.wp-block-image { - margin-left: 0; - margin-right: 0; -} - -/* Gallery */ - -.wp-block-gallery { - margin-bottom: 24px; -} - -.wp-block-gallery figcaption, -.wp-block-gallery figcaption.editor-rich-text__tinymce.mce-content-body { - color: #fff; - text-align: center; -} - -/* Quote */ - -.wp-block-quote, -.wp-block-quote:not(.is-large):not(.is-style-large) { - padding: 24px; -} - -.wp-block-quote p { - font-style: italic; -} - -.wp-block-quote:not(.is-large):not(.is-style-large) { - border: 0; -} - -.wp-block-quote.is-large p, -.wp-block-quote.is-style-large p { - font-size: 20px; -} - -.wp-block-quote .wp-block-quote__citation { - color: inherit; - font-style: italic; -} - -.wp-block-quote.is-large .wp-block-quote__citation, -.wp-block-quote.is-style-large .wp-block-quote__citation { - font-size: 18px; -} - -/* Cover */ - -.edit-post-visual-editor .editor-block-list__block .wp-block-cover-image p, -.edit-post-visual-editor .editor-block-list__block .wp-block-cover p { - font-size: 28px; -} - -/* File */ - -.wp-block-file .wp-block-file__textlink { - color: #21759b; - text-decoration: underline; -} - -.wp-block-file .wp-block-file__button { - background-color: #e6e6e6; - background-repeat: repeat-x; - background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); - background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); - background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); - background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); - background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6); - border: 1px solid #d2d2d2; - border-radius: 3px; - box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); - color: #7c7c7c; - font-family: inherit; - font-size: 11px; - font-weight: normal; - line-height: 1.428571429; - padding: 6px 10px; -} - -/*-------------------------------------------------------------- -4.0 Blocks - Formatting ---------------------------------------------------------------*/ - -/* Verse */ - -.editor-block-list__block .wp-block-verse pre { - font-size: 12px; -} - -/* Code */ - -.wp-block-code { - border: 0; - font-size: 12px; - line-height: 2; - padding: 0; -} - -.wp-block-html .CodeMirror-sizer { - line-height: 1.7; -} - -/* Preformatted */ - -.editor-block-list__block .wp-block-preformatted pre { - font-size: 12px; -} - -/* Pullquote */ - -.wp-block-pullquote { - font-style: italic; -} - -.edit-post-visual-editor .wp-block-pullquote { - margin: 0; -} - -.wp-block-pullquote .wp-block-pullquote__citation, -.wp-block-pullquote cite { - font-size: 14px; - text-transform: none; -} - -/* Table */ - -.wp-block-table { - border-bottom: 1px solid #ededed; - border-collapse: collapse; - border-spacing: 0; - font-size: 14px; - line-height: 2; - margin: 0 0 20px; - width: 100%; -} - -.editor-block-list__block .wp-block-table th { - border: 0; - font-size: 11px; - font-weight: bold; - text-transform: uppercase; -} - -.editor-block-list__block .wp-block-table td { - border: 0; - border-top: 1px solid #ededed; - font-size: 12px; - padding: 0; -} - -.wp-block-table__cell-content { - padding: 6px 10px 6px 0; -} - -/*-------------------------------------------------------------- -5.0 Blocks - Layout Elements ---------------------------------------------------------------*/ - -/* Buttons */ - -.wp-block-button__link { - background-color: #e6e6e6; - color: #7c7c7c; -} - -.wp-block-button .wp-block-button__link { - border: 1px solid #d2d2d2; - font-family: inherit; - font-size: 11px; - font-weight: normal; - line-height: 1.428571429; - padding: 6px 10px; -} - -.wp-block-button .editor-rich-text__tinymce.mce-content-body { - line-height: 1.428571429; -} - -.wp-block-button__link:not(.has-text-color) { - box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); -} - -.wp-block-button.is-style-outline .wp-block-button__link { - background-color: inherit; - border-color: inherit; -} - -.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background) { - background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); - background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); - background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); - background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); - background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6); - background-repeat: repeat-x; -} - -/* Separator */ - -.editor-block-list__block hr.wp-block-separator { - margin-left: auto; - margin-right: auto; -} - -/* Media & Text */ - -.wp-block-media-text *:last-child { - margin-bottom: 0; -} - -/*-------------------------------------------------------------- -6.0 Blocks - Widgets ---------------------------------------------------------------*/ - -/* Archives, Categories & Latest Posts */ - -[data-align="center"] .wp-block-archives ul, -[data-align="center"] .wp-block-categories ul, -[data-align="center"] .wp-block-latest-posts ul { - list-style-position: inside; -} - -/* Archives */ - -.editor-block-list__block ul.wp-block-archives { - padding-left: 0; -} - -/* Categories */ - -.editor-block-list__block .wp-block-categories ul { - padding-left: 0; -} - -/* Latest Comments */ - -.editor-block-list__block .wp-block-latest-comments { - margin: 0; - padding: 0; -} - -.wp-block-latest-comments .avatar, -.wp-block-latest-comments__comment-avatar { - border-radius: 0; - box-shadow: none; -} - -.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, -.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { - margin-left: 60px; -} - -.wp-block-latest-comments__comment, -.wp-block-latest-comments__comment-excerpt, -.wp-block-latest-comments__comment-excerpt p { - font-size: 14px; -} - -.wp-block-latest-comments__comment-excerpt p:last-child { - margin-bottom: 0; -} - -.wp-block-latest-comments__comment-date { - color: #5e5e5e; -} - -.wp-block-latest-comments .wp-block-latest-comments__comment { - margin: 0; - padding: 24px 0; -} - -.wp-block-latest-comments article { - border-bottom: 4px double #ededed; - padding-bottom: 2em; -} - -/* Latest Posts */ - -.editor-block-list__block .wp-block-latest-posts { - padding-left: 0; - padding-right: 0; -} +/* +Theme Name: Twenty Twelve +Description: Used to style blocks in the editor. +*/ + +/*-------------------------------------------------------------- +>>> TABLE OF CONTENTS: +---------------------------------------------------------------- +1.0 General Typography +2.0 General Block Styles +3.0 Blocks - Common Blocks +4.0 Blocks - Formatting +5.0 Blocks - Layout Elements +6.0 Blocks - Widgets +--------------------------------------------------------------*/ + +/*-------------------------------------------------------------- +1.0 General Typography +--------------------------------------------------------------*/ + +.edit-post-visual-editor .editor-block-list__block, +.edit-post-visual-editor .editor-block-list__block p, +.editor-default-block-appender textarea.editor-default-block-appender__content { + font-size: 14px; +} + +.editor-default-block-appender textarea.editor-default-block-appender__content { + font-family: "Open Sans", Helvetica, Arial, sans-serif; +} + +.edit-post-visual-editor .editor-block-list__block { + color: #444; +} + +.editor-post-title__block .editor-post-title__input { + font-family: "Open Sans", Helvetica, Arial, sans-serif; + font-size: 20px; + font-weight: 400; +} + +@media screen and (min-width: 600px) { + .editor-post-title__block .editor-post-title__input { + font-size: 22px; + } +} + +.wp-block-freeform.block-library-rich-text__tinymce h1 { + font-size: 21px; +} + +.wp-block-freeform.block-library-rich-text__tinymce h2 { + font-size: 18px; +} + +.wp-block-freeform.block-library-rich-text__tinymce h3 { + font-size: 16px; +} + +.wp-block-freeform.block-library-rich-text__tinymce h4 { + font-size: 14px; +} + +.wp-block-freeform.block-library-rich-text__tinymce h5 { + font-size: 13px; +} + +.wp-block-freeform.block-library-rich-text__tinymce h6 { + font-size: 12px; +} + +/*-------------------------------------------------------------- +2.0 General Block Styles +--------------------------------------------------------------*/ + +/* Main column width */ + +.wp-block { + max-width: 655px; /* 625px + 30px for padding */ +} + +/* Link styles */ + +.edit-post-visual-editor a, +.editor-block-list__block a, +.wp-block-freeform.block-library-rich-text__tinymce a { + color: #21759b; +} + +/* List styles */ + +.wp-block-freeform.block-library-rich-text__tinymce ol, +.wp-block-freeform.block-library-rich-text__tinymce ul:not(.wp-block-gallery), +.block-library-list ol.editor-rich-text__tinymce, +.block-library-list ul.editor-rich-text__tinymce:not(.wp-block-gallery) { + padding-left: 0; + padding-right: 0; +} + +/* Quote styles */ + +.wp-block-freeform.block-library-rich-text__tinymce blockquote { + border: 0; + font-style: italic; + padding: 24px; +} + +/* Table styles */ + +.wp-block-freeform.block-library-rich-text__tinymce th { + font-size: 11px; +} + +.wp-block-freeform.block-library-rich-text__tinymce td { + font-size: 12px; +} + +.wp-block-freeform.block-library-rich-text__tinymce th, +.wp-block-freeform.block-library-rich-text__tinymce td { + padding-left: 0; + padding-right: 0; +} + +.rtl .wp-block-freeform.block-library-rich-text__tinymce th, +.rtl .wp-block-freeform.block-library-rich-text__tinymce td { + text-align: right; +} + +/* Code styles */ + +.wp-block-freeform.block-library-rich-text__tinymce code { + background-color: transparent; + font-size: 12px; +} + +/* Pre styles */ + +.wp-block-freeform.block-library-rich-text__tinymce pre { + font-size: 12px; +} + +/* Captions */ + +[class^="wp-block-"] figcaption, +[class^="wp-block-"] figcaption.editor-rich-text__tinymce.mce-content-body { + color: #757575; + font-size: 12px; + line-height: 2; + font-style: italic; + text-align: left; +} + +.rtl [class^="wp-block-"] figcaption, +.rtl [class^="wp-block-"] figcaption.editor-rich-text__tinymce.mce-content-body { + text-align: right; +} + +/* Definition Lists */ + +.wp-block-freeform.block-library-rich-text__tinymce dt { + margin-bottom: 0; +} + +/*-------------------------------------------------------------- +3.0 Blocks - Common Blocks +--------------------------------------------------------------*/ + +/* Paragraph */ + +p.has-drop-cap:not(:focus)::first-letter { + font-size: 5em; + margin-top: 0.1em; +} + +/* Image */ + +.wp-block-image { + margin-left: 0; + margin-right: 0; +} + +/* Gallery */ + +.wp-block-gallery { + margin-bottom: 24px; +} + +.wp-block-gallery figcaption, +.wp-block-gallery figcaption.editor-rich-text__tinymce.mce-content-body { + color: #fff; + text-align: center; +} + +/* Quote */ + +.wp-block-quote, +.wp-block-quote:not(.is-large):not(.is-style-large) { + padding: 24px; +} + +.wp-block-quote p { + font-style: italic; +} + +.wp-block-quote:not(.is-large):not(.is-style-large) { + border: 0; +} + +.wp-block-quote.is-large p, +.wp-block-quote.is-style-large p { + font-size: 20px; +} + +.wp-block-quote .wp-block-quote__citation { + color: inherit; + font-style: italic; +} + +.wp-block-quote.is-large .wp-block-quote__citation, +.wp-block-quote.is-style-large .wp-block-quote__citation { + font-size: 18px; +} + +/* Cover */ + +.edit-post-visual-editor .editor-block-list__block .wp-block-cover-image p, +.edit-post-visual-editor .editor-block-list__block .wp-block-cover p { + font-size: 28px; +} + +/* File */ + +.wp-block-file .wp-block-file__textlink { + color: #21759b; + text-decoration: underline; +} + +.wp-block-file .wp-block-file__button { + background-color: #e6e6e6; + background-repeat: repeat-x; + background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); + background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); + background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); + background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); + background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6); + border: 1px solid #d2d2d2; + border-radius: 3px; + box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); + color: #7c7c7c; + font-family: inherit; + font-size: 11px; + font-weight: normal; + line-height: 1.428571429; + padding: 6px 10px; +} + +/*-------------------------------------------------------------- +4.0 Blocks - Formatting +--------------------------------------------------------------*/ + +/* Verse */ + +.editor-block-list__block .wp-block-verse pre { + font-size: 12px; +} + +/* Code */ + +.wp-block-code { + border: 0; + font-size: 12px; + line-height: 2; + padding: 0; +} + +.wp-block-html .CodeMirror-sizer { + line-height: 1.7; +} + +/* Preformatted */ + +.editor-block-list__block .wp-block-preformatted pre { + font-size: 12px; +} + +/* Pullquote */ + +.wp-block-pullquote { + font-style: italic; +} + +.edit-post-visual-editor .wp-block-pullquote { + margin: 0; +} + +.wp-block-pullquote .wp-block-pullquote__citation, +.wp-block-pullquote cite { + font-size: 14px; + text-transform: none; +} + +/* Table */ + +.wp-block-table { + border-bottom: 1px solid #ededed; + border-collapse: collapse; + border-spacing: 0; + font-size: 14px; + line-height: 2; + margin: 0 0 20px; + width: 100%; +} + +.editor-block-list__block .wp-block-table th { + border: 0; + font-size: 11px; + font-weight: bold; + text-transform: uppercase; +} + +.editor-block-list__block .wp-block-table td { + border: 0; + border-top: 1px solid #ededed; + font-size: 12px; + padding: 0; +} + +.wp-block-table__cell-content { + padding: 6px 10px 6px 0; +} + +/*-------------------------------------------------------------- +5.0 Blocks - Layout Elements +--------------------------------------------------------------*/ + +/* Buttons */ + +.wp-block-button__link { + background-color: #e6e6e6; + color: #7c7c7c; +} + +.wp-block-button .wp-block-button__link { + border: 1px solid #d2d2d2; + font-family: inherit; + font-size: 11px; + font-weight: normal; + line-height: 1.428571429; + padding: 6px 10px; +} + +.wp-block-button .editor-rich-text__tinymce.mce-content-body { + line-height: 1.428571429; +} + +.wp-block-button__link:not(.has-text-color) { + box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); +} + +.wp-block-button.is-style-outline .wp-block-button__link { + background-color: inherit; + border-color: inherit; +} + +.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background) { + background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); + background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); + background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); + background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); + background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6); + background-repeat: repeat-x; +} + +/* Separator */ + +.editor-block-list__block hr.wp-block-separator { + margin-left: auto; + margin-right: auto; +} + +/* Media & Text */ + +.wp-block-media-text *:last-child { + margin-bottom: 0; +} + +/*-------------------------------------------------------------- +6.0 Blocks - Widgets +--------------------------------------------------------------*/ + +/* Archives, Categories & Latest Posts */ + +[data-align="center"] .wp-block-archives ul, +[data-align="center"] .wp-block-categories ul, +[data-align="center"] .wp-block-latest-posts ul { + list-style-position: inside; +} + +/* Archives */ + +.editor-block-list__block ul.wp-block-archives { + padding-left: 0; +} + +/* Categories */ + +.editor-block-list__block .wp-block-categories ul { + padding-left: 0; +} + +/* Latest Comments */ + +.editor-block-list__block .wp-block-latest-comments { + margin: 0; + padding: 0; +} + +.wp-block-latest-comments .avatar, +.wp-block-latest-comments__comment-avatar { + border-radius: 0; + box-shadow: none; +} + +.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, +.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { + margin-left: 60px; +} + +.wp-block-latest-comments__comment, +.wp-block-latest-comments__comment-excerpt, +.wp-block-latest-comments__comment-excerpt p { + font-size: 14px; +} + +.wp-block-latest-comments__comment-excerpt p:last-child { + margin-bottom: 0; +} + +.wp-block-latest-comments__comment-date { + color: #5e5e5e; +} + +.wp-block-latest-comments .wp-block-latest-comments__comment { + margin: 0; + padding: 24px 0; +} + +.wp-block-latest-comments article { + border-bottom: 4px double #ededed; + padding-bottom: 2em; +} + +/* Latest Posts */ + +.editor-block-list__block .wp-block-latest-posts { + padding-left: 0; + padding-right: 0; +} diff --git a/wp-content/themes/twentytwelve/css/ie.css b/wp-content/themes/twentytwelve/css/ie.css index 706f5103e..798ce7dea 100644 --- a/wp-content/themes/twentytwelve/css/ie.css +++ b/wp-content/themes/twentytwelve/css/ie.css @@ -1,273 +1,273 @@ -/* -Styles for older IE versions (previous to IE9). -*/ - -body { - background-color: #e6e6e6; -} -body.custom-background-empty { - background-color: #fff; -} -body.custom-background-empty .site, -body.custom-background-white .site { - box-shadow: none; - margin-bottom: 0; - margin-top: 0; - padding: 0; -} -.assistive-text, -.site .screen-reader-text { - clip: rect(1px 1px 1px 1px); -} -.full-width .site-content { - float: none; - width: 100%; -} -img.size-full, -img.size-large, -img.header-image, -img.wp-post-image, -img[class*="align"], -img[class*="wp-image-"], -img[class*="attachment-"] { - width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */ -} -.author-avatar { - float: left; - margin-top: 8px; - margin-top: 0.571428571rem; -} -.author-description { - float: right; - width: 80%; -} -.site { - box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); - margin: 48px auto; - max-width: 960px; - overflow: hidden; - padding: 0 40px; -} -.site-content { - float: left; - width: 65.104166667%; -} -body.template-front-page .site-content, -body.attachment .site-content, -body.full-width .site-content { - width: 100%; -} -.widget-area { - float: right; - width: 26.041666667%; -} -.site-header h1, -.site-header h2 { - text-align: left; -} -.site-header h1 { - font-size: 26px; - line-height: 1.846153846; -} -.main-navigation ul.nav-menu, -.main-navigation div.nav-menu > ul { - border-bottom: 1px solid #ededed; - border-top: 1px solid #ededed; - display: inline-block !important; - text-align: left; - width: 100%; -} -.main-navigation ul { - margin: 0; - text-indent: 0; -} -.main-navigation li a, -.main-navigation li { - display: inline-block; - text-decoration: none; -} -.ie7 .main-navigation li a, -.ie7 .main-navigation li { - display: inline; -} -.main-navigation li a { - border-bottom: 0; - color: #6a6a6a; - line-height: 3.692307692; - text-transform: uppercase; -} -.main-navigation li a:hover { - color: #000; -} -.main-navigation li { - margin: 0 40px 0 0; - position: relative; -} -.main-navigation li ul { - margin: 0; - padding: 0; - position: absolute; - top: 100%; - z-index: 1; - height: 1px; - width: 1px; - overflow: hidden; - clip: rect(1px, 1px, 1px, 1px); -} -.ie7 .main-navigation li ul { - clip: inherit; - display: none; - left: 0; - overflow: visible; -} -.main-navigation li ul ul, -.ie7 .main-navigation li ul ul { - top: 0; - left: 100%; -} -.main-navigation ul li:hover > ul, -.main-navigation ul li:focus > ul, -.main-navigation .focus > ul { - border-left: 0; - clip: inherit; - overflow: inherit; - height: inherit; - width: inherit; -} -.ie7 .main-navigation ul li:hover > ul, -.ie7 .main-navigation ul li:focus > ul { - display: block; -} -.main-navigation li ul li a { - background: #efefef; - border-bottom: 1px solid #ededed; - display: block; - font-size: 11px; - line-height: 2.181818182; - padding: 8px 10px; - width: 180px; -} -.main-navigation li ul li a:hover { - background: #e3e3e3; - color: #444; -} -.main-navigation .current-menu-item > a, -.main-navigation .current-menu-ancestor > a, -.main-navigation .current_page_item > a, -.main-navigation .current_page_ancestor > a { - color: #636363; - font-weight: bold; -} -.main-navigation .menu-toggle { - display: none; -} -.entry-header .entry-title { - font-size: 22px; -} -#respond form input[type="text"] { - width: 46.333333333%; -} -#respond form textarea.blog-textarea { - width: 79.666666667%; -} -.template-front-page .site-content, -.template-front-page article { - overflow: hidden; -} -.template-front-page.has-post-thumbnail article { - float: left; - width: 47.916666667%; -} -.entry-page-image { - float: right; - margin-bottom: 0; - width: 47.916666667%; -} -/* IE Front Page Template Widget fix */ -.template-front-page .widget-area { - clear: both; -} -.template-front-page .widget { - width: 100% !important; - border: none; -} -.template-front-page .widget-area .widget, -.template-front-page .first.front-widgets, -.template-front-page.two-sidebars .widget-area .front-widgets { - float: left; - margin-bottom: 24px; - width: 51.875%; -} -.template-front-page .second.front-widgets, -.template-front-page .widget-area .widget:nth-child(odd) { - clear: right; -} -.template-front-page .first.front-widgets, -.template-front-page .second.front-widgets, -.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets { - float: right; - margin: 0 0 24px; - width: 39.0625%; -} -.template-front-page.two-sidebars .widget, -.template-front-page.two-sidebars .widget:nth-child(even) { - float: none; - width: auto; -} -/* add input font for <IE9 Password Box to make the bullets show up */ -input[type="password"] { - font-family: Helvetica, Arial, sans-serif; -} - -/* RTL overrides for IE7 and IE8 --------------------------------------------------------------- */ -.rtl .site-header h1, -.rtl .site-header h2 { - text-align: right; -} -.rtl .widget-area, -.rtl .author-description { - float: left; -} -.rtl .author-avatar, -.rtl .site-content { - float: right; -} -.rtl .main-navigation ul.nav-menu, -.rtl .main-navigation div.nav-menu > ul { - text-align: right; -} -.rtl .main-navigation ul li ul li, -.rtl .main-navigation ul li ul li ul li { - margin-left: 40px; - margin-right: auto; -} -.rtl .main-navigation li ul ul { - position: absolute; - bottom: 0; - right: 100%; - z-index: 1; -} -.ie7 .rtl .main-navigation li ul ul { - position: absolute; - bottom: 0; - right: 100%; - z-index: 1; -} -.ie7 .rtl .main-navigation ul li { - z-index: 99; -} -.ie7 .rtl .main-navigation li ul { - position: absolute; - bottom: 100%; - right: 0; - z-index: 1; -} -.ie7 .rtl .main-navigation li { - margin-right: auto; - margin-left: 40px; -} -.ie7 .rtl .main-navigation li ul ul ul { - position: relative; - z-index: 1; +/* +Styles for older IE versions (previous to IE9). +*/ + +body { + background-color: #e6e6e6; +} +body.custom-background-empty { + background-color: #fff; +} +body.custom-background-empty .site, +body.custom-background-white .site { + box-shadow: none; + margin-bottom: 0; + margin-top: 0; + padding: 0; +} +.assistive-text, +.site .screen-reader-text { + clip: rect(1px 1px 1px 1px); +} +.full-width .site-content { + float: none; + width: 100%; +} +img.size-full, +img.size-large, +img.header-image, +img.wp-post-image, +img[class*="align"], +img[class*="wp-image-"], +img[class*="attachment-"] { + width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */ +} +.author-avatar { + float: left; + margin-top: 8px; + margin-top: 0.571428571rem; +} +.author-description { + float: right; + width: 80%; +} +.site { + box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); + margin: 48px auto; + max-width: 960px; + overflow: hidden; + padding: 0 40px; +} +.site-content { + float: left; + width: 65.104166667%; +} +body.template-front-page .site-content, +body.attachment .site-content, +body.full-width .site-content { + width: 100%; +} +.widget-area { + float: right; + width: 26.041666667%; +} +.site-header h1, +.site-header h2 { + text-align: left; +} +.site-header h1 { + font-size: 26px; + line-height: 1.846153846; +} +.main-navigation ul.nav-menu, +.main-navigation div.nav-menu > ul { + border-bottom: 1px solid #ededed; + border-top: 1px solid #ededed; + display: inline-block !important; + text-align: left; + width: 100%; +} +.main-navigation ul { + margin: 0; + text-indent: 0; +} +.main-navigation li a, +.main-navigation li { + display: inline-block; + text-decoration: none; +} +.ie7 .main-navigation li a, +.ie7 .main-navigation li { + display: inline; +} +.main-navigation li a { + border-bottom: 0; + color: #6a6a6a; + line-height: 3.692307692; + text-transform: uppercase; +} +.main-navigation li a:hover { + color: #000; +} +.main-navigation li { + margin: 0 40px 0 0; + position: relative; +} +.main-navigation li ul { + margin: 0; + padding: 0; + position: absolute; + top: 100%; + z-index: 1; + height: 1px; + width: 1px; + overflow: hidden; + clip: rect(1px, 1px, 1px, 1px); +} +.ie7 .main-navigation li ul { + clip: inherit; + display: none; + left: 0; + overflow: visible; +} +.main-navigation li ul ul, +.ie7 .main-navigation li ul ul { + top: 0; + left: 100%; +} +.main-navigation ul li:hover > ul, +.main-navigation ul li:focus > ul, +.main-navigation .focus > ul { + border-left: 0; + clip: inherit; + overflow: inherit; + height: inherit; + width: inherit; +} +.ie7 .main-navigation ul li:hover > ul, +.ie7 .main-navigation ul li:focus > ul { + display: block; +} +.main-navigation li ul li a { + background: #efefef; + border-bottom: 1px solid #ededed; + display: block; + font-size: 11px; + line-height: 2.181818182; + padding: 8px 10px; + width: 180px; +} +.main-navigation li ul li a:hover { + background: #e3e3e3; + color: #444; +} +.main-navigation .current-menu-item > a, +.main-navigation .current-menu-ancestor > a, +.main-navigation .current_page_item > a, +.main-navigation .current_page_ancestor > a { + color: #636363; + font-weight: bold; +} +.main-navigation .menu-toggle { + display: none; +} +.entry-header .entry-title { + font-size: 22px; +} +#respond form input[type="text"] { + width: 46.333333333%; +} +#respond form textarea.blog-textarea { + width: 79.666666667%; +} +.template-front-page .site-content, +.template-front-page article { + overflow: hidden; +} +.template-front-page.has-post-thumbnail article { + float: left; + width: 47.916666667%; +} +.entry-page-image { + float: right; + margin-bottom: 0; + width: 47.916666667%; +} +/* IE Front Page Template Widget fix */ +.template-front-page .widget-area { + clear: both; +} +.template-front-page .widget { + width: 100% !important; + border: none; +} +.template-front-page .widget-area .widget, +.template-front-page .first.front-widgets, +.template-front-page.two-sidebars .widget-area .front-widgets { + float: left; + margin-bottom: 24px; + width: 51.875%; +} +.template-front-page .second.front-widgets, +.template-front-page .widget-area .widget:nth-child(odd) { + clear: right; +} +.template-front-page .first.front-widgets, +.template-front-page .second.front-widgets, +.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets { + float: right; + margin: 0 0 24px; + width: 39.0625%; +} +.template-front-page.two-sidebars .widget, +.template-front-page.two-sidebars .widget:nth-child(even) { + float: none; + width: auto; +} +/* add input font for <IE9 Password Box to make the bullets show up */ +input[type="password"] { + font-family: Helvetica, Arial, sans-serif; +} + +/* RTL overrides for IE7 and IE8 +-------------------------------------------------------------- */ +.rtl .site-header h1, +.rtl .site-header h2 { + text-align: right; +} +.rtl .widget-area, +.rtl .author-description { + float: left; +} +.rtl .author-avatar, +.rtl .site-content { + float: right; +} +.rtl .main-navigation ul.nav-menu, +.rtl .main-navigation div.nav-menu > ul { + text-align: right; +} +.rtl .main-navigation ul li ul li, +.rtl .main-navigation ul li ul li ul li { + margin-left: 40px; + margin-right: auto; +} +.rtl .main-navigation li ul ul { + position: absolute; + bottom: 0; + right: 100%; + z-index: 1; +} +.ie7 .rtl .main-navigation li ul ul { + position: absolute; + bottom: 0; + right: 100%; + z-index: 1; +} +.ie7 .rtl .main-navigation ul li { + z-index: 99; +} +.ie7 .rtl .main-navigation li ul { + position: absolute; + bottom: 100%; + right: 0; + z-index: 1; +} +.ie7 .rtl .main-navigation li { + margin-right: auto; + margin-left: 40px; +} +.ie7 .rtl .main-navigation li ul ul ul { + position: relative; + z-index: 1; } \ No newline at end of file diff --git a/wp-content/themes/twentytwelve/editor-style-rtl.css b/wp-content/themes/twentytwelve/editor-style-rtl.css index 5fd832c6f..8aa4a9612 100644 --- a/wp-content/themes/twentytwelve/editor-style-rtl.css +++ b/wp-content/themes/twentytwelve/editor-style-rtl.css @@ -1,28 +1,28 @@ -/* -Theme Name: Twenty Twelve -Description: Used to style the TinyMCE editor for RTL languages. -See also rtl.css file. -*/ - -html .mceContentBody { - direction: rtl; - unicode-bidi: embed; -} -li { - margin: 0 24px 0 0; - margin: 0 1.714285714rem 0 0; -} -dl { - margin: 0 24px; - margin: 0 1.714285714rem; -} -tr th { - text-align: right; -} -td { - padding: 6px 0 6px 10px; - text-align: right; -} -.wp-caption { - text-align: right; +/* +Theme Name: Twenty Twelve +Description: Used to style the TinyMCE editor for RTL languages. +See also rtl.css file. +*/ + +html .mceContentBody { + direction: rtl; + unicode-bidi: embed; +} +li { + margin: 0 24px 0 0; + margin: 0 1.714285714rem 0 0; +} +dl { + margin: 0 24px; + margin: 0 1.714285714rem; +} +tr th { + text-align: right; +} +td { + padding: 6px 0 6px 10px; + text-align: right; +} +.wp-caption { + text-align: right; } \ No newline at end of file diff --git a/wp-content/themes/twentytwelve/editor-style.css b/wp-content/themes/twentytwelve/editor-style.css index 24e9b24f6..6627382a5 100644 --- a/wp-content/themes/twentytwelve/editor-style.css +++ b/wp-content/themes/twentytwelve/editor-style.css @@ -1,342 +1,342 @@ -/* -Theme Name: Twenty Twelve -Description: Used to style the TinyMCE editor. -*/ - -html { - font-size: 87.5%; -} -html .mceContentBody { - max-width: 625px; -} -body { - color: #444; - font-family: "Open Sans", Helvetica, Arial, sans-serif; - font-size: 14px; - font-size: 1rem; - line-height: 1; - text-rendering: optimizeLegibility; - vertical-align: baseline; -} - - -/* =Headings --------------------------------------------------------------- */ - -h1, -h2, -h3, -h4, -h5, -h6 { - clear: both; - line-height: 1.846153846; - margin: 24px 0; - margin: 1.714285714rem 0; -} -h1 { - font-size: 21px; - font-size: 1.5rem; - line-height: 1.5; -} -h2 { - font-size: 18px; - font-size: 1.285714286rem; - line-height: 1.6; -} -h3 { - font-size: 16px; - font-size: 1.142857143rem; -} -h4 { - font-size: 14px; - font-size: 1rem; -} -h5 { - font-size: 13px; - font-size: 0.928571429rem; -} -h6 { - font-size: 12px; - font-size: 0.857142857rem; -} -hr { - background-color: #ccc; - border: 0; - height: 1px; - margin: 24px; - margin-bottom: 1.714285714rem; -} - - -/* =Text elements --------------------------------------------------------------- */ - -p { - line-height: 1.714285714; - margin: 0 0 24px; - margin: 0 0 1.714285714rem; -} -ul, -ol { - margin: 0 0 24px; - margin: 0 0 1.714285714rem; - line-height: 1.714285714; - padding: 0; -} -ul { - list-style: disc outside; -} -ol { - list-style: decimal outside; -} -ul ul, -ol ol, -ul ol, -ol ul { - margin-bottom: 0; -} -li { - margin: 0 0 0 24px; - margin: 0 0 0 1.714285714rem; -} -dl { - margin: 0 24px; - margin: 0 1.714285714rem; -} -dt { - font-weight: bold; - margin-bottom: 24px; - margin-bottom: 1.714285714rem; -} -dd { - line-height: 1.714285714; - margin: 0 0 24px; - margin: 0 0 1.714285714rem; -} -strong { - font-weight: bold; -} -cite, -em, -i { - font-style: italic; -} -cite { - border: none; -} -big { - font-size: 128.571429%; -} -.mceContentBody blockquote { - font-style: italic !important; - font-weight: normal; - margin: 0; - padding: 24px; - padding: 1.714285714rem; -} -pre { - border: 1px solid #ededed; - color: #666; - font-family: Consolas, Monaco, Lucida Console, monospace; - font-size: 12px; - font-size: 0.857142857rem; - line-height: 1.714285714; - margin: 24px 0; - margin: 1.714285714rem 0; - overflow: auto; - padding: 24px; - padding: 1.714285714rem; -} -code, -kbd, -samp, -var { - font-family: Consolas, Monaco, Lucida Console, monospace; - font-size: 12px; - font-size: 0.857142857rem; - line-height: 2; -} -abbr, -acronym, -dfn { - border-bottom: 1px dotted #666; - cursor: help; -} -address { - display: block; - line-height: 1.714285714; - margin: 0 0 24px; - margin: 0 0 1.714285714rem; -} -del { - color: #333; -} -ins { - background: #fff9c0; - border: none; - color: #333; - text-decoration: none; -} -sup, -sub { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} -sup { - top: -0.5em; -} -sub { - bottom: -0.25em; -} -input[type="text"] { - border: 1px solid #ccc; - border-radius: 3px; - font-family: inherit; - padding: 6px; - padding: 0.428571429rem; -} -textarea { - border: 1px solid #d5d2ca; - border-radius: 3px; - font-family: inherit; - font-size: 12px; - font-size: 0.857142857rem; - line-height: 1.714285714; - padding: 10px; - padding: 0.714285714rem; - width: 96%; -} - - -/* =Links --------------------------------------------------------------- */ - -a, -a em, -a strong { - color: #21759b; - outline: none; -} -a:focus, -a:active, -a:hover { - color: #0f3647; -} - - -/* =Alignment --------------------------------------------------------------- */ - -.alignleft { - display: inline; - float: left; - margin: 12px 24px 12px 0; - margin: 0.857142857rem 1.714285714rem 0.857142857rem 0; -} -.alignright { - display: inline; - float: right; - margin: 12px 0 12px 24px; - margin: 0.857142857rem 0 0.857142857rem 1.714285714rem; -} -.aligncenter { - clear: both; - display: block; - margin-top: 12px; - margin-top: 0.857142857rem; - margin-bottom: 12px; - margin-bottom: 0.857142857rem; -} - - -/* =Tables --------------------------------------------------------------- */ - -table { - border-bottom: 1px solid #ededed; - border-collapse: collapse; - border-spacing: 0; - color: #757575; - font-size: 12px; - font-size: 0.857142857rem; - line-height: 2; - margin: 0 0 24px; - margin: 0 0 1.714285714rem; - width: 100%; -} -tr th { - color: #636363; - font-size: 11px; - font-size: 0.785714286rem; - font-weight: bold; - line-height: 2.181818182; - text-align: left; - text-transform: uppercase; -} -td { - border-top: 1px solid #ededed !important; - color: #757575; - font-size: inherit; - font-weight: normal; - padding: 6px 10px 6px 0; - text-align: left; -} - - -/* =Images --------------------------------------------------------------- */ - -img, -.editor-attachment { - border: 0; - border-radius: 3px; - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); - max-width: 100%; -} -img.size-full { - width: auto/9; /* Prevent stretching of full-size images in IE8 */ -} -img[class*="wp-image-"] { - height: auto; - max-width: 100%; -} -img[class*="align"], -img[class*="wp-image-"], -img[class*="attachment-"] { - height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ -} -img.mce-wp-nextpage { - border-radius: 0; - box-shadow: none; -} -img.wp-smiley { - border: 0; - border-radius: 0; - box-shadow: none; - margin-bottom: 0; - margin-top: 0; - padding: 0; -} -.wp-caption { - background: transparent; - border: none; - margin: 0; - padding: 4px; - text-align: left; -} -.wp-caption-dt { - margin: 0; -} -.wp-caption .wp-caption-text, -.wp-caption-dd { - color: #757575; - font-style: italic; - font-size: 12px; - font-size: 0.857142857rem; - line-height: 2; - margin: 0 0 24px; - margin: 0 0 1.71429rem; -} +/* +Theme Name: Twenty Twelve +Description: Used to style the TinyMCE editor. +*/ + +html { + font-size: 87.5%; +} +html .mceContentBody { + max-width: 625px; +} +body { + color: #444; + font-family: "Open Sans", Helvetica, Arial, sans-serif; + font-size: 14px; + font-size: 1rem; + line-height: 1; + text-rendering: optimizeLegibility; + vertical-align: baseline; +} + + +/* =Headings +-------------------------------------------------------------- */ + +h1, +h2, +h3, +h4, +h5, +h6 { + clear: both; + line-height: 1.846153846; + margin: 24px 0; + margin: 1.714285714rem 0; +} +h1 { + font-size: 21px; + font-size: 1.5rem; + line-height: 1.5; +} +h2 { + font-size: 18px; + font-size: 1.285714286rem; + line-height: 1.6; +} +h3 { + font-size: 16px; + font-size: 1.142857143rem; +} +h4 { + font-size: 14px; + font-size: 1rem; +} +h5 { + font-size: 13px; + font-size: 0.928571429rem; +} +h6 { + font-size: 12px; + font-size: 0.857142857rem; +} +hr { + background-color: #ccc; + border: 0; + height: 1px; + margin: 24px; + margin-bottom: 1.714285714rem; +} + + +/* =Text elements +-------------------------------------------------------------- */ + +p { + line-height: 1.714285714; + margin: 0 0 24px; + margin: 0 0 1.714285714rem; +} +ul, +ol { + margin: 0 0 24px; + margin: 0 0 1.714285714rem; + line-height: 1.714285714; + padding: 0; +} +ul { + list-style: disc outside; +} +ol { + list-style: decimal outside; +} +ul ul, +ol ol, +ul ol, +ol ul { + margin-bottom: 0; +} +li { + margin: 0 0 0 24px; + margin: 0 0 0 1.714285714rem; +} +dl { + margin: 0 24px; + margin: 0 1.714285714rem; +} +dt { + font-weight: bold; + margin-bottom: 24px; + margin-bottom: 1.714285714rem; +} +dd { + line-height: 1.714285714; + margin: 0 0 24px; + margin: 0 0 1.714285714rem; +} +strong { + font-weight: bold; +} +cite, +em, +i { + font-style: italic; +} +cite { + border: none; +} +big { + font-size: 128.571429%; +} +.mceContentBody blockquote { + font-style: italic !important; + font-weight: normal; + margin: 0; + padding: 24px; + padding: 1.714285714rem; +} +pre { + border: 1px solid #ededed; + color: #666; + font-family: Consolas, Monaco, Lucida Console, monospace; + font-size: 12px; + font-size: 0.857142857rem; + line-height: 1.714285714; + margin: 24px 0; + margin: 1.714285714rem 0; + overflow: auto; + padding: 24px; + padding: 1.714285714rem; +} +code, +kbd, +samp, +var { + font-family: Consolas, Monaco, Lucida Console, monospace; + font-size: 12px; + font-size: 0.857142857rem; + line-height: 2; +} +abbr, +acronym, +dfn { + border-bottom: 1px dotted #666; + cursor: help; +} +address { + display: block; + line-height: 1.714285714; + margin: 0 0 24px; + margin: 0 0 1.714285714rem; +} +del { + color: #333; +} +ins { + background: #fff9c0; + border: none; + color: #333; + text-decoration: none; +} +sup, +sub { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +input[type="text"] { + border: 1px solid #ccc; + border-radius: 3px; + font-family: inherit; + padding: 6px; + padding: 0.428571429rem; +} +textarea { + border: 1px solid #d5d2ca; + border-radius: 3px; + font-family: inherit; + font-size: 12px; + font-size: 0.857142857rem; + line-height: 1.714285714; + padding: 10px; + padding: 0.714285714rem; + width: 96%; +} + + +/* =Links +-------------------------------------------------------------- */ + +a, +a em, +a strong { + color: #21759b; + outline: none; +} +a:focus, +a:active, +a:hover { + color: #0f3647; +} + + +/* =Alignment +-------------------------------------------------------------- */ + +.alignleft { + display: inline; + float: left; + margin: 12px 24px 12px 0; + margin: 0.857142857rem 1.714285714rem 0.857142857rem 0; +} +.alignright { + display: inline; + float: right; + margin: 12px 0 12px 24px; + margin: 0.857142857rem 0 0.857142857rem 1.714285714rem; +} +.aligncenter { + clear: both; + display: block; + margin-top: 12px; + margin-top: 0.857142857rem; + margin-bottom: 12px; + margin-bottom: 0.857142857rem; +} + + +/* =Tables +-------------------------------------------------------------- */ + +table { + border-bottom: 1px solid #ededed; + border-collapse: collapse; + border-spacing: 0; + color: #757575; + font-size: 12px; + font-size: 0.857142857rem; + line-height: 2; + margin: 0 0 24px; + margin: 0 0 1.714285714rem; + width: 100%; +} +tr th { + color: #636363; + font-size: 11px; + font-size: 0.785714286rem; + font-weight: bold; + line-height: 2.181818182; + text-align: left; + text-transform: uppercase; +} +td { + border-top: 1px solid #ededed !important; + color: #757575; + font-size: inherit; + font-weight: normal; + padding: 6px 10px 6px 0; + text-align: left; +} + + +/* =Images +-------------------------------------------------------------- */ + +img, +.editor-attachment { + border: 0; + border-radius: 3px; + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); + max-width: 100%; +} +img.size-full { + width: auto/9; /* Prevent stretching of full-size images in IE8 */ +} +img[class*="wp-image-"] { + height: auto; + max-width: 100%; +} +img[class*="align"], +img[class*="wp-image-"], +img[class*="attachment-"] { + height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ +} +img.mce-wp-nextpage { + border-radius: 0; + box-shadow: none; +} +img.wp-smiley { + border: 0; + border-radius: 0; + box-shadow: none; + margin-bottom: 0; + margin-top: 0; + padding: 0; +} +.wp-caption { + background: transparent; + border: none; + margin: 0; + padding: 4px; + text-align: left; +} +.wp-caption-dt { + margin: 0; +} +.wp-caption .wp-caption-text, +.wp-caption-dd { + color: #757575; + font-style: italic; + font-size: 12px; + font-size: 0.857142857rem; + line-height: 2; + margin: 0 0 24px; + margin: 0 0 1.71429rem; +} diff --git a/wp-content/themes/twentytwelve/footer.php b/wp-content/themes/twentytwelve/footer.php index 05e52e2bd..c9bde312b 100644 --- a/wp-content/themes/twentytwelve/footer.php +++ b/wp-content/themes/twentytwelve/footer.php @@ -1,30 +1,33 @@ -<?php -/** - * The template for displaying the footer - * - * Contains footer content and the closing of the #main and #page div elements. - * - * @package WordPress - * @subpackage Twenty_Twelve - * @since Twenty Twelve 1.0 - */ -?> - </div><!-- #main .wrapper --> - <footer id="colophon" role="contentinfo"> - <div class="site-info"> - <?php do_action( 'twentytwelve_credits' ); ?> - <?php - if ( function_exists( 'the_privacy_policy_link' ) ) { - the_privacy_policy_link( '', '<span role="separator" aria-hidden="true"></span>' ); - } - ?> - <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentytwelve' ) ); ?>" class="imprint" title="<?php esc_attr_e( 'Semantic Personal Publishing Platform', 'twentytwelve' ); ?>"> - <?php printf( __( 'Proudly powered by %s', 'twentytwelve' ), 'WordPress' ); ?> - </a> - </div><!-- .site-info --> - </footer><!-- #colophon --> -</div><!-- #page --> - -<?php wp_footer(); ?> -</body> -</html> +<?php +/** + * The template for displaying the footer + * + * Contains footer content and the closing of the #main and #page div elements. + * + * @package WordPress + * @subpackage Twenty_Twelve + * @since Twenty Twelve 1.0 + */ +?> + </div><!-- #main .wrapper --> + <footer id="colophon" role="contentinfo"> + <div class="site-info"> + <?php do_action( 'twentytwelve_credits' ); ?> + <?php + if ( function_exists( 'the_privacy_policy_link' ) ) { + the_privacy_policy_link( '', '<span role="separator" aria-hidden="true"></span>' ); + } + ?> + <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentytwelve' ) ); ?>" class="imprint" title="<?php esc_attr_e( 'Semantic Personal Publishing Platform', 'twentytwelve' ); ?>"> + <?php + /* translators: %s: WordPress */ + printf( __( 'Proudly powered by %s', 'twentytwelve' ), 'WordPress' ); + ?> + </a> + </div><!-- .site-info --> + </footer><!-- #colophon --> +</div><!-- #page --> + +<?php wp_footer(); ?> +</body> +</html> diff --git a/wp-content/themes/twentytwelve/functions.php b/wp-content/themes/twentytwelve/functions.php index ad89b2ac7..ec54db0cc 100644 --- a/wp-content/themes/twentytwelve/functions.php +++ b/wp-content/themes/twentytwelve/functions.php @@ -1,705 +1,721 @@ -<?php -/** - * Twenty Twelve functions and definitions - * - * Sets up the theme and provides some helper functions, which are used - * in the theme as custom template tags. Others are attached to action and - * filter hooks in WordPress to change core functionality. - * - * When using a child theme you can override certain functions (those wrapped - * in a function_exists() call) by defining them first in your child theme's - * functions.php file. The child theme's functions.php file is included before - * the parent theme's file, so the child theme functions would be used. - * - * @link https://codex.wordpress.org/Theme_Development - * @link https://developer.wordpress.org/themes/advanced-topics/child-themes/ - * - * Functions that are not pluggable (not wrapped in function_exists()) are instead attached - * to a filter or action hook. - * - * For more information on hooks, actions, and filters, @link https://codex.wordpress.org/Plugin_API - * - * @package WordPress - * @subpackage Twenty_Twelve - * @since Twenty Twelve 1.0 - */ - -// Set up the content width value based on the theme's design and stylesheet. -if ( ! isset( $content_width ) ) { - $content_width = 625; -} - -/** - * Twenty Twelve setup. - * - * Sets up theme defaults and registers the various WordPress features that - * Twenty Twelve supports. - * - * @uses load_theme_textdomain() For translation/localization support. - * @uses add_editor_style() To add a Visual Editor stylesheet. - * @uses add_theme_support() To add support for post thumbnails, automatic feed links, - * custom background, and post formats. - * @uses register_nav_menu() To add support for navigation menus. - * @uses set_post_thumbnail_size() To set a custom post thumbnail size. - * - * @since Twenty Twelve 1.0 - */ -function twentytwelve_setup() { - /* - * Makes Twenty Twelve available for translation. - * - * Translations can be filed at WordPress.org. See: https://translate.wordpress.org/projects/wp-themes/twentytwelve - * If you're building a theme based on Twenty Twelve, use a find and replace - * to change 'twentytwelve' to the name of your theme in all the template files. - */ - load_theme_textdomain( 'twentytwelve' ); - - // This theme styles the visual editor with editor-style.css to match the theme style. - add_editor_style(); - - // Load regular editor styles into the new block-based editor. - add_theme_support( 'editor-styles' ); - - // Load default block styles. - add_theme_support( 'wp-block-styles' ); - - // Add support for responsive embeds. - add_theme_support( 'responsive-embeds' ); - - // Add support for custom color scheme. - add_theme_support( - 'editor-color-palette', - array( - array( - 'name' => __( 'Blue', 'twentytwelve' ), - 'slug' => 'blue', - 'color' => '#21759b', - ), - array( - 'name' => __( 'Dark Gray', 'twentytwelve' ), - 'slug' => 'dark-gray', - 'color' => '#444', - ), - array( - 'name' => __( 'Medium Gray', 'twentytwelve' ), - 'slug' => 'medium-gray', - 'color' => '#9f9f9f', - ), - array( - 'name' => __( 'Light Gray', 'twentytwelve' ), - 'slug' => 'light-gray', - 'color' => '#e6e6e6', - ), - array( - 'name' => __( 'White', 'twentytwelve' ), - 'slug' => 'white', - 'color' => '#fff', - ), - ) - ); - - // Adds RSS feed links to <head> for posts and comments. - add_theme_support( 'automatic-feed-links' ); - - // This theme supports a variety of post formats. - add_theme_support( 'post-formats', array( 'aside', 'image', 'link', 'quote', 'status' ) ); - - // This theme uses wp_nav_menu() in one location. - register_nav_menu( 'primary', __( 'Primary Menu', 'twentytwelve' ) ); - - /* - * This theme supports custom background color and image, - * and here we also set up the default background color. - */ - add_theme_support( - 'custom-background', - array( - 'default-color' => 'e6e6e6', - ) - ); - - // This theme uses a custom image size for featured images, displayed on "standard" posts. - add_theme_support( 'post-thumbnails' ); - set_post_thumbnail_size( 624, 9999 ); // Unlimited height, soft crop - - // Indicate widget sidebars can use selective refresh in the Customizer. - add_theme_support( 'customize-selective-refresh-widgets' ); -} -add_action( 'after_setup_theme', 'twentytwelve_setup' ); - -/** - * Add support for a custom header image. - */ -require( get_template_directory() . '/inc/custom-header.php' ); - -/** - * Return the Google font stylesheet URL if available. - * - * The use of Open Sans by default is localized. For languages that use - * characters not supported by the font, the font can be disabled. - * - * @since Twenty Twelve 1.2 - * - * @return string Font stylesheet or empty string if disabled. - */ -function twentytwelve_get_font_url() { - $font_url = ''; - - /* translators: If there are characters in your language that are not supported - * by Open Sans, translate this to 'off'. Do not translate into your own language. - */ - if ( 'off' !== _x( 'on', 'Open Sans font: on or off', 'twentytwelve' ) ) { - $subsets = 'latin,latin-ext'; - - /* translators: To add an additional Open Sans character subset specific to your language, - * translate this to 'greek', 'cyrillic' or 'vietnamese'. Do not translate into your own language. - */ - $subset = _x( 'no-subset', 'Open Sans font: add new subset (greek, cyrillic, vietnamese)', 'twentytwelve' ); - - if ( 'cyrillic' == $subset ) { - $subsets .= ',cyrillic,cyrillic-ext'; - } elseif ( 'greek' == $subset ) { - $subsets .= ',greek,greek-ext'; - } elseif ( 'vietnamese' == $subset ) { - $subsets .= ',vietnamese'; - } - - $query_args = array( - 'family' => 'Open+Sans:400italic,700italic,400,700', - 'subset' => $subsets, - ); - $font_url = add_query_arg( $query_args, 'https://fonts.googleapis.com/css' ); - } - - return $font_url; -} - -/** - * Enqueue scripts and styles for front end. - * - * @since Twenty Twelve 1.0 - */ -function twentytwelve_scripts_styles() { - global $wp_styles; - - /* - * Adds JavaScript to pages with the comment form to support - * sites with threaded comments (when in use). - */ - if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) { - wp_enqueue_script( 'comment-reply' ); - } - - // Adds JavaScript for handling the navigation menu hide-and-show behavior. - wp_enqueue_script( 'twentytwelve-navigation', get_template_directory_uri() . '/js/navigation.js', array( 'jquery' ), '20140711', true ); - - $font_url = twentytwelve_get_font_url(); - if ( ! empty( $font_url ) ) { - wp_enqueue_style( 'twentytwelve-fonts', esc_url_raw( $font_url ), array(), null ); - } - - // Loads our main stylesheet. - wp_enqueue_style( 'twentytwelve-style', get_stylesheet_uri() ); - - // Theme block stylesheet. - wp_enqueue_style( 'twentytwelve-block-style', get_template_directory_uri() . '/css/blocks.css', array( 'twentytwelve-style' ), '20181230' ); - - // Loads the Internet Explorer specific stylesheet. - wp_enqueue_style( 'twentytwelve-ie', get_template_directory_uri() . '/css/ie.css', array( 'twentytwelve-style' ), '20121010' ); - $wp_styles->add_data( 'twentytwelve-ie', 'conditional', 'lt IE 9' ); -} -add_action( 'wp_enqueue_scripts', 'twentytwelve_scripts_styles' ); - -/** - * Enqueue styles for the block-based editor. - * - * @since Twenty Twelve 2.6 - */ -function twentytwelve_block_editor_styles() { - // Block styles. - wp_enqueue_style( 'twentytwelve-block-editor-style', get_template_directory_uri() . '/css/editor-blocks.css', array(), '20181230' ); - // Add custom fonts. - wp_enqueue_style( 'twentytwelve-fonts', twentytwelve_get_font_url(), array(), null ); -} -add_action( 'enqueue_block_editor_assets', 'twentytwelve_block_editor_styles' ); - -/** - * Add preconnect for Google Fonts. - * - * @since Twenty Twelve 2.2 - * - * @param array $urls URLs to print for resource hints. - * @param string $relation_type The relation type the URLs are printed. - * @return array URLs to print for resource hints. - */ -function twentytwelve_resource_hints( $urls, $relation_type ) { - if ( wp_style_is( 'twentytwelve-fonts', 'queue' ) && 'preconnect' === $relation_type ) { - if ( version_compare( $GLOBALS['wp_version'], '4.7-alpha', '>=' ) ) { - $urls[] = array( - 'href' => 'https://fonts.gstatic.com', - 'crossorigin', - ); - } else { - $urls[] = 'https://fonts.gstatic.com'; - } - } - - return $urls; -} -add_filter( 'wp_resource_hints', 'twentytwelve_resource_hints', 10, 2 ); - -/** - * Filter TinyMCE CSS path to include Google Fonts. - * - * Adds additional stylesheets to the TinyMCE editor if needed. - * - * @uses twentytwelve_get_font_url() To get the Google Font stylesheet URL. - * - * @since Twenty Twelve 1.2 - * - * @param string $mce_css CSS path to load in TinyMCE. - * @return string Filtered CSS path. - */ -function twentytwelve_mce_css( $mce_css ) { - $font_url = twentytwelve_get_font_url(); - - if ( empty( $font_url ) ) { - return $mce_css; - } - - if ( ! empty( $mce_css ) ) { - $mce_css .= ','; - } - - $mce_css .= esc_url_raw( str_replace( ',', '%2C', $font_url ) ); - - return $mce_css; -} -add_filter( 'mce_css', 'twentytwelve_mce_css' ); - -/** - * Filter the page title. - * - * Creates a nicely formatted and more specific title element text - * for output in head of document, based on current view. - * - * @since Twenty Twelve 1.0 - * - * @param string $title Default title text for current view. - * @param string $sep Optional separator. - * @return string Filtered title. - */ -function twentytwelve_wp_title( $title, $sep ) { - global $paged, $page; - - if ( is_feed() ) { - return $title; - } - - // Add the site name. - $title .= get_bloginfo( 'name', 'display' ); - - // Add the site description for the home/front page. - $site_description = get_bloginfo( 'description', 'display' ); - if ( $site_description && ( is_home() || is_front_page() ) ) { - $title = "$title $sep $site_description"; - } - - // Add a page number if necessary. - if ( ( $paged >= 2 || $page >= 2 ) && ! is_404() ) { - $title = "$title $sep " . sprintf( __( 'Page %s', 'twentytwelve' ), max( $paged, $page ) ); - } - - return $title; -} -add_filter( 'wp_title', 'twentytwelve_wp_title', 10, 2 ); - -/** - * Filter the page menu arguments. - * - * Makes our wp_nav_menu() fallback -- wp_page_menu() -- show a home link. - * - * @since Twenty Twelve 1.0 - */ -function twentytwelve_page_menu_args( $args ) { - if ( ! isset( $args['show_home'] ) ) { - $args['show_home'] = true; - } - return $args; -} -add_filter( 'wp_page_menu_args', 'twentytwelve_page_menu_args' ); - -/** - * Register sidebars. - * - * Registers our main widget area and the front page widget areas. - * - * @since Twenty Twelve 1.0 - */ -function twentytwelve_widgets_init() { - register_sidebar( - array( - 'name' => __( 'Main Sidebar', 'twentytwelve' ), - 'id' => 'sidebar-1', - 'description' => __( 'Appears on posts and pages except the optional Front Page template, which has its own widgets', 'twentytwelve' ), - 'before_widget' => '<aside id="%1$s" class="widget %2$s">', - 'after_widget' => '</aside>', - 'before_title' => '<h3 class="widget-title">', - 'after_title' => '</h3>', - ) - ); - - register_sidebar( - array( - 'name' => __( 'First Front Page Widget Area', 'twentytwelve' ), - 'id' => 'sidebar-2', - 'description' => __( 'Appears when using the optional Front Page template with a page set as Static Front Page', 'twentytwelve' ), - 'before_widget' => '<aside id="%1$s" class="widget %2$s">', - 'after_widget' => '</aside>', - 'before_title' => '<h3 class="widget-title">', - 'after_title' => '</h3>', - ) - ); - - register_sidebar( - array( - 'name' => __( 'Second Front Page Widget Area', 'twentytwelve' ), - 'id' => 'sidebar-3', - 'description' => __( 'Appears when using the optional Front Page template with a page set as Static Front Page', 'twentytwelve' ), - 'before_widget' => '<aside id="%1$s" class="widget %2$s">', - 'after_widget' => '</aside>', - 'before_title' => '<h3 class="widget-title">', - 'after_title' => '</h3>', - ) - ); -} -add_action( 'widgets_init', 'twentytwelve_widgets_init' ); - -if ( ! function_exists( 'twentytwelve_content_nav' ) ) : - /** - * Displays navigation to next/previous pages when applicable. - * - * @since Twenty Twelve 1.0 - */ - function twentytwelve_content_nav( $html_id ) { - global $wp_query; - - if ( $wp_query->max_num_pages > 1 ) : ?> - <nav id="<?php echo esc_attr( $html_id ); ?>" class="navigation" role="navigation"> - <h3 class="assistive-text"><?php _e( 'Post navigation', 'twentytwelve' ); ?></h3> - <div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">←</span> Older posts', 'twentytwelve' ) ); ?></div> - <div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">→</span>', 'twentytwelve' ) ); ?></div> - </nav><!-- .navigation --> - <?php - endif; - } -endif; - -if ( ! function_exists( 'twentytwelve_comment' ) ) : - /** - * Template for comments and pingbacks. - * - * To override this walker in a child theme without modifying the comments template - * simply create your own twentytwelve_comment(), and that function will be used instead. - * - * Used as a callback by wp_list_comments() for displaying the comments. - * - * @since Twenty Twelve 1.0 - */ - function twentytwelve_comment( $comment, $args, $depth ) { - $GLOBALS['comment'] = $comment; - switch ( $comment->comment_type ) : - case 'pingback': - case 'trackback': - // Display trackbacks differently than normal comments. - ?> - <li <?php comment_class(); ?> id="comment-<?php comment_ID(); ?>"> - <p><?php _e( 'Pingback:', 'twentytwelve' ); ?> <?php comment_author_link(); ?> <?php edit_comment_link( __( '(Edit)', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?></p> - <?php - break; - default: - // Proceed with normal comments. - global $post; - ?> - <li <?php comment_class(); ?> id="li-comment-<?php comment_ID(); ?>"> - <article id="comment-<?php comment_ID(); ?>" class="comment"> - <header class="comment-meta comment-author vcard"> - <?php - echo get_avatar( $comment, 44 ); - printf( - '<cite><b class="fn">%1$s</b> %2$s</cite>', - get_comment_author_link(), - // If current post author is also comment author, make it known visually. - ( $comment->user_id === $post->post_author ) ? '<span>' . __( 'Post author', 'twentytwelve' ) . '</span>' : '' - ); - printf( - '<a href="%1$s"><time datetime="%2$s">%3$s</time></a>', - esc_url( get_comment_link( $comment->comment_ID ) ), - get_comment_time( 'c' ), - /* translators: 1: date, 2: time */ - sprintf( __( '%1$s at %2$s', 'twentytwelve' ), get_comment_date(), get_comment_time() ) - ); - ?> - </header><!-- .comment-meta --> - - <?php if ( '0' == $comment->comment_approved ) : ?> - <p class="comment-awaiting-moderation"><?php _e( 'Your comment is awaiting moderation.', 'twentytwelve' ); ?></p> - <?php endif; ?> - - <section class="comment-content comment"> - <?php comment_text(); ?> - <?php edit_comment_link( __( 'Edit', 'twentytwelve' ), '<p class="edit-link">', '</p>' ); ?> - </section><!-- .comment-content --> - - <div class="reply"> - <?php - comment_reply_link( - array_merge( - $args, - array( - 'reply_text' => __( 'Reply', 'twentytwelve' ), - 'after' => ' <span>↓</span>', - 'depth' => $depth, - 'max_depth' => $args['max_depth'], - ) - ) - ); - ?> - </div><!-- .reply --> - </article><!-- #comment-## --> - <?php - break; - endswitch; // end comment_type check - } -endif; - -if ( ! function_exists( 'twentytwelve_entry_meta' ) ) : - /** - * Set up post entry meta. - * - * Prints HTML with meta information for current post: categories, tags, permalink, author, and date. - * - * Create your own twentytwelve_entry_meta() to override in a child theme. - * - * @since Twenty Twelve 1.0 - */ - function twentytwelve_entry_meta() { - // Translators: used between list items, there is a space after the comma. - $categories_list = get_the_category_list( __( ', ', 'twentytwelve' ) ); - - // Translators: used between list items, there is a space after the comma. - $tag_list = get_the_tag_list( '', __( ', ', 'twentytwelve' ) ); - - $date = sprintf( - '<a href="%1$s" title="%2$s" rel="bookmark"><time class="entry-date" datetime="%3$s">%4$s</time></a>', - esc_url( get_permalink() ), - esc_attr( get_the_time() ), - esc_attr( get_the_date( 'c' ) ), - esc_html( get_the_date() ) - ); - - $author = sprintf( - '<span class="author vcard"><a class="url fn n" href="%1$s" title="%2$s" rel="author">%3$s</a></span>', - esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ), - esc_attr( sprintf( __( 'View all posts by %s', 'twentytwelve' ), get_the_author() ) ), - get_the_author() - ); - - // Translators: 1 is category, 2 is tag, 3 is the date and 4 is the author's name. - if ( $tag_list ) { - $utility_text = __( 'This entry was posted in %1$s and tagged %2$s on %3$s<span class="by-author"> by %4$s</span>.', 'twentytwelve' ); - } elseif ( $categories_list ) { - $utility_text = __( 'This entry was posted in %1$s on %3$s<span class="by-author"> by %4$s</span>.', 'twentytwelve' ); - } else { - $utility_text = __( 'This entry was posted on %3$s<span class="by-author"> by %4$s</span>.', 'twentytwelve' ); - } - - printf( - $utility_text, - $categories_list, - $tag_list, - $date, - $author - ); - } -endif; - -/** - * Extend the default WordPress body classes. - * - * Extends the default WordPress body class to denote: - * 1. Using a full-width layout, when no active widgets in the sidebar - * or full-width template. - * 2. Front Page template: thumbnail in use and number of sidebars for - * widget areas. - * 3. White or empty background color to change the layout and spacing. - * 4. Custom fonts enabled. - * 5. Single or multiple authors. - * - * @since Twenty Twelve 1.0 - * - * @param array $classes Existing class values. - * @return array Filtered class values. - */ -function twentytwelve_body_class( $classes ) { - $background_color = get_background_color(); - $background_image = get_background_image(); - - if ( ! is_active_sidebar( 'sidebar-1' ) || is_page_template( 'page-templates/full-width.php' ) ) { - $classes[] = 'full-width'; - } - - if ( is_page_template( 'page-templates/front-page.php' ) ) { - $classes[] = 'template-front-page'; - if ( has_post_thumbnail() ) { - $classes[] = 'has-post-thumbnail'; - } - if ( is_active_sidebar( 'sidebar-2' ) && is_active_sidebar( 'sidebar-3' ) ) { - $classes[] = 'two-sidebars'; - } - } - - if ( empty( $background_image ) ) { - if ( empty( $background_color ) ) { - $classes[] = 'custom-background-empty'; - } elseif ( in_array( $background_color, array( 'fff', 'ffffff' ) ) ) { - $classes[] = 'custom-background-white'; - } - } - - // Enable custom font class only if the font CSS is queued to load. - if ( wp_style_is( 'twentytwelve-fonts', 'queue' ) ) { - $classes[] = 'custom-font-enabled'; - } - - if ( ! is_multi_author() ) { - $classes[] = 'single-author'; - } - - return $classes; -} -add_filter( 'body_class', 'twentytwelve_body_class' ); - -/** - * Adjust content width in certain contexts. - * - * Adjusts content_width value for full-width and single image attachment - * templates, and when there are no active widgets in the sidebar. - * - * @since Twenty Twelve 1.0 - */ -function twentytwelve_content_width() { - if ( is_page_template( 'page-templates/full-width.php' ) || is_attachment() || ! is_active_sidebar( 'sidebar-1' ) ) { - global $content_width; - $content_width = 960; - } -} -add_action( 'template_redirect', 'twentytwelve_content_width' ); - -/** - * Register postMessage support. - * - * Add postMessage support for site title and description for the Customizer. - * - * @since Twenty Twelve 1.0 - * - * @param WP_Customize_Manager $wp_customize Customizer object. - */ -function twentytwelve_customize_register( $wp_customize ) { - $wp_customize->get_setting( 'blogname' )->transport = 'postMessage'; - $wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage'; - $wp_customize->get_setting( 'header_textcolor' )->transport = 'postMessage'; - - if ( isset( $wp_customize->selective_refresh ) ) { - $wp_customize->selective_refresh->add_partial( - 'blogname', - array( - 'selector' => '.site-title > a', - 'container_inclusive' => false, - 'render_callback' => 'twentytwelve_customize_partial_blogname', - ) - ); - $wp_customize->selective_refresh->add_partial( - 'blogdescription', - array( - 'selector' => '.site-description', - 'container_inclusive' => false, - 'render_callback' => 'twentytwelve_customize_partial_blogdescription', - ) - ); - } -} -add_action( 'customize_register', 'twentytwelve_customize_register' ); - -/** - * Render the site title for the selective refresh partial. - * - * @since Twenty Twelve 2.0 - * @see twentytwelve_customize_register() - * - * @return void - */ -function twentytwelve_customize_partial_blogname() { - bloginfo( 'name' ); -} - -/** - * Render the site tagline for the selective refresh partial. - * - * @since Twenty Twelve 2.0 - * @see twentytwelve_customize_register() - * - * @return void - */ -function twentytwelve_customize_partial_blogdescription() { - bloginfo( 'description' ); -} - -/** - * Enqueue Javascript postMessage handlers for the Customizer. - * - * Binds JS handlers to make the Customizer preview reload changes asynchronously. - * - * @since Twenty Twelve 1.0 - */ -function twentytwelve_customize_preview_js() { - wp_enqueue_script( 'twentytwelve-customizer', get_template_directory_uri() . '/js/theme-customizer.js', array( 'customize-preview' ), '20141120', true ); -} -add_action( 'customize_preview_init', 'twentytwelve_customize_preview_js' ); - -/** - * Modifies tag cloud widget arguments to display all tags in the same font size - * and use list format for better accessibility. - * - * @since Twenty Twelve 2.4 - * - * @param array $args Arguments for tag cloud widget. - * @return array The filtered arguments for tag cloud widget. - */ -function twentytwelve_widget_tag_cloud_args( $args ) { - $args['largest'] = 22; - $args['smallest'] = 8; - $args['unit'] = 'pt'; - $args['format'] = 'list'; - - return $args; -} -add_filter( 'widget_tag_cloud_args', 'twentytwelve_widget_tag_cloud_args' ); - -if ( ! function_exists( 'wp_body_open' ) ) : - /** - * Fire the wp_body_open action. - * - * Added for backwards compatibility to support pre 5.2.0 WordPress versions. - * - * @since Twenty Twelve 3.0 - */ - function wp_body_open() { - /** - * Triggered after the opening <body> tag. - * - * @since Twenty Twelve 3.0 - */ - do_action( 'wp_body_open' ); - } -endif; +<?php +/** + * Twenty Twelve functions and definitions + * + * Sets up the theme and provides some helper functions, which are used + * in the theme as custom template tags. Others are attached to action and + * filter hooks in WordPress to change core functionality. + * + * When using a child theme you can override certain functions (those wrapped + * in a function_exists() call) by defining them first in your child theme's + * functions.php file. The child theme's functions.php file is included before + * the parent theme's file, so the child theme functions would be used. + * + * @link https://developer.wordpress.org/themes/basics/theme-functions/ + * @link https://developer.wordpress.org/themes/advanced-topics/child-themes/ + * + * Functions that are not pluggable (not wrapped in function_exists()) are instead attached + * to a filter or action hook. + * + * For more information on hooks, actions, and filters, @link https://developer.wordpress.org/plugins/ + * + * @package WordPress + * @subpackage Twenty_Twelve + * @since Twenty Twelve 1.0 + */ + +// Set up the content width value based on the theme's design and stylesheet. +if ( ! isset( $content_width ) ) { + $content_width = 625; +} + +/** + * Twenty Twelve setup. + * + * Sets up theme defaults and registers the various WordPress features that + * Twenty Twelve supports. + * + * @uses load_theme_textdomain() For translation/localization support. + * @uses add_editor_style() To add a Visual Editor stylesheet. + * @uses add_theme_support() To add support for post thumbnails, automatic feed links, + * custom background, and post formats. + * @uses register_nav_menu() To add support for navigation menus. + * @uses set_post_thumbnail_size() To set a custom post thumbnail size. + * + * @since Twenty Twelve 1.0 + */ +function twentytwelve_setup() { + /* + * Makes Twenty Twelve available for translation. + * + * Translations can be filed at WordPress.org. See: https://translate.wordpress.org/projects/wp-themes/twentytwelve + * If you're building a theme based on Twenty Twelve, use a find and replace + * to change 'twentytwelve' to the name of your theme in all the template files. + */ + load_theme_textdomain( 'twentytwelve' ); + + // This theme styles the visual editor with editor-style.css to match the theme style. + add_editor_style(); + + // Load regular editor styles into the new block-based editor. + add_theme_support( 'editor-styles' ); + + // Load default block styles. + add_theme_support( 'wp-block-styles' ); + + // Add support for responsive embeds. + add_theme_support( 'responsive-embeds' ); + + // Add support for custom color scheme. + add_theme_support( + 'editor-color-palette', + array( + array( + 'name' => __( 'Blue', 'twentytwelve' ), + 'slug' => 'blue', + 'color' => '#21759b', + ), + array( + 'name' => __( 'Dark Gray', 'twentytwelve' ), + 'slug' => 'dark-gray', + 'color' => '#444', + ), + array( + 'name' => __( 'Medium Gray', 'twentytwelve' ), + 'slug' => 'medium-gray', + 'color' => '#9f9f9f', + ), + array( + 'name' => __( 'Light Gray', 'twentytwelve' ), + 'slug' => 'light-gray', + 'color' => '#e6e6e6', + ), + array( + 'name' => __( 'White', 'twentytwelve' ), + 'slug' => 'white', + 'color' => '#fff', + ), + ) + ); + + // Adds RSS feed links to <head> for posts and comments. + add_theme_support( 'automatic-feed-links' ); + + // This theme supports a variety of post formats. + add_theme_support( 'post-formats', array( 'aside', 'image', 'link', 'quote', 'status' ) ); + + // This theme uses wp_nav_menu() in one location. + register_nav_menu( 'primary', __( 'Primary Menu', 'twentytwelve' ) ); + + /* + * This theme supports custom background color and image, + * and here we also set up the default background color. + */ + add_theme_support( + 'custom-background', + array( + 'default-color' => 'e6e6e6', + ) + ); + + // This theme uses a custom image size for featured images, displayed on "standard" posts. + add_theme_support( 'post-thumbnails' ); + set_post_thumbnail_size( 624, 9999 ); // Unlimited height, soft crop. + + // Indicate widget sidebars can use selective refresh in the Customizer. + add_theme_support( 'customize-selective-refresh-widgets' ); +} +add_action( 'after_setup_theme', 'twentytwelve_setup' ); + +/** + * Add support for a custom header image. + */ +require get_template_directory() . '/inc/custom-header.php'; + +/** + * Return the Google font stylesheet URL if available. + * + * The use of Open Sans by default is localized. For languages that use + * characters not supported by the font, the font can be disabled. + * + * @since Twenty Twelve 1.2 + * + * @return string Font stylesheet or empty string if disabled. + */ +function twentytwelve_get_font_url() { + $font_url = ''; + + /* + * translators: If there are characters in your language that are not supported + * by Open Sans, translate this to 'off'. Do not translate into your own language. + */ + if ( 'off' !== _x( 'on', 'Open Sans font: on or off', 'twentytwelve' ) ) { + $subsets = 'latin,latin-ext'; + + /* + * translators: To add an additional Open Sans character subset specific to your language, + * translate this to 'greek', 'cyrillic' or 'vietnamese'. Do not translate into your own language. + */ + $subset = _x( 'no-subset', 'Open Sans font: add new subset (greek, cyrillic, vietnamese)', 'twentytwelve' ); + + if ( 'cyrillic' == $subset ) { + $subsets .= ',cyrillic,cyrillic-ext'; + } elseif ( 'greek' == $subset ) { + $subsets .= ',greek,greek-ext'; + } elseif ( 'vietnamese' == $subset ) { + $subsets .= ',vietnamese'; + } + + $query_args = array( + 'family' => urlencode( 'Open Sans:400italic,700italic,400,700' ), + 'subset' => urlencode( $subsets ), + 'display' => urlencode( 'fallback' ), + ); + $font_url = add_query_arg( $query_args, 'https://fonts.googleapis.com/css' ); + } + + return $font_url; +} + +/** + * Enqueue scripts and styles for front end. + * + * @since Twenty Twelve 1.0 + */ +function twentytwelve_scripts_styles() { + global $wp_styles; + + /* + * Adds JavaScript to pages with the comment form to support + * sites with threaded comments (when in use). + */ + if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) { + wp_enqueue_script( 'comment-reply' ); + } + + // Adds JavaScript for handling the navigation menu hide-and-show behavior. + wp_enqueue_script( 'twentytwelve-navigation', get_template_directory_uri() . '/js/navigation.js', array( 'jquery' ), '20141205', true ); + + $font_url = twentytwelve_get_font_url(); + if ( ! empty( $font_url ) ) { + wp_enqueue_style( 'twentytwelve-fonts', esc_url_raw( $font_url ), array(), null ); + } + + // Loads our main stylesheet. + wp_enqueue_style( 'twentytwelve-style', get_stylesheet_uri(), array(), '20190507' ); + + // Theme block stylesheet. + wp_enqueue_style( 'twentytwelve-block-style', get_template_directory_uri() . '/css/blocks.css', array( 'twentytwelve-style' ), '20190406' ); + + // Loads the Internet Explorer specific stylesheet. + wp_enqueue_style( 'twentytwelve-ie', get_template_directory_uri() . '/css/ie.css', array( 'twentytwelve-style' ), '20150214' ); + $wp_styles->add_data( 'twentytwelve-ie', 'conditional', 'lt IE 9' ); +} +add_action( 'wp_enqueue_scripts', 'twentytwelve_scripts_styles' ); + +/** + * Enqueue styles for the block-based editor. + * + * @since Twenty Twelve 2.6 + */ +function twentytwelve_block_editor_styles() { + // Block styles. + wp_enqueue_style( 'twentytwelve-block-editor-style', get_template_directory_uri() . '/css/editor-blocks.css', array(), '20190406' ); + // Add custom fonts. + wp_enqueue_style( 'twentytwelve-fonts', twentytwelve_get_font_url(), array(), null ); +} +add_action( 'enqueue_block_editor_assets', 'twentytwelve_block_editor_styles' ); + +/** + * Add preconnect for Google Fonts. + * + * @since Twenty Twelve 2.2 + * + * @param array $urls URLs to print for resource hints. + * @param string $relation_type The relation type the URLs are printed. + * @return array URLs to print for resource hints. + */ +function twentytwelve_resource_hints( $urls, $relation_type ) { + if ( wp_style_is( 'twentytwelve-fonts', 'queue' ) && 'preconnect' === $relation_type ) { + if ( version_compare( $GLOBALS['wp_version'], '4.7-alpha', '>=' ) ) { + $urls[] = array( + 'href' => 'https://fonts.gstatic.com', + 'crossorigin', + ); + } else { + $urls[] = 'https://fonts.gstatic.com'; + } + } + + return $urls; +} +add_filter( 'wp_resource_hints', 'twentytwelve_resource_hints', 10, 2 ); + +/** + * Filter TinyMCE CSS path to include Google Fonts. + * + * Adds additional stylesheets to the TinyMCE editor if needed. + * + * @uses twentytwelve_get_font_url() To get the Google Font stylesheet URL. + * + * @since Twenty Twelve 1.2 + * + * @param string $mce_css CSS path to load in TinyMCE. + * @return string Filtered CSS path. + */ +function twentytwelve_mce_css( $mce_css ) { + $font_url = twentytwelve_get_font_url(); + + if ( empty( $font_url ) ) { + return $mce_css; + } + + if ( ! empty( $mce_css ) ) { + $mce_css .= ','; + } + + $mce_css .= esc_url_raw( str_replace( ',', '%2C', $font_url ) ); + + return $mce_css; +} +add_filter( 'mce_css', 'twentytwelve_mce_css' ); + +/** + * Filter the page title. + * + * Creates a nicely formatted and more specific title element text + * for output in head of document, based on current view. + * + * @since Twenty Twelve 1.0 + * + * @param string $title Default title text for current view. + * @param string $sep Optional separator. + * @return string Filtered title. + */ +function twentytwelve_wp_title( $title, $sep ) { + global $paged, $page; + + if ( is_feed() ) { + return $title; + } + + // Add the site name. + $title .= get_bloginfo( 'name', 'display' ); + + // Add the site description for the home/front page. + $site_description = get_bloginfo( 'description', 'display' ); + if ( $site_description && ( is_home() || is_front_page() ) ) { + $title = "$title $sep $site_description"; + } + + // Add a page number if necessary. + if ( ( $paged >= 2 || $page >= 2 ) && ! is_404() ) { + /* translators: %s: Page number. */ + $title = "$title $sep " . sprintf( __( 'Page %s', 'twentytwelve' ), max( $paged, $page ) ); + } + + return $title; +} +add_filter( 'wp_title', 'twentytwelve_wp_title', 10, 2 ); + +/** + * Filter the page menu arguments. + * + * Makes our wp_nav_menu() fallback -- wp_page_menu() -- show a home link. + * + * @since Twenty Twelve 1.0 + */ +function twentytwelve_page_menu_args( $args ) { + if ( ! isset( $args['show_home'] ) ) { + $args['show_home'] = true; + } + return $args; +} +add_filter( 'wp_page_menu_args', 'twentytwelve_page_menu_args' ); + +/** + * Register sidebars. + * + * Registers our main widget area and the front page widget areas. + * + * @since Twenty Twelve 1.0 + */ +function twentytwelve_widgets_init() { + register_sidebar( + array( + 'name' => __( 'Main Sidebar', 'twentytwelve' ), + 'id' => 'sidebar-1', + 'description' => __( 'Appears on posts and pages except the optional Front Page template, which has its own widgets', 'twentytwelve' ), + 'before_widget' => '<aside id="%1$s" class="widget %2$s">', + 'after_widget' => '</aside>', + 'before_title' => '<h3 class="widget-title">', + 'after_title' => '</h3>', + ) + ); + + register_sidebar( + array( + 'name' => __( 'First Front Page Widget Area', 'twentytwelve' ), + 'id' => 'sidebar-2', + 'description' => __( 'Appears when using the optional Front Page template with a page set as Static Front Page', 'twentytwelve' ), + 'before_widget' => '<aside id="%1$s" class="widget %2$s">', + 'after_widget' => '</aside>', + 'before_title' => '<h3 class="widget-title">', + 'after_title' => '</h3>', + ) + ); + + register_sidebar( + array( + 'name' => __( 'Second Front Page Widget Area', 'twentytwelve' ), + 'id' => 'sidebar-3', + 'description' => __( 'Appears when using the optional Front Page template with a page set as Static Front Page', 'twentytwelve' ), + 'before_widget' => '<aside id="%1$s" class="widget %2$s">', + 'after_widget' => '</aside>', + 'before_title' => '<h3 class="widget-title">', + 'after_title' => '</h3>', + ) + ); +} +add_action( 'widgets_init', 'twentytwelve_widgets_init' ); + +if ( ! function_exists( 'twentytwelve_content_nav' ) ) : + /** + * Displays navigation to next/previous pages when applicable. + * + * @since Twenty Twelve 1.0 + */ + function twentytwelve_content_nav( $html_id ) { + global $wp_query; + + if ( $wp_query->max_num_pages > 1 ) : ?> + <nav id="<?php echo esc_attr( $html_id ); ?>" class="navigation" role="navigation"> + <h3 class="assistive-text"><?php _e( 'Post navigation', 'twentytwelve' ); ?></h3> + <div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">←</span> Older posts', 'twentytwelve' ) ); ?></div> + <div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">→</span>', 'twentytwelve' ) ); ?></div> + </nav><!-- .navigation --> + <?php + endif; + } +endif; + +if ( ! function_exists( 'twentytwelve_comment' ) ) : + /** + * Template for comments and pingbacks. + * + * To override this walker in a child theme without modifying the comments template + * simply create your own twentytwelve_comment(), and that function will be used instead. + * + * Used as a callback by wp_list_comments() for displaying the comments. + * + * @since Twenty Twelve 1.0 + */ + function twentytwelve_comment( $comment, $args, $depth ) { + $GLOBALS['comment'] = $comment; + switch ( $comment->comment_type ) : + case 'pingback': + case 'trackback': + // Display trackbacks differently than normal comments. + ?> + <li <?php comment_class(); ?> id="comment-<?php comment_ID(); ?>"> + <p><?php _e( 'Pingback:', 'twentytwelve' ); ?> <?php comment_author_link(); ?> <?php edit_comment_link( __( '(Edit)', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?></p> + <?php + break; + default: + // Proceed with normal comments. + global $post; + ?> + <li <?php comment_class(); ?> id="li-comment-<?php comment_ID(); ?>"> + <article id="comment-<?php comment_ID(); ?>" class="comment"> + <header class="comment-meta comment-author vcard"> + <?php + echo get_avatar( $comment, 44 ); + printf( + '<cite><b class="fn">%1$s</b> %2$s</cite>', + get_comment_author_link(), + // If current post author is also comment author, make it known visually. + ( $comment->user_id === $post->post_author ) ? '<span>' . __( 'Post author', 'twentytwelve' ) . '</span>' : '' + ); + printf( + '<a href="%1$s"><time datetime="%2$s">%3$s</time></a>', + esc_url( get_comment_link( $comment->comment_ID ) ), + get_comment_time( 'c' ), + /* translators: 1: Date, 2: Time. */ + sprintf( __( '%1$s at %2$s', 'twentytwelve' ), get_comment_date(), get_comment_time() ) + ); + ?> + </header><!-- .comment-meta --> + + <?php + $commenter = wp_get_current_commenter(); + if ( $commenter['comment_author_email'] ) { + $moderation_note = __( 'Your comment is awaiting moderation.', 'twentytwelve' ); + } else { + $moderation_note = __( 'Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.', 'twentytwelve' ); + } + ?> + + <?php if ( '0' == $comment->comment_approved ) : ?> + <p class="comment-awaiting-moderation"><?php echo $moderation_note; ?></p> + <?php endif; ?> + + <section class="comment-content comment"> + <?php comment_text(); ?> + <?php edit_comment_link( __( 'Edit', 'twentytwelve' ), '<p class="edit-link">', '</p>' ); ?> + </section><!-- .comment-content --> + + <div class="reply"> + <?php + comment_reply_link( + array_merge( + $args, + array( + 'reply_text' => __( 'Reply', 'twentytwelve' ), + 'after' => ' <span>↓</span>', + 'depth' => $depth, + 'max_depth' => $args['max_depth'], + ) + ) + ); + ?> + </div><!-- .reply --> + </article><!-- #comment-## --> + <?php + break; + endswitch; // End comment_type check. + } +endif; + +if ( ! function_exists( 'twentytwelve_entry_meta' ) ) : + /** + * Set up post entry meta. + * + * Prints HTML with meta information for current post: categories, tags, permalink, author, and date. + * + * Create your own twentytwelve_entry_meta() to override in a child theme. + * + * @since Twenty Twelve 1.0 + */ + function twentytwelve_entry_meta() { + /* translators: Used between list items, there is a space after the comma. */ + $categories_list = get_the_category_list( __( ', ', 'twentytwelve' ) ); + + /* translators: Used between list items, there is a space after the comma. */ + $tag_list = get_the_tag_list( '', __( ', ', 'twentytwelve' ) ); + + $date = sprintf( + '<a href="%1$s" title="%2$s" rel="bookmark"><time class="entry-date" datetime="%3$s">%4$s</time></a>', + esc_url( get_permalink() ), + esc_attr( get_the_time() ), + esc_attr( get_the_date( 'c' ) ), + esc_html( get_the_date() ) + ); + + $author = sprintf( + '<span class="author vcard"><a class="url fn n" href="%1$s" title="%2$s" rel="author">%3$s</a></span>', + esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ), + /* translators: %s: Author display name. */ + esc_attr( sprintf( __( 'View all posts by %s', 'twentytwelve' ), get_the_author() ) ), + get_the_author() + ); + + if ( $tag_list ) { + /* translators: 1: Category name, 2: Tag name, 3: Date, 4: Author display name. */ + $utility_text = __( 'This entry was posted in %1$s and tagged %2$s on %3$s<span class="by-author"> by %4$s</span>.', 'twentytwelve' ); + } elseif ( $categories_list ) { + /* translators: 1: Category name, 3: Date, 4: Author display name. */ + $utility_text = __( 'This entry was posted in %1$s on %3$s<span class="by-author"> by %4$s</span>.', 'twentytwelve' ); + } else { + /* translators: 3: Date, 4: Author display name. */ + $utility_text = __( 'This entry was posted on %3$s<span class="by-author"> by %4$s</span>.', 'twentytwelve' ); + } + + printf( + $utility_text, + $categories_list, + $tag_list, + $date, + $author + ); + } +endif; + +/** + * Extend the default WordPress body classes. + * + * Extends the default WordPress body class to denote: + * 1. Using a full-width layout, when no active widgets in the sidebar + * or full-width template. + * 2. Front Page template: thumbnail in use and number of sidebars for + * widget areas. + * 3. White or empty background color to change the layout and spacing. + * 4. Custom fonts enabled. + * 5. Single or multiple authors. + * + * @since Twenty Twelve 1.0 + * + * @param array $classes Existing class values. + * @return array Filtered class values. + */ +function twentytwelve_body_class( $classes ) { + $background_color = get_background_color(); + $background_image = get_background_image(); + + if ( ! is_active_sidebar( 'sidebar-1' ) || is_page_template( 'page-templates/full-width.php' ) ) { + $classes[] = 'full-width'; + } + + if ( is_page_template( 'page-templates/front-page.php' ) ) { + $classes[] = 'template-front-page'; + if ( has_post_thumbnail() ) { + $classes[] = 'has-post-thumbnail'; + } + if ( is_active_sidebar( 'sidebar-2' ) && is_active_sidebar( 'sidebar-3' ) ) { + $classes[] = 'two-sidebars'; + } + } + + if ( empty( $background_image ) ) { + if ( empty( $background_color ) ) { + $classes[] = 'custom-background-empty'; + } elseif ( in_array( $background_color, array( 'fff', 'ffffff' ) ) ) { + $classes[] = 'custom-background-white'; + } + } + + // Enable custom font class only if the font CSS is queued to load. + if ( wp_style_is( 'twentytwelve-fonts', 'queue' ) ) { + $classes[] = 'custom-font-enabled'; + } + + if ( ! is_multi_author() ) { + $classes[] = 'single-author'; + } + + return $classes; +} +add_filter( 'body_class', 'twentytwelve_body_class' ); + +/** + * Adjust content width in certain contexts. + * + * Adjusts content_width value for full-width and single image attachment + * templates, and when there are no active widgets in the sidebar. + * + * @since Twenty Twelve 1.0 + */ +function twentytwelve_content_width() { + if ( is_page_template( 'page-templates/full-width.php' ) || is_attachment() || ! is_active_sidebar( 'sidebar-1' ) ) { + global $content_width; + $content_width = 960; + } +} +add_action( 'template_redirect', 'twentytwelve_content_width' ); + +/** + * Register postMessage support. + * + * Add postMessage support for site title and description for the Customizer. + * + * @since Twenty Twelve 1.0 + * + * @param WP_Customize_Manager $wp_customize Customizer object. + */ +function twentytwelve_customize_register( $wp_customize ) { + $wp_customize->get_setting( 'blogname' )->transport = 'postMessage'; + $wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage'; + $wp_customize->get_setting( 'header_textcolor' )->transport = 'postMessage'; + + if ( isset( $wp_customize->selective_refresh ) ) { + $wp_customize->selective_refresh->add_partial( + 'blogname', + array( + 'selector' => '.site-title > a', + 'container_inclusive' => false, + 'render_callback' => 'twentytwelve_customize_partial_blogname', + ) + ); + $wp_customize->selective_refresh->add_partial( + 'blogdescription', + array( + 'selector' => '.site-description', + 'container_inclusive' => false, + 'render_callback' => 'twentytwelve_customize_partial_blogdescription', + ) + ); + } +} +add_action( 'customize_register', 'twentytwelve_customize_register' ); + +/** + * Render the site title for the selective refresh partial. + * + * @since Twenty Twelve 2.0 + * @see twentytwelve_customize_register() + * + * @return void + */ +function twentytwelve_customize_partial_blogname() { + bloginfo( 'name' ); +} + +/** + * Render the site tagline for the selective refresh partial. + * + * @since Twenty Twelve 2.0 + * @see twentytwelve_customize_register() + * + * @return void + */ +function twentytwelve_customize_partial_blogdescription() { + bloginfo( 'description' ); +} + +/** + * Enqueue Javascript postMessage handlers for the Customizer. + * + * Binds JS handlers to make the Customizer preview reload changes asynchronously. + * + * @since Twenty Twelve 1.0 + */ +function twentytwelve_customize_preview_js() { + wp_enqueue_script( 'twentytwelve-customizer', get_template_directory_uri() . '/js/theme-customizer.js', array( 'customize-preview' ), '20141120', true ); +} +add_action( 'customize_preview_init', 'twentytwelve_customize_preview_js' ); + +/** + * Modifies tag cloud widget arguments to display all tags in the same font size + * and use list format for better accessibility. + * + * @since Twenty Twelve 2.4 + * + * @param array $args Arguments for tag cloud widget. + * @return array The filtered arguments for tag cloud widget. + */ +function twentytwelve_widget_tag_cloud_args( $args ) { + $args['largest'] = 22; + $args['smallest'] = 8; + $args['unit'] = 'pt'; + $args['format'] = 'list'; + + return $args; +} +add_filter( 'widget_tag_cloud_args', 'twentytwelve_widget_tag_cloud_args' ); + +if ( ! function_exists( 'wp_body_open' ) ) : + /** + * Fire the wp_body_open action. + * + * Added for backward compatibility to support pre-5.2.0 WordPress versions. + * + * @since Twenty Twelve 3.0 + */ + function wp_body_open() { + /** + * Triggered after the opening <body> tag. + * + * @since Twenty Twelve 3.0 + */ + do_action( 'wp_body_open' ); + } +endif; diff --git a/wp-content/themes/twentytwelve/header.php b/wp-content/themes/twentytwelve/header.php index f8ff59907..b51d080bb 100644 --- a/wp-content/themes/twentytwelve/header.php +++ b/wp-content/themes/twentytwelve/header.php @@ -1,61 +1,61 @@ -<?php -/** - * The Header template for our theme - * - * Displays all of the <head> section and everything up till <div id="main"> - * - * @package WordPress - * @subpackage Twenty_Twelve - * @since Twenty Twelve 1.0 - */ -?><!DOCTYPE html> -<!--[if IE 7]> -<html class="ie ie7" <?php language_attributes(); ?>> -<![endif]--> -<!--[if IE 8]> -<html class="ie ie8" <?php language_attributes(); ?>> -<![endif]--> -<!--[if !(IE 7) & !(IE 8)]><!--> -<html <?php language_attributes(); ?>> -<!--<![endif]--> -<head> -<meta charset="<?php bloginfo( 'charset' ); ?>" /> -<meta name="viewport" content="width=device-width" /> -<title><?php wp_title( '|', true, 'right' ); ?></title> -<link rel="profile" href="http://gmpg.org/xfn/11" /> -<link rel="pingback" href="<?php echo esc_url( get_bloginfo( 'pingback_url' ) ); ?>"> -<?php // Loads HTML5 JavaScript file to add support for HTML5 elements in older IE versions. ?> -<!--[if lt IE 9]> -<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script> -<![endif]--> -<?php wp_head(); ?> -</head> - -<body <?php body_class(); ?>> -<?php wp_body_open(); ?> -<div id="page" class="hfeed site"> - <header id="masthead" class="site-header" role="banner"> - <hgroup> - <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1> - <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2> - </hgroup> - - <nav id="site-navigation" class="main-navigation" role="navigation"> - <button class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></button> - <a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a> - <?php - wp_nav_menu( - array( - 'theme_location' => 'primary', - 'menu_class' => 'nav-menu', - ) - ); - ?> - </nav><!-- #site-navigation --> - - <?php if ( get_header_image() ) : ?> - <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php header_image(); ?>" class="header-image" width="<?php echo esc_attr( get_custom_header()->width ); ?>" height="<?php echo esc_attr( get_custom_header()->height ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" /></a> - <?php endif; ?> - </header><!-- #masthead --> - - <div id="main" class="wrapper"> +<?php +/** + * The Header template for our theme + * + * Displays all of the <head> section and everything up till <div id="main"> + * + * @package WordPress + * @subpackage Twenty_Twelve + * @since Twenty Twelve 1.0 + */ +?><!DOCTYPE html> +<!--[if IE 7]> +<html class="ie ie7" <?php language_attributes(); ?>> +<![endif]--> +<!--[if IE 8]> +<html class="ie ie8" <?php language_attributes(); ?>> +<![endif]--> +<!--[if !(IE 7) & !(IE 8)]><!--> +<html <?php language_attributes(); ?>> +<!--<![endif]--> +<head> +<meta charset="<?php bloginfo( 'charset' ); ?>" /> +<meta name="viewport" content="width=device-width" /> +<title><?php wp_title( '|', true, 'right' ); ?></title> +<link rel="profile" href="http://gmpg.org/xfn/11" /> +<link rel="pingback" href="<?php echo esc_url( get_bloginfo( 'pingback_url' ) ); ?>"> +<?php // Loads HTML5 JavaScript file to add support for HTML5 elements in older IE versions. ?> +<!--[if lt IE 9]> +<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js?ver=3.7.0" type="text/javascript"></script> +<![endif]--> +<?php wp_head(); ?> +</head> + +<body <?php body_class(); ?>> +<?php wp_body_open(); ?> +<div id="page" class="hfeed site"> + <header id="masthead" class="site-header" role="banner"> + <hgroup> + <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1> + <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2> + </hgroup> + + <nav id="site-navigation" class="main-navigation" role="navigation"> + <button class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></button> + <a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a> + <?php + wp_nav_menu( + array( + 'theme_location' => 'primary', + 'menu_class' => 'nav-menu', + ) + ); + ?> + </nav><!-- #site-navigation --> + + <?php if ( get_header_image() ) : ?> + <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php header_image(); ?>" class="header-image" width="<?php echo esc_attr( get_custom_header()->width ); ?>" height="<?php echo esc_attr( get_custom_header()->height ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" /></a> + <?php endif; ?> + </header><!-- #masthead --> + + <div id="main" class="wrapper"> diff --git a/wp-content/themes/twentytwelve/image.php b/wp-content/themes/twentytwelve/image.php index b6b1dc864..b4ea01702 100644 --- a/wp-content/themes/twentytwelve/image.php +++ b/wp-content/themes/twentytwelve/image.php @@ -1,141 +1,142 @@ -<?php -/** - * The template for displaying image attachments - * - * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ - * - * @package WordPress - * @subpackage Twenty_Twelve - * @since Twenty Twelve 1.0 - */ - -get_header(); ?> - - <div id="primary" class="site-content"> - <div id="content" role="main"> - - <?php - while ( have_posts() ) : - the_post(); - ?> - - <article id="post-<?php the_ID(); ?>" <?php post_class( 'image-attachment' ); ?>> - <header class="entry-header"> - <h1 class="entry-title"><?php the_title(); ?></h1> - - <footer class="entry-meta"> - <?php - $metadata = wp_get_attachment_metadata(); - printf( - __( '<span class="meta-prep meta-prep-entry-date">Published </span> <span class="entry-date"><time class="entry-date" datetime="%1$s">%2$s</time></span> at <a href="%3$s" title="Link to full-size image">%4$s × %5$s</a> in <a href="%6$s" title="Return to %7$s" rel="gallery">%8$s</a>.', 'twentytwelve' ), - esc_attr( get_the_date( 'c' ) ), - esc_html( get_the_date() ), - esc_url( wp_get_attachment_url() ), - $metadata['width'], - $metadata['height'], - esc_url( get_permalink( $post->post_parent ) ), - esc_attr( strip_tags( get_the_title( $post->post_parent ) ) ), - get_the_title( $post->post_parent ) - ); - ?> - <?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?> - </footer><!-- .entry-meta --> - - <nav id="image-navigation" class="navigation" role="navigation"> - <span class="previous-image"><?php previous_image_link( false, __( '← Previous', 'twentytwelve' ) ); ?></span> - <span class="next-image"><?php next_image_link( false, __( 'Next →', 'twentytwelve' ) ); ?></span> - </nav><!-- #image-navigation --> - </header><!-- .entry-header --> - - <div class="entry-content"> - - <div class="entry-attachment"> - <div class="attachment"> - <?php - /* - * Grab the IDs of all the image attachments in a gallery so we can get the URL of the next adjacent image in a gallery, - * or the first image (if we're looking at the last image in a gallery), or, in a gallery of one, just the link to that image file - */ - $attachments = array_values( - get_children( - array( - 'post_parent' => $post->post_parent, - 'post_status' => 'inherit', - 'post_type' => 'attachment', - 'post_mime_type' => 'image', - 'order' => 'ASC', - 'orderby' => 'menu_order ID', - ) - ) - ); - foreach ( $attachments as $k => $attachment ) : - if ( $attachment->ID == $post->ID ) { - break; - } -endforeach; - - // If there is more than 1 attachment in a gallery - if ( count( $attachments ) > 1 ) : - $k++; - if ( isset( $attachments[ $k ] ) ) : - // get the URL of the next image attachment - $next_attachment_url = get_attachment_link( $attachments[ $k ]->ID ); - else : - // or get the URL of the first image attachment - $next_attachment_url = get_attachment_link( $attachments[0]->ID ); - endif; -else : - // or, if there's only 1 image, get the URL of the image - $next_attachment_url = wp_get_attachment_url(); -endif; -?> - <a href="<?php echo esc_url( $next_attachment_url ); ?>" title="<?php the_title_attribute(); ?>" rel="attachment"> - <?php - /** - * Filter the image attachment size to use. - * - * @since Twenty Twelve 1.0 - * - * @param array $size { - * @type int The attachment height in pixels. - * @type int The attachment width in pixels. - * } - */ - $attachment_size = apply_filters( 'twentytwelve_attachment_size', array( 960, 960 ) ); - echo wp_get_attachment_image( $post->ID, $attachment_size ); - ?> - </a> - - <?php if ( ! empty( $post->post_excerpt ) ) : ?> - <div class="entry-caption"> - <?php the_excerpt(); ?> - </div> - <?php endif; ?> - </div><!-- .attachment --> - - </div><!-- .entry-attachment --> - - <div class="entry-description"> - <?php the_content(); ?> - <?php - wp_link_pages( - array( - 'before' => '<div class="page-links">' . __( 'Pages:', 'twentytwelve' ), - 'after' => '</div>', - ) - ); - ?> - </div><!-- .entry-description --> - - </div><!-- .entry-content --> - - </article><!-- #post --> - - <?php comments_template(); ?> - - <?php endwhile; // end of the loop. ?> - - </div><!-- #content --> - </div><!-- #primary --> - -<?php get_footer(); ?> +<?php +/** + * The template for displaying image attachments + * + * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ + * + * @package WordPress + * @subpackage Twenty_Twelve + * @since Twenty Twelve 1.0 + */ + +get_header(); ?> + + <div id="primary" class="site-content"> + <div id="content" role="main"> + + <?php + while ( have_posts() ) : + the_post(); + ?> + + <article id="post-<?php the_ID(); ?>" <?php post_class( 'image-attachment' ); ?>> + <header class="entry-header"> + <h1 class="entry-title"><?php the_title(); ?></h1> + + <footer class="entry-meta"> + <?php + $metadata = wp_get_attachment_metadata(); + printf( + /* translators: 1: Date, 2: Date, 3: Attachment URL, 4: Image width in pixels, 5: Image height in pixels, 6: Post parent permalink, 7: Post parent title, 8: Post parent title. */ + __( '<span class="meta-prep meta-prep-entry-date">Published </span> <span class="entry-date"><time class="entry-date" datetime="%1$s">%2$s</time></span> at <a href="%3$s" title="Link to full-size image">%4$s × %5$s</a> in <a href="%6$s" title="Return to %7$s" rel="gallery">%8$s</a>.', 'twentytwelve' ), + esc_attr( get_the_date( 'c' ) ), + esc_html( get_the_date() ), + esc_url( wp_get_attachment_url() ), + $metadata['width'], + $metadata['height'], + esc_url( get_permalink( $post->post_parent ) ), + esc_attr( strip_tags( get_the_title( $post->post_parent ) ) ), + get_the_title( $post->post_parent ) + ); + ?> + <?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?> + </footer><!-- .entry-meta --> + + <nav id="image-navigation" class="navigation" role="navigation"> + <span class="previous-image"><?php previous_image_link( false, __( '← Previous', 'twentytwelve' ) ); ?></span> + <span class="next-image"><?php next_image_link( false, __( 'Next →', 'twentytwelve' ) ); ?></span> + </nav><!-- #image-navigation --> + </header><!-- .entry-header --> + + <div class="entry-content"> + + <div class="entry-attachment"> + <div class="attachment"> + <?php + /* + * Grab the IDs of all the image attachments in a gallery so we can get the URL of the next adjacent image in a gallery, + * or the first image (if we're looking at the last image in a gallery), or, in a gallery of one, just the link to that image file + */ + $attachments = array_values( + get_children( + array( + 'post_parent' => $post->post_parent, + 'post_status' => 'inherit', + 'post_type' => 'attachment', + 'post_mime_type' => 'image', + 'order' => 'ASC', + 'orderby' => 'menu_order ID', + ) + ) + ); + foreach ( $attachments as $k => $attachment ) : + if ( $attachment->ID == $post->ID ) { + break; + } + endforeach; + + // If there is more than 1 attachment in a gallery... + if ( count( $attachments ) > 1 ) : + $k++; + if ( isset( $attachments[ $k ] ) ) : + // ...get the URL of the next image attachment. + $next_attachment_url = get_attachment_link( $attachments[ $k ]->ID ); + else : + // ...or get the URL of the first image attachment. + $next_attachment_url = get_attachment_link( $attachments[0]->ID ); + endif; + else : + // Or, if there's only 1 image, get the URL of the image. + $next_attachment_url = wp_get_attachment_url(); + endif; + ?> + <a href="<?php echo esc_url( $next_attachment_url ); ?>" title="<?php the_title_attribute(); ?>" rel="attachment"> + <?php + /** + * Filter the image attachment size to use. + * + * @since Twenty Twelve 1.0 + * + * @param array $size { + * @type int The attachment height in pixels. + * @type int The attachment width in pixels. + * } + */ + $attachment_size = apply_filters( 'twentytwelve_attachment_size', array( 960, 960 ) ); + echo wp_get_attachment_image( $post->ID, $attachment_size ); + ?> + </a> + + <?php if ( ! empty( $post->post_excerpt ) ) : ?> + <div class="entry-caption"> + <?php the_excerpt(); ?> + </div> + <?php endif; ?> + </div><!-- .attachment --> + + </div><!-- .entry-attachment --> + + <div class="entry-description"> + <?php the_content(); ?> + <?php + wp_link_pages( + array( + 'before' => '<div class="page-links">' . __( 'Pages:', 'twentytwelve' ), + 'after' => '</div>', + ) + ); + ?> + </div><!-- .entry-description --> + + </div><!-- .entry-content --> + + </article><!-- #post --> + + <?php comments_template(); ?> + + <?php endwhile; // End of the loop. ?> + + </div><!-- #content --> + </div><!-- #primary --> + +<?php get_footer(); ?> diff --git a/wp-content/themes/twentytwelve/inc/custom-header.php b/wp-content/themes/twentytwelve/inc/custom-header.php index 636309b7c..359a33a1c 100644 --- a/wp-content/themes/twentytwelve/inc/custom-header.php +++ b/wp-content/themes/twentytwelve/inc/custom-header.php @@ -1,168 +1,168 @@ -<?php -/** - * Implement an optional custom header for Twenty Twelve - * - * See https://codex.wordpress.org/Custom_Headers - * - * @package WordPress - * @subpackage Twenty_Twelve - * @since Twenty Twelve 1.0 - */ - -/** - * Set up the WordPress core custom header arguments and settings. - * - * @uses add_theme_support() to register support for 3.4 and up. - * @uses twentytwelve_header_style() to style front end. - * @uses twentytwelve_admin_header_style() to style wp-admin form. - * @uses twentytwelve_admin_header_image() to add custom markup to wp-admin form. - * - * @since Twenty Twelve 1.0 - */ -function twentytwelve_custom_header_setup() { - $args = array( - // Text color and image (empty to use none). - 'default-text-color' => '515151', - 'default-image' => '', - - // Set height and width, with a maximum value for the width. - 'height' => 250, - 'width' => 960, - 'max-width' => 2000, - - // Support flexible height and width. - 'flex-height' => true, - 'flex-width' => true, - - // Random image rotation off by default. - 'random-default' => false, - - // Callbacks for styling the header and the admin preview. - 'wp-head-callback' => 'twentytwelve_header_style', - 'admin-head-callback' => 'twentytwelve_admin_header_style', - 'admin-preview-callback' => 'twentytwelve_admin_header_image', - ); - - add_theme_support( 'custom-header', $args ); -} -add_action( 'after_setup_theme', 'twentytwelve_custom_header_setup' ); - -/** - * Load our special font CSS file. - * - * @since Twenty Twelve 1.2 - */ -function twentytwelve_custom_header_fonts() { - $font_url = twentytwelve_get_font_url(); - if ( ! empty( $font_url ) ) { - wp_enqueue_style( 'twentytwelve-fonts', esc_url_raw( $font_url ), array(), null ); - } -} -add_action( 'admin_print_styles-appearance_page_custom-header', 'twentytwelve_custom_header_fonts' ); - -/** - * Style the header text displayed on the blog. - * - * get_header_textcolor() options: 515151 is default, hide text (returns 'blank'), or any hex value. - * - * @since Twenty Twelve 1.0 - */ -function twentytwelve_header_style() { - $text_color = get_header_textcolor(); - - // If no custom options for text are set, let's bail - if ( $text_color == get_theme_support( 'custom-header', 'default-text-color' ) ) { - return; - } - - // If we get this far, we have custom styles. - ?> - <style type="text/css" id="twentytwelve-header-css"> - <?php - // Has the text been hidden? - if ( ! display_header_text() ) : - ?> - .site-title, - .site-description { - position: absolute; - clip: rect(1px 1px 1px 1px); /* IE7 */ - clip: rect(1px, 1px, 1px, 1px); - } - <?php - // If the user has set a custom color for the text, use that. - else : - ?> - .site-header h1 a, - .site-header h2 { - color: #<?php echo $text_color; ?>; - } - <?php endif; ?> - </style> - <?php -} - -/** - * Style the header image displayed on the Appearance > Header admin panel. - * - * @since Twenty Twelve 1.0 - */ -function twentytwelve_admin_header_style() { - ?> - <style type="text/css" id="twentytwelve-admin-header-css"> - .appearance_page_custom-header #headimg { - border: none; - font-family: "Open Sans", Helvetica, Arial, sans-serif; - } - #headimg h1, - #headimg h2 { - line-height: 1.84615; - margin: 0; - padding: 0; - } - #headimg h1 { - font-size: 26px; - } - #headimg h1 a { - color: #515151; - text-decoration: none; - } - #headimg h1 a:hover { - color: #21759b !important; /* Has to override custom inline style. */ - } - #headimg h2 { - color: #757575; - font-size: 13px; - margin-bottom: 24px; - } - #headimg img { - max-width: <?php echo get_theme_support( 'custom-header', 'max-width' ); ?>px; - } - </style> - <?php -} - -/** - * Output markup to be displayed on the Appearance > Header admin panel. - * - * This callback overrides the default markup displayed there. - * - * @since Twenty Twelve 1.0 - */ -function twentytwelve_admin_header_image() { - $style = 'color: #' . get_header_textcolor() . ';'; - if ( ! display_header_text() ) { - $style = 'display: none;'; - } - ?> - <div id="headimg"> - <h1 class="displaying-header-text"><a id="name" style="<?php echo esc_attr( $style ); ?>" onclick="return false;" href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?></a></h1> - <h2 id="desc" class="displaying-header-text" style="<?php echo esc_attr( $style ); ?>"><?php bloginfo( 'description' ); ?></h2> - <?php - $header_image = get_header_image(); - if ( ! empty( $header_image ) ) : - ?> - <img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo esc_attr( get_custom_header()->width ); ?>" height="<?php echo esc_attr( get_custom_header()->height ); ?>" alt="" /> - <?php endif; ?> - </div> - <?php -} +<?php +/** + * Implement an optional custom header for Twenty Twelve + * + * See https://codex.wordpress.org/Custom_Headers + * + * @package WordPress + * @subpackage Twenty_Twelve + * @since Twenty Twelve 1.0 + */ + +/** + * Set up the WordPress core custom header arguments and settings. + * + * @uses add_theme_support() to register support for 3.4 and up. + * @uses twentytwelve_header_style() to style front end. + * @uses twentytwelve_admin_header_style() to style wp-admin form. + * @uses twentytwelve_admin_header_image() to add custom markup to wp-admin form. + * + * @since Twenty Twelve 1.0 + */ +function twentytwelve_custom_header_setup() { + $args = array( + // Text color and image (empty to use none). + 'default-text-color' => '515151', + 'default-image' => '', + + // Set height and width, with a maximum value for the width. + 'height' => 250, + 'width' => 960, + 'max-width' => 2000, + + // Support flexible height and width. + 'flex-height' => true, + 'flex-width' => true, + + // Random image rotation off by default. + 'random-default' => false, + + // Callbacks for styling the header and the admin preview. + 'wp-head-callback' => 'twentytwelve_header_style', + 'admin-head-callback' => 'twentytwelve_admin_header_style', + 'admin-preview-callback' => 'twentytwelve_admin_header_image', + ); + + add_theme_support( 'custom-header', $args ); +} +add_action( 'after_setup_theme', 'twentytwelve_custom_header_setup' ); + +/** + * Load our special font CSS file. + * + * @since Twenty Twelve 1.2 + */ +function twentytwelve_custom_header_fonts() { + $font_url = twentytwelve_get_font_url(); + if ( ! empty( $font_url ) ) { + wp_enqueue_style( 'twentytwelve-fonts', esc_url_raw( $font_url ), array(), null ); + } +} +add_action( 'admin_print_styles-appearance_page_custom-header', 'twentytwelve_custom_header_fonts' ); + +/** + * Style the header text displayed on the blog. + * + * get_header_textcolor() options: 515151 is default, hide text (returns 'blank'), or any hex value. + * + * @since Twenty Twelve 1.0 + */ +function twentytwelve_header_style() { + $text_color = get_header_textcolor(); + + // If no custom options for text are set, let's bail. + if ( get_theme_support( 'custom-header', 'default-text-color' ) == $text_color ) { + return; + } + + // If we get this far, we have custom styles. + ?> + <style type="text/css" id="twentytwelve-header-css"> + <?php + // Has the text been hidden? + if ( ! display_header_text() ) : + ?> + .site-title, + .site-description { + position: absolute; + clip: rect(1px 1px 1px 1px); /* IE7 */ + clip: rect(1px, 1px, 1px, 1px); + } + <?php + // If the user has set a custom color for the text, use that. + else : + ?> + .site-header h1 a, + .site-header h2 { + color: #<?php echo $text_color; ?>; + } + <?php endif; ?> + </style> + <?php +} + +/** + * Style the header image displayed on the Appearance > Header admin panel. + * + * @since Twenty Twelve 1.0 + */ +function twentytwelve_admin_header_style() { + ?> + <style type="text/css" id="twentytwelve-admin-header-css"> + .appearance_page_custom-header #headimg { + border: none; + font-family: "Open Sans", Helvetica, Arial, sans-serif; + } + #headimg h1, + #headimg h2 { + line-height: 1.84615; + margin: 0; + padding: 0; + } + #headimg h1 { + font-size: 26px; + } + #headimg h1 a { + color: #515151; + text-decoration: none; + } + #headimg h1 a:hover { + color: #21759b !important; /* Has to override custom inline style. */ + } + #headimg h2 { + color: #757575; + font-size: 13px; + margin-bottom: 24px; + } + #headimg img { + max-width: <?php echo get_theme_support( 'custom-header', 'max-width' ); ?>px; + } + </style> + <?php +} + +/** + * Output markup to be displayed on the Appearance > Header admin panel. + * + * This callback overrides the default markup displayed there. + * + * @since Twenty Twelve 1.0 + */ +function twentytwelve_admin_header_image() { + $style = 'color: #' . get_header_textcolor() . ';'; + if ( ! display_header_text() ) { + $style = 'display: none;'; + } + ?> + <div id="headimg"> + <h1 class="displaying-header-text"><a id="name" style="<?php echo esc_attr( $style ); ?>" onclick="return false;" href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?></a></h1> + <h2 id="desc" class="displaying-header-text" style="<?php echo esc_attr( $style ); ?>"><?php bloginfo( 'description' ); ?></h2> + <?php + $header_image = get_header_image(); + if ( ! empty( $header_image ) ) : + ?> + <img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo esc_attr( get_custom_header()->width ); ?>" height="<?php echo esc_attr( get_custom_header()->height ); ?>" alt="" /> + <?php endif; ?> + </div> + <?php +} diff --git a/wp-content/themes/twentytwelve/index.php b/wp-content/themes/twentytwelve/index.php index 8b89fee3b..6b49e8454 100644 --- a/wp-content/themes/twentytwelve/index.php +++ b/wp-content/themes/twentytwelve/index.php @@ -1,71 +1,76 @@ -<?php -/** - * The main template file - * - * This is the most generic template file in a WordPress theme - * and one of the two required files for a theme (the other being style.css). - * It is used to display a page when nothing more specific matches a query. - * For example, it puts together the home page when no home.php file exists. - * - * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ - * - * @package WordPress - * @subpackage Twenty_Twelve - * @since Twenty Twelve 1.0 - */ - -get_header(); ?> - - <div id="primary" class="site-content"> - <div id="content" role="main"> - <?php if ( have_posts() ) : ?> - - <?php /* Start the Loop */ ?> - <?php - while ( have_posts() ) : - the_post(); - ?> - <?php get_template_part( 'content', get_post_format() ); ?> - <?php endwhile; ?> - - <?php twentytwelve_content_nav( 'nav-below' ); ?> - - <?php else : ?> - - <article id="post-0" class="post no-results not-found"> - - <?php - if ( current_user_can( 'edit_posts' ) ) : - // Show a different message to a logged-in user who can add posts. - ?> - <header class="entry-header"> - <h1 class="entry-title"><?php _e( 'No posts to display', 'twentytwelve' ); ?></h1> - </header> - - <div class="entry-content"> - <p><?php printf( __( 'Ready to publish your first post? <a href="%s">Get started here</a>.', 'twentytwelve' ), admin_url( 'post-new.php' ) ); ?></p> - </div><!-- .entry-content --> - - <?php - else : - // Show the default message to everyone else. - ?> - <header class="entry-header"> - <h1 class="entry-title"><?php _e( 'Nothing Found', 'twentytwelve' ); ?></h1> - </header> - - <div class="entry-content"> - <p><?php _e( 'Apologies, but no results were found. Perhaps searching will help find a related post.', 'twentytwelve' ); ?></p> - <?php get_search_form(); ?> - </div><!-- .entry-content --> - <?php endif; // end current_user_can() check ?> - - </article><!-- #post-0 --> - - <?php endif; // end have_posts() check ?> - - </div><!-- #content --> - </div><!-- #primary --> - -<?php get_sidebar(); ?> -<?php get_footer(); ?> +<?php +/** + * The main template file + * + * This is the most generic template file in a WordPress theme + * and one of the two required files for a theme (the other being style.css). + * It is used to display a page when nothing more specific matches a query. + * For example, it puts together the home page when no home.php file exists. + * + * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ + * + * @package WordPress + * @subpackage Twenty_Twelve + * @since Twenty Twelve 1.0 + */ + +get_header(); ?> + + <div id="primary" class="site-content"> + <div id="content" role="main"> + <?php if ( have_posts() ) : ?> + + <?php + // Start the Loop. + while ( have_posts() ) : + the_post(); + ?> + <?php get_template_part( 'content', get_post_format() ); ?> + <?php endwhile; ?> + + <?php twentytwelve_content_nav( 'nav-below' ); ?> + + <?php else : ?> + + <article id="post-0" class="post no-results not-found"> + + <?php + if ( current_user_can( 'edit_posts' ) ) : + // Show a different message to a logged-in user who can add posts. + ?> + <header class="entry-header"> + <h1 class="entry-title"><?php _e( 'No posts to display', 'twentytwelve' ); ?></h1> + </header> + + <div class="entry-content"> + <p> + <?php + /* translators: %s: Post editor URL. */ + printf( __( 'Ready to publish your first post? <a href="%s">Get started here</a>.', 'twentytwelve' ), admin_url( 'post-new.php' ) ); + ?> + </p> + </div><!-- .entry-content --> + + <?php + else : + // Show the default message to everyone else. + ?> + <header class="entry-header"> + <h1 class="entry-title"><?php _e( 'Nothing Found', 'twentytwelve' ); ?></h1> + </header> + + <div class="entry-content"> + <p><?php _e( 'Apologies, but no results were found. Perhaps searching will help find a related post.', 'twentytwelve' ); ?></p> + <?php get_search_form(); ?> + </div><!-- .entry-content --> + <?php endif; // End current_user_can() check. ?> + + </article><!-- #post-0 --> + + <?php endif; // End have_posts() check. ?> + + </div><!-- #content --> + </div><!-- #primary --> + +<?php get_sidebar(); ?> +<?php get_footer(); ?> diff --git a/wp-content/themes/twentytwelve/js/html5.js b/wp-content/themes/twentytwelve/js/html5.js index 6168aacd5..c83dfdc0b 100644 --- a/wp-content/themes/twentytwelve/js/html5.js +++ b/wp-content/themes/twentytwelve/js/html5.js @@ -1,8 +1,8 @@ -/* - HTML5 Shiv v3.7.0 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed -*/ -(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag(); -a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/[\w\-]+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x<style>article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}</style>"; -c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="<xyz></xyz>";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode|| -"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output progress section summary template time video",version:"3.7.0",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f); +/* + HTML5 Shiv v3.7.0 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed +*/ +(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag(); +a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/[\w\-]+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x<style>article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}</style>"; +c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="<xyz></xyz>";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode|| +"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output progress section summary template time video",version:"3.7.0",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f); if(g)return a.createDocumentFragment();for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d<h;d++)c.createElement(e[d]);return c}};l.html5=e;q(f)})(this,document); \ No newline at end of file diff --git a/wp-content/themes/twentytwelve/js/navigation.js b/wp-content/themes/twentytwelve/js/navigation.js index f7141bff7..f722a59b6 100644 --- a/wp-content/themes/twentytwelve/js/navigation.js +++ b/wp-content/themes/twentytwelve/js/navigation.js @@ -1,55 +1,55 @@ -/** - * Handles toggling the navigation menu for small screens and - * accessibility for submenu items. - */ -( function() { - var nav = document.getElementById( 'site-navigation' ), button, menu; - if ( ! nav ) { - return; - } - - button = nav.getElementsByTagName( 'button' )[0]; - menu = nav.getElementsByTagName( 'ul' )[0]; - if ( ! button ) { - return; - } - - // Hide button if menu is missing or empty. - if ( ! menu || ! menu.childNodes.length ) { - button.style.display = 'none'; - return; - } - - button.onclick = function() { - if ( -1 === menu.className.indexOf( 'nav-menu' ) ) { - menu.className = 'nav-menu'; - } - - if ( -1 !== button.className.indexOf( 'toggled-on' ) ) { - button.className = button.className.replace( ' toggled-on', '' ); - menu.className = menu.className.replace( ' toggled-on', '' ); - } else { - button.className += ' toggled-on'; - menu.className += ' toggled-on'; - } - }; -} )(); - -// Better focus for hidden submenu items for accessibility. -( function( $ ) { - $( '.main-navigation' ).find( 'a' ).on( 'focus.twentytwelve blur.twentytwelve', function() { - $( this ).parents( '.menu-item, .page_item' ).toggleClass( 'focus' ); - } ); - - if ( 'ontouchstart' in window ) { - $('body').on( 'touchstart.twentytwelve', '.menu-item-has-children > a, .page_item_has_children > a', function( e ) { - var el = $( this ).parent( 'li' ); - - if ( ! el.hasClass( 'focus' ) ) { - e.preventDefault(); - el.toggleClass( 'focus' ); - el.siblings( '.focus').removeClass( 'focus' ); - } - } ); - } -} )( jQuery ); +/** + * Handles toggling the navigation menu for small screens and + * accessibility for submenu items. + */ +( function() { + var nav = document.getElementById( 'site-navigation' ), button, menu; + if ( ! nav ) { + return; + } + + button = nav.getElementsByTagName( 'button' )[0]; + menu = nav.getElementsByTagName( 'ul' )[0]; + if ( ! button ) { + return; + } + + // Hide button if menu is missing or empty. + if ( ! menu || ! menu.childNodes.length ) { + button.style.display = 'none'; + return; + } + + button.onclick = function() { + if ( -1 === menu.className.indexOf( 'nav-menu' ) ) { + menu.className = 'nav-menu'; + } + + if ( -1 !== button.className.indexOf( 'toggled-on' ) ) { + button.className = button.className.replace( ' toggled-on', '' ); + menu.className = menu.className.replace( ' toggled-on', '' ); + } else { + button.className += ' toggled-on'; + menu.className += ' toggled-on'; + } + }; +} )(); + +// Better focus for hidden submenu items for accessibility. +( function( $ ) { + $( '.main-navigation' ).find( 'a' ).on( 'focus.twentytwelve blur.twentytwelve', function() { + $( this ).parents( '.menu-item, .page_item' ).toggleClass( 'focus' ); + } ); + + if ( 'ontouchstart' in window ) { + $('body').on( 'touchstart.twentytwelve', '.menu-item-has-children > a, .page_item_has_children > a', function( e ) { + var el = $( this ).parent( 'li' ); + + if ( ! el.hasClass( 'focus' ) ) { + e.preventDefault(); + el.toggleClass( 'focus' ); + el.siblings( '.focus').removeClass( 'focus' ); + } + } ); + } +} )( jQuery ); diff --git a/wp-content/themes/twentytwelve/js/theme-customizer.js b/wp-content/themes/twentytwelve/js/theme-customizer.js index 8bf094be5..090b4857e 100644 --- a/wp-content/themes/twentytwelve/js/theme-customizer.js +++ b/wp-content/themes/twentytwelve/js/theme-customizer.js @@ -1,65 +1,65 @@ -/** - * Customizer enhancements for a better user experience. - * - * Contains handlers to make Customizer preview reload changes asynchronously. - * Things like site title, description, and background color changes. - */ - -( function( $ ) { - // Site title and description. - wp.customize( 'blogname', function( value ) { - value.bind( function( to ) { - $( '.site-title a' ).text( to ); - } ); - } ); - wp.customize( 'blogdescription', function( value ) { - value.bind( function( to ) { - $( '.site-description' ).text( to ); - } ); - } ); - - // Header text color - wp.customize( 'header_textcolor', function( value ) { - value.bind( function( to ) { - if ( 'blank' === to ) { - $( '.site-title, .site-title a, .site-description' ).css( { - 'clip': 'rect(1px, 1px, 1px, 1px)', - 'position': 'absolute' - } ); - } else { - $( '.site-title, .site-title a, .site-description' ).css( { - 'clip': 'auto', - 'color': to, - 'position': 'relative' - } ); - } - } ); - } ); - - // Hook into background color/image change and adjust body class value as needed. - wp.customize( 'background_color', function( value ) { - value.bind( function( to ) { - var body = $( 'body' ); - - if ( ( '#ffffff' == to || '#fff' == to ) && 'none' == body.css( 'background-image' ) ) - body.addClass( 'custom-background-white' ); - else if ( '' == to && 'none' == body.css( 'background-image' ) ) - body.addClass( 'custom-background-empty' ); - else - body.removeClass( 'custom-background-empty custom-background-white' ); - } ); - } ); - wp.customize( 'background_image', function( value ) { - value.bind( function( to ) { - var body = $( 'body' ); - - if ( '' !== to ) { - body.removeClass( 'custom-background-empty custom-background-white' ); - } else if ( 'rgb(255, 255, 255)' === body.css( 'background-color' ) ) { - body.addClass( 'custom-background-white' ); - } else if ( 'rgb(230, 230, 230)' === body.css( 'background-color' ) && '' === wp.customize.instance( 'background_color' ).get() ) { - body.addClass( 'custom-background-empty' ); - } - } ); - } ); -} )( jQuery ); +/** + * Customizer enhancements for a better user experience. + * + * Contains handlers to make Customizer preview reload changes asynchronously. + * Things like site title, description, and background color changes. + */ + +( function( $ ) { + // Site title and description. + wp.customize( 'blogname', function( value ) { + value.bind( function( to ) { + $( '.site-title a' ).text( to ); + } ); + } ); + wp.customize( 'blogdescription', function( value ) { + value.bind( function( to ) { + $( '.site-description' ).text( to ); + } ); + } ); + + // Header text color. + wp.customize( 'header_textcolor', function( value ) { + value.bind( function( to ) { + if ( 'blank' === to ) { + $( '.site-title, .site-title a, .site-description' ).css( { + 'clip': 'rect(1px, 1px, 1px, 1px)', + 'position': 'absolute' + } ); + } else { + $( '.site-title, .site-title a, .site-description' ).css( { + 'clip': 'auto', + 'color': to, + 'position': 'relative' + } ); + } + } ); + } ); + + // Hook into background color/image change and adjust body class value as needed. + wp.customize( 'background_color', function( value ) { + value.bind( function( to ) { + var body = $( 'body' ); + + if ( ( '#ffffff' == to || '#fff' == to ) && 'none' == body.css( 'background-image' ) ) + body.addClass( 'custom-background-white' ); + else if ( '' == to && 'none' == body.css( 'background-image' ) ) + body.addClass( 'custom-background-empty' ); + else + body.removeClass( 'custom-background-empty custom-background-white' ); + } ); + } ); + wp.customize( 'background_image', function( value ) { + value.bind( function( to ) { + var body = $( 'body' ); + + if ( '' !== to ) { + body.removeClass( 'custom-background-empty custom-background-white' ); + } else if ( 'rgb(255, 255, 255)' === body.css( 'background-color' ) ) { + body.addClass( 'custom-background-white' ); + } else if ( 'rgb(230, 230, 230)' === body.css( 'background-color' ) && '' === wp.customize.instance( 'background_color' ).get() ) { + body.addClass( 'custom-background-empty' ); + } + } ); + } ); +} )( jQuery ); diff --git a/wp-content/themes/twentytwelve/page-templates/front-page.php b/wp-content/themes/twentytwelve/page-templates/front-page.php index 72efd0102..8959e6bc7 100644 --- a/wp-content/themes/twentytwelve/page-templates/front-page.php +++ b/wp-content/themes/twentytwelve/page-templates/front-page.php @@ -1,38 +1,38 @@ -<?php -/** - * Template Name: Front Page Template - * - * Description: A page template that provides a key component of WordPress as a CMS - * by meeting the need for a carefully crafted introductory page. The front page template - * in Twenty Twelve consists of a page content area for adding text, images, video -- - * anything you'd like -- followed by front-page-only widgets in one or two columns. - * - * @package WordPress - * @subpackage Twenty_Twelve - * @since Twenty Twelve 1.0 - */ - -get_header(); ?> - - <div id="primary" class="site-content"> - <div id="content" role="main"> - - <?php - while ( have_posts() ) : - the_post(); - ?> - <?php if ( has_post_thumbnail() ) : ?> - <div class="entry-page-image"> - <?php the_post_thumbnail(); ?> - </div><!-- .entry-page-image --> - <?php endif; ?> - - <?php get_template_part( 'content', 'page' ); ?> - - <?php endwhile; // end of the loop. ?> - - </div><!-- #content --> - </div><!-- #primary --> - -<?php get_sidebar( 'front' ); ?> -<?php get_footer(); ?> +<?php +/** + * Template Name: Front Page Template + * + * Description: A page template that provides a key component of WordPress as a CMS + * by meeting the need for a carefully crafted introductory page. The front page template + * in Twenty Twelve consists of a page content area for adding text, images, video -- + * anything you'd like -- followed by front-page-only widgets in one or two columns. + * + * @package WordPress + * @subpackage Twenty_Twelve + * @since Twenty Twelve 1.0 + */ + +get_header(); ?> + + <div id="primary" class="site-content"> + <div id="content" role="main"> + + <?php + while ( have_posts() ) : + the_post(); + ?> + <?php if ( has_post_thumbnail() ) : ?> + <div class="entry-page-image"> + <?php the_post_thumbnail(); ?> + </div><!-- .entry-page-image --> + <?php endif; ?> + + <?php get_template_part( 'content', 'page' ); ?> + + <?php endwhile; // End of the loop. ?> + + </div><!-- #content --> + </div><!-- #primary --> + +<?php get_sidebar( 'front' ); ?> +<?php get_footer(); ?> diff --git a/wp-content/themes/twentytwelve/page-templates/full-width.php b/wp-content/themes/twentytwelve/page-templates/full-width.php index 13a1b39be..c2da41183 100644 --- a/wp-content/themes/twentytwelve/page-templates/full-width.php +++ b/wp-content/themes/twentytwelve/page-templates/full-width.php @@ -1,33 +1,33 @@ -<?php -/** - * Template Name: Full-width Page Template, No Sidebar - * - * Description: Twenty Twelve loves the no-sidebar look as much as - * you do. Use this page template to remove the sidebar from any page. - * - * Tip: to remove the sidebar from all posts and pages simply remove - * any active widgets from the Main Sidebar area, and the sidebar will - * disappear everywhere. - * - * @package WordPress - * @subpackage Twenty_Twelve - * @since Twenty Twelve 1.0 - */ - -get_header(); ?> - - <div id="primary" class="site-content"> - <div id="content" role="main"> - - <?php - while ( have_posts() ) : - the_post(); - ?> - <?php get_template_part( 'content', 'page' ); ?> - <?php comments_template( '', true ); ?> - <?php endwhile; // end of the loop. ?> - - </div><!-- #content --> - </div><!-- #primary --> - -<?php get_footer(); ?> +<?php +/** + * Template Name: Full-width Page Template, No Sidebar + * + * Description: Twenty Twelve loves the no-sidebar look as much as + * you do. Use this page template to remove the sidebar from any page. + * + * Tip: to remove the sidebar from all posts and pages simply remove + * any active widgets from the Main Sidebar area, and the sidebar will + * disappear everywhere. + * + * @package WordPress + * @subpackage Twenty_Twelve + * @since Twenty Twelve 1.0 + */ + +get_header(); ?> + + <div id="primary" class="site-content"> + <div id="content" role="main"> + + <?php + while ( have_posts() ) : + the_post(); + ?> + <?php get_template_part( 'content', 'page' ); ?> + <?php comments_template( '', true ); ?> + <?php endwhile; // End of the loop. ?> + + </div><!-- #content --> + </div><!-- #primary --> + +<?php get_footer(); ?> diff --git a/wp-content/themes/twentytwelve/page.php b/wp-content/themes/twentytwelve/page.php index cf75606bd..dc7e2df76 100644 --- a/wp-content/themes/twentytwelve/page.php +++ b/wp-content/themes/twentytwelve/page.php @@ -1,32 +1,32 @@ -<?php -/** - * The template for displaying all pages - * - * This is the template that displays all pages by default. - * Please note that this is the WordPress construct of pages - * and that other 'pages' on your WordPress site will use a - * different template. - * - * @package WordPress - * @subpackage Twenty_Twelve - * @since Twenty Twelve 1.0 - */ - -get_header(); ?> - - <div id="primary" class="site-content"> - <div id="content" role="main"> - - <?php - while ( have_posts() ) : - the_post(); - ?> - <?php get_template_part( 'content', 'page' ); ?> - <?php comments_template( '', true ); ?> - <?php endwhile; // end of the loop. ?> - - </div><!-- #content --> - </div><!-- #primary --> - -<?php get_sidebar(); ?> -<?php get_footer(); ?> +<?php +/** + * The template for displaying all pages + * + * This is the template that displays all pages by default. + * Please note that this is the WordPress construct of pages + * and that other 'pages' on your WordPress site will use a + * different template. + * + * @package WordPress + * @subpackage Twenty_Twelve + * @since Twenty Twelve 1.0 + */ + +get_header(); ?> + + <div id="primary" class="site-content"> + <div id="content" role="main"> + + <?php + while ( have_posts() ) : + the_post(); + ?> + <?php get_template_part( 'content', 'page' ); ?> + <?php comments_template( '', true ); ?> + <?php endwhile; // End of the loop. ?> + + </div><!-- #content --> + </div><!-- #primary --> + +<?php get_sidebar(); ?> +<?php get_footer(); ?> diff --git a/wp-content/themes/twentytwelve/readme.txt b/wp-content/themes/twentytwelve/readme.txt index 6d3aa4534..4f210a617 100644 --- a/wp-content/themes/twentytwelve/readme.txt +++ b/wp-content/themes/twentytwelve/readme.txt @@ -1,9 +1,7 @@ === Twenty Twelve === Contributors: wordpressdotorg -Requires at least: WordPress 3.5 -Tested up to: WordPress 5.0 -Requires PHP: 5.2.4 -Stable tag: 3.0 +Tested up to: 5.0 +Stable tag: 3.1 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready @@ -23,7 +21,7 @@ For more information about Twenty Twelve please go to https://codex.wordpress.or == Copyright == -Twenty Twelve WordPress Theme, Copyright 2012-2018 WordPress.org & Automattic.com +Twenty Twelve WordPress Theme, Copyright 2012-2020 WordPress.org & Automattic.com Twenty Twelve is Distributed under the terms of the GNU GPL This program is free software: you can redistribute it and/or modify @@ -44,6 +42,11 @@ Source: https://github.com/aFarkas/html5shiv == Changelog == += 3.1 = +* Released: March 31, 2020 + +https://codex.wordpress.org/Twenty_Twelve_Theme_Changelog#Version_3.1 + = 3.0 = * Released: May 7, 2019 diff --git a/wp-content/themes/twentytwelve/rtl.css b/wp-content/themes/twentytwelve/rtl.css index e43fca3ba..6143e7660 100644 --- a/wp-content/themes/twentytwelve/rtl.css +++ b/wp-content/themes/twentytwelve/rtl.css @@ -1,240 +1,241 @@ -/* -Theme Name: Twenty Twelve -Description: Adds support for languages written in a Right To Left (RTL) direction. -It's easy, just a matter of overwriting all the horizontal positioning attributes -of your CSS stylesheet in a separate stylesheet file named rtl.css. - -See https://codex.wordpress.org/Right_to_Left_Language_Support -*/ - - -body { - direction: rtl; - unicode-bidi: embed; -} -caption, -th, -td { - text-align: right; -} - -/* =Repeatable patterns --------------------------------------------------------------- */ - -/* Images */ -.site-content .gallery-columns-4 .gallery-item { - padding-left: 2%; - padding-right: 0; -} -.site-content .gallery-columns-5 .gallery-item { - padding-left: 2%; - padding-right: 0; -} - -/* Navigation */ -.nav-previous, -.previous-image { - float: right; -} -.nav-next, -.next-image { - float: left; - text-align: left; -} - -/* Author profiles */ -.author-avatar { - float: right; -} -.author-description { - float: right; - margin-right: 15px; - margin-right: 1.071428571rem; - margin-left: auto; -} - - -/* =Main Content ------------------------------------------------ */ - -.comment-content ol, -.comment-content ul { - margin: 0 24px 0 0; - margin: 0 1.714285714rem 0 0; -} - - -/* =Basic post styling --------------------------------------------------------------- */ - -.entry-content li, -.comment-content li { - margin: 0 24px 0 0; - margin: 0 1.714285714rem 0 0; -} -.entry-content td, -.comment-content td { - padding: 6px 0 6px 10px; -} - - -/* Aside posts */ -article.format-aside .aside { - border-right: 22px solid #a8bfe8; - border-left: none; -} - -/* Link posts */ -article.format-link header { - float: left; -} -article.format-link .entry-content { - float: right; -} - -/* Status posts */ -.format-status .entry-header img { - float: right; - margin-left: 21px; - margin-left: 1.5rem; - margin-right: 0; -} - - -/* =Comment styling --------------------------------------------------------------- */ - -.comments-area article header img { - float: right; -} -.comments-area article header cite, -.comments-area article header time { - margin-right: 85px; - margin-right: 6.071428571rem; - margin-left: auto; -} -.comments-area article header h4 { - left: 0; - right: auto; -} -.comments-area .bypostauthor cite span { - margin-right: 5px; - margin-right: 0.357142857rem; - margin-left: auto; -} - -/* Comment form */ -#respond h3#reply-title #cancel-comment-reply-link { - margin-right: 10px; - margin-right: 0.714285714rem; - margin-left: auto; -} -label ~ span.required { - float: right; - margin: -18px -16px 0 0; - margin: -1.285714286rem -1.142857143rem 0 0; -} -#respond #wp-comment-cookies-consent { - margin: 0 0 0 10px; -} - - -/* =Front page template styling --------------------------------------------------------------- */ - -.template-front-page .widget-area .widget_text img { - float: right; - margin: 8px 0 8px 24px; - margin: 0.571428571rem 0 0.571428571rem 1.714285714rem; -} - - -/* =Widget styling --------------------------------------------------------------- */ - -.widget-area .widget ul ul { - margin-right: 12px; - margin-right: 0.857142857rem; - margin-left: auto; -} -.widget-area .textwidget li { - margin-left: auto; - margin-right: 36px; - margin-right: 2.571428571rem; -} -.widget_recent_entries .post-date, -.widget_rss .rss-date { - margin-right: 12px; - margin-right: 0.857142857rem; - margin-left: auto; -} -#wp-calendar th, -#wp-calendar td, -#wp-calendar caption { - text-align: right; -} -#wp-calendar #next { - padding-left: 24px; - padding-left: 1.714285714rem; - text-align: left; - padding-right: 0; -} - -/* =Media queries --------------------------------------------------------------- */ - -/* Minimum width of 600 pixels. */ -@media screen and (min-width: 600px) { - .site-content, - .template-front-page.has-post-thumbnail article { - float: right; - } - .widget-area, - .entry-page-image { - float: left; - } - .site-header h1, - .site-header h2 { - text-align: right; - } - .template-front-page .widget-area .widget_text img { - float: right; - margin: 8px 0 8px 24px; - } - .template-front-page .widget-area .widget, - .template-front-page.two-sidebars .widget-area .front-widgets { - float: right; - } - .template-front-page .widget-area .widget:nth-child(odd) { - clear: left; - } - .template-front-page .widget-area .widget:nth-child(even), - .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets { - float: left; - margin: 0 24px 0; - margin: 0 1.714285714rem 0; - } - .main-navigation ul.nav-menu, - .main-navigation div.nav-menu > ul { - text-align: right; - } - .main-navigation li { - margin-left: 40px; - margin-left: 2.857142857rem; - margin-right: auto; - } - .main-navigation li ul ul { - margin-right: 0; - right: 100%; - left: auto; - } - .main-navigation ul li:hover > ul { - border-right: 0; - border-left: none; - } - .commentlist .children { - margin-right: 48px; - margin-right: 3.428571429rem; - margin-left: auto; - } +/* +Theme Name: Twenty Twelve +Description: Adds support for languages written in a Right To Left (RTL) direction. +It's easy, just a matter of overwriting all the horizontal positioning attributes +of your CSS stylesheet in a separate stylesheet file named rtl.css. + +See https://codex.wordpress.org/Right_to_Left_Language_Support +*/ + + +body { + direction: rtl; + unicode-bidi: embed; +} +caption, +th, +td { + text-align: right; +} + +/* =Repeatable patterns +-------------------------------------------------------------- */ + +/* Images */ +.site-content .gallery-columns-4 .gallery-item { + padding-left: 2%; + padding-right: 0; +} +.site-content .gallery-columns-5 .gallery-item { + padding-left: 2%; + padding-right: 0; +} + +/* Navigation */ +.nav-previous, +.previous-image { + float: right; +} +.nav-next, +.next-image { + float: left; + text-align: left; +} + +/* Author profiles */ +.author-avatar { + float: right; +} +.author-description { + float: right; + margin-right: 15px; + margin-right: 1.071428571rem; + margin-left: auto; +} + + +/* =Main Content +----------------------------------------------- */ + +.comment-content ol, +.comment-content ul { + margin: 0 24px 0 0; + margin: 0 1.714285714rem 0 0; +} + + +/* =Basic post styling +-------------------------------------------------------------- */ + +.entry-content li, +.comment-content li { + margin: 0 24px 0 0; + margin: 0 1.714285714rem 0 0; +} +.entry-content td, +.comment-content td { + padding: 6px 0 6px 10px; +} + + +/* Aside posts */ +article.format-aside .aside { + border-right: 22px solid #a8bfe8; + border-left: none; +} + +/* Link posts */ +article.format-link header { + float: left; +} +article.format-link .entry-content { + float: right; +} + +/* Status posts */ +.format-status .entry-header img { + float: right; + margin-left: 21px; + margin-left: 1.5rem; + margin-right: 0; +} + + +/* =Comment styling +-------------------------------------------------------------- */ + +.comments-area article header img { + float: right; +} +.comments-area article header cite, +.comments-area article header time { + margin-right: 85px; + margin-right: 6.071428571rem; + margin-left: auto; +} +.comments-area article header h4 { + left: 0; + right: auto; +} +.comments-area .bypostauthor cite span { + margin-right: 5px; + margin-right: 0.357142857rem; + margin-left: auto; +} + +/* Comment form */ +#respond h3#reply-title #cancel-comment-reply-link { + margin-right: 10px; + margin-right: 0.714285714rem; + margin-left: auto; +} +label ~ span.required { + float: right; + margin: -18px -16px 0 0; + margin: -1.285714286rem -1.142857143rem 0 0; +} +#respond #wp-comment-cookies-consent { + margin: 0 0 0 10px; +} + + +/* =Front page template styling +-------------------------------------------------------------- */ + +.template-front-page .widget-area .widget_text img { + float: right; + margin: 8px 0 8px 24px; + margin: 0.571428571rem 0 0.571428571rem 1.714285714rem; +} + + +/* =Widget styling +-------------------------------------------------------------- */ + +.widget-area .widget ul ul { + margin-right: 12px; + margin-right: 0.857142857rem; + margin-left: auto; +} +.widget-area .textwidget li { + margin-left: auto; + margin-right: 36px; + margin-right: 2.571428571rem; +} +.widget_recent_entries .post-date, +.widget_rss .rss-date { + margin-right: 12px; + margin-right: 0.857142857rem; + margin-left: auto; +} +#wp-calendar th, +#wp-calendar td, +#wp-calendar caption { + text-align: right; +} +.wp-calendar-nav-next, +#wp-calendar #next { + padding-left: 24px; + padding-left: 1.714285714rem; + text-align: left; + padding-right: 0; +} + +/* =Media queries +-------------------------------------------------------------- */ + +/* Minimum width of 600 pixels. */ +@media screen and (min-width: 600px) { + .site-content, + .template-front-page.has-post-thumbnail article { + float: right; + } + .widget-area, + .entry-page-image { + float: left; + } + .site-header h1, + .site-header h2 { + text-align: right; + } + .template-front-page .widget-area .widget_text img { + float: right; + margin: 8px 0 8px 24px; + } + .template-front-page .widget-area .widget, + .template-front-page.two-sidebars .widget-area .front-widgets { + float: right; + } + .template-front-page .widget-area .widget:nth-child(odd) { + clear: left; + } + .template-front-page .widget-area .widget:nth-child(even), + .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets { + float: left; + margin: 0 24px 0; + margin: 0 1.714285714rem 0; + } + .main-navigation ul.nav-menu, + .main-navigation div.nav-menu > ul { + text-align: right; + } + .main-navigation li { + margin-left: 40px; + margin-left: 2.857142857rem; + margin-right: auto; + } + .main-navigation li ul ul { + margin-right: 0; + right: 100%; + left: auto; + } + .main-navigation ul li:hover > ul { + border-right: 0; + border-left: none; + } + .commentlist .children { + margin-right: 48px; + margin-right: 3.428571429rem; + margin-left: auto; + } } \ No newline at end of file diff --git a/wp-content/themes/twentytwelve/search.php b/wp-content/themes/twentytwelve/search.php index 39ca14b18..33b632892 100644 --- a/wp-content/themes/twentytwelve/search.php +++ b/wp-content/themes/twentytwelve/search.php @@ -1,52 +1,57 @@ -<?php -/** - * The template for displaying Search Results pages - * - * @package WordPress - * @subpackage Twenty_Twelve - * @since Twenty Twelve 1.0 - */ - -get_header(); ?> - - <section id="primary" class="site-content"> - <div id="content" role="main"> - - <?php if ( have_posts() ) : ?> - - <header class="page-header"> - <h1 class="page-title"><?php printf( __( 'Search Results for: %s', 'twentytwelve' ), '<span>' . get_search_query() . '</span>' ); ?></h1> - </header> - - <?php twentytwelve_content_nav( 'nav-above' ); ?> - - <?php /* Start the Loop */ ?> - <?php - while ( have_posts() ) : - the_post(); - ?> - <?php get_template_part( 'content', get_post_format() ); ?> - <?php endwhile; ?> - - <?php twentytwelve_content_nav( 'nav-below' ); ?> - - <?php else : ?> - - <article id="post-0" class="post no-results not-found"> - <header class="entry-header"> - <h1 class="entry-title"><?php _e( 'Nothing Found', 'twentytwelve' ); ?></h1> - </header> - - <div class="entry-content"> - <p><?php _e( 'Sorry, but nothing matched your search criteria. Please try again with some different keywords.', 'twentytwelve' ); ?></p> - <?php get_search_form(); ?> - </div><!-- .entry-content --> - </article><!-- #post-0 --> - - <?php endif; ?> - - </div><!-- #content --> - </section><!-- #primary --> - -<?php get_sidebar(); ?> -<?php get_footer(); ?> +<?php +/** + * The template for displaying Search Results pages + * + * @package WordPress + * @subpackage Twenty_Twelve + * @since Twenty Twelve 1.0 + */ + +get_header(); ?> + + <section id="primary" class="site-content"> + <div id="content" role="main"> + + <?php if ( have_posts() ) : ?> + + <header class="page-header"> + <h1 class="page-title"> + <?php + /* translators: %s: Search query. */ + printf( __( 'Search Results for: %s', 'twentytwelve' ), '<span>' . get_search_query() . '</span>' ); + ?> + </h1> + </header> + + <?php twentytwelve_content_nav( 'nav-above' ); ?> + + <?php + // Start the Loop. + while ( have_posts() ) : + the_post(); + ?> + <?php get_template_part( 'content', get_post_format() ); ?> + <?php endwhile; ?> + + <?php twentytwelve_content_nav( 'nav-below' ); ?> + + <?php else : ?> + + <article id="post-0" class="post no-results not-found"> + <header class="entry-header"> + <h1 class="entry-title"><?php _e( 'Nothing Found', 'twentytwelve' ); ?></h1> + </header> + + <div class="entry-content"> + <p><?php _e( 'Sorry, but nothing matched your search criteria. Please try again with some different keywords.', 'twentytwelve' ); ?></p> + <?php get_search_form(); ?> + </div><!-- .entry-content --> + </article><!-- #post-0 --> + + <?php endif; ?> + + </div><!-- #content --> + </section><!-- #primary --> + +<?php get_sidebar(); ?> +<?php get_footer(); ?> diff --git a/wp-content/themes/twentytwelve/sidebar-front.php b/wp-content/themes/twentytwelve/sidebar-front.php index 5f1193537..e748510c2 100644 --- a/wp-content/themes/twentytwelve/sidebar-front.php +++ b/wp-content/themes/twentytwelve/sidebar-front.php @@ -1,36 +1,36 @@ -<?php -/** - * The sidebar containing the front page widget areas - * - * If no active widgets are in either sidebar, hide them completely. - * - * @package WordPress - * @subpackage Twenty_Twelve - * @since Twenty Twelve 1.0 - */ - -/* - * The front page widget area is triggered if any of the areas - * have widgets. So let's check that first. - * - * If none of the sidebars have widgets, then let's bail early. - */ -if ( ! is_active_sidebar( 'sidebar-2' ) && ! is_active_sidebar( 'sidebar-3' ) ) { - return; -} - -// If we get this far, we have widgets. Let do this. -?> -<div id="secondary" class="widget-area" role="complementary"> - <?php if ( is_active_sidebar( 'sidebar-2' ) ) : ?> - <div class="first front-widgets"> - <?php dynamic_sidebar( 'sidebar-2' ); ?> - </div><!-- .first --> - <?php endif; ?> - - <?php if ( is_active_sidebar( 'sidebar-3' ) ) : ?> - <div class="second front-widgets"> - <?php dynamic_sidebar( 'sidebar-3' ); ?> - </div><!-- .second --> - <?php endif; ?> -</div><!-- #secondary --> +<?php +/** + * The sidebar containing the front page widget areas + * + * If no active widgets are in either sidebar, hide them completely. + * + * @package WordPress + * @subpackage Twenty_Twelve + * @since Twenty Twelve 1.0 + */ + +/* + * The front page widget area is triggered if any of the areas + * have widgets. So let's check that first. + * + * If none of the sidebars have widgets, then let's bail early. + */ +if ( ! is_active_sidebar( 'sidebar-2' ) && ! is_active_sidebar( 'sidebar-3' ) ) { + return; +} + +// If we get this far, we have widgets. Let do this. +?> +<div id="secondary" class="widget-area" role="complementary"> + <?php if ( is_active_sidebar( 'sidebar-2' ) ) : ?> + <div class="first front-widgets"> + <?php dynamic_sidebar( 'sidebar-2' ); ?> + </div><!-- .first --> + <?php endif; ?> + + <?php if ( is_active_sidebar( 'sidebar-3' ) ) : ?> + <div class="second front-widgets"> + <?php dynamic_sidebar( 'sidebar-3' ); ?> + </div><!-- .second --> + <?php endif; ?> +</div><!-- #secondary --> diff --git a/wp-content/themes/twentytwelve/sidebar.php b/wp-content/themes/twentytwelve/sidebar.php index ca9dbddb7..c9a2f1d6b 100644 --- a/wp-content/themes/twentytwelve/sidebar.php +++ b/wp-content/themes/twentytwelve/sidebar.php @@ -1,17 +1,17 @@ -<?php -/** - * The sidebar containing the main widget area - * - * If no active widgets are in the sidebar, hide it completely. - * - * @package WordPress - * @subpackage Twenty_Twelve - * @since Twenty Twelve 1.0 - */ -?> - - <?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?> - <div id="secondary" class="widget-area" role="complementary"> - <?php dynamic_sidebar( 'sidebar-1' ); ?> - </div><!-- #secondary --> - <?php endif; ?> +<?php +/** + * The sidebar containing the main widget area + * + * If no active widgets are in the sidebar, hide it completely. + * + * @package WordPress + * @subpackage Twenty_Twelve + * @since Twenty Twelve 1.0 + */ +?> + + <?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?> + <div id="secondary" class="widget-area" role="complementary"> + <?php dynamic_sidebar( 'sidebar-1' ); ?> + </div><!-- #secondary --> + <?php endif; ?> diff --git a/wp-content/themes/twentytwelve/single.php b/wp-content/themes/twentytwelve/single.php index 10165cec3..9a2807f94 100644 --- a/wp-content/themes/twentytwelve/single.php +++ b/wp-content/themes/twentytwelve/single.php @@ -1,36 +1,36 @@ -<?php -/** - * The Template for displaying all single posts - * - * @package WordPress - * @subpackage Twenty_Twelve - * @since Twenty Twelve 1.0 - */ - -get_header(); ?> - - <div id="primary" class="site-content"> - <div id="content" role="main"> - - <?php - while ( have_posts() ) : - the_post(); - ?> - - <?php get_template_part( 'content', get_post_format() ); ?> - - <nav class="nav-single"> - <h3 class="assistive-text"><?php _e( 'Post navigation', 'twentytwelve' ); ?></h3> - <span class="nav-previous"><?php previous_post_link( '%link', '<span class="meta-nav">' . _x( '←', 'Previous post link', 'twentytwelve' ) . '</span> %title' ); ?></span> - <span class="nav-next"><?php next_post_link( '%link', '%title <span class="meta-nav">' . _x( '→', 'Next post link', 'twentytwelve' ) . '</span>' ); ?></span> - </nav><!-- .nav-single --> - - <?php comments_template( '', true ); ?> - - <?php endwhile; // end of the loop. ?> - - </div><!-- #content --> - </div><!-- #primary --> - -<?php get_sidebar(); ?> -<?php get_footer(); ?> +<?php +/** + * The Template for displaying all single posts + * + * @package WordPress + * @subpackage Twenty_Twelve + * @since Twenty Twelve 1.0 + */ + +get_header(); ?> + + <div id="primary" class="site-content"> + <div id="content" role="main"> + + <?php + while ( have_posts() ) : + the_post(); + ?> + + <?php get_template_part( 'content', get_post_format() ); ?> + + <nav class="nav-single"> + <h3 class="assistive-text"><?php _e( 'Post navigation', 'twentytwelve' ); ?></h3> + <span class="nav-previous"><?php previous_post_link( '%link', '<span class="meta-nav">' . _x( '←', 'Previous post link', 'twentytwelve' ) . '</span> %title' ); ?></span> + <span class="nav-next"><?php next_post_link( '%link', '%title <span class="meta-nav">' . _x( '→', 'Next post link', 'twentytwelve' ) . '</span>' ); ?></span> + </nav><!-- .nav-single --> + + <?php comments_template( '', true ); ?> + + <?php endwhile; // End of the loop. ?> + + </div><!-- #content --> + </div><!-- #primary --> + +<?php get_sidebar(); ?> +<?php get_footer(); ?> diff --git a/wp-content/themes/twentytwelve/style.css b/wp-content/themes/twentytwelve/style.css index d763bde4c..41567264e 100644 --- a/wp-content/themes/twentytwelve/style.css +++ b/wp-content/themes/twentytwelve/style.css @@ -1,1823 +1,1833 @@ -/* -Theme Name: Twenty Twelve -Theme URI: https://wordpress.org/themes/twentytwelve/ -Author: the WordPress team -Author URI: https://wordpress.org/ -Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background. -Version: 3.0 -License: GNU General Public License v2 or later -License URI: http://www.gnu.org/licenses/gpl-2.0.html -Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready -Text Domain: twentytwelve - -This theme, like WordPress, is licensed under the GPL. -Use it to make something cool, have fun, and share what you've learned with others. -*/ - -/* =Notes --------------------------------------------------------------- -This stylesheet uses rem values with a pixel fallback. The rem -values (and line heights) are calculated using two variables: - -$rembase: 14; -$line-height: 24; - ----------- Examples - -* Use a pixel value with a rem fallback for font-size, padding, margins, etc. - padding: 5px 0; - padding: 0.357142857rem 0; (5 / $rembase) - -* Set a font-size and then set a line-height based on the font-size - font-size: 16px - font-size: 1.142857143rem; (16 / $rembase) - line-height: 1.5; ($line-height / 16) - ----------- Vertical spacing - -Vertical spacing between most elements should use 24px or 48px -to maintain vertical rhythm: - -.my-new-div { - margin: 24px 0; - margin: 1.714285714rem 0; ( 24 / $rembase ) -} - ----------- Further reading - -http://snook.ca/archives/html_and_css/font-size-with-rem -http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/ - - -/* =Reset --------------------------------------------------------------- */ - -html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - vertical-align: baseline; -} -body { - line-height: 1; -} -ol, -ul { - list-style: none; -} -blockquote, -q { - quotes: none; -} -blockquote:before, -blockquote:after, -q:before, -q:after { - content: ''; - content: none; -} -table { - border-collapse: collapse; - border-spacing: 0; -} -caption, -th, -td { - font-weight: normal; - text-align: left; -} -h1, -h2, -h3, -h4, -h5, -h6 { - clear: both; -} -html { - overflow-y: scroll; - font-size: 100%; - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; -} -a:focus { - outline: thin dotted; -} -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -nav, -section { - display: block; -} -audio, -canvas, -video { - display: inline-block; -} -audio:not([controls]) { - display: none; -} -del { - color: #333; -} -ins { - background: #fff9c0; - text-decoration: none; -} -hr { - background-color: #ccc; - border: 0; - height: 1px; - margin: 24px; - margin-bottom: 1.714285714rem; -} -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} -sup { - top: -0.5em; -} -sub { - bottom: -0.25em; -} -small { - font-size: smaller; -} -img { - border: 0; - -ms-interpolation-mode: bicubic; -} - -/* Clearing floats */ -.clear:after, -.wrapper:after, -.format-status .entry-header:after { - clear: both; -} -.clear:before, -.clear:after, -.wrapper:before, -.wrapper:after, -.format-status .entry-header:before, -.format-status .entry-header:after { - display: table; - content: ""; -} - - -/* =Repeatable patterns --------------------------------------------------------------- */ - -/* Small headers */ -.archive-title, -.page-title, -.widget-title, -.entry-content th, -.comment-content th { - font-size: 11px; - font-size: 0.785714286rem; - line-height: 2.181818182; - font-weight: bold; - text-transform: uppercase; - color: #636363; -} - -/* Shared Post Format styling */ -article.format-quote footer.entry-meta, -article.format-link footer.entry-meta, -article.format-status footer.entry-meta { - font-size: 11px; - font-size: 0.785714286rem; - line-height: 2.181818182; -} - -/* Form fields, general styles first */ -button, -input, -select, -textarea { - border: 1px solid #ccc; - border-radius: 3px; - font-family: inherit; - padding: 6px; - padding: 0.428571429rem; -} -button, -input { - line-height: normal; -} -textarea { - font-size: 100%; - overflow: auto; - vertical-align: top; -} - -/* Reset non-text input types */ -input[type="checkbox"], -input[type="radio"], -input[type="file"], -input[type="hidden"], -input[type="image"], -input[type="color"] { - border: 0; - border-radius: 0; - padding: 0; -} - -/* Buttons */ -.menu-toggle, -input[type="submit"], -input[type="button"], -input[type="reset"], -article.post-password-required input[type=submit], -.bypostauthor cite span { - padding: 6px 10px; - padding: 0.428571429rem 0.714285714rem; - font-size: 11px; - font-size: 0.785714286rem; - line-height: 1.428571429; - font-weight: normal; - color: #7c7c7c; - background-color: #e6e6e6; - background-repeat: repeat-x; - background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); - background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); - background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); - background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); - background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6); - border: 1px solid #d2d2d2; - border-radius: 3px; - box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); -} -.menu-toggle, -button, -input[type="submit"], -input[type="button"], -input[type="reset"] { - cursor: pointer; -} -button[disabled], -input[disabled] { - cursor: default; -} -.menu-toggle:hover, -.menu-toggle:focus, -button:hover, -input[type="submit"]:hover, -input[type="button"]:hover, -input[type="reset"]:hover, -article.post-password-required input[type=submit]:hover { - color: #5e5e5e; - background-color: #ebebeb; - background-repeat: repeat-x; - background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb); - background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb); - background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb); - background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb); - background-image: linear-gradient(to bottom, #f9f9f9, #ebebeb); -} -.menu-toggle:active, -.menu-toggle.toggled-on, -button:active, -input[type="submit"]:active, -input[type="button"]:active, -input[type="reset"]:active { - color: #757575; - background-color: #e1e1e1; - background-repeat: repeat-x; - background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1); - background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1); - background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1); - background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1); - background-image: linear-gradient(to bottom, #ebebeb, #e1e1e1); - box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4; - border-color: transparent; -} -.bypostauthor cite span { - color: #fff; - background-color: #21759b; - background-image: none; - border: 1px solid #1f6f93; - border-radius: 2px; - box-shadow: none; - padding: 0; -} - -/* Responsive images */ -.entry-content img, -.comment-content img, -.widget img { - max-width: 100%; /* Fluid images for posts, comments, and widgets */ -} -img[class*="align"], -img[class*="wp-image-"], -img[class*="attachment-"] { - height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ -} -img.size-full, -img.size-large, -img.header-image, -img.wp-post-image { - max-width: 100%; - height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ -} - -/* Make sure videos and embeds fit their containers */ -embed, -iframe, -object, -video { - max-width: 100%; -} -.entry-content .twitter-tweet-rendered { - max-width: 100% !important; /* Override the Twitter embed fixed width */ -} - -/* Images */ -.alignleft { - float: left; -} -.alignright { - float: right; -} -.aligncenter { - display: block; - margin-left: auto; - margin-right: auto; -} -.entry-content img, -.comment-content img, -.widget img, -img.header-image, -.author-avatar img, -img.wp-post-image { - /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */ - border-radius: 3px; - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -} -.wp-caption { - max-width: 100%; /* Keep wide captions from overflowing their container. */ - padding: 4px; -} -.wp-caption .wp-caption-text, -.gallery-caption, -.entry-caption { - font-style: italic; - font-size: 12px; - font-size: 0.857142857rem; - line-height: 2; - color: #757575; -} -img.wp-smiley, -.rsswidget img { - border: 0; - border-radius: 0; - box-shadow: none; - margin-bottom: 0; - margin-top: 0; - padding: 0; -} -.entry-content dl.gallery-item { - margin: 0; -} -.gallery-item a, -.gallery-caption { - width: 90%; -} -.gallery-item a { - display: block; -} -.gallery-caption a { - display: inline; -} -.gallery-columns-1 .gallery-item a { - max-width: 100%; - width: auto; -} -.gallery .gallery-icon img { - height: auto; - max-width: 90%; - padding: 5%; -} -.gallery-columns-1 .gallery-icon img { - padding: 3%; -} - -/* Navigation */ -.site-content nav { - clear: both; - line-height: 2; - overflow: hidden; -} -#nav-above { - padding: 24px 0; - padding: 1.714285714rem 0; -} -#nav-above { - display: none; -} -.paged #nav-above { - display: block; -} -.nav-previous, -.previous-image { - float: left; - width: 50%; -} -.nav-next, -.next-image { - float: right; - text-align: right; - width: 50%; -} -.nav-single + .comments-area, -#comment-nav-above { - margin: 48px 0; - margin: 3.428571429rem 0; -} - -/* Author profiles */ -.author .archive-header { - margin-bottom: 24px; - margin-bottom: 1.714285714rem; -} -.author-info { - border-top: 1px solid #ededed; - margin: 24px 0; - margin: 1.714285714rem 0; - padding-top: 24px; - padding-top: 1.714285714rem; - overflow: hidden; -} -.author-description p { - color: #757575; - font-size: 13px; - font-size: 0.928571429rem; - line-height: 1.846153846; -} -.author.archive .author-info { - border-top: 0; - margin: 0 0 48px; - margin: 0 0 3.428571429rem; -} -.author.archive .author-avatar { - margin-top: 0; -} - - -/* =Basic structure --------------------------------------------------------------- */ - -/* Body, links, basics */ -html { - font-size: 87.5%; -} -body { - font-size: 14px; - font-size: 1rem; - font-family: Helvetica, Arial, sans-serif; - text-rendering: optimizeLegibility; - color: #444; -} -body.custom-font-enabled { - font-family: "Open Sans", Helvetica, Arial, sans-serif; -} -a { - outline: none; - color: #21759b; -} -a:hover { - color: #0f3647; -} - -/* Assistive text */ -.assistive-text, -.site .screen-reader-text { - position: absolute !important; - clip: rect(1px, 1px, 1px, 1px); - overflow: hidden; - height: 1px; - width: 1px; -} -.main-navigation .assistive-text:focus, -.site .screen-reader-text:hover, -.site .screen-reader-text:active, -.site .screen-reader-text:focus { - background: #fff; - border: 2px solid #333; - border-radius: 3px; - clip: auto !important; - color: #000; - display: block; - font-size: 12px; - height: auto; - padding: 12px; - position: absolute; - top: 5px; - left: 5px; - width: auto; - z-index: 100000; /* Above WP toolbar */ -} - -/* Page structure */ -.site { - padding: 0 24px; - padding: 0 1.714285714rem; - background-color: #fff; -} -.site-content { - margin: 24px 0 0; - margin: 1.714285714rem 0 0; -} -.widget-area { - margin: 24px 0 0; - margin: 1.714285714rem 0 0; -} - -/* Header */ -.site-header { - padding: 24px 0; - padding: 1.714285714rem 0; -} -.site-header h1, -.site-header h2 { - text-align: center; -} -.site-header h1 a, -.site-header h2 a { - color: #515151; - display: inline-block; - text-decoration: none; -} -.site-header h1 a:hover, -.site-header h2 a:hover { - color: #21759b; -} -.site-header h1 { - font-size: 24px; - font-size: 1.714285714rem; - line-height: 1.285714286; - margin-bottom: 14px; - margin-bottom: 1rem; -} -.site-header h2 { - font-weight: normal; - font-size: 13px; - font-size: 0.928571429rem; - line-height: 1.846153846; - color: #757575; -} -.header-image { - margin-top: 24px; - margin-top: 1.714285714rem; -} - -/* Navigation Menu */ -.main-navigation { - margin-top: 24px; - margin-top: 1.714285714rem; - text-align: center; -} -.main-navigation li { - margin-top: 24px; - margin-top: 1.714285714rem; - font-size: 12px; - font-size: 0.857142857rem; - line-height: 1.42857143; -} -.main-navigation a { - color: #5e5e5e; -} -.main-navigation a:hover, -.main-navigation a:focus { - color: #21759b; -} -.main-navigation ul.nav-menu, -.main-navigation div.nav-menu > ul { - display: none; -} -.main-navigation ul.nav-menu.toggled-on, -.menu-toggle { - display: inline-block; -} - -/* Banner */ -section[role="banner"] { - margin-bottom: 48px; - margin-bottom: 3.428571429rem; -} - -/* Sidebar */ -.widget-area .widget { - -webkit-hyphens: auto; - -moz-hyphens: auto; - hyphens: auto; - margin-bottom: 48px; - margin-bottom: 3.428571429rem; - word-wrap: break-word; -} -.widget-area .widget h3 { - margin-bottom: 24px; - margin-bottom: 1.714285714rem; -} -.widget-area .widget p, -.widget-area .widget li, -.widget-area .widget .textwidget { - font-size: 13px; - font-size: 0.928571429rem; - line-height: 1.846153846; -} -.widget-area .widget p { - margin-bottom: 24px; - margin-bottom: 1.714285714rem; -} -.widget-area .textwidget ul, -.widget-area .textwidget ol { - list-style: disc outside; - margin: 0 0 24px; - margin: 0 0 1.714285714rem; -} -.widget-area .textwidget li > ul, -.widget-area .textwidget li > ol { - margin-bottom: 0; -} -.widget-area .textwidget ol { - list-style: decimal; -} -.widget-area .textwidget li { - margin-left: 36px; - margin-left: 2.571428571rem; -} -.widget-area .widget a { - color: #757575; -} -.widget-area .widget a:hover { - color: #21759b; -} -.widget-area .widget a:visited { - color: #9f9f9f; -} -.widget-area #s { - width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */ -} - -/* Footer */ -footer[role="contentinfo"] { - border-top: 1px solid #ededed; - clear: both; - font-size: 12px; - font-size: 0.857142857rem; - line-height: 2; - max-width: 960px; - max-width: 68.571428571rem; - margin-top: 24px; - margin-top: 1.714285714rem; - margin-left: auto; - margin-right: auto; - padding: 24px 0; - padding: 1.714285714rem 0; -} -footer[role="contentinfo"] a { - color: #686868; -} -footer[role="contentinfo"] a:hover { - color: #21759b; -} -.site-info span[role=separator] { - padding: 0 0.3em 0 0.6em; -} -.site-info span[role=separator]::before { - content: '\002f'; -} - - -/* =Main content and comment content --------------------------------------------------------------- */ - -.entry-meta { - clear: both; -} -.entry-header { - margin-bottom: 24px; - margin-bottom: 1.714285714rem; -} -.entry-header img.wp-post-image { - margin-bottom: 24px; - margin-bottom: 1.714285714rem; -} -.entry-header .entry-title { - font-size: 20px; - font-size: 1.428571429rem; - line-height: 1.2; - font-weight: normal; -} -.entry-header .entry-title a { - text-decoration: none; -} -.entry-header .entry-format { - margin-top: 24px; - margin-top: 1.714285714rem; - font-weight: normal; -} -.entry-header .comments-link { - margin-top: 24px; - margin-top: 1.714285714rem; - font-size: 13px; - font-size: 0.928571429rem; - line-height: 1.846153846; - color: #757575; -} -.comments-link a, -.entry-meta a { - color: #757575; -} -.comments-link a:hover, -.entry-meta a:hover { - color: #21759b; -} -article.sticky .featured-post { - border-top: 4px double #ededed; - border-bottom: 4px double #ededed; - color: #757575; - font-size: 13px; - font-size: 0.928571429rem; - line-height: 3.692307692; - margin-bottom: 24px; - margin-bottom: 1.714285714rem; - text-align: center; -} -.entry-content, -.entry-summary, -.mu_register { - line-height: 1.714285714; -} -.entry-content h1, -.comment-content h1, -.entry-content h2, -.comment-content h2, -.entry-content h3, -.comment-content h3, -.entry-content h4, -.comment-content h4, -.entry-content h5, -.comment-content h5, -.entry-content h6, -.comment-content h6 { - margin: 24px 0; - margin: 1.714285714rem 0; - line-height: 1.714285714; -} -.entry-content h1, -.comment-content h1 { - font-size: 21px; - font-size: 1.5rem; - line-height: 1.5; -} -.entry-content h2, -.comment-content h2, -.mu_register h2 { - font-size: 18px; - font-size: 1.285714286rem; - line-height: 1.6; -} -.entry-content h3, -.comment-content h3 { - font-size: 16px; - font-size: 1.142857143rem; - line-height: 1.846153846; -} -.entry-content h4, -.comment-content h4 { - font-size: 14px; - font-size: 1rem; - line-height: 1.846153846; -} -.entry-content h5, -.comment-content h5 { - font-size: 13px; - font-size: 0.928571429rem; - line-height: 1.846153846; -} -.entry-content h6, -.comment-content h6 { - font-size: 12px; - font-size: 0.857142857rem; - line-height: 1.846153846; -} -.entry-content p, -.entry-summary p, -.comment-content p, -.mu_register p { - margin: 0 0 24px; - margin: 0 0 1.714285714rem; - line-height: 1.714285714; -} -.entry-content a:visited, -.comment-content a:visited { - color: #9f9f9f; -} -.entry-content .more-link { - white-space: nowrap; -} -.entry-content ol, -.comment-content ol, -.entry-content ul, -.comment-content ul, -.mu_register ul { - margin: 0 0 24px; - margin: 0 0 1.714285714rem; - line-height: 1.714285714; -} -.entry-content ul ul, -.comment-content ul ul, -.entry-content ol ol, -.comment-content ol ol, -.entry-content ul ol, -.comment-content ul ol, -.entry-content ol ul, -.comment-content ol ul { - margin-bottom: 0; -} -.entry-content ul, -.comment-content ul, -.mu_register ul { - list-style: disc outside; -} -.entry-content ol, -.comment-content ol { - list-style: decimal outside; -} -.entry-content li, -.comment-content li, -.mu_register li { - margin: 0 0 0 36px; - margin: 0 0 0 2.571428571rem; -} -.entry-content blockquote, -.comment-content blockquote { - margin-bottom: 24px; - margin-bottom: 1.714285714rem; - padding: 24px; - padding: 1.714285714rem; - font-style: italic; -} -.entry-content blockquote p:last-child, -.comment-content blockquote p:last-child { - margin-bottom: 0; -} -.entry-content code, -.comment-content code { - font-family: Consolas, Monaco, Lucida Console, monospace; - font-size: 12px; - font-size: 0.857142857rem; - line-height: 2; -} -.entry-content pre, -.comment-content pre { - border: 1px solid #ededed; - color: #666; - font-family: Consolas, Monaco, Lucida Console, monospace; - font-size: 12px; - font-size: 0.857142857rem; - line-height: 1.714285714; - margin: 24px 0; - margin: 1.714285714rem 0; - overflow: auto; - padding: 24px; - padding: 1.714285714rem; -} -.entry-content pre code, -.comment-content pre code { - display: block; -} -.entry-content abbr, -.comment-content abbr, -.entry-content dfn, -.comment-content dfn, -.entry-content acronym, -.comment-content acronym { - border-bottom: 1px dotted #666; - cursor: help; -} -.entry-content address, -.comment-content address { - display: block; - line-height: 1.714285714; - margin: 0 0 24px; - margin: 0 0 1.714285714rem; -} -img.alignleft, -.wp-caption.alignleft { - margin: 12px 24px 12px 0; - margin: 0.857142857rem 1.714285714rem 0.857142857rem 0; -} -img.alignright, -.wp-caption.alignright { - margin: 12px 0 12px 24px; - margin: 0.857142857rem 0 0.857142857rem 1.714285714rem; -} -img.aligncenter, -.wp-caption.aligncenter { - clear: both; - margin-top: 12px; - margin-top: 0.857142857rem; - margin-bottom: 12px; - margin-bottom: 0.857142857rem; -} -.entry-content embed, -.entry-content iframe, -.entry-content object, -.entry-content video { - margin-bottom: 24px; - margin-bottom: 1.714285714rem; -} -.entry-content dl, -.comment-content dl { - margin: 0 24px; - margin: 0 1.714285714rem; -} -.entry-content dt, -.comment-content dt { - font-weight: bold; - line-height: 1.714285714; -} -.entry-content dd, -.comment-content dd { - line-height: 1.714285714; - margin-bottom: 24px; - margin-bottom: 1.714285714rem; -} -.entry-content table, -.comment-content table { - border-bottom: 1px solid #ededed; - color: #757575; - font-size: 12px; - font-size: 0.857142857rem; - line-height: 2; - margin: 0 0 24px; - margin: 0 0 1.714285714rem; - width: 100%; -} -.entry-content table caption, -.comment-content table caption { - font-size: 16px; - font-size: 1.142857143rem; - margin: 24px 0; - margin: 1.714285714rem 0; -} -.entry-content td, -.comment-content td { - border-top: 1px solid #ededed; - padding: 6px 10px 6px 0; -} -.site-content article { - border-bottom: 4px double #ededed; - margin-bottom: 72px; - margin-bottom: 5.142857143rem; - padding-bottom: 24px; - padding-bottom: 1.714285714rem; - word-wrap: break-word; - -webkit-hyphens: auto; - -moz-hyphens: auto; - hyphens: auto; -} -.page-links { - clear: both; - line-height: 1.714285714; -} -footer.entry-meta { - margin-top: 24px; - margin-top: 1.714285714rem; - font-size: 13px; - font-size: 0.928571429rem; - line-height: 1.846153846; - color: #757575; -} -.single-author .entry-meta .by-author { - display: none; -} -.mu_register h2 { - color: #757575; - font-weight: normal; -} - - -/* =Archives --------------------------------------------------------------- */ - -.archive-header, -.page-header { - margin-bottom: 48px; - margin-bottom: 3.428571429rem; - padding-bottom: 22px; - padding-bottom: 1.571428571rem; - border-bottom: 1px solid #ededed; -} -.archive-meta { - color: #757575; - font-size: 12px; - font-size: 0.857142857rem; - line-height: 2; - margin-top: 22px; - margin-top: 1.571428571rem; -} - -/* =Single audio/video attachment view --------------------------------------------------------------- */ - -.attachment .entry-content .mejs-audio { - max-width: 400px; -} - -.attachment .entry-content .mejs-container { - margin-bottom: 24px; -} - - -/* =Single image attachment view --------------------------------------------------------------- */ - -.article.attachment { - overflow: hidden; -} -.image-attachment div.attachment { - text-align: center; -} -.image-attachment div.attachment p { - text-align: center; -} -.image-attachment div.attachment img { - display: block; - height: auto; - margin: 0 auto; - max-width: 100%; -} -.image-attachment .entry-caption { - margin-top: 8px; - margin-top: 0.571428571rem; -} - - -/* =Aside post format --------------------------------------------------------------- */ - -article.format-aside h1 { - margin-bottom: 24px; - margin-bottom: 1.714285714rem; -} -article.format-aside h1 a { - text-decoration: none; - color: #4d525a; -} -article.format-aside h1 a:hover { - color: #2e3542; -} -article.format-aside .aside { - padding: 24px 24px 0; - padding: 1.714285714rem; - background: #d2e0f9; - border-left: 22px solid #a8bfe8; -} -article.format-aside p { - font-size: 13px; - font-size: 0.928571429rem; - line-height: 1.846153846; - color: #4a5466; -} -article.format-aside blockquote:last-child, -article.format-aside p:last-child { - margin-bottom: 0; -} - - -/* =Post formats --------------------------------------------------------------- */ - -/* Image posts */ -article.format-image footer h1 { - font-size: 13px; - font-size: 0.928571429rem; - line-height: 1.846153846; - font-weight: normal; -} -article.format-image footer h2 { - font-size: 11px; - font-size: 0.785714286rem; - line-height: 2.181818182; -} -article.format-image footer a h2 { - font-weight: normal; -} - -/* Link posts */ -article.format-link header { - padding: 0 10px; - padding: 0 0.714285714rem; - float: right; - font-size: 11px; - font-size: 0.785714286rem; - line-height: 2.181818182; - font-weight: bold; - font-style: italic; - text-transform: uppercase; - color: #848484; - background-color: #ebebeb; - border-radius: 3px; -} -article.format-link .entry-content { - max-width: 80%; - float: left; -} -article.format-link .entry-content a { - font-size: 22px; - font-size: 1.571428571rem; - line-height: 1.090909091; - text-decoration: none; -} - -/* Quote posts */ -article.format-quote .entry-content p { - margin: 0; - padding-bottom: 24px; - padding-bottom: 1.714285714rem; -} -article.format-quote .entry-content blockquote { - display: block; - padding: 24px 24px 0; - padding: 1.714285714rem 1.714285714rem 0; - font-size: 15px; - font-size: 1.071428571rem; - line-height: 1.6; - font-style: normal; - color: #6a6a6a; - background: #efefef; -} - -/* Status posts */ -.format-status .entry-header { - margin-bottom: 24px; - margin-bottom: 1.714285714rem; -} -.format-status .entry-header header { - display: inline-block; -} -.format-status .entry-header h1 { - font-size: 15px; - font-size: 1.071428571rem; - font-weight: normal; - line-height: 1.6; - margin: 0; -} -.format-status .entry-header h2 { - font-size: 12px; - font-size: 0.857142857rem; - font-weight: normal; - line-height: 2; - margin: 0; -} -.format-status .entry-header header a { - color: #757575; -} -.format-status .entry-header header a:hover { - color: #21759b; -} -.format-status .entry-header img { - float: left; - margin-right: 21px; - margin-right: 1.5rem; -} - - -/* =Comments --------------------------------------------------------------- */ - -.comments-title { - margin-bottom: 48px; - margin-bottom: 3.428571429rem; - font-size: 16px; - font-size: 1.142857143rem; - line-height: 1.5; - font-weight: normal; -} -.comments-area article { - margin: 24px 0; - margin: 1.714285714rem 0; -} -.comments-area article header { - margin: 0 0 48px; - margin: 0 0 3.428571429rem; - overflow: hidden; - position: relative; -} -.comments-area article header img { - float: left; - padding: 0; - line-height: 0; -} -.comments-area article header cite, -.comments-area article header time { - display: block; - margin-left: 85px; - margin-left: 6.071428571rem; -} -.comments-area article header cite { - font-style: normal; - font-size: 15px; - font-size: 1.071428571rem; - line-height: 1.42857143; -} -.comments-area cite b { - font-weight: normal; -} -.comments-area article header time { - line-height: 1.714285714; - text-decoration: none; - font-size: 12px; - font-size: 0.857142857rem; - color: #5e5e5e; -} -.comments-area article header a { - text-decoration: none; - color: #5e5e5e; -} -.comments-area article header a:hover { - color: #21759b; -} -.comments-area article header cite a { - color: #444; -} -.comments-area article header cite a:hover { - text-decoration: underline; -} -.comments-area article header h4 { - position: absolute; - top: 0; - right: 0; - padding: 6px 12px; - padding: 0.428571429rem 0.857142857rem; - font-size: 12px; - font-size: 0.857142857rem; - font-weight: normal; - color: #fff; - background-color: #0088d0; - background-repeat: repeat-x; - background-image: -moz-linear-gradient(top, #009cee, #0088d0); - background-image: -ms-linear-gradient(top, #009cee, #0088d0); - background-image: -webkit-linear-gradient(top, #009cee, #0088d0); - background-image: -o-linear-gradient(top, #009cee, #0088d0); - background-image: linear-gradient(to bottom, #009cee, #0088d0); - border-radius: 3px; - border: 1px solid #007cbd; -} -.comments-area .bypostauthor cite span { - position: absolute; - margin-left: 5px; - margin-left: 0.357142857rem; - padding: 2px 5px; - padding: 0.142857143rem 0.357142857rem; - font-size: 10px; - font-size: 0.714285714rem; -} -.comments-area .bypostauthor cite b { - font-weight: bold; -} -a.comment-reply-link, -a.comment-edit-link { - color: #686868; - font-size: 13px; - font-size: 0.928571429rem; - line-height: 1.846153846; -} -a.comment-reply-link:hover, -a.comment-edit-link:hover { - color: #21759b; -} -.commentlist .pingback { - line-height: 1.714285714; - margin-bottom: 24px; - margin-bottom: 1.714285714rem; -} - -/* Comment form */ -#respond { - margin-top: 48px; - margin-top: 3.428571429rem; -} -#respond h3#reply-title { - font-size: 16px; - font-size: 1.142857143rem; - line-height: 1.5; -} -#respond h3#reply-title #cancel-comment-reply-link { - margin-left: 10px; - margin-left: 0.714285714rem; - font-weight: normal; - font-size: 12px; - font-size: 0.857142857rem; -} -#respond form { - margin: 24px 0; - margin: 1.714285714rem 0; -} -#respond form p { - margin: 11px 0; - margin: 0.785714286rem 0; -} -#respond form p.logged-in-as { - margin-bottom: 24px; - margin-bottom: 1.714285714rem; -} -#respond form label { - display: block; - line-height: 1.714285714; -} -#respond form input[type="text"], -#respond form textarea { - -moz-box-sizing: border-box; - box-sizing: border-box; - font-size: 12px; - font-size: 0.857142857rem; - line-height: 1.714285714; - padding: 10px; - padding: 0.714285714rem; - width: 100%; -} -#respond form p.form-allowed-tags { - margin: 0; - font-size: 12px; - font-size: 0.857142857rem; - line-height: 2; - color: #5e5e5e; -} -#respond #wp-comment-cookies-consent { - margin: 0 10px 0 0; -} -#respond .comment-form-cookies-consent label { - display: inline; -} -.required { - color: red; -} - - -/* =Front page template --------------------------------------------------------------- */ - -.entry-page-image { - margin-bottom: 14px; - margin-bottom: 1rem; -} -.template-front-page .site-content article { - border: 0; - margin-bottom: 0; -} -.template-front-page .widget-area { - clear: both; - float: none; - width: auto; - padding-top: 24px; - padding-top: 1.714285714rem; - border-top: 1px solid #ededed; -} -.template-front-page .widget-area .widget li { - margin: 8px 0 0; - margin: 0.571428571rem 0 0; - font-size: 13px; - font-size: 0.928571429rem; - line-height: 1.714285714; - list-style-type: square; - list-style-position: inside; -} -.template-front-page .widget-area .widget li a { - color: #757575; -} -.template-front-page .widget-area .widget li a:hover { - color: #21759b; -} -.template-front-page .widget-area .widget_text img { - float: left; - margin: 8px 24px 8px 0; - margin: 0.571428571rem 1.714285714rem 0.571428571rem 0; -} - - -/* =Widgets --------------------------------------------------------------- */ - -.widget-area .widget ul ul { - margin-left: 12px; - margin-left: 0.857142857rem; -} -.widget_rss li { - margin: 12px 0; - margin: 0.857142857rem 0; -} -.widget_recent_entries .post-date, -.widget_rss .rss-date { - color: #aaa; - font-size: 11px; - font-size: 0.785714286rem; - margin-left: 12px; - margin-left: 0.857142857rem; -} -#wp-calendar { - margin: 0; - width: 100%; - font-size: 13px; - font-size: 0.928571429rem; - line-height: 1.846153846; - color: #686868; -} -#wp-calendar th, -#wp-calendar td, -#wp-calendar caption { - text-align: left; -} -#wp-calendar #next { - padding-right: 24px; - padding-right: 1.714285714rem; - text-align: right; -} -.widget_search label { - display: block; - font-size: 13px; - font-size: 0.928571429rem; - line-height: 1.846153846; -} -.widget_twitter li { - list-style-type: none; -} -.widget_twitter .timesince { - display: block; - text-align: right; -} -.tagcloud ul { - list-style-type: none; -} - -.tagcloud ul li { - display: inline-block; -} - -.widget-area .widget.widget_tag_cloud li { - line-height: 1; -} -.template-front-page .widget-area .widget.widget_tag_cloud li { - margin: 0; -} - -.widget-area .gallery-columns-2.gallery-size-full .gallery-icon img, -.widget-area .gallery-columns-3.gallery-size-full .gallery-icon img, -.widget-area .gallery-columns-4.gallery-size-full .gallery-icon img, -.widget-area .gallery-columns-5.gallery-size-full .gallery-icon img, -.widget-area .gallery-columns-6 .gallery-icon img, -.widget-area .gallery-columns-7 .gallery-icon img, -.widget-area .gallery-columns-8 .gallery-icon img, -.widget-area .gallery-columns-9 .gallery-icon img { - height: auto; - max-width: 80%; -} - -/* =Plugins ------------------------------------------------ */ - -img#wpstats { - display: block; - margin: 0 auto 24px; - margin: 0 auto 1.714285714rem; -} - - -/* =Media queries --------------------------------------------------------------- */ - -/* Does the same thing as <meta name="viewport" content="width=device-width">, - * but in the future W3C standard way. -ms- prefix is required for IE10+ to - * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor - * the meta tag. See https://core.trac.wordpress.org/ticket/25888. - */ -@-ms-viewport { - width: device-width; -} -@viewport { - width: device-width; -} - -/* Minimum width of 600 pixels. */ -@media screen and (min-width: 600px) { - .author-avatar { - float: left; - margin-top: 8px; - margin-top: 0.571428571rem; - } - .author-description { - float: right; - width: 80%; - } - .site { - margin: 0 auto; - max-width: 960px; - max-width: 68.571428571rem; - overflow: hidden; - } - .site-content { - float: left; - width: 65.104166667%; - } - body.template-front-page .site-content, - body.attachment .site-content, - body.full-width .site-content { - width: 100%; - } - .widget-area { - float: right; - width: 26.041666667%; - } - .site-header h1, - .site-header h2 { - text-align: left; - } - .site-header h1 { - font-size: 26px; - font-size: 1.857142857rem; - line-height: 1.846153846; - margin-bottom: 0; - } - .main-navigation ul.nav-menu, - .main-navigation div.nav-menu > ul { - border-bottom: 1px solid #ededed; - border-top: 1px solid #ededed; - display: inline-block !important; - text-align: left; - width: 100%; - } - .main-navigation ul { - margin: 0; - text-indent: 0; - } - .main-navigation li a, - .main-navigation li { - display: inline-block; - text-decoration: none; - } - .main-navigation li a { - border-bottom: 0; - color: #6a6a6a; - line-height: 3.692307692; - text-transform: uppercase; - white-space: nowrap; - } - .main-navigation li a:hover, - .main-navigation li a:focus { - color: #000; - } - .main-navigation li { - margin: 0 40px 0 0; - margin: 0 2.857142857rem 0 0; - position: relative; - } - .main-navigation li ul { - margin: 0; - padding: 0; - position: absolute; - top: 100%; - z-index: 1; - height: 1px; - width: 1px; - overflow: hidden; - clip: rect(1px, 1px, 1px, 1px); - } - .main-navigation li ul ul { - top: 0; - left: 100%; - } - .main-navigation ul li:hover > ul, - .main-navigation ul li:focus > ul, - .main-navigation .focus > ul { - border-left: 0; - clip: inherit; - overflow: inherit; - height: inherit; - width: inherit; - } - .main-navigation li ul li a { - background: #efefef; - border-bottom: 1px solid #ededed; - display: block; - font-size: 11px; - font-size: 0.785714286rem; - line-height: 2.181818182; - padding: 8px 10px; - padding: 0.571428571rem 0.714285714rem; - width: 180px; - width: 12.85714286rem; - white-space: normal; - } - .main-navigation li ul li a:hover, - .main-navigation li ul li a:focus { - background: #e3e3e3; - color: #444; - } - .main-navigation .current-menu-item > a, - .main-navigation .current-menu-ancestor > a, - .main-navigation .current_page_item > a, - .main-navigation .current_page_ancestor > a { - color: #636363; - font-weight: bold; - } - .menu-toggle { - display: none; - } - .entry-header .entry-title { - font-size: 22px; - font-size: 1.571428571rem; - } - #respond form input[type="text"] { - width: 46.333333333%; - } - #respond form textarea.blog-textarea { - width: 79.666666667%; - } - .template-front-page .site-content, - .template-front-page article { - overflow: hidden; - } - .template-front-page.has-post-thumbnail article { - float: left; - width: 47.916666667%; - } - .entry-page-image { - float: right; - margin-bottom: 0; - width: 47.916666667%; - } - .template-front-page .widget-area .widget, - .template-front-page.two-sidebars .widget-area .front-widgets { - float: left; - width: 51.875%; - margin-bottom: 24px; - margin-bottom: 1.714285714rem; - } - .template-front-page .widget-area .widget:nth-child(odd) { - clear: right; - } - .template-front-page .widget-area .widget:nth-child(even), - .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets { - float: right; - width: 39.0625%; - margin: 0 0 24px; - margin: 0 0 1.714285714rem; - } - .template-front-page.two-sidebars .widget, - .template-front-page.two-sidebars .widget:nth-child(even) { - float: none; - width: auto; - } - .commentlist .children { - margin-left: 48px; - margin-left: 3.428571429rem; - } -} - -/* Minimum width of 960 pixels. */ -@media screen and (min-width: 960px) { - body { - background-color: #e6e6e6; - } - body .site { - padding: 0 40px; - padding: 0 2.857142857rem; - margin-top: 48px; - margin-top: 3.428571429rem; - margin-bottom: 48px; - margin-bottom: 3.428571429rem; - box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); - } - body.custom-background-empty { - background-color: #fff; - } - body.custom-background-empty .site, - body.custom-background-white .site { - padding: 0; - margin-top: 0; - margin-bottom: 0; - box-shadow: none; - } -} - - -/* =Print ------------------------------------------------ */ - -@media print { - body { - background: none !important; - color: #000; - font-size: 10pt; - } - footer a[rel=bookmark]:link:after, - footer a[rel=bookmark]:visited:after { - content: " [" attr(href) "] "; /* Show URLs */ - } - a { - text-decoration: none; - } - .entry-content img, - .comment-content img, - .author-avatar img, - img.wp-post-image { - border-radius: 0; - box-shadow: none; - } - .site { - clear: both !important; - display: block !important; - float: none !important; - max-width: 100%; - position: relative !important; - } - .site-header { - margin-bottom: 72px; - margin-bottom: 5.142857143rem; - text-align: left; - } - .site-header h1 { - font-size: 21pt; - line-height: 1; - text-align: left; - } - .site-header h2 { - color: #000; - font-size: 10pt; - text-align: left; - } - .site-header h1 a, - .site-header h2 a { - color: #000; - } - .author-avatar, - #colophon, - #respond, - .commentlist .comment-edit-link, - .commentlist .reply, - .entry-header .comments-link, - .entry-meta .edit-link a, - .page-link, - .site-content nav, - .widget-area, - img.header-image, - .main-navigation { - display: none; - } - .wrapper { - border-top: none; - box-shadow: none; - } - .site-content { - margin: 0; - width: auto; - } - - .entry-header .entry-title, - .entry-title { - font-size: 21pt; - } - footer.entry-meta, - footer.entry-meta a { - color: #444; - font-size: 10pt; - } - .author-description { - float: none; - width: auto; - } - - /* Comments */ - .commentlist > li.comment { - background: none; - position: relative; - width: auto; - } - .commentlist .avatar { - height: 39px; - left: 2.2em; - top: 2.2em; - width: 39px; - } - .comments-area article header cite, - .comments-area article header time { - margin-left: 50px; - margin-left: 3.57142857rem; - } -} +/* +Theme Name: Twenty Twelve +Theme URI: https://wordpress.org/themes/twentytwelve/ +Author: the WordPress team +Author URI: https://wordpress.org/ +Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background. +Version: 3.1 +Requires at least: 3.5 +Requires PHP: 5.2.4 +License: GNU General Public License v2 or later +License URI: http://www.gnu.org/licenses/gpl-2.0.html +Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready +Text Domain: twentytwelve + +This theme, like WordPress, is licensed under the GPL. +Use it to make something cool, have fun, and share what you've learned with others. +*/ + +/* =Notes +-------------------------------------------------------------- +This stylesheet uses rem values with a pixel fallback. The rem +values (and line heights) are calculated using two variables: + +$rembase: 14; +$line-height: 24; + +---------- Examples + +* Use a pixel value with a rem fallback for font-size, padding, margins, etc. + padding: 5px 0; + padding: 0.357142857rem 0; (5 / $rembase) + +* Set a font-size and then set a line-height based on the font-size + font-size: 16px + font-size: 1.142857143rem; (16 / $rembase) + line-height: 1.5; ($line-height / 16) + +---------- Vertical spacing + +Vertical spacing between most elements should use 24px or 48px +to maintain vertical rhythm: + +.my-new-div { + margin: 24px 0; + margin: 1.714285714rem 0; ( 24 / $rembase ) +} + +---------- Further reading + +http://snook.ca/archives/html_and_css/font-size-with-rem +http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/ + + +/* =Reset +-------------------------------------------------------------- */ + +html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + vertical-align: baseline; +} +body { + line-height: 1; +} +ol, +ul { + list-style: none; +} +blockquote, +q { + quotes: none; +} +blockquote:before, +blockquote:after, +q:before, +q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +caption, +th, +td { + font-weight: normal; + text-align: left; +} +h1, +h2, +h3, +h4, +h5, +h6 { + clear: both; +} +html { + overflow-y: scroll; + font-size: 100%; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} +a:focus { + outline: thin dotted; +} +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section { + display: block; +} +audio, +canvas, +video { + display: inline-block; +} +audio:not([controls]) { + display: none; +} +del { + color: #333; +} +ins { + background: #fff9c0; + text-decoration: none; +} +hr { + background-color: #ccc; + border: 0; + height: 1px; + margin: 24px; + margin-bottom: 1.714285714rem; +} +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +small { + font-size: smaller; +} +img { + border: 0; + -ms-interpolation-mode: bicubic; +} + +/* Clearing floats */ +.clear:after, +.wrapper:after, +.format-status .entry-header:after { + clear: both; +} +.clear:before, +.clear:after, +.wrapper:before, +.wrapper:after, +.format-status .entry-header:before, +.format-status .entry-header:after { + display: table; + content: ""; +} + + +/* =Repeatable patterns +-------------------------------------------------------------- */ + +/* Small headers */ +.archive-title, +.page-title, +.widget-title, +.entry-content th, +.comment-content th { + font-size: 11px; + font-size: 0.785714286rem; + line-height: 2.181818182; + font-weight: bold; + text-transform: uppercase; + color: #636363; +} + +/* Shared Post Format styling */ +article.format-quote footer.entry-meta, +article.format-link footer.entry-meta, +article.format-status footer.entry-meta { + font-size: 11px; + font-size: 0.785714286rem; + line-height: 2.181818182; +} + +/* Form fields, general styles first */ +button, +input, +select, +textarea { + border: 1px solid #ccc; + border-radius: 3px; + font-family: inherit; + padding: 6px; + padding: 0.428571429rem; +} +button, +input { + line-height: normal; +} +textarea { + font-size: 100%; + overflow: auto; + vertical-align: top; +} + +/* Reset non-text input types */ +input[type="checkbox"], +input[type="radio"], +input[type="file"], +input[type="hidden"], +input[type="image"], +input[type="color"] { + border: 0; + border-radius: 0; + padding: 0; +} + +/* Buttons */ +.menu-toggle, +input[type="submit"], +input[type="button"], +input[type="reset"], +article.post-password-required input[type=submit], +.bypostauthor cite span { + padding: 6px 10px; + padding: 0.428571429rem 0.714285714rem; + font-size: 11px; + font-size: 0.785714286rem; + line-height: 1.428571429; + font-weight: normal; + color: #7c7c7c; + background-color: #e6e6e6; + background-repeat: repeat-x; + background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); + background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); + background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); + background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); + background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6); + border: 1px solid #d2d2d2; + border-radius: 3px; + box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); +} +.menu-toggle, +button, +input[type="submit"], +input[type="button"], +input[type="reset"] { + cursor: pointer; +} +button[disabled], +input[disabled] { + cursor: default; +} +.menu-toggle:hover, +.menu-toggle:focus, +button:hover, +input[type="submit"]:hover, +input[type="button"]:hover, +input[type="reset"]:hover, +article.post-password-required input[type=submit]:hover { + color: #5e5e5e; + background-color: #ebebeb; + background-repeat: repeat-x; + background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb); + background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb); + background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb); + background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb); + background-image: linear-gradient(to bottom, #f9f9f9, #ebebeb); +} +.menu-toggle:active, +.menu-toggle.toggled-on, +button:active, +input[type="submit"]:active, +input[type="button"]:active, +input[type="reset"]:active { + color: #757575; + background-color: #e1e1e1; + background-repeat: repeat-x; + background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1); + background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1); + background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1); + background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1); + background-image: linear-gradient(to bottom, #ebebeb, #e1e1e1); + box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4; + border-color: transparent; +} +.bypostauthor cite span { + color: #fff; + background-color: #21759b; + background-image: none; + border: 1px solid #1f6f93; + border-radius: 2px; + box-shadow: none; + padding: 0; +} + +/* Responsive images */ +.entry-content img, +.comment-content img, +.widget img { + max-width: 100%; /* Fluid images for posts, comments, and widgets */ +} +img[class*="align"], +img[class*="wp-image-"], +img[class*="attachment-"] { + height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ +} +img.size-full, +img.size-large, +img.header-image, +img.wp-post-image { + max-width: 100%; + height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ +} + +/* Make sure videos and embeds fit their containers */ +embed, +iframe, +object, +video { + max-width: 100%; +} +.entry-content .twitter-tweet-rendered { + max-width: 100% !important; /* Override the Twitter embed fixed width */ +} + +/* Images */ +.alignleft { + float: left; +} +.alignright { + float: right; +} +.aligncenter { + display: block; + margin-left: auto; + margin-right: auto; +} +.entry-content img, +.comment-content img, +.widget img, +img.header-image, +.author-avatar img, +img.wp-post-image { + /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */ + border-radius: 3px; + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); +} +.wp-caption { + max-width: 100%; /* Keep wide captions from overflowing their container. */ + padding: 4px; +} +.wp-caption .wp-caption-text, +.gallery-caption, +.entry-caption { + font-style: italic; + font-size: 12px; + font-size: 0.857142857rem; + line-height: 2; + color: #757575; +} +img.wp-smiley, +.rsswidget img { + border: 0; + border-radius: 0; + box-shadow: none; + margin-bottom: 0; + margin-top: 0; + padding: 0; +} +.entry-content dl.gallery-item { + margin: 0; +} +.gallery-item a, +.gallery-caption { + width: 90%; +} +.gallery-item a { + display: block; +} +.gallery-caption a { + display: inline; +} +.gallery-columns-1 .gallery-item a { + max-width: 100%; + width: auto; +} +.gallery .gallery-icon img { + height: auto; + max-width: 90%; + padding: 5%; +} +.gallery-columns-1 .gallery-icon img { + padding: 3%; +} + +/* Navigation */ +.site-content nav { + clear: both; + line-height: 2; + overflow: hidden; +} +#nav-above { + padding: 24px 0; + padding: 1.714285714rem 0; +} +#nav-above { + display: none; +} +.paged #nav-above { + display: block; +} +.nav-previous, +.previous-image { + float: left; + width: 50%; +} +.nav-next, +.next-image { + float: right; + text-align: right; + width: 50%; +} +.nav-single + .comments-area, +#comment-nav-above { + margin: 48px 0; + margin: 3.428571429rem 0; +} + +/* Author profiles */ +.author .archive-header { + margin-bottom: 24px; + margin-bottom: 1.714285714rem; +} +.author-info { + border-top: 1px solid #ededed; + margin: 24px 0; + margin: 1.714285714rem 0; + padding-top: 24px; + padding-top: 1.714285714rem; + overflow: hidden; +} +.author-description p { + color: #757575; + font-size: 13px; + font-size: 0.928571429rem; + line-height: 1.846153846; +} +.author.archive .author-info { + border-top: 0; + margin: 0 0 48px; + margin: 0 0 3.428571429rem; +} +.author.archive .author-avatar { + margin-top: 0; +} + + +/* =Basic structure +-------------------------------------------------------------- */ + +/* Body, links, basics */ +html { + font-size: 87.5%; +} +body { + font-size: 14px; + font-size: 1rem; + font-family: Helvetica, Arial, sans-serif; + text-rendering: optimizeLegibility; + color: #444; +} +body.custom-font-enabled { + font-family: "Open Sans", Helvetica, Arial, sans-serif; +} +a { + outline: none; + color: #21759b; +} +a:hover { + color: #0f3647; +} + +/* Assistive text */ +.assistive-text, +.site .screen-reader-text { + position: absolute !important; + clip: rect(1px, 1px, 1px, 1px); + overflow: hidden; + height: 1px; + width: 1px; +} +.main-navigation .assistive-text:focus, +.site .screen-reader-text:hover, +.site .screen-reader-text:active, +.site .screen-reader-text:focus { + background: #fff; + border: 2px solid #333; + border-radius: 3px; + clip: auto !important; + color: #000; + display: block; + font-size: 12px; + height: auto; + padding: 12px; + position: absolute; + top: 5px; + left: 5px; + width: auto; + z-index: 100000; /* Above WP toolbar */ +} + +/* Page structure */ +.site { + padding: 0 24px; + padding: 0 1.714285714rem; + background-color: #fff; +} +.site-content { + margin: 24px 0 0; + margin: 1.714285714rem 0 0; +} +.widget-area { + margin: 24px 0 0; + margin: 1.714285714rem 0 0; +} + +/* Header */ +.site-header { + padding: 24px 0; + padding: 1.714285714rem 0; +} +.site-header h1, +.site-header h2 { + text-align: center; +} +.site-header h1 a, +.site-header h2 a { + color: #515151; + display: inline-block; + text-decoration: none; +} +.site-header h1 a:hover, +.site-header h2 a:hover { + color: #21759b; +} +.site-header h1 { + font-size: 24px; + font-size: 1.714285714rem; + line-height: 1.285714286; + margin-bottom: 14px; + margin-bottom: 1rem; +} +.site-header h2 { + font-weight: normal; + font-size: 13px; + font-size: 0.928571429rem; + line-height: 1.846153846; + color: #757575; +} +.header-image { + margin-top: 24px; + margin-top: 1.714285714rem; +} + +/* Navigation Menu */ +.main-navigation { + margin-top: 24px; + margin-top: 1.714285714rem; + text-align: center; +} +.main-navigation li { + margin-top: 24px; + margin-top: 1.714285714rem; + font-size: 12px; + font-size: 0.857142857rem; + line-height: 1.42857143; +} +.main-navigation a { + color: #5e5e5e; +} +.main-navigation a:hover, +.main-navigation a:focus { + color: #21759b; +} +.main-navigation ul.nav-menu, +.main-navigation div.nav-menu > ul { + display: none; +} +.main-navigation ul.nav-menu.toggled-on, +.menu-toggle { + display: inline-block; +} + +/* Banner */ +section[role="banner"] { + margin-bottom: 48px; + margin-bottom: 3.428571429rem; +} + +/* Sidebar */ +.widget-area .widget { + -webkit-hyphens: auto; + -moz-hyphens: auto; + hyphens: auto; + margin-bottom: 48px; + margin-bottom: 3.428571429rem; + word-wrap: break-word; +} +.widget-area .widget h3 { + margin-bottom: 24px; + margin-bottom: 1.714285714rem; +} +.widget-area .widget p, +.widget-area .widget li, +.widget-area .widget .textwidget { + font-size: 13px; + font-size: 0.928571429rem; + line-height: 1.846153846; +} +.widget-area .widget p { + margin-bottom: 24px; + margin-bottom: 1.714285714rem; +} +.widget-area .textwidget ul, +.widget-area .textwidget ol { + list-style: disc outside; + margin: 0 0 24px; + margin: 0 0 1.714285714rem; +} +.widget-area .textwidget li > ul, +.widget-area .textwidget li > ol { + margin-bottom: 0; +} +.widget-area .textwidget ol { + list-style: decimal; +} +.widget-area .textwidget li { + margin-left: 36px; + margin-left: 2.571428571rem; +} +.widget-area .widget a { + color: #757575; +} +.widget-area .widget a:hover { + color: #21759b; +} +.widget-area .widget a:visited { + color: #9f9f9f; +} +.widget-area #s { + width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */ +} + +/* Footer */ +footer[role="contentinfo"] { + border-top: 1px solid #ededed; + clear: both; + font-size: 12px; + font-size: 0.857142857rem; + line-height: 2; + max-width: 960px; + max-width: 68.571428571rem; + margin-top: 24px; + margin-top: 1.714285714rem; + margin-left: auto; + margin-right: auto; + padding: 24px 0; + padding: 1.714285714rem 0; +} +footer[role="contentinfo"] a { + color: #686868; +} +footer[role="contentinfo"] a:hover { + color: #21759b; +} +.site-info span[role=separator] { + padding: 0 0.3em 0 0.6em; +} +.site-info span[role=separator]::before { + content: '\002f'; +} + + +/* =Main content and comment content +-------------------------------------------------------------- */ + +.entry-meta { + clear: both; +} +.entry-header { + margin-bottom: 24px; + margin-bottom: 1.714285714rem; +} +.entry-header img.wp-post-image { + margin-bottom: 24px; + margin-bottom: 1.714285714rem; +} +.entry-header .entry-title { + font-size: 20px; + font-size: 1.428571429rem; + line-height: 1.2; + font-weight: normal; +} +.entry-header .entry-title a { + text-decoration: none; +} +.entry-header .entry-format { + margin-top: 24px; + margin-top: 1.714285714rem; + font-weight: normal; +} +.entry-header .comments-link { + margin-top: 24px; + margin-top: 1.714285714rem; + font-size: 13px; + font-size: 0.928571429rem; + line-height: 1.846153846; + color: #757575; +} +.comments-link a, +.entry-meta a { + color: #757575; +} +.comments-link a:hover, +.entry-meta a:hover { + color: #21759b; +} +article.sticky .featured-post { + border-top: 4px double #ededed; + border-bottom: 4px double #ededed; + color: #757575; + font-size: 13px; + font-size: 0.928571429rem; + line-height: 3.692307692; + margin-bottom: 24px; + margin-bottom: 1.714285714rem; + text-align: center; +} +.entry-content, +.entry-summary, +.mu_register { + line-height: 1.714285714; +} +.entry-content h1, +.comment-content h1, +.entry-content h2, +.comment-content h2, +.entry-content h3, +.comment-content h3, +.entry-content h4, +.comment-content h4, +.entry-content h5, +.comment-content h5, +.entry-content h6, +.comment-content h6 { + margin: 24px 0; + margin: 1.714285714rem 0; + line-height: 1.714285714; +} +.entry-content h1, +.comment-content h1 { + font-size: 21px; + font-size: 1.5rem; + line-height: 1.5; +} +.entry-content h2, +.comment-content h2, +.mu_register h2 { + font-size: 18px; + font-size: 1.285714286rem; + line-height: 1.6; +} +.entry-content h3, +.comment-content h3 { + font-size: 16px; + font-size: 1.142857143rem; + line-height: 1.846153846; +} +.entry-content h4, +.comment-content h4 { + font-size: 14px; + font-size: 1rem; + line-height: 1.846153846; +} +.entry-content h5, +.comment-content h5 { + font-size: 13px; + font-size: 0.928571429rem; + line-height: 1.846153846; +} +.entry-content h6, +.comment-content h6 { + font-size: 12px; + font-size: 0.857142857rem; + line-height: 1.846153846; +} +.entry-content p, +.entry-summary p, +.comment-content p, +.mu_register p { + margin: 0 0 24px; + margin: 0 0 1.714285714rem; + line-height: 1.714285714; +} +.entry-content a:visited, +.comment-content a:visited { + color: #9f9f9f; +} +.entry-content .more-link { + white-space: nowrap; +} +.entry-content ol, +.comment-content ol, +.entry-content ul, +.comment-content ul, +.mu_register ul { + margin: 0 0 24px; + margin: 0 0 1.714285714rem; + line-height: 1.714285714; +} +.entry-content ul ul, +.comment-content ul ul, +.entry-content ol ol, +.comment-content ol ol, +.entry-content ul ol, +.comment-content ul ol, +.entry-content ol ul, +.comment-content ol ul { + margin-bottom: 0; +} +.entry-content ul, +.comment-content ul, +.mu_register ul { + list-style: disc outside; +} +.entry-content ol, +.comment-content ol { + list-style: decimal outside; +} +.entry-content li, +.comment-content li, +.mu_register li { + margin: 0 0 0 36px; + margin: 0 0 0 2.571428571rem; +} +.entry-content blockquote, +.comment-content blockquote { + margin-bottom: 24px; + margin-bottom: 1.714285714rem; + padding: 24px; + padding: 1.714285714rem; + font-style: italic; +} +.entry-content blockquote p:last-child, +.comment-content blockquote p:last-child { + margin-bottom: 0; +} +.entry-content code, +.comment-content code { + font-family: Consolas, Monaco, Lucida Console, monospace; + font-size: 12px; + font-size: 0.857142857rem; + line-height: 2; +} +.entry-content pre, +.comment-content pre { + border: 1px solid #ededed; + color: #666; + font-family: Consolas, Monaco, Lucida Console, monospace; + font-size: 12px; + font-size: 0.857142857rem; + line-height: 1.714285714; + margin: 24px 0; + margin: 1.714285714rem 0; + overflow: auto; + padding: 24px; + padding: 1.714285714rem; +} +.entry-content pre code, +.comment-content pre code { + display: block; +} +.entry-content abbr, +.comment-content abbr, +.entry-content dfn, +.comment-content dfn, +.entry-content acronym, +.comment-content acronym { + border-bottom: 1px dotted #666; + cursor: help; +} +.entry-content address, +.comment-content address { + display: block; + line-height: 1.714285714; + margin: 0 0 24px; + margin: 0 0 1.714285714rem; +} +img.alignleft, +.wp-caption.alignleft { + margin: 12px 24px 12px 0; + margin: 0.857142857rem 1.714285714rem 0.857142857rem 0; +} +img.alignright, +.wp-caption.alignright { + margin: 12px 0 12px 24px; + margin: 0.857142857rem 0 0.857142857rem 1.714285714rem; +} +img.aligncenter, +.wp-caption.aligncenter { + clear: both; + margin-top: 12px; + margin-top: 0.857142857rem; + margin-bottom: 12px; + margin-bottom: 0.857142857rem; +} +.entry-content embed, +.entry-content iframe, +.entry-content object, +.entry-content video { + margin-bottom: 24px; + margin-bottom: 1.714285714rem; +} +.entry-content dl, +.comment-content dl { + margin: 0 24px; + margin: 0 1.714285714rem; +} +.entry-content dt, +.comment-content dt { + font-weight: bold; + line-height: 1.714285714; +} +.entry-content dd, +.comment-content dd { + line-height: 1.714285714; + margin-bottom: 24px; + margin-bottom: 1.714285714rem; +} +.entry-content table, +.comment-content table { + border-bottom: 1px solid #ededed; + color: #757575; + font-size: 12px; + font-size: 0.857142857rem; + line-height: 2; + margin: 0 0 24px; + margin: 0 0 1.714285714rem; + width: 100%; +} +.entry-content table caption, +.comment-content table caption { + font-size: 16px; + font-size: 1.142857143rem; + margin: 24px 0; + margin: 1.714285714rem 0; +} +.entry-content td, +.comment-content td { + border-top: 1px solid #ededed; + padding: 6px 10px 6px 0; +} +.site-content article { + border-bottom: 4px double #ededed; + margin-bottom: 72px; + margin-bottom: 5.142857143rem; + padding-bottom: 24px; + padding-bottom: 1.714285714rem; + word-wrap: break-word; + -webkit-hyphens: auto; + -moz-hyphens: auto; + hyphens: auto; +} +.page-links { + clear: both; + line-height: 1.714285714; +} +footer.entry-meta { + margin-top: 24px; + margin-top: 1.714285714rem; + font-size: 13px; + font-size: 0.928571429rem; + line-height: 1.846153846; + color: #757575; +} +.single-author .entry-meta .by-author { + display: none; +} +.mu_register h2 { + color: #757575; + font-weight: normal; +} + + +/* =Archives +-------------------------------------------------------------- */ + +.archive-header, +.page-header { + margin-bottom: 48px; + margin-bottom: 3.428571429rem; + padding-bottom: 22px; + padding-bottom: 1.571428571rem; + border-bottom: 1px solid #ededed; +} +.archive-meta { + color: #757575; + font-size: 12px; + font-size: 0.857142857rem; + line-height: 2; + margin-top: 22px; + margin-top: 1.571428571rem; +} + +/* =Single audio/video attachment view +-------------------------------------------------------------- */ + +.attachment .entry-content .mejs-audio { + max-width: 400px; +} + +.attachment .entry-content .mejs-container { + margin-bottom: 24px; +} + + +/* =Single image attachment view +-------------------------------------------------------------- */ + +.article.attachment { + overflow: hidden; +} +.image-attachment div.attachment { + text-align: center; +} +.image-attachment div.attachment p { + text-align: center; +} +.image-attachment div.attachment img { + display: block; + height: auto; + margin: 0 auto; + max-width: 100%; +} +.image-attachment .entry-caption { + margin-top: 8px; + margin-top: 0.571428571rem; +} + + +/* =Aside post format +-------------------------------------------------------------- */ + +article.format-aside h1 { + margin-bottom: 24px; + margin-bottom: 1.714285714rem; +} +article.format-aside h1 a { + text-decoration: none; + color: #4d525a; +} +article.format-aside h1 a:hover { + color: #2e3542; +} +article.format-aside .aside { + padding: 24px 24px 0; + padding: 1.714285714rem; + background: #d2e0f9; + border-left: 22px solid #a8bfe8; +} +article.format-aside p { + font-size: 13px; + font-size: 0.928571429rem; + line-height: 1.846153846; + color: #4a5466; +} +article.format-aside blockquote:last-child, +article.format-aside p:last-child { + margin-bottom: 0; +} + + +/* =Post formats +-------------------------------------------------------------- */ + +/* Image posts */ +article.format-image footer h1 { + font-size: 13px; + font-size: 0.928571429rem; + line-height: 1.846153846; + font-weight: normal; +} +article.format-image footer h2 { + font-size: 11px; + font-size: 0.785714286rem; + line-height: 2.181818182; +} +article.format-image footer a h2 { + font-weight: normal; +} + +/* Link posts */ +article.format-link header { + padding: 0 10px; + padding: 0 0.714285714rem; + float: right; + font-size: 11px; + font-size: 0.785714286rem; + line-height: 2.181818182; + font-weight: bold; + font-style: italic; + text-transform: uppercase; + color: #848484; + background-color: #ebebeb; + border-radius: 3px; +} +article.format-link .entry-content { + max-width: 80%; + float: left; +} +article.format-link .entry-content a { + font-size: 22px; + font-size: 1.571428571rem; + line-height: 1.090909091; + text-decoration: none; +} + +/* Quote posts */ +article.format-quote .entry-content p { + margin: 0; + padding-bottom: 24px; + padding-bottom: 1.714285714rem; +} +article.format-quote .entry-content blockquote { + display: block; + padding: 24px 24px 0; + padding: 1.714285714rem 1.714285714rem 0; + font-size: 15px; + font-size: 1.071428571rem; + line-height: 1.6; + font-style: normal; + color: #6a6a6a; + background: #efefef; +} + +/* Status posts */ +.format-status .entry-header { + margin-bottom: 24px; + margin-bottom: 1.714285714rem; +} +.format-status .entry-header header { + display: inline-block; +} +.format-status .entry-header h1 { + font-size: 15px; + font-size: 1.071428571rem; + font-weight: normal; + line-height: 1.6; + margin: 0; +} +.format-status .entry-header h2 { + font-size: 12px; + font-size: 0.857142857rem; + font-weight: normal; + line-height: 2; + margin: 0; +} +.format-status .entry-header header a { + color: #757575; +} +.format-status .entry-header header a:hover { + color: #21759b; +} +.format-status .entry-header img { + float: left; + margin-right: 21px; + margin-right: 1.5rem; +} + + +/* =Comments +-------------------------------------------------------------- */ + +.comments-title { + margin-bottom: 48px; + margin-bottom: 3.428571429rem; + font-size: 16px; + font-size: 1.142857143rem; + line-height: 1.5; + font-weight: normal; +} +.comments-area article { + margin: 24px 0; + margin: 1.714285714rem 0; +} +.comments-area article header { + margin: 0 0 48px; + margin: 0 0 3.428571429rem; + overflow: hidden; + position: relative; +} +.comments-area article header img { + float: left; + padding: 0; + line-height: 0; +} +.comments-area article header cite, +.comments-area article header time { + display: block; + margin-left: 85px; + margin-left: 6.071428571rem; +} +.comments-area article header cite { + font-style: normal; + font-size: 15px; + font-size: 1.071428571rem; + line-height: 1.42857143; +} +.comments-area cite b { + font-weight: normal; +} +.comments-area article header time { + line-height: 1.714285714; + text-decoration: none; + font-size: 12px; + font-size: 0.857142857rem; + color: #5e5e5e; +} +.comments-area article header a { + text-decoration: none; + color: #5e5e5e; +} +.comments-area article header a:hover { + color: #21759b; +} +.comments-area article header cite a { + color: #444; +} +.comments-area article header cite a:hover { + text-decoration: underline; +} +.comments-area article header h4 { + position: absolute; + top: 0; + right: 0; + padding: 6px 12px; + padding: 0.428571429rem 0.857142857rem; + font-size: 12px; + font-size: 0.857142857rem; + font-weight: normal; + color: #fff; + background-color: #0088d0; + background-repeat: repeat-x; + background-image: -moz-linear-gradient(top, #009cee, #0088d0); + background-image: -ms-linear-gradient(top, #009cee, #0088d0); + background-image: -webkit-linear-gradient(top, #009cee, #0088d0); + background-image: -o-linear-gradient(top, #009cee, #0088d0); + background-image: linear-gradient(to bottom, #009cee, #0088d0); + border-radius: 3px; + border: 1px solid #007cbd; +} +.comments-area .bypostauthor cite span { + position: absolute; + margin-left: 5px; + margin-left: 0.357142857rem; + padding: 2px 5px; + padding: 0.142857143rem 0.357142857rem; + font-size: 10px; + font-size: 0.714285714rem; +} +.comments-area .bypostauthor cite b { + font-weight: bold; +} +a.comment-reply-link, +a.comment-edit-link { + color: #686868; + font-size: 13px; + font-size: 0.928571429rem; + line-height: 1.846153846; +} +a.comment-reply-link:hover, +a.comment-edit-link:hover { + color: #21759b; +} +.commentlist .pingback { + line-height: 1.714285714; + margin-bottom: 24px; + margin-bottom: 1.714285714rem; +} + +/* Comment form */ +#respond { + margin-top: 48px; + margin-top: 3.428571429rem; +} +#respond h3#reply-title { + font-size: 16px; + font-size: 1.142857143rem; + line-height: 1.5; +} +#respond h3#reply-title #cancel-comment-reply-link { + margin-left: 10px; + margin-left: 0.714285714rem; + font-weight: normal; + font-size: 12px; + font-size: 0.857142857rem; +} +#respond form { + margin: 24px 0; + margin: 1.714285714rem 0; +} +#respond form p { + margin: 11px 0; + margin: 0.785714286rem 0; +} +#respond form p.logged-in-as { + margin-bottom: 24px; + margin-bottom: 1.714285714rem; +} +#respond form label { + display: block; + line-height: 1.714285714; +} +#respond form input[type="text"], +#respond form textarea { + -moz-box-sizing: border-box; + box-sizing: border-box; + font-size: 12px; + font-size: 0.857142857rem; + line-height: 1.714285714; + padding: 10px; + padding: 0.714285714rem; + width: 100%; +} +#respond form p.form-allowed-tags { + margin: 0; + font-size: 12px; + font-size: 0.857142857rem; + line-height: 2; + color: #5e5e5e; +} +#respond #wp-comment-cookies-consent { + margin: 0 10px 0 0; +} +#respond .comment-form-cookies-consent label { + display: inline; +} +.required { + color: red; +} + + +/* =Front page template +-------------------------------------------------------------- */ + +.entry-page-image { + margin-bottom: 14px; + margin-bottom: 1rem; +} +.template-front-page .site-content article { + border: 0; + margin-bottom: 0; +} +.template-front-page .widget-area { + clear: both; + float: none; + width: auto; + padding-top: 24px; + padding-top: 1.714285714rem; + border-top: 1px solid #ededed; +} +.template-front-page .widget-area .widget li { + margin: 8px 0 0; + margin: 0.571428571rem 0 0; + font-size: 13px; + font-size: 0.928571429rem; + line-height: 1.714285714; + list-style-type: square; + list-style-position: inside; +} +.template-front-page .widget-area .widget li a { + color: #757575; +} +.template-front-page .widget-area .widget li a:hover { + color: #21759b; +} +.template-front-page .widget-area .widget_text img { + float: left; + margin: 8px 24px 8px 0; + margin: 0.571428571rem 1.714285714rem 0.571428571rem 0; +} + + +/* =Widgets +-------------------------------------------------------------- */ + +.widget-area .widget ul ul { + margin-left: 12px; + margin-left: 0.857142857rem; +} +.widget_rss li { + margin: 12px 0; + margin: 0.857142857rem 0; +} +.widget_recent_entries .post-date, +.widget_rss .rss-date { + color: #aaa; + font-size: 11px; + font-size: 0.785714286rem; + margin-left: 12px; + margin-left: 0.857142857rem; +} +.wp-calendar-nav, +#wp-calendar { + margin: 0; + width: 100%; + font-size: 13px; + font-size: 0.928571429rem; + line-height: 1.846153846; + color: #686868; +} +#wp-calendar th, +#wp-calendar td, +#wp-calendar caption { + text-align: left; +} +.wp-calendar-nav { + display: table; +} +.wp-calendar-nav span { + display: table-cell; +} +.wp-calendar-nav-next, +#wp-calendar #next { + padding-right: 24px; + padding-right: 1.714285714rem; + text-align: right; +} +.widget_search label { + display: block; + font-size: 13px; + font-size: 0.928571429rem; + line-height: 1.846153846; +} +.widget_twitter li { + list-style-type: none; +} +.widget_twitter .timesince { + display: block; + text-align: right; +} +.tagcloud ul { + list-style-type: none; +} + +.tagcloud ul li { + display: inline-block; +} + +.widget-area .widget.widget_tag_cloud li { + line-height: 1; +} +.template-front-page .widget-area .widget.widget_tag_cloud li { + margin: 0; +} + +.widget-area .gallery-columns-2.gallery-size-full .gallery-icon img, +.widget-area .gallery-columns-3.gallery-size-full .gallery-icon img, +.widget-area .gallery-columns-4.gallery-size-full .gallery-icon img, +.widget-area .gallery-columns-5.gallery-size-full .gallery-icon img, +.widget-area .gallery-columns-6 .gallery-icon img, +.widget-area .gallery-columns-7 .gallery-icon img, +.widget-area .gallery-columns-8 .gallery-icon img, +.widget-area .gallery-columns-9 .gallery-icon img { + height: auto; + max-width: 80%; +} + +/* =Plugins +----------------------------------------------- */ + +img#wpstats { + display: block; + margin: 0 auto 24px; + margin: 0 auto 1.714285714rem; +} + + +/* =Media queries +-------------------------------------------------------------- */ + +/* Does the same thing as <meta name="viewport" content="width=device-width">, + * but in the future W3C standard way. -ms- prefix is required for IE10+ to + * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor + * the meta tag. See https://core.trac.wordpress.org/ticket/25888. + */ +@-ms-viewport { + width: device-width; +} +@viewport { + width: device-width; +} + +/* Minimum width of 600 pixels. */ +@media screen and (min-width: 600px) { + .author-avatar { + float: left; + margin-top: 8px; + margin-top: 0.571428571rem; + } + .author-description { + float: right; + width: 80%; + } + .site { + margin: 0 auto; + max-width: 960px; + max-width: 68.571428571rem; + overflow: hidden; + } + .site-content { + float: left; + width: 65.104166667%; + } + body.template-front-page .site-content, + body.attachment .site-content, + body.full-width .site-content { + width: 100%; + } + .widget-area { + float: right; + width: 26.041666667%; + } + .site-header h1, + .site-header h2 { + text-align: left; + } + .site-header h1 { + font-size: 26px; + font-size: 1.857142857rem; + line-height: 1.846153846; + margin-bottom: 0; + } + .main-navigation ul.nav-menu, + .main-navigation div.nav-menu > ul { + border-bottom: 1px solid #ededed; + border-top: 1px solid #ededed; + display: inline-block !important; + text-align: left; + width: 100%; + } + .main-navigation ul { + margin: 0; + text-indent: 0; + } + .main-navigation li a, + .main-navigation li { + display: inline-block; + text-decoration: none; + } + .main-navigation li a { + border-bottom: 0; + color: #6a6a6a; + line-height: 3.692307692; + text-transform: uppercase; + white-space: nowrap; + } + .main-navigation li a:hover, + .main-navigation li a:focus { + color: #000; + } + .main-navigation li { + margin: 0 40px 0 0; + margin: 0 2.857142857rem 0 0; + position: relative; + } + .main-navigation li ul { + margin: 0; + padding: 0; + position: absolute; + top: 100%; + z-index: 1; + height: 1px; + width: 1px; + overflow: hidden; + clip: rect(1px, 1px, 1px, 1px); + } + .main-navigation li ul ul { + top: 0; + left: 100%; + } + .main-navigation ul li:hover > ul, + .main-navigation ul li:focus > ul, + .main-navigation .focus > ul { + border-left: 0; + clip: inherit; + overflow: inherit; + height: inherit; + width: inherit; + } + .main-navigation li ul li a { + background: #efefef; + border-bottom: 1px solid #ededed; + display: block; + font-size: 11px; + font-size: 0.785714286rem; + line-height: 2.181818182; + padding: 8px 10px; + padding: 0.571428571rem 0.714285714rem; + width: 180px; + width: 12.85714286rem; + white-space: normal; + } + .main-navigation li ul li a:hover, + .main-navigation li ul li a:focus { + background: #e3e3e3; + color: #444; + } + .main-navigation .current-menu-item > a, + .main-navigation .current-menu-ancestor > a, + .main-navigation .current_page_item > a, + .main-navigation .current_page_ancestor > a { + color: #636363; + font-weight: bold; + } + .menu-toggle { + display: none; + } + .entry-header .entry-title { + font-size: 22px; + font-size: 1.571428571rem; + } + #respond form input[type="text"] { + width: 46.333333333%; + } + #respond form textarea.blog-textarea { + width: 79.666666667%; + } + .template-front-page .site-content, + .template-front-page article { + overflow: hidden; + } + .template-front-page.has-post-thumbnail article { + float: left; + width: 47.916666667%; + } + .entry-page-image { + float: right; + margin-bottom: 0; + width: 47.916666667%; + } + .template-front-page .widget-area .widget, + .template-front-page.two-sidebars .widget-area .front-widgets { + float: left; + width: 51.875%; + margin-bottom: 24px; + margin-bottom: 1.714285714rem; + } + .template-front-page .widget-area .widget:nth-child(odd) { + clear: right; + } + .template-front-page .widget-area .widget:nth-child(even), + .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets { + float: right; + width: 39.0625%; + margin: 0 0 24px; + margin: 0 0 1.714285714rem; + } + .template-front-page.two-sidebars .widget, + .template-front-page.two-sidebars .widget:nth-child(even) { + float: none; + width: auto; + } + .commentlist .children { + margin-left: 48px; + margin-left: 3.428571429rem; + } +} + +/* Minimum width of 960 pixels. */ +@media screen and (min-width: 960px) { + body { + background-color: #e6e6e6; + } + body .site { + padding: 0 40px; + padding: 0 2.857142857rem; + margin-top: 48px; + margin-top: 3.428571429rem; + margin-bottom: 48px; + margin-bottom: 3.428571429rem; + box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); + } + body.custom-background-empty { + background-color: #fff; + } + body.custom-background-empty .site, + body.custom-background-white .site { + padding: 0; + margin-top: 0; + margin-bottom: 0; + box-shadow: none; + } +} + + +/* =Print +----------------------------------------------- */ + +@media print { + body { + background: none !important; + color: #000; + font-size: 10pt; + } + footer a[rel=bookmark]:link:after, + footer a[rel=bookmark]:visited:after { + content: " [" attr(href) "] "; /* Show URLs */ + } + a { + text-decoration: none; + } + .entry-content img, + .comment-content img, + .author-avatar img, + img.wp-post-image { + border-radius: 0; + box-shadow: none; + } + .site { + clear: both !important; + display: block !important; + float: none !important; + max-width: 100%; + position: relative !important; + } + .site-header { + margin-bottom: 72px; + margin-bottom: 5.142857143rem; + text-align: left; + } + .site-header h1 { + font-size: 21pt; + line-height: 1; + text-align: left; + } + .site-header h2 { + color: #000; + font-size: 10pt; + text-align: left; + } + .site-header h1 a, + .site-header h2 a { + color: #000; + } + .author-avatar, + #colophon, + #respond, + .commentlist .comment-edit-link, + .commentlist .reply, + .entry-header .comments-link, + .entry-meta .edit-link a, + .page-link, + .site-content nav, + .widget-area, + img.header-image, + .main-navigation { + display: none; + } + .wrapper { + border-top: none; + box-shadow: none; + } + .site-content { + margin: 0; + width: auto; + } + + .entry-header .entry-title, + .entry-title { + font-size: 21pt; + } + footer.entry-meta, + footer.entry-meta a { + color: #444; + font-size: 10pt; + } + .author-description { + float: none; + width: auto; + } + + /* Comments */ + .commentlist > li.comment { + background: none; + position: relative; + width: auto; + } + .commentlist .avatar { + height: 39px; + left: 2.2em; + top: 2.2em; + width: 39px; + } + .comments-area article header cite, + .comments-area article header time { + margin-left: 50px; + margin-left: 3.57142857rem; + } +} diff --git a/wp-content/themes/twentytwelve/tag.php b/wp-content/themes/twentytwelve/tag.php index 1d094f47b..394deb5a4 100644 --- a/wp-content/themes/twentytwelve/tag.php +++ b/wp-content/themes/twentytwelve/tag.php @@ -1,53 +1,58 @@ -<?php -/** - * The template for displaying Tag pages - * - * Used to display archive-type pages for posts in a tag. - * - * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ - * - * @package WordPress - * @subpackage Twenty_Twelve - * @since Twenty Twelve 1.0 - */ - -get_header(); ?> - - <section id="primary" class="site-content"> - <div id="content" role="main"> - - <?php if ( have_posts() ) : ?> - <header class="archive-header"> - <h1 class="archive-title"><?php printf( __( 'Tag Archives: %s', 'twentytwelve' ), '<span>' . single_tag_title( '', false ) . '</span>' ); ?></h1> - - <?php if ( tag_description() ) : // Show an optional tag description ?> - <div class="archive-meta"><?php echo tag_description(); ?></div> - <?php endif; ?> - </header><!-- .archive-header --> - - <?php - /* Start the Loop */ - while ( have_posts() ) : - the_post(); - - /* - * Include the post format-specific template for the content. If you want to - * this in a child theme then include a file called content-___.php - * (where ___ is the post format) and that will be used instead. - */ - get_template_part( 'content', get_post_format() ); - - endwhile; - - twentytwelve_content_nav( 'nav-below' ); - ?> - - <?php else : ?> - <?php get_template_part( 'content', 'none' ); ?> - <?php endif; ?> - - </div><!-- #content --> - </section><!-- #primary --> - -<?php get_sidebar(); ?> -<?php get_footer(); ?> +<?php +/** + * The template for displaying Tag pages + * + * Used to display archive-type pages for posts in a tag. + * + * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ + * + * @package WordPress + * @subpackage Twenty_Twelve + * @since Twenty Twelve 1.0 + */ + +get_header(); ?> + + <section id="primary" class="site-content"> + <div id="content" role="main"> + + <?php if ( have_posts() ) : ?> + <header class="archive-header"> + <h1 class="archive-title"> + <?php + /* translators: %s: Tag title. */ + printf( __( 'Tag Archives: %s', 'twentytwelve' ), '<span>' . single_tag_title( '', false ) . '</span>' ); + ?> + </h1> + + <?php if ( tag_description() ) : // Show an optional tag description. ?> + <div class="archive-meta"><?php echo tag_description(); ?></div> + <?php endif; ?> + </header><!-- .archive-header --> + + <?php + // Start the Loop. + while ( have_posts() ) : + the_post(); + + /* + * Include the post format-specific template for the content. If you want + * to use this in a child theme then include a file called content-___.php + * (where ___ is the post format) and that will be used instead. + */ + get_template_part( 'content', get_post_format() ); + + endwhile; + + twentytwelve_content_nav( 'nav-below' ); + ?> + + <?php else : ?> + <?php get_template_part( 'content', 'none' ); ?> + <?php endif; ?> + + </div><!-- #content --> + </section><!-- #primary --> + +<?php get_sidebar(); ?> +<?php get_footer(); ?> -- GitLab