├── 404.php
├── README.md
├── archive.php
├── author.php
├── category.php
├── comments.php
├── content-aside.php
├── content-image.php
├── content-link.php
├── content-none.php
├── content-page.php
├── content-quote.php
├── content-status.php
├── content.php
├── css
    ├── blocks.css
    ├── editor-blocks.css
    └── ie.css
├── editor-style-rtl.css
├── editor-style.css
├── footer.php
├── functions.php
├── header.php
├── image.php
├── inc
    └── custom-header.php
├── index.php
├── js
    ├── html5.js
    ├── navigation.js
    └── theme-customizer.js
├── page-templates
    ├── front-page.php
    └── full-width.php
├── page.php
├── readme.txt
├── rtl.css
├── screenshot.png
├── search.php
├── sidebar-front.php
├── sidebar.php
├── single.php
├── style.css
└── tag.php


/404.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying 404 pages (Not Found)
 4 |  *
 5 |  * @package WordPress
 6 |  * @subpackage Twenty_Twelve
 7 |  * @since Twenty Twelve 1.0
 8 |  */
 9 | 
10 | get_header(); ?>
11 | 
12 | 	<div id="primary" class="site-content">
13 | 		<div id="content" role="main">
14 | 
15 | 			<article id="post-0" class="post error404 no-results not-found">
16 | 				<header class="entry-header">
17 | 					<h1 class="entry-title"><?php _e( 'This is somewhat embarrassing, isn&rsquo;t it?', 'twentytwelve' ); ?></h1>
18 | 				</header>
19 | 
20 | 				<div class="entry-content">
21 | 					<p><?php _e( 'It seems we can&rsquo;t find what you&rsquo;re looking for. Perhaps searching can help.', 'twentytwelve' ); ?></p>
22 | 					<?php get_search_form(); ?>
23 | 				</div><!-- .entry-content -->
24 | 			</article><!-- #post-0 -->
25 | 
26 | 		</div><!-- #content -->
27 | 	</div><!-- #primary -->
28 | 
29 | <?php get_footer(); ?>
30 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | <div class="screenshot"><img src="https://i0.wp.com/themes.svn.wordpress.org/twentytwelve/2.8/screenshot.png?zoom=1.5&amp;w=1142&amp;strip=all" alt="" width="572" height="429" src-orig="https://i0.wp.com/themes.svn.wordpress.org/twentytwelve/2.8/screenshot.png?w=1142&amp;strip=all" scale="1.5"></div>
2 | 


--------------------------------------------------------------------------------
/archive.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying Archive pages
 4 |  *
 5 |  * Used to display archive-type pages if nothing more specific matches a query.
 6 |  * For example, puts together date-based pages if no date.php file exists.
 7 |  *
 8 |  * If you'd like to further customize these archive views, you may create a
 9 |  * new template file for each specific one. For example, Twenty Twelve already
10 |  * has tag.php for Tag archives, category.php for Category archives, and
11 |  * author.php for Author archives.
12 |  *
13 |  * @link https://codex.wordpress.org/Template_Hierarchy
14 |  *
15 |  * @package WordPress
16 |  * @subpackage Twenty_Twelve
17 |  * @since Twenty Twelve 1.0
18 |  */
19 | 
20 | get_header(); ?>
21 | 
22 | 	<section id="primary" class="site-content">
23 | 		<div id="content" role="main">
24 | 
25 | 		<?php if ( have_posts() ) : ?>
26 | 			<header class="archive-header">
27 | 				<h1 class="archive-title">
28 | 				<?php
29 | 				if ( is_day() ) :
30 | 					printf( __( 'Daily Archives: %s', 'twentytwelve' ), '<span>' . get_the_date() . '</span>' );
31 | 					elseif ( is_month() ) :
32 | 						printf( __( 'Monthly Archives: %s', 'twentytwelve' ), '<span>' . get_the_date( _x( 'F Y', 'monthly archives date format', 'twentytwelve' ) ) . '</span>' );
33 | 					elseif ( is_year() ) :
34 | 						printf( __( 'Yearly Archives: %s', 'twentytwelve' ), '<span>' . get_the_date( _x( 'Y', 'yearly archives date format', 'twentytwelve' ) ) . '</span>' );
35 | 					else :
36 | 						_e( 'Archives', 'twentytwelve' );
37 | 					endif;
38 | 					?>
39 | 				</h1>
40 | 			</header><!-- .archive-header -->
41 | 
42 | 			<?php
43 | 			/* Start the Loop */
44 | 			while ( have_posts() ) :
45 | 				the_post();
46 | 
47 | 				/* Include the post format-specific template for the content. If you want to
48 | 				 * this in a child theme then include a file called content-___.php
49 | 				 * (where ___ is the post format) and that will be used instead.
50 | 				 */
51 | 				get_template_part( 'content', get_post_format() );
52 | 
53 | 			endwhile;
54 | 
55 | 			twentytwelve_content_nav( 'nav-below' );
56 | 			?>
57 | 
58 | 		<?php else : ?>
59 | 			<?php get_template_part( 'content', 'none' ); ?>
60 | 		<?php endif; ?>
61 | 
62 | 		</div><!-- #content -->
63 | 	</section><!-- #primary -->
64 | 
65 | <?php get_sidebar(); ?>
66 | <?php get_footer(); ?>
67 | 


--------------------------------------------------------------------------------
/author.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying Author Archive pages
 4 |  *
 5 |  * Used to display archive-type pages for posts by an author.
 6 |  *
 7 |  * @link https://codex.wordpress.org/Template_Hierarchy
 8 |  *
 9 |  * @package WordPress
10 |  * @subpackage Twenty_Twelve
11 |  * @since Twenty Twelve 1.0
12 |  */
13 | 
14 | get_header(); ?>
15 | 
16 | 	<section id="primary" class="site-content">
17 | 		<div id="content" role="main">
18 | 
19 | 		<?php if ( have_posts() ) : ?>
20 | 
21 | 			<?php
22 | 				/* Queue the first post, that way we know
23 | 				 * what author we're dealing with (if that is the case).
24 | 				 *
25 | 				 * We reset this later so we can run the loop
26 | 				 * properly with a call to rewind_posts().
27 | 				 */
28 | 				the_post();
29 | 			?>
30 | 
31 | 			<header class="archive-header">
32 | 				<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>
33 | 			</header><!-- .archive-header -->
34 | 
35 | 			<?php
36 | 				/* Since we called the_post() above, we need to
37 | 				 * rewind the loop back to the beginning that way
38 | 				 * we can run the loop properly, in full.
39 | 				 */
40 | 				rewind_posts();
41 | 			?>
42 | 
43 | 			<?php twentytwelve_content_nav( 'nav-above' ); ?>
44 | 
45 | 			<?php
46 | 			// If a user has filled out their description, show a bio on their entries.
47 | 			if ( get_the_author_meta( 'description' ) ) :
48 | 				?>
49 | 			<div class="author-info">
50 | 				<div class="author-avatar">
51 | 					<?php
52 | 					/**
53 | 					 * Filter the author bio avatar size.
54 | 					 *
55 | 					 * @since Twenty Twelve 1.0
56 | 					 *
57 | 					 * @param int $size The height and width of the avatar in pixels.
58 | 					 */
59 | 					$author_bio_avatar_size = apply_filters( 'twentytwelve_author_bio_avatar_size', 68 );
60 | 					echo get_avatar( get_the_author_meta( 'user_email' ), $author_bio_avatar_size );
61 | 					?>
62 | 				</div><!-- .author-avatar -->
63 | 				<div class="author-description">
64 | 					<h2><?php printf( __( 'About %s', 'twentytwelve' ), get_the_author() ); ?></h2>
65 | 					<p><?php the_author_meta( 'description' ); ?></p>
66 | 				</div><!-- .author-description	-->
67 | 			</div><!-- .author-info -->
68 | 			<?php endif; ?>
69 | 
70 | 			<?php /* Start the Loop */ ?>
71 | 			<?php
72 | 			while ( have_posts() ) :
73 | 				the_post();
74 | 				?>
75 | 				<?php get_template_part( 'content', get_post_format() ); ?>
76 | 			<?php endwhile; ?>
77 | 
78 | 			<?php twentytwelve_content_nav( 'nav-below' ); ?>
79 | 
80 | 		<?php else : ?>
81 | 			<?php get_template_part( 'content', 'none' ); ?>
82 | 		<?php endif; ?>
83 | 
84 | 		</div><!-- #content -->
85 | 	</section><!-- #primary -->
86 | 
87 | <?php get_sidebar(); ?>
88 | <?php get_footer(); ?>
89 | 


--------------------------------------------------------------------------------
/category.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying Category pages
 4 |  *
 5 |  * Used to display archive-type pages for posts in a category.
 6 |  *
 7 |  * @link https://codex.wordpress.org/Template_Hierarchy
 8 |  *
 9 |  * @package WordPress
10 |  * @subpackage Twenty_Twelve
11 |  * @since Twenty Twelve 1.0
12 |  */
13 | 
14 | get_header(); ?>
15 | 
16 | 	<section id="primary" class="site-content">
17 | 		<div id="content" role="main">
18 | 
19 | 		<?php if ( have_posts() ) : ?>
20 | 			<header class="archive-header">
21 | 				<h1 class="archive-title"><?php printf( __( 'Category Archives: %s', 'twentytwelve' ), '<span>' . single_cat_title( '', false ) . '</span>' ); ?></h1>
22 | 
23 | 			<?php if ( category_description() ) : // Show an optional category description ?>
24 | 				<div class="archive-meta"><?php echo category_description(); ?></div>
25 | 			<?php endif; ?>
26 | 			</header><!-- .archive-header -->
27 | 
28 | 			<?php
29 | 			/* Start the Loop */
30 | 			while ( have_posts() ) :
31 | 				the_post();
32 | 
33 | 				/* Include the post format-specific template for the content. If you want to
34 | 				 * this in a child theme then include a file called content-___.php
35 | 				 * (where ___ is the post format) and that will be used instead.
36 | 				 */
37 | 				get_template_part( 'content', get_post_format() );
38 | 
39 | 			endwhile;
40 | 
41 | 			twentytwelve_content_nav( 'nav-below' );
42 | 			?>
43 | 
44 | 		<?php else : ?>
45 | 			<?php get_template_part( 'content', 'none' ); ?>
46 | 		<?php endif; ?>
47 | 
48 | 		</div><!-- #content -->
49 | 	</section><!-- #primary -->
50 | 
51 | <?php get_sidebar(); ?>
52 | <?php get_footer(); ?>
53 | 


--------------------------------------------------------------------------------
/comments.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying Comments
 4 |  *
 5 |  * The area of the page that contains both current comments
 6 |  * and the comment form. The actual display of comments is
 7 |  * handled by a callback to twentytwelve_comment() which is
 8 |  * located in the functions.php file.
 9 |  *
10 |  * @package WordPress
11 |  * @subpackage Twenty_Twelve
12 |  * @since Twenty Twelve 1.0
13 |  */
14 | 
15 | /*
16 |  * If the current post is protected by a password and
17 |  * the visitor has not yet entered the password we will
18 |  * return early without loading the comments.
19 |  */
20 | if ( post_password_required() ) {
21 | 	return;
22 | }
23 | ?>
24 | 
25 | <div id="comments" class="comments-area">
26 | 
27 | 	<?php // You can start editing here -- including this comment! ?>
28 | 
29 | 	<?php if ( have_comments() ) : ?>
30 | 		<h2 class="comments-title">
31 | 			<?php
32 | 				printf(
33 | 					_n( 'One thought on &ldquo;%2$s&rdquo;', '%1$s thoughts on &ldquo;%2$s&rdquo;', get_comments_number(), 'twentytwelve' ),
34 | 					number_format_i18n( get_comments_number() ),
35 | 					'<span>' . get_the_title() . '</span>'
36 | 				);
37 | 			?>
38 | 		</h2>
39 | 
40 | 		<ol class="commentlist">
41 | 			<?php
42 | 			wp_list_comments(
43 | 				array(
44 | 					'callback' => 'twentytwelve_comment',
45 | 					'style'    => 'ol',
46 | 				)
47 | 			);
48 | 			?>
49 | 		</ol><!-- .commentlist -->
50 | 
51 | 		<?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // are there comments to navigate through ?>
52 | 		<nav id="comment-nav-below" class="navigation" role="navigation">
53 | 			<h1 class="assistive-text section-heading"><?php _e( 'Comment navigation', 'twentytwelve' ); ?></h1>
54 | 			<div class="nav-previous"><?php previous_comments_link( __( '&larr; Older Comments', 'twentytwelve' ) ); ?></div>
55 | 			<div class="nav-next"><?php next_comments_link( __( 'Newer Comments &rarr;', 'twentytwelve' ) ); ?></div>
56 | 		</nav>
57 | 		<?php endif; // check for comment navigation ?>
58 | 
59 | 		<?php
60 | 		/* If there are no comments and comments are closed, let's leave a note.
61 | 		 * But we only want the note on posts and pages that had comments in the first place.
62 | 		 */
63 | 		if ( ! comments_open() && get_comments_number() ) :
64 | 			?>
65 | 		<p class="nocomments"><?php _e( 'Comments are closed.', 'twentytwelve' ); ?></p>
66 | 		<?php endif; ?>
67 | 
68 | 	<?php endif; // have_comments() ?>
69 | 
70 | 	<?php comment_form(); ?>
71 | 
72 | </div><!-- #comments .comments-area -->
73 | 


--------------------------------------------------------------------------------
/content-aside.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying posts in the Aside post format
 4 |  *
 5 |  * @package WordPress
 6 |  * @subpackage Twenty_Twelve
 7 |  * @since Twenty Twelve 1.0
 8 |  */
 9 | ?>
10 | 
11 | 	<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
12 | 		<div class="aside">
13 | 			<h1 class="entry-title"><a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a></h1>
14 | 			<div class="entry-content">
15 | 				<?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentytwelve' ) ); ?>
16 | 			</div><!-- .entry-content -->
17 | 		</div><!-- .aside -->
18 | 
19 | 		<footer class="entry-meta">
20 | 			<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>
21 | 			<?php if ( comments_open() ) : ?>
22 | 			<div class="comments-link">
23 | 				<?php comments_popup_link( '<span class="leave-reply">' . __( 'Leave a reply', 'twentytwelve' ) . '</span>', __( '1 Reply', 'twentytwelve' ), __( '% Replies', 'twentytwelve' ) ); ?>
24 | 			</div><!-- .comments-link -->
25 | 			<?php endif; // comments_open() ?>
26 | 			<?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?>
27 | 		</footer><!-- .entry-meta -->
28 | 	</article><!-- #post -->
29 | 


--------------------------------------------------------------------------------
/content-image.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying posts in the Image post format
 4 |  *
 5 |  * @package WordPress
 6 |  * @subpackage Twenty_Twelve
 7 |  * @since Twenty Twelve 1.0
 8 |  */
 9 | ?>
10 | 
11 | 	<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
12 | 		<div class="entry-content">
13 | 			<?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentytwelve' ) ); ?>
14 | 		</div><!-- .entry-content -->
15 | 
16 | 		<footer class="entry-meta">
17 | 			<a href="<?php the_permalink(); ?>" rel="bookmark">
18 | 				<h1><?php the_title(); ?></h1>
19 | 				<h2><time class="entry-date" datetime="<?php echo esc_attr( get_the_date( 'c' ) ); ?>"><?php echo get_the_date(); ?></time></h2>
20 | 			</a>
21 | 			<?php if ( comments_open() ) : ?>
22 | 			<div class="comments-link">
23 | 				<?php comments_popup_link( '<span class="leave-reply">' . __( 'Leave a reply', 'twentytwelve' ) . '</span>', __( '1 Reply', 'twentytwelve' ), __( '% Replies', 'twentytwelve' ) ); ?>
24 | 			</div><!-- .comments-link -->
25 | 			<?php endif; // comments_open() ?>
26 | 			<?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?>
27 | 		</footer><!-- .entry-meta -->
28 | 	</article><!-- #post -->
29 | 


--------------------------------------------------------------------------------
/content-link.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying posts in the Link post format
 4 |  *
 5 |  * @package WordPress
 6 |  * @subpackage Twenty_Twelve
 7 |  * @since Twenty Twelve 1.0
 8 |  */
 9 | ?>
10 | 
11 | 	<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
12 | 		<header><?php _e( 'Link', 'twentytwelve' ); ?></header>
13 | 		<div class="entry-content">
14 | 			<?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentytwelve' ) ); ?>
15 | 		</div><!-- .entry-content -->
16 | 
17 | 		<footer class="entry-meta">
18 | 			<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>
19 | 			<?php if ( comments_open() ) : ?>
20 | 			<div class="comments-link">
21 | 				<?php comments_popup_link( '<span class="leave-reply">' . __( 'Leave a reply', 'twentytwelve' ) . '</span>', __( '1 Reply', 'twentytwelve' ), __( '% Replies', 'twentytwelve' ) ); ?>
22 | 			</div><!-- .comments-link -->
23 | 			<?php endif; // comments_open() ?>
24 | 			<?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?>
25 | 		</footer><!-- .entry-meta -->
26 | 	</article><!-- #post -->
27 | 


--------------------------------------------------------------------------------
/content-none.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying a "No posts found" message
 4 |  *
 5 |  * @package WordPress
 6 |  * @subpackage Twenty_Twelve
 7 |  * @since Twenty Twelve 1.0
 8 |  */
 9 | ?>
10 | 
11 | 	<article id="post-0" class="post no-results not-found">
12 | 		<header class="entry-header">
13 | 			<h1 class="entry-title"><?php _e( 'Nothing Found', 'twentytwelve' ); ?></h1>
14 | 		</header>
15 | 
16 | 		<div class="entry-content">
17 | 			<p><?php _e( 'Apologies, but no results were found. Perhaps searching will help find a related post.', 'twentytwelve' ); ?></p>
18 | 			<?php get_search_form(); ?>
19 | 		</div><!-- .entry-content -->
20 | 	</article><!-- #post-0 -->
21 | 


--------------------------------------------------------------------------------
/content-page.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template used for displaying page content in page.php
 4 |  *
 5 |  * @package WordPress
 6 |  * @subpackage Twenty_Twelve
 7 |  * @since Twenty Twelve 1.0
 8 |  */
 9 | ?>
10 | 
11 | 	<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
12 | 		<header class="entry-header">
13 | 			<?php if ( ! is_page_template( 'page-templates/front-page.php' ) ) : ?>
14 | 				<?php the_post_thumbnail(); ?>
15 | 			<?php endif; ?>
16 | 			<h1 class="entry-title"><?php the_title(); ?></h1>
17 | 		</header>
18 | 
19 | 		<div class="entry-content">
20 | 			<?php the_content(); ?>
21 | 			<?php
22 | 			wp_link_pages(
23 | 				array(
24 | 					'before' => '<div class="page-links">' . __( 'Pages:', 'twentytwelve' ),
25 | 					'after'  => '</div>',
26 | 				)
27 | 			);
28 | 			?>
29 | 		</div><!-- .entry-content -->
30 | 		<footer class="entry-meta">
31 | 			<?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?>
32 | 		</footer><!-- .entry-meta -->
33 | 	</article><!-- #post -->
34 | 


--------------------------------------------------------------------------------
/content-quote.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying posts in the Quote post format
 4 |  *
 5 |  * @package WordPress
 6 |  * @subpackage Twenty_Twelve
 7 |  * @since Twenty Twelve 1.0
 8 |  */
 9 | ?>
10 | 
11 | 	<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
12 | 		<div class="entry-content">
13 | 			<?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentytwelve' ) ); ?>
14 | 		</div><!-- .entry-content -->
15 | 
16 | 		<footer class="entry-meta">
17 | 			<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>
18 | 			<?php if ( comments_open() ) : ?>
19 | 			<div class="comments-link">
20 | 				<?php comments_popup_link( '<span class="leave-reply">' . __( 'Leave a reply', 'twentytwelve' ) . '</span>', __( '1 Reply', 'twentytwelve' ), __( '% Replies', 'twentytwelve' ) ); ?>
21 | 			</div><!-- .comments-link -->
22 | 			<?php endif; // comments_open() ?>
23 | 			<?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?>
24 | 		</footer><!-- .entry-meta -->
25 | 	</article><!-- #post -->
26 | 


--------------------------------------------------------------------------------
/content-status.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying posts in the Status post format
 4 |  *
 5 |  * @package WordPress
 6 |  * @subpackage Twenty_Twelve
 7 |  * @since Twenty Twelve 1.0
 8 |  */
 9 | ?>
10 | 
11 | 	<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
12 | 		<div class="entry-header">
13 | 			<header>
14 | 				<h1><?php the_author(); ?></h1>
15 | 				<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>
16 | 			</header>
17 | 			<?php
18 | 			/**
19 | 			 * Filter the status avatar size.
20 | 			 *
21 | 			 * @since Twenty Twelve 1.0
22 | 			 *
23 | 			 * @param int $size The height and width of the avatar in pixels.
24 | 			 */
25 | 			$status_avatar = apply_filters( 'twentytwelve_status_avatar', 48 );
26 | 			echo get_avatar( get_the_author_meta( 'ID' ), $status_avatar );
27 | 			?>
28 | 		</div><!-- .entry-header -->
29 | 
30 | 		<div class="entry-content">
31 | 			<?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentytwelve' ) ); ?>
32 | 		</div><!-- .entry-content -->
33 | 
34 | 		<footer class="entry-meta">
35 | 			<?php if ( comments_open() ) : ?>
36 | 			<div class="comments-link">
37 | 				<?php comments_popup_link( '<span class="leave-reply">' . __( 'Leave a reply', 'twentytwelve' ) . '</span>', __( '1 Reply', 'twentytwelve' ), __( '% Replies', 'twentytwelve' ) ); ?>
38 | 			</div><!-- .comments-link -->
39 | 			<?php endif; // comments_open() ?>
40 | 			<?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?>
41 | 		</footer><!-- .entry-meta -->
42 | 	</article><!-- #post -->
43 | 


--------------------------------------------------------------------------------
/content.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The default template for displaying content
 4 |  *
 5 |  * Used for both single and index/archive/search.
 6 |  *
 7 |  * @package WordPress
 8 |  * @subpackage Twenty_Twelve
 9 |  * @since Twenty Twelve 1.0
10 |  */
11 | ?>
12 | 
13 | 	<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
14 | 		<?php if ( is_sticky() && is_home() && ! is_paged() ) : ?>
15 | 		<div class="featured-post">
16 | 			<?php _e( 'Featured post', 'twentytwelve' ); ?>
17 | 		</div>
18 | 		<?php endif; ?>
19 | 		<header class="entry-header">
20 | 			<?php
21 | 			if ( ! post_password_required() && ! is_attachment() ) :
22 | 				the_post_thumbnail();
23 | 			endif;
24 | 			?>
25 | 
26 | 			<?php if ( is_single() ) : ?>
27 | 			<h1 class="entry-title"><?php the_title(); ?></h1>
28 | 			<?php else : ?>
29 | 			<h1 class="entry-title">
30 | 				<a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a>
31 | 			</h1>
32 | 			<?php endif; // is_single() ?>
33 | 			<?php if ( comments_open() ) : ?>
34 | 				<div class="comments-link">
35 | 					<?php comments_popup_link( '<span class="leave-reply">' . __( 'Leave a reply', 'twentytwelve' ) . '</span>', __( '1 Reply', 'twentytwelve' ), __( '% Replies', 'twentytwelve' ) ); ?>
36 | 				</div><!-- .comments-link -->
37 | 			<?php endif; // comments_open() ?>
38 | 		</header><!-- .entry-header -->
39 | 
40 | 		<?php if ( is_search() ) : // Only display Excerpts for Search ?>
41 | 		<div class="entry-summary">
42 | 			<?php the_excerpt(); ?>
43 | 		</div><!-- .entry-summary -->
44 | 		<?php else : ?>
45 | 		<div class="entry-content">
46 | 			<?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentytwelve' ) ); ?>
47 | 			<?php
48 | 			wp_link_pages(
49 | 				array(
50 | 					'before' => '<div class="page-links">' . __( 'Pages:', 'twentytwelve' ),
51 | 					'after'  => '</div>',
52 | 				)
53 | 			);
54 | 			?>
55 | 		</div><!-- .entry-content -->
56 | 		<?php endif; ?>
57 | 
58 | 		<footer class="entry-meta">
59 | 			<?php twentytwelve_entry_meta(); ?>
60 | 			<?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?>
61 | 			<?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. ?>
62 | 				<div class="author-info">
63 | 					<div class="author-avatar">
64 | 						<?php
65 | 						/** This filter is documented in author.php */
66 | 						$author_bio_avatar_size = apply_filters( 'twentytwelve_author_bio_avatar_size', 68 );
67 | 						echo get_avatar( get_the_author_meta( 'user_email' ), $author_bio_avatar_size );
68 | 						?>
69 | 					</div><!-- .author-avatar -->
70 | 					<div class="author-description">
71 | 						<h2><?php printf( __( 'About %s', 'twentytwelve' ), get_the_author() ); ?></h2>
72 | 						<p><?php the_author_meta( 'description' ); ?></p>
73 | 						<div class="author-link">
74 | 							<a href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>" rel="author">
75 | 								<?php printf( __( 'View all posts by %s <span class="meta-nav">&rarr;</span>', 'twentytwelve' ), get_the_author() ); ?>
76 | 							</a>
77 | 						</div><!-- .author-link	-->
78 | 					</div><!-- .author-description -->
79 | 				</div><!-- .author-info -->
80 | 			<?php endif; ?>
81 | 		</footer><!-- .entry-meta -->
82 | 	</article><!-- #post -->
83 | 


--------------------------------------------------------------------------------
/css/blocks.css:
--------------------------------------------------------------------------------
  1 | /*
  2 | Theme Name: Twenty Twelve
  3 | Description: Used to style blocks.
  4 | */
  5 | 
  6 | /*--------------------------------------------------------------
  7 | >>> TABLE OF CONTENTS:
  8 | ----------------------------------------------------------------
  9 | 1.0 General Block Styles
 10 | 2.0 Blocks - Common Blocks
 11 | 3.0 Blocks - Formatting
 12 | 4.0 Blocks - Layout Elements
 13 | 5.0 Blocks - Widgets
 14 | 6.0 Blocks - Colors
 15 | --------------------------------------------------------------*/
 16 | 
 17 | /*--------------------------------------------------------------
 18 | 1.0 General Block Styles
 19 | --------------------------------------------------------------*/
 20 | 
 21 | /* Captions */
 22 | 
 23 | [class^="wp-block-"] figcaption {
 24 | 	color: #757575;
 25 | 	font-size: 12px;
 26 | 	font-size: 0.857142857rem;
 27 | 	line-height: 2;
 28 | 	font-style: italic;
 29 | 	text-align: left;
 30 | }
 31 | 
 32 | [class^="wp-block-"].alignleft,
 33 | [class^="wp-block-"] .alignleft {
 34 | 	margin-right: 24px;
 35 | }
 36 | 
 37 | [class^="wp-block-"].alignright,
 38 | [class^="wp-block-"] .alignright {
 39 | 	margin-left: 24px;
 40 | }
 41 | 
 42 | .rtl [class^="wp-block-"] figcaption {
 43 | 	text-align: right;
 44 | }
 45 | 
 46 | /*--------------------------------------------------------------
 47 | 2.0 Blocks - Common Blocks
 48 | --------------------------------------------------------------*/
 49 | 
 50 | /* Paragraph */
 51 | 
 52 | p.has-drop-cap:not(:focus)::first-letter {
 53 | 	font-size: 5em;
 54 | 	margin-top: 0.1em;
 55 | }
 56 | 
 57 | /* Image */
 58 | 
 59 | .wp-block-image figure:not(.aligncenter) {
 60 | 	line-height: 0;
 61 | 	margin: 0 1.714285714rem;
 62 | }
 63 | 
 64 | .wp-block-image figure.alignleft {
 65 | 	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
 66 | }
 67 | 
 68 | .wp-block-image figure.alignright {
 69 | 	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
 70 | }
 71 | 
 72 | .wp-block-image figcaption {
 73 | 	padding-top: 0.75em;
 74 | }
 75 | 
 76 | [class^="wp-block-"].alignleft,
 77 | [class^="wp-block-"] .alignleft,
 78 | [class^="wp-block-"].alignright,
 79 | [class^="wp-block-"] .alignright {
 80 | 
 81 | }
 82 | 
 83 | /* Gallery */
 84 | 
 85 | .wp-block-gallery {
 86 | 	margin-bottom: 24px;
 87 | 	margin-bottom: 1.714285714rem;
 88 | }
 89 | 
 90 | .wp-block-gallery .blocks-gallery-image figcaption,
 91 | .wp-block-gallery .blocks-gallery-item figcaption {
 92 | 	left: 0;
 93 | 	right: 0;
 94 | 	text-align: center;
 95 | 	width: auto;
 96 | }
 97 | 
 98 | /* Quote */
 99 | 
100 | .wp-block-quote:not(.is-large):not(.is-style-large) {
101 | 	border: 0;
102 | 	padding: 24px;
103 | 	padding: 1.714285714rem;
104 | }
105 | 
106 | .wp-block-quote {
107 | 	padding: 24px;
108 | 	padding: 1.714285714rem;
109 | }
110 | 
111 | .wp-block-quote cite {
112 | 	color: inherit;
113 | 	font-size: inherit;
114 | 	font-style: italic;
115 | }
116 | 
117 | .wp-block-quote.is-large p,
118 | .wp-block-quote.is-style-large p {
119 | 	font-size: 20px;
120 | }
121 | 
122 | /* Audio */
123 | 
124 | .wp-block-audio audio {
125 | 	display: block;
126 | 	margin-bottom: 1.714285714rem;
127 | 	width: 100%;
128 | }
129 | 
130 | /* Cover */
131 | 
132 | .wp-block-cover-image.aligncenter,
133 | .wp-block-cover.aligncenter {
134 | 	display: flex;
135 | }
136 | 
137 | /* File */
138 | 
139 | .wp-block-file .wp-block-file__button {
140 | 	background-color: #e6e6e6;
141 | 	background-repeat: repeat-x;
142 | 	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
143 | 	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
144 | 	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
145 | 	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
146 | 	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
147 | 	border: 1px solid #d2d2d2;
148 | 	border-radius: 3px;
149 | 	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
150 | 	color: #7c7c7c;
151 | 	font-family: inherit;
152 | 	font-size: 11px;
153 | 	font-size: 0.785714286rem;
154 | 	font-weight: normal;
155 | 	line-height: 1.428571429;
156 | 	padding: 6px 10px;
157 | 	padding: 0.428571429rem 0.714285714rem;
158 | }
159 | 
160 | .wp-block-file .wp-block-file__button:hover,
161 | .wp-block-file .wp-block-file__button:focus {
162 | 	background-color: #ebebeb;
163 | 	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
164 | 	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
165 | 	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
166 | 	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
167 | 	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
168 | 	background-repeat: repeat-x;
169 | 	color: #5e5e5e;
170 | }
171 | 
172 | .wp-block-file .wp-block-file__button:focus {
173 | 	background-color: #e1e1e1;
174 | 	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
175 | 	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
176 | 	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
177 | 	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
178 | 	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
179 | 	background-repeat: repeat-x;
180 | 	border-color: transparent;
181 | 	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
182 | 	color: #757575;
183 | }
184 | 
185 | .rtl .wp-block-file * + .wp-block-file__button {
186 | 	margin-left: 0.75em;
187 | 	margin-right: 0;
188 | }
189 | 
190 | /* Video */
191 | 
192 | .wp-block-video video:not(:last-child) {
193 | 	margin-bottom: 0;
194 | }
195 | 
196 | /*--------------------------------------------------------------
197 | 3.0 Blocks - Formatting
198 | --------------------------------------------------------------*/
199 | 
200 | /* Code */
201 | 
202 | pre.wp-block-code {
203 | 	border: 0;
204 | 	padding: 0;
205 | }
206 | 
207 | /* Pullquote */
208 | 
209 | .wp-block-pullquote__citation,
210 | .wp-block-pullquote cite,
211 | .wp-block-pullquote footer {
212 | 	font-size: 14px;
213 | 	text-transform: none;
214 | }
215 | 
216 | /* Table */
217 | 
218 | .wp-block-table {
219 | 	border-bottom: 1px solid #ededed;
220 | 	border-collapse: collapse;
221 | 	border-spacing: 0;
222 | 	font-size: 14px;
223 | 	line-height: 2;
224 | 	margin: 0 0 20px;
225 | 	width: 100%;
226 | }
227 | 
228 | .wp-block-table th {
229 | 	border: 0;
230 | 	font-weight: bold;
231 | 	padding: 6px 10px 6px 0;
232 | 	text-transform: uppercase;
233 | }
234 | 
235 | .wp-block-table td {
236 | 	border: 0;
237 | 	border-top: 1px solid #ededed;
238 | 	padding: 6px 10px 6px 0;
239 | }
240 | 
241 | /*--------------------------------------------------------------
242 | 4.0 Blocks - Layout Elements
243 | --------------------------------------------------------------*/
244 | 
245 | /* Buttons */
246 | 
247 | .wp-block-button .wp-block-button__link {
248 | 	border: 1px solid #d2d2d2;
249 | 	font-family: inherit;
250 | 	font-size: 11px;
251 | 	font-size: 0.785714286rem;
252 | 	font-weight: normal;
253 | 	line-height: 1.428571429;
254 | 	padding: 6px 10px;
255 | 	padding: 0.428571429rem 0.714285714rem;
256 | }
257 | 
258 | .entry-content .wp-block-button__link,
259 | .entry-content .wp-block-button__link:visited {
260 | 	background-color: #e6e6e6;
261 | 	color: #7c7c7c;
262 | }
263 | 
264 | .wp-block-button.is-style-outline .wp-block-button__link,
265 | .wp-block-button.is-style-outline .wp-block-button__link:visited {
266 | 	background-color: inherit;
267 | 	border-color: inherit;
268 | }
269 | 
270 | .entry-content .wp-block-button__link:hover,
271 | .entry-content .wp-block-button__link:visited:hover,
272 | .entry-content .wp-block-button__link:focus {
273 | 	background-color: #ebebeb;
274 | 	color: #5e5e5e;
275 | }
276 | 
277 | .entry-content .wp-block-button__link:active {
278 | 	background-color: #e1e1e1;
279 | 	color: #757575;
280 | }
281 | 
282 | .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background) {
283 | 	background-repeat: repeat-x;
284 | 	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
285 | 	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
286 | 	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
287 | 	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
288 | 	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
289 | }
290 | 
291 | .wp-block-button__link:not(.has-text-color) {
292 | 	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
293 | }
294 | 
295 | .wp-block-button__link:not(.has-background):hover,
296 | .wp-block-button__link:not(.has-background):focus {
297 | 	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
298 | 	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
299 | 	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
300 | 	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
301 | 	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
302 | 	background-repeat: repeat-x;
303 | }
304 | 
305 | .wp-block-button__link:not(.has-background):active {
306 | 	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
307 | 	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
308 | 	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
309 | 	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
310 | 	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
311 | 	background-repeat: repeat-x;
312 | 	border-color: transparent;
313 | }
314 | 
315 | .wp-block-button__link:not(.has-text-color):active {
316 | 	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
317 | }
318 | 
319 | /* Separator */
320 | 
321 | .wp-block-separator {
322 | 	border: 0;
323 | }
324 | 
325 | /* Media & Text */
326 | 
327 | .wp-block-media-text {
328 | 	margin-bottom: 24px;
329 | 	margin-bottom: 1.714285714rem;
330 | }
331 | 
332 | .wp-block-media-text *:last-child {
333 | 	margin-bottom: 0;
334 | }
335 | 
336 | /*--------------------------------------------------------------
337 | 5.0 Blocks - Widgets
338 | --------------------------------------------------------------*/
339 | 
340 | /* Archives, Categories & Latest Posts */
341 | 
342 | .wp-block-archives.aligncenter,
343 | .wp-block-categories.aligncenter,
344 | .wp-block-latest-posts.aligncenter {
345 | 	list-style-position: inside;
346 | 	text-align: center;
347 | }
348 | 
349 | /* Latest Comments */
350 | 
351 | .wp-block-latest-comments {
352 | 	margin: 0;
353 | 	padding: 0;
354 | }
355 | 
356 | .wp-block-latest-comments .avatar,
357 | .wp-block-latest-comments__comment-avatar {
358 | 	border-radius: 0;
359 | 	box-shadow: none;
360 | }
361 | 
362 | .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
363 | .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
364 | 	margin-left: 60px;
365 | }
366 | 
367 | .wp-block-latest-comments__comment,
368 | .wp-block-latest-comments__comment-excerpt,
369 | .wp-block-latest-comments__comment-excerpt p {
370 | 	font-size: 14px;
371 | }
372 | 
373 | .wp-block-latest-comments__comment-excerpt p:last-child {
374 | 	margin-bottom: 0;
375 | }
376 | 
377 | .wp-block-latest-comments__comment-date {
378 | 	color: #5e5e5e;
379 | }
380 | 
381 | .wp-block-latest-comments .wp-block-latest-comments__comment {
382 | 	margin: 0;
383 | 	padding: 24px 0;
384 | 	padding: 1.714285714rem 0 0;
385 | }
386 | 
387 | .wp-block-latest-comments article {
388 | 	margin-bottom: 0;
389 | }
390 | 
391 | /*--------------------------------------------------------------
392 | 6.0 Blocks - Colors
393 | --------------------------------------------------------------*/
394 | 
395 | .entry-content .has-blue-color,
396 | .entry-content .has-blue-color:visited {
397 | 	color: #21759b;
398 | }
399 | 
400 | .entry-content .has-blue-background-color,
401 | .entry-content .has-blue-background-color:visited {
402 | 	background-color: #21759b;
403 | }
404 | 
405 | .entry-content .has-dark-gray-color,
406 | .entry-content .has-dark-gray-color:visited {
407 | 	color: #373737;
408 | }
409 | 
410 | .entry-content .has-dark-gray-background-color,
411 | .entry-content .has-dark-gray-background-color:visited {
412 | 	background-color: #373737;
413 | }
414 | 
415 | .entry-content .has-medium-gray-color,
416 | .entry-content .has-medium-gray-color:visited {
417 | 	color: #9f9f9f;
418 | }
419 | 
420 | .entry-content .has-medium-gray-background-color,
421 | .entry-content .has-medium-gray-background-color:visited {
422 | 	background-color: #9f9f9f;
423 | }
424 | 
425 | .entry-content .has-light-gray-color,
426 | .entry-content .has-light-gray-color:visited {
427 | 	color: #e6e6e6;
428 | }
429 | 
430 | .entry-content .has-light-gray-background-color,
431 | .entry-content .has-light-gray-background-color:visited {
432 | 	background-color: #e6e6e6;
433 | }
434 | 
435 | .entry-content .has-white-color,
436 | .entry-content .has-white-color:visited {
437 | 	color: #fff;
438 | }
439 | 
440 | .entry-content .has-white-background-color,
441 | .entry-content .has-white-background-color:visited {
442 | 	background-color: #fff;
443 | }
444 | 


--------------------------------------------------------------------------------
/css/editor-blocks.css:
--------------------------------------------------------------------------------
  1 | /*
  2 | Theme Name: Twenty Twelve
  3 | Description: Used to style blocks in the editor.
  4 | */
  5 | 
  6 | /*--------------------------------------------------------------
  7 | >>> TABLE OF CONTENTS:
  8 | ----------------------------------------------------------------
  9 | 1.0 General Typography
 10 | 2.0 General Block Styles
 11 | 3.0 Blocks - Common Blocks
 12 | 4.0 Blocks - Formatting
 13 | 5.0 Blocks - Layout Elements
 14 | 6.0 Blocks - Widgets
 15 | --------------------------------------------------------------*/
 16 | 
 17 | /*--------------------------------------------------------------
 18 | 1.0 General Typography
 19 | --------------------------------------------------------------*/
 20 | 
 21 | .edit-post-visual-editor .editor-block-list__block,
 22 | .edit-post-visual-editor .editor-block-list__block p,
 23 | .editor-default-block-appender textarea.editor-default-block-appender__content {
 24 | 	font-size: 14px;
 25 | }
 26 | 
 27 | .editor-default-block-appender textarea.editor-default-block-appender__content {
 28 | 	font-family: "Open Sans", Helvetica, Arial, sans-serif;
 29 | }
 30 | 
 31 | .edit-post-visual-editor .editor-block-list__block {
 32 | 	color: #444;
 33 | }
 34 | 
 35 | .editor-post-title__block .editor-post-title__input {
 36 | 	font-family: "Open Sans", Helvetica, Arial, sans-serif;
 37 | 	font-size: 20px;
 38 | 	font-weight: 400;
 39 | }
 40 | 
 41 | @media screen and (min-width: 600px) {
 42 | 	.editor-post-title__block .editor-post-title__input {
 43 | 		font-size: 22px;
 44 | 	}
 45 | }
 46 | 
 47 | .wp-block-freeform.block-library-rich-text__tinymce h1 {
 48 | 	font-size: 21px;
 49 | }
 50 | 
 51 | .wp-block-freeform.block-library-rich-text__tinymce h2 {
 52 | 	font-size: 18px;
 53 | }
 54 | 
 55 | .wp-block-freeform.block-library-rich-text__tinymce h3 {
 56 | 	font-size: 16px;
 57 | }
 58 | 
 59 | .wp-block-freeform.block-library-rich-text__tinymce h4 {
 60 | 	font-size: 14px;
 61 | }
 62 | 
 63 | .wp-block-freeform.block-library-rich-text__tinymce h5 {
 64 | 	font-size: 13px;
 65 | }
 66 | 
 67 | .wp-block-freeform.block-library-rich-text__tinymce h6 {
 68 | 	font-size: 12px;
 69 | }
 70 | 
 71 | /*--------------------------------------------------------------
 72 | 2.0 General Block Styles
 73 | --------------------------------------------------------------*/
 74 | 
 75 | /* Main column width */
 76 | 
 77 | .wp-block {
 78 | 	max-width: 655px; /* 625px + 30px for padding */
 79 | }
 80 | 
 81 | /* Link styles */
 82 | 
 83 | .edit-post-visual-editor a,
 84 | .editor-block-list__block a,
 85 | .wp-block-freeform.block-library-rich-text__tinymce a {
 86 | 	color: #21759b;
 87 | }
 88 | 
 89 | /* List styles */
 90 | 
 91 | .wp-block-freeform.block-library-rich-text__tinymce ol,
 92 | .wp-block-freeform.block-library-rich-text__tinymce ul:not(.wp-block-gallery),
 93 | .block-library-list ol.editor-rich-text__tinymce,
 94 | .block-library-list ul.editor-rich-text__tinymce:not(.wp-block-gallery) {
 95 | 	padding-left: 0;
 96 | 	padding-right: 0;
 97 | }
 98 | 
 99 | /* Quote styles */
100 | 
101 | .wp-block-freeform.block-library-rich-text__tinymce blockquote {
102 | 	border: 0;
103 | 	font-style: italic;
104 | 	padding: 24px;
105 | }
106 | 
107 | /* Table styles */
108 | 
109 | .wp-block-freeform.block-library-rich-text__tinymce th {
110 | 	font-size: 11px;
111 | }
112 | 
113 | .wp-block-freeform.block-library-rich-text__tinymce td {
114 | 	font-size: 12px;
115 | }
116 | 
117 | .wp-block-freeform.block-library-rich-text__tinymce th,
118 | .wp-block-freeform.block-library-rich-text__tinymce td {
119 | 	padding-left: 0;
120 | 	padding-right: 0;
121 | }
122 | 
123 | .rtl .wp-block-freeform.block-library-rich-text__tinymce th,
124 | .rtl .wp-block-freeform.block-library-rich-text__tinymce td {
125 | 	text-align: right;
126 | }
127 | 
128 | /* Code styles */
129 | 
130 | .wp-block-freeform.block-library-rich-text__tinymce code {
131 | 	background-color: transparent;
132 | 	font-size: 12px;
133 | }
134 | 
135 | /* Pre styles */
136 | 
137 | .wp-block-freeform.block-library-rich-text__tinymce pre {
138 | 	font-size: 12px;
139 | }
140 | 
141 | /* Captions */
142 | 
143 | [class^="wp-block-"] figcaption,
144 | [class^="wp-block-"] figcaption.editor-rich-text__tinymce.mce-content-body {
145 | 	color: #757575;
146 | 	font-size: 12px;
147 | 	line-height: 2;
148 | 	font-style: italic;
149 | 	text-align: left;
150 | }
151 | 
152 | .rtl [class^="wp-block-"] figcaption,
153 | .rtl [class^="wp-block-"] figcaption.editor-rich-text__tinymce.mce-content-body {
154 | 	text-align: right;
155 | }
156 | 
157 | /* Definition Lists */
158 | 
159 | .wp-block-freeform.block-library-rich-text__tinymce dt {
160 | 	margin-bottom: 0;
161 | }
162 | 
163 | /*--------------------------------------------------------------
164 | 3.0 Blocks - Common Blocks
165 | --------------------------------------------------------------*/
166 | 
167 | /* Paragraph */
168 | 
169 | p.has-drop-cap:not(:focus)::first-letter {
170 | 	font-size: 5em;
171 | 	margin-top: 0.1em;
172 | }
173 | 
174 | /* Image */
175 | 
176 | .wp-block-image {
177 | 	margin-left: 0;
178 | 	margin-right: 0;
179 | }
180 | 
181 | /* Gallery */
182 | 
183 | .wp-block-gallery {
184 | 	margin-bottom: 24px;
185 | }
186 | 
187 | .wp-block-gallery figcaption,
188 | .wp-block-gallery figcaption.editor-rich-text__tinymce.mce-content-body {
189 | 	color: #fff;
190 | 	text-align: center;
191 | }
192 | 
193 | /* Quote */
194 | 
195 | .wp-block-quote,
196 | .wp-block-quote:not(.is-large):not(.is-style-large) {
197 | 	padding: 24px;
198 | }
199 | 
200 | .wp-block-quote p {
201 | 	font-style: italic;
202 | }
203 | 
204 | .wp-block-quote:not(.is-large):not(.is-style-large) {
205 | 	border: 0;
206 | }
207 | 
208 | .wp-block-quote.is-large p,
209 | .wp-block-quote.is-style-large p {
210 | 	font-size: 20px;
211 | }
212 | 
213 | .wp-block-quote .wp-block-quote__citation {
214 | 	color: inherit;
215 | 	font-style: italic;
216 | }
217 | 
218 | .wp-block-quote.is-large .wp-block-quote__citation,
219 | .wp-block-quote.is-style-large .wp-block-quote__citation {
220 | 	font-size: 18px;
221 | }
222 | 
223 | /* Cover */
224 | 
225 | .edit-post-visual-editor .editor-block-list__block .wp-block-cover-image p,
226 | .edit-post-visual-editor .editor-block-list__block .wp-block-cover p {
227 | 	font-size: 28px;
228 | }
229 | 
230 | /* File */
231 | 
232 | .wp-block-file .wp-block-file__textlink {
233 | 	color: #21759b;
234 | 	text-decoration: underline;
235 | }
236 | 
237 | .wp-block-file .wp-block-file__button {
238 | 	background-color: #e6e6e6;
239 | 	background-repeat: repeat-x;
240 | 	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
241 | 	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
242 | 	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
243 | 	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
244 | 	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
245 | 	border: 1px solid #d2d2d2;
246 | 	border-radius: 3px;
247 | 	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
248 | 	color: #7c7c7c;
249 | 	font-family: inherit;
250 | 	font-size: 11px;
251 | 	font-weight: normal;
252 | 	line-height: 1.428571429;
253 | 	padding: 6px 10px;
254 | }
255 | 
256 | /*--------------------------------------------------------------
257 | 4.0 Blocks - Formatting
258 | --------------------------------------------------------------*/
259 | 
260 | /* Verse */
261 | 
262 | .editor-block-list__block .wp-block-verse pre {
263 | 	font-size: 12px;
264 | }
265 | 
266 | /* Code */
267 | 
268 | .wp-block-code {
269 | 	border: 0;
270 | 	font-size: 12px;
271 | 	line-height: 2;
272 | 	padding: 0;
273 | }
274 | 
275 | .wp-block-html .CodeMirror-sizer {
276 | 	line-height: 1.7;
277 | }
278 | 
279 | /* Preformatted */
280 | 
281 | .editor-block-list__block .wp-block-preformatted pre {
282 | 	font-size: 12px;
283 | }
284 | 
285 | /* Pullquote */
286 | 
287 | .wp-block-pullquote {
288 | 	font-style: italic;
289 | }
290 | 
291 | .edit-post-visual-editor .wp-block-pullquote {
292 | 	margin: 0;
293 | }
294 | 
295 | .wp-block-pullquote .wp-block-pullquote__citation,
296 | .wp-block-pullquote cite {
297 | 	font-size: 14px;
298 | 	text-transform: none;
299 | }
300 | 
301 | /* Table */
302 | 
303 | .wp-block-table {
304 | 	border-bottom: 1px solid #ededed;
305 | 	border-collapse: collapse;
306 | 	border-spacing: 0;
307 | 	font-size: 14px;
308 | 	line-height: 2;
309 | 	margin: 0 0 20px;
310 | 	width: 100%;
311 | }
312 | 
313 | .editor-block-list__block .wp-block-table th {
314 | 	border: 0;
315 | 	font-size: 11px;
316 | 	font-weight: bold;
317 | 	text-transform: uppercase;
318 | }
319 | 
320 | .editor-block-list__block .wp-block-table td {
321 | 	border: 0;
322 | 	border-top: 1px solid #ededed;
323 | 	font-size: 12px;
324 | 	padding: 0;
325 | }
326 | 
327 | .wp-block-table__cell-content {
328 | 	padding: 6px 10px 6px 0;
329 | }
330 | 
331 | /*--------------------------------------------------------------
332 | 5.0 Blocks - Layout Elements
333 | --------------------------------------------------------------*/
334 | 
335 | /* Buttons */
336 | 
337 | .wp-block-button__link {
338 | 	background-color: #e6e6e6;
339 | 	color: #7c7c7c;
340 | }
341 | 
342 | .wp-block-button .wp-block-button__link {
343 | 	border: 1px solid #d2d2d2;
344 | 	font-family: inherit;
345 | 	font-size: 11px;
346 | 	font-weight: normal;
347 | 	line-height: 1.428571429;
348 | 	padding: 6px 10px;
349 | }
350 | 
351 | .wp-block-button .editor-rich-text__tinymce.mce-content-body {
352 | 	line-height: 1.428571429;
353 | }
354 | 
355 | .wp-block-button__link:not(.has-text-color) {
356 | 	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
357 | }
358 | 
359 | .wp-block-button.is-style-outline .wp-block-button__link {
360 | 	background-color: inherit;
361 | 	border-color: inherit;
362 | }
363 | 
364 | .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background) {
365 | 	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
366 | 	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
367 | 	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
368 | 	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
369 | 	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
370 | 	background-repeat: repeat-x;
371 | }
372 | 
373 | /* Separator */
374 | 
375 | .editor-block-list__block hr.wp-block-separator {
376 | 	margin-left: auto;
377 | 	margin-right: auto;
378 | }
379 | 
380 | /* Media & Text */
381 | 
382 | .wp-block-media-text *:last-child {
383 | 	margin-bottom: 0;
384 | }
385 | 
386 | /*--------------------------------------------------------------
387 | 6.0 Blocks - Widgets
388 | --------------------------------------------------------------*/
389 | 
390 | /* Archives, Categories & Latest Posts */
391 | 
392 | [data-align="center"] .wp-block-archives ul,
393 | [data-align="center"] .wp-block-categories ul,
394 | [data-align="center"] .wp-block-latest-posts ul {
395 | 	list-style-position: inside;
396 | }
397 | 
398 | /* Archives */
399 | 
400 | .editor-block-list__block ul.wp-block-archives {
401 | 	padding-left: 0;
402 | }
403 | 
404 | /* Categories */
405 | 
406 | .editor-block-list__block .wp-block-categories ul {
407 | 	padding-left: 0;
408 | }
409 | 
410 | /* Latest Comments */
411 | 
412 | .editor-block-list__block .wp-block-latest-comments {
413 | 	margin: 0;
414 | 	padding: 0;
415 | }
416 | 
417 | .wp-block-latest-comments .avatar,
418 | .wp-block-latest-comments__comment-avatar {
419 | 	border-radius: 0;
420 | 	box-shadow: none;
421 | }
422 | 
423 | .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
424 | .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
425 | 	margin-left: 60px;
426 | }
427 | 
428 | .wp-block-latest-comments__comment,
429 | .wp-block-latest-comments__comment-excerpt,
430 | .wp-block-latest-comments__comment-excerpt p {
431 | 	font-size: 14px;
432 | }
433 | 
434 | .wp-block-latest-comments__comment-excerpt p:last-child {
435 | 	margin-bottom: 0;
436 | }
437 | 
438 | .wp-block-latest-comments__comment-date {
439 | 	color: #5e5e5e;
440 | }
441 | 
442 | .wp-block-latest-comments .wp-block-latest-comments__comment {
443 | 	margin: 0;
444 | 	padding: 24px 0;
445 | }
446 | 
447 | .wp-block-latest-comments article {
448 | 	border-bottom: 4px double #ededed;
449 | 	padding-bottom: 2em;
450 | }
451 | 
452 | /* Latest Posts */
453 | 
454 | .editor-block-list__block .wp-block-latest-posts {
455 | 	padding-left: 0;
456 | 	padding-right: 0;
457 | }
458 | 


--------------------------------------------------------------------------------
/css/ie.css:
--------------------------------------------------------------------------------
  1 | /*
  2 | Styles for older IE versions (previous to IE9).
  3 | */
  4 | 
  5 | body {
  6 | 	background-color: #e6e6e6;
  7 | }
  8 | body.custom-background-empty {
  9 | 	background-color: #fff;
 10 | }
 11 | body.custom-background-empty .site,
 12 | body.custom-background-white .site {
 13 | 	box-shadow: none;
 14 | 	margin-bottom: 0;
 15 | 	margin-top: 0;
 16 | 	padding: 0;
 17 | }
 18 | .assistive-text,
 19 | .site .screen-reader-text {
 20 | 	clip: rect(1px 1px 1px 1px);
 21 | }
 22 | .full-width .site-content {
 23 | 	float: none;
 24 | 	width: 100%;
 25 | }
 26 | img.size-full,
 27 | img.size-large,
 28 | img.header-image,
 29 | img.wp-post-image,
 30 | img[class*="align"],
 31 | img[class*="wp-image-"],
 32 | img[class*="attachment-"] {
 33 | 	width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
 34 | }
 35 | .author-avatar {
 36 | 	float: left;
 37 | 	margin-top: 8px;
 38 | 	margin-top: 0.571428571rem;
 39 | }
 40 | .author-description {
 41 | 	float: right;
 42 | 	width: 80%;
 43 | }
 44 | .site {
 45 | 	box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
 46 | 	margin: 48px auto;
 47 | 	max-width: 960px;
 48 | 	overflow: hidden;
 49 | 	padding: 0 40px;
 50 | }
 51 | .site-content {
 52 | 	float: left;
 53 | 	width: 65.104166667%;
 54 | }
 55 | body.template-front-page .site-content,
 56 | body.attachment .site-content,
 57 | body.full-width .site-content {
 58 | 	width: 100%;
 59 | }
 60 | .widget-area {
 61 | 	float: right;
 62 | 	width: 26.041666667%;
 63 | }
 64 | .site-header h1,
 65 | .site-header h2 {
 66 | 	text-align: left;
 67 | }
 68 | .site-header h1 {
 69 | 	font-size: 26px;
 70 | 	line-height: 1.846153846;
 71 | }
 72 | .main-navigation ul.nav-menu,
 73 | .main-navigation div.nav-menu > ul {
 74 | 	border-bottom: 1px solid #ededed;
 75 | 	border-top: 1px solid #ededed;
 76 | 	display: inline-block !important;
 77 | 	text-align: left;
 78 | 	width: 100%;
 79 | }
 80 | .main-navigation ul {
 81 | 	margin: 0;
 82 | 	text-indent: 0;
 83 | }
 84 | .main-navigation li a,
 85 | .main-navigation li {
 86 | 	display: inline-block;
 87 | 	text-decoration: none;
 88 | }
 89 | .ie7 .main-navigation li a,
 90 | .ie7 .main-navigation li {
 91 | 	display: inline;
 92 | }
 93 | .main-navigation li a {
 94 | 	border-bottom: 0;
 95 | 	color: #6a6a6a;
 96 | 	line-height: 3.692307692;
 97 | 	text-transform: uppercase;
 98 | }
 99 | .main-navigation li a:hover {
100 | 	color: #000;
101 | }
102 | .main-navigation li {
103 | 	margin: 0 40px 0 0;
104 | 	position: relative;
105 | }
106 | .main-navigation li ul {
107 | 	margin: 0;
108 | 	padding: 0;
109 | 	position: absolute;
110 | 	top: 100%;
111 | 	z-index: 1;
112 | 	height: 1px;
113 | 	width: 1px;
114 | 	overflow: hidden;
115 | 	clip: rect(1px, 1px, 1px, 1px);
116 | }
117 | .ie7 .main-navigation li ul {
118 | 	clip: inherit;
119 | 	display: none;
120 | 	left: 0;
121 | 	overflow: visible;
122 | }
123 | .main-navigation li ul ul,
124 | .ie7 .main-navigation li ul ul {
125 | 	top: 0;
126 | 	left: 100%;
127 | }
128 | .main-navigation ul li:hover > ul,
129 | .main-navigation ul li:focus > ul,
130 | .main-navigation .focus > ul {
131 | 	border-left: 0;
132 | 	clip: inherit;
133 | 	overflow: inherit;
134 | 	height: inherit;
135 | 	width: inherit;
136 | }
137 | .ie7 .main-navigation ul li:hover > ul,
138 | .ie7 .main-navigation ul li:focus > ul {
139 | 	display: block;
140 | }
141 | .main-navigation li ul li a {
142 | 	background: #efefef;
143 | 	border-bottom: 1px solid #ededed;
144 | 	display: block;
145 | 	font-size: 11px;
146 | 	line-height: 2.181818182;
147 | 	padding: 8px 10px;
148 | 	width: 180px;
149 | }
150 | .main-navigation li ul li a:hover {
151 | 	background: #e3e3e3;
152 | 	color: #444;
153 | }
154 | .main-navigation .current-menu-item > a,
155 | .main-navigation .current-menu-ancestor > a,
156 | .main-navigation .current_page_item > a,
157 | .main-navigation .current_page_ancestor > a {
158 | 	color: #636363;
159 | 	font-weight: bold;
160 | }
161 | .main-navigation .menu-toggle {
162 | 	display: none;
163 | }
164 | .entry-header .entry-title {
165 | 	font-size: 22px;
166 | }
167 | #respond form input[type="text"] {
168 | 	width: 46.333333333%;
169 | }
170 | #respond form textarea.blog-textarea {
171 | 	width: 79.666666667%;
172 | }
173 | .template-front-page .site-content,
174 | .template-front-page article {
175 | 	overflow: hidden;
176 | }
177 | .template-front-page.has-post-thumbnail article {
178 | 	float: left;
179 | 	width: 47.916666667%;
180 | }
181 | .entry-page-image {
182 | 	float: right;
183 | 	margin-bottom: 0;
184 | 	width: 47.916666667%;
185 | }
186 | /* IE Front Page Template Widget fix */
187 | .template-front-page .widget-area {
188 | 	clear: both;
189 | }
190 | .template-front-page .widget {
191 | 	width: 100% !important;
192 | 	border: none;
193 | }
194 | .template-front-page .widget-area .widget,
195 | .template-front-page .first.front-widgets,
196 | .template-front-page.two-sidebars .widget-area .front-widgets {
197 | 	float: left;
198 | 	margin-bottom: 24px;
199 | 	width: 51.875%;
200 | }
201 | .template-front-page .second.front-widgets,
202 | .template-front-page .widget-area .widget:nth-child(odd) {
203 | 	clear: right;
204 | }
205 | .template-front-page .first.front-widgets,
206 | .template-front-page .second.front-widgets,
207 | .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
208 | 	float: right;
209 | 	margin: 0 0 24px;
210 | 	width: 39.0625%;
211 | }
212 | .template-front-page.two-sidebars .widget,
213 | .template-front-page.two-sidebars .widget:nth-child(even) {
214 | 	float: none;
215 | 	width: auto;
216 | }
217 | /* add input font for <IE9 Password Box to make the bullets show up */
218 | input[type="password"] {
219 | 	font-family: Helvetica, Arial, sans-serif;
220 | }
221 | 
222 | /* RTL overrides for IE7 and IE8
223 | -------------------------------------------------------------- */
224 | .rtl .site-header h1,
225 | .rtl .site-header h2 {
226 | 	text-align: right;
227 | }
228 | .rtl .widget-area,
229 | .rtl .author-description {
230 | 	float: left;
231 | }
232 | .rtl .author-avatar,
233 | .rtl .site-content {
234 | 	float: right;
235 | }
236 | .rtl .main-navigation ul.nav-menu,
237 | .rtl .main-navigation div.nav-menu > ul {
238 | 	text-align: right;
239 | }
240 | .rtl .main-navigation ul li ul li,
241 | .rtl .main-navigation ul li ul li ul li {
242 | 	margin-left: 40px;
243 | 	margin-right: auto;
244 | }
245 | .rtl .main-navigation li ul ul {
246 | 	position: absolute;
247 | 	bottom: 0;
248 | 	right: 100%;
249 | 	z-index: 1;
250 | }
251 | .ie7 .rtl .main-navigation li ul ul {
252 | 	position: absolute;
253 | 	bottom: 0;
254 | 	right: 100%;
255 | 	z-index: 1;
256 | }
257 | .ie7 .rtl .main-navigation ul li {
258 | 	z-index: 99;
259 | }
260 | .ie7 .rtl .main-navigation li ul {
261 | 	position: absolute;
262 | 	bottom: 100%;
263 | 	right: 0;
264 | 	z-index: 1;
265 | }
266 | .ie7 .rtl .main-navigation li {
267 | 	margin-right: auto;
268 | 	margin-left: 40px;
269 | }
270 | .ie7 .rtl .main-navigation li ul ul ul {
271 | 	position: relative;
272 | 	z-index: 1;
273 | }


--------------------------------------------------------------------------------
/editor-style-rtl.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | Theme Name: Twenty Twelve
 3 | Description: Used to style the TinyMCE editor for RTL languages.
 4 | See also rtl.css file.
 5 | */
 6 | 
 7 | html .mceContentBody {
 8 | 	direction: rtl;
 9 | 	unicode-bidi: embed;
10 | }
11 | li {
12 | 	margin: 0 24px 0 0;
13 | 	margin: 0 1.714285714rem 0 0;
14 | }
15 | dl {
16 | 	margin: 0 24px;
17 | 	margin: 0 1.714285714rem;
18 | }
19 | tr th {
20 | 	text-align: right;
21 | }
22 | td {
23 | 	padding: 6px 0 6px 10px;
24 | 	text-align: right;
25 | }
26 | .wp-caption {
27 | 	text-align: right;
28 | }


--------------------------------------------------------------------------------
/editor-style.css:
--------------------------------------------------------------------------------
  1 | /*
  2 | Theme Name: Twenty Twelve
  3 | Description: Used to style the TinyMCE editor.
  4 | */
  5 | 
  6 | html {
  7 | 	font-size: 87.5%;
  8 | }
  9 | html .mceContentBody {
 10 | 	max-width: 625px;
 11 | }
 12 | body {
 13 | 	color: #444;
 14 | 	font-family: "Open Sans", Helvetica, Arial, sans-serif;
 15 | 	font-size: 14px;
 16 | 	font-size: 1rem;
 17 | 	line-height: 1;
 18 | 	text-rendering: optimizeLegibility;
 19 | 	vertical-align: baseline;
 20 | }
 21 | 
 22 | 
 23 | /* =Headings
 24 | -------------------------------------------------------------- */
 25 | 
 26 | h1,
 27 | h2,
 28 | h3,
 29 | h4,
 30 | h5,
 31 | h6 {
 32 | 	clear: both;
 33 | 	line-height: 1.846153846;
 34 | 	margin: 24px 0;
 35 | 	margin: 1.714285714rem 0;
 36 | }
 37 | h1 {
 38 | 	font-size: 21px;
 39 | 	font-size: 1.5rem;
 40 | 	line-height: 1.5;
 41 | }
 42 | h2 {
 43 | 	font-size: 18px;
 44 | 	font-size: 1.285714286rem;
 45 | 	line-height: 1.6;
 46 | }
 47 | h3 {
 48 | 	font-size: 16px;
 49 | 	font-size: 1.142857143rem;
 50 | }
 51 | h4 {
 52 | 	font-size: 14px;
 53 | 	font-size: 1rem;
 54 | }
 55 | h5 {
 56 | 	font-size: 13px;
 57 | 	font-size: 0.928571429rem;
 58 | }
 59 | h6 {
 60 | 	font-size: 12px;
 61 | 	font-size: 0.857142857rem;
 62 | }
 63 | hr {
 64 | 	background-color: #ccc;
 65 | 	border: 0;
 66 | 	height: 1px;
 67 | 	margin: 24px;
 68 | 	margin-bottom: 1.714285714rem;
 69 | }
 70 | 
 71 | 
 72 | /* =Text elements
 73 | -------------------------------------------------------------- */
 74 | 
 75 | p {
 76 | 	line-height: 1.714285714;
 77 | 	margin: 0 0 24px;
 78 | 	margin: 0 0 1.714285714rem;
 79 | }
 80 | ul,
 81 | ol {
 82 | 	margin: 0 0 24px;
 83 | 	margin: 0 0 1.714285714rem;
 84 | 	line-height: 1.714285714;
 85 | 	padding: 0;
 86 | }
 87 | ul {
 88 | 	list-style: disc outside;
 89 | }
 90 | ol {
 91 | 	list-style: decimal outside;
 92 | }
 93 | ul ul,
 94 | ol ol,
 95 | ul ol,
 96 | ol ul {
 97 | 	margin-bottom: 0;
 98 | }
 99 | li {
100 | 	margin: 0 0 0 24px;
101 | 	margin: 0 0 0 1.714285714rem;
102 | }
103 | dl {
104 | 	margin: 0 24px;
105 | 	margin: 0 1.714285714rem;
106 | }
107 | dt {
108 | 	font-weight: bold;
109 | 	margin-bottom: 24px;
110 | 	margin-bottom: 1.714285714rem;
111 | }
112 | dd {
113 | 	line-height: 1.714285714;
114 | 	margin: 0 0 24px;
115 | 	margin: 0 0 1.714285714rem;
116 | }
117 | strong {
118 | 	font-weight: bold;
119 | }
120 | cite,
121 | em,
122 | i {
123 | 	font-style: italic;
124 | }
125 | cite {
126 | 	border: none;
127 | }
128 | big {
129 | 	font-size: 128.571429%;
130 | }
131 | .mceContentBody blockquote {
132 | 	font-style: italic !important;
133 | 	font-weight: normal;
134 | 	margin: 0;
135 | 	padding: 24px;
136 | 	padding: 1.714285714rem;
137 | }
138 | pre {
139 | 	border: 1px solid #ededed;
140 | 	color: #666;
141 | 	font-family: Consolas, Monaco, Lucida Console, monospace;
142 | 	font-size: 12px;
143 | 	font-size: 0.857142857rem;
144 | 	line-height: 1.714285714;
145 | 	margin: 24px 0;
146 | 	margin: 1.714285714rem 0;
147 | 	overflow: auto;
148 | 	padding: 24px;
149 | 	padding: 1.714285714rem;
150 | }
151 | code,
152 | kbd,
153 | samp,
154 | var {
155 | 	font-family: Consolas, Monaco, Lucida Console, monospace;
156 | 	font-size: 12px;
157 | 	font-size: 0.857142857rem;
158 | 	line-height: 2;
159 | }
160 | abbr,
161 | acronym,
162 | dfn {
163 | 	border-bottom: 1px dotted #666;
164 | 	cursor: help;
165 | }
166 | address {
167 | 	display: block;
168 | 	line-height: 1.714285714;
169 | 	margin: 0 0 24px;
170 | 	margin: 0 0 1.714285714rem;
171 | }
172 | del {
173 | 	color: #333;
174 | }
175 | ins {
176 | 	background: #fff9c0;
177 | 	border: none;
178 | 	color: #333;
179 | 	text-decoration: none;
180 | }
181 | sup,
182 | sub {
183 | 	font-size: 75%;
184 | 	line-height: 0;
185 | 	position: relative;
186 | 	vertical-align: baseline;
187 | }
188 | sup {
189 | 	top: -0.5em;
190 | }
191 | sub {
192 | 	bottom: -0.25em;
193 | }
194 | input[type="text"] {
195 | 	border: 1px solid #ccc;
196 | 	border-radius: 3px;
197 | 	font-family: inherit;
198 | 	padding: 6px;
199 | 	padding: 0.428571429rem;
200 | }
201 | textarea {
202 | 	border: 1px solid #d5d2ca;
203 | 	border-radius: 3px;
204 | 	font-family: inherit;
205 | 	font-size: 12px;
206 | 	font-size: 0.857142857rem;
207 | 	line-height: 1.714285714;
208 | 	padding: 10px;
209 | 	padding: 0.714285714rem;
210 | 	width: 96%;
211 | }
212 | 
213 | 
214 | /* =Links
215 | -------------------------------------------------------------- */
216 | 
217 | a,
218 | a em,
219 | a strong {
220 | 	color: #21759b;
221 | 	outline: none;
222 | }
223 | a:focus,
224 | a:active,
225 | a:hover {
226 | 	color: #0f3647;
227 | }
228 | 
229 | 
230 | /* =Alignment
231 | -------------------------------------------------------------- */
232 | 
233 | .alignleft {
234 | 	display: inline;
235 | 	float: left;
236 | 	margin: 12px 24px 12px 0;
237 | 	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
238 | }
239 | .alignright {
240 | 	display: inline;
241 | 	float: right;
242 | 	margin: 12px 0 12px 24px;
243 | 	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
244 | }
245 | .aligncenter {
246 | 	clear: both;
247 | 	display: block;
248 | 	margin-top: 12px;
249 | 	margin-top: 0.857142857rem;
250 | 	margin-bottom: 12px;
251 | 	margin-bottom: 0.857142857rem;
252 | }
253 | 
254 | 
255 | /* =Tables
256 | -------------------------------------------------------------- */
257 | 
258 | table {
259 | 	border-bottom: 1px solid #ededed;
260 | 	border-collapse: collapse;
261 | 	border-spacing: 0;
262 | 	color: #757575;
263 | 	font-size: 12px;
264 | 	font-size: 0.857142857rem;
265 | 	line-height: 2;
266 | 	margin: 0 0 24px;
267 | 	margin: 0 0 1.714285714rem;
268 | 	width: 100%;
269 | }
270 | tr th {
271 | 	color: #636363;
272 | 	font-size: 11px;
273 | 	font-size: 0.785714286rem;
274 | 	font-weight: bold;
275 | 	line-height: 2.181818182;
276 | 	text-align: left;
277 | 	text-transform: uppercase;
278 | }
279 | td {
280 | 	border-top: 1px solid #ededed !important;
281 | 	color: #757575;
282 | 	font-size: inherit;
283 | 	font-weight: normal;
284 | 	padding: 6px 10px 6px 0;
285 | 	text-align: left;
286 | }
287 | 
288 | 
289 | /* =Images
290 | -------------------------------------------------------------- */
291 | 
292 | img,
293 | .editor-attachment {
294 | 	border: 0;
295 | 	border-radius: 3px;
296 | 	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
297 | 	max-width: 100%;
298 | }
299 | img.size-full {
300 | 	width: auto/9; /* Prevent stretching of full-size images in IE8 */
301 | }
302 | img[class*="wp-image-"] {
303 | 	height: auto;
304 | 	max-width: 100%;
305 | }
306 | img[class*="align"],
307 | img[class*="wp-image-"],
308 | img[class*="attachment-"] {
309 | 	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
310 | }
311 | img.mce-wp-nextpage {
312 | 	border-radius: 0;
313 | 	box-shadow: none;
314 | }
315 | img.wp-smiley {
316 | 	border: 0;
317 | 	border-radius: 0;
318 | 	box-shadow: none;
319 | 	margin-bottom: 0;
320 | 	margin-top: 0;
321 | 	padding: 0;
322 | }
323 | .wp-caption {
324 | 	background: transparent;
325 | 	border: none;
326 | 	margin: 0;
327 | 	padding: 4px;
328 | 	text-align: left;
329 | }
330 | .wp-caption-dt {
331 | 	margin: 0;
332 | }
333 | .wp-caption .wp-caption-text,
334 | .wp-caption-dd {
335 | 	color: #757575;
336 | 	font-style: italic;
337 | 	font-size: 12px;
338 | 	font-size: 0.857142857rem;
339 | 	line-height: 2;
340 | 	margin: 0 0 24px;
341 | 	margin: 0 0 1.71429rem;
342 | }
343 | 


--------------------------------------------------------------------------------
/footer.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying the footer
 4 |  *
 5 |  * Contains footer content and the closing of the #main and #page div elements.
 6 |  *
 7 |  * @package WordPress
 8 |  * @subpackage Twenty_Twelve
 9 |  * @since Twenty Twelve 1.0
10 |  */
11 | ?>
12 | 	</div><!-- #main .wrapper -->
13 | 	<footer id="colophon" role="contentinfo">
14 | 		<div class="site-info">
15 | 			<?php do_action( 'twentytwelve_credits' ); ?>
16 | 			<?php
17 | 			if ( function_exists( 'the_privacy_policy_link' ) ) {
18 | 				the_privacy_policy_link( '', '<span role="separator" aria-hidden="true"></span>' );
19 | 			}
20 | 			?>
21 | 			<a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentytwelve' ) ); ?>" class="imprint" title="<?php esc_attr_e( 'Semantic Personal Publishing Platform', 'twentytwelve' ); ?>">
22 | 				<?php printf( __( 'Proudly powered by %s', 'twentytwelve' ), 'WordPress' ); ?>
23 | 			</a>
24 | 		</div><!-- .site-info -->
25 | 	</footer><!-- #colophon -->
26 | </div><!-- #page -->
27 | 
28 | <?php wp_footer(); ?>
29 | </body>
30 | </html>
31 | 


--------------------------------------------------------------------------------
/functions.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * Twenty Twelve functions and definitions
  4 |  *
  5 |  * Sets up the theme and provides some helper functions, which are used
  6 |  * in the theme as custom template tags. Others are attached to action and
  7 |  * filter hooks in WordPress to change core functionality.
  8 |  *
  9 |  * When using a child theme (see https://codex.wordpress.org/Theme_Development and
 10 |  * https://codex.wordpress.org/Child_Themes), you can override certain functions
 11 |  * (those wrapped in a function_exists() call) by defining them first in your child theme's
 12 |  * functions.php file. The child theme's functions.php file is included before the parent
 13 |  * theme's file, so the child theme functions would be used.
 14 |  *
 15 |  * Functions that are not pluggable (not wrapped in function_exists()) are instead attached
 16 |  * to a filter or action hook.
 17 |  *
 18 |  * For more information on hooks, actions, and filters, @link https://codex.wordpress.org/Plugin_API
 19 |  *
 20 |  * @package WordPress
 21 |  * @subpackage Twenty_Twelve
 22 |  * @since Twenty Twelve 1.0
 23 |  */
 24 | 
 25 | // Set up the content width value based on the theme's design and stylesheet.
 26 | if ( ! isset( $content_width ) ) {
 27 | 	$content_width = 625;
 28 | }
 29 | 
 30 | /**
 31 |  * Twenty Twelve setup.
 32 |  *
 33 |  * Sets up theme defaults and registers the various WordPress features that
 34 |  * Twenty Twelve supports.
 35 |  *
 36 |  * @uses load_theme_textdomain() For translation/localization support.
 37 |  * @uses add_editor_style() To add a Visual Editor stylesheet.
 38 |  * @uses add_theme_support() To add support for post thumbnails, automatic feed links,
 39 |  *  custom background, and post formats.
 40 |  * @uses register_nav_menu() To add support for navigation menus.
 41 |  * @uses set_post_thumbnail_size() To set a custom post thumbnail size.
 42 |  *
 43 |  * @since Twenty Twelve 1.0
 44 |  */
 45 | function twentytwelve_setup() {
 46 | 	/*
 47 | 	 * Makes Twenty Twelve available for translation.
 48 | 	 *
 49 | 	 * Translations can be filed at WordPress.org. See: https://translate.wordpress.org/projects/wp-themes/twentytwelve
 50 | 	 * If you're building a theme based on Twenty Twelve, use a find and replace
 51 | 	 * to change 'twentytwelve' to the name of your theme in all the template files.
 52 | 	 */
 53 | 	load_theme_textdomain( 'twentytwelve' );
 54 | 
 55 | 	// This theme styles the visual editor with editor-style.css to match the theme style.
 56 | 	add_editor_style();
 57 | 
 58 | 	// Load regular editor styles into the new block-based editor.
 59 | 	add_theme_support( 'editor-styles' );
 60 | 
 61 | 	// Load default block styles.
 62 | 	add_theme_support( 'wp-block-styles' );
 63 | 
 64 | 	// Add support for responsive embeds.
 65 | 	add_theme_support( 'responsive-embeds' );
 66 | 
 67 | 	// Add support for custom color scheme.
 68 | 	add_theme_support(
 69 | 		'editor-color-palette',
 70 | 		array(
 71 | 			array(
 72 | 				'name'  => __( 'Blue', 'twentytwelve' ),
 73 | 				'slug'  => 'blue',
 74 | 				'color' => '#21759b',
 75 | 			),
 76 | 			array(
 77 | 				'name'  => __( 'Dark Gray', 'twentytwelve' ),
 78 | 				'slug'  => 'dark-gray',
 79 | 				'color' => '#444',
 80 | 			),
 81 | 			array(
 82 | 				'name'  => __( 'Medium Gray', 'twentytwelve' ),
 83 | 				'slug'  => 'medium-gray',
 84 | 				'color' => '#9f9f9f',
 85 | 			),
 86 | 			array(
 87 | 				'name'  => __( 'Light Gray', 'twentytwelve' ),
 88 | 				'slug'  => 'light-gray',
 89 | 				'color' => '#e6e6e6',
 90 | 			),
 91 | 			array(
 92 | 				'name'  => __( 'White', 'twentytwelve' ),
 93 | 				'slug'  => 'white',
 94 | 				'color' => '#fff',
 95 | 			),
 96 | 		)
 97 | 	);
 98 | 
 99 | 	// Adds RSS feed links to <head> for posts and comments.
100 | 	add_theme_support( 'automatic-feed-links' );
101 | 
102 | 	// This theme supports a variety of post formats.
103 | 	add_theme_support( 'post-formats', array( 'aside', 'image', 'link', 'quote', 'status' ) );
104 | 
105 | 	// This theme uses wp_nav_menu() in one location.
106 | 	register_nav_menu( 'primary', __( 'Primary Menu', 'twentytwelve' ) );
107 | 
108 | 	/*
109 | 	 * This theme supports custom background color and image,
110 | 	 * and here we also set up the default background color.
111 | 	 */
112 | 	add_theme_support(
113 | 		'custom-background',
114 | 		array(
115 | 			'default-color' => 'e6e6e6',
116 | 		)
117 | 	);
118 | 
119 | 	// This theme uses a custom image size for featured images, displayed on "standard" posts.
120 | 	add_theme_support( 'post-thumbnails' );
121 | 	set_post_thumbnail_size( 624, 9999 ); // Unlimited height, soft crop
122 | 
123 | 	// Indicate widget sidebars can use selective refresh in the Customizer.
124 | 	add_theme_support( 'customize-selective-refresh-widgets' );
125 | }
126 | add_action( 'after_setup_theme', 'twentytwelve_setup' );
127 | 
128 | /**
129 |  * Add support for a custom header image.
130 |  */
131 | require( get_template_directory() . '/inc/custom-header.php' );
132 | 
133 | /**
134 |  * Return the Google font stylesheet URL if available.
135 |  *
136 |  * The use of Open Sans by default is localized. For languages that use
137 |  * characters not supported by the font, the font can be disabled.
138 |  *
139 |  * @since Twenty Twelve 1.2
140 |  *
141 |  * @return string Font stylesheet or empty string if disabled.
142 |  */
143 | function twentytwelve_get_font_url() {
144 | 	$font_url = '';
145 | 
146 | 	/* translators: If there are characters in your language that are not supported
147 | 	 * by Open Sans, translate this to 'off'. Do not translate into your own language.
148 | 	 */
149 | 	if ( 'off' !== _x( 'on', 'Open Sans font: on or off', 'twentytwelve' ) ) {
150 | 		$subsets = 'latin,latin-ext';
151 | 
152 | 		/* translators: To add an additional Open Sans character subset specific to your language,
153 | 		 * translate this to 'greek', 'cyrillic' or 'vietnamese'. Do not translate into your own language.
154 | 		 */
155 | 		$subset = _x( 'no-subset', 'Open Sans font: add new subset (greek, cyrillic, vietnamese)', 'twentytwelve' );
156 | 
157 | 		if ( 'cyrillic' == $subset ) {
158 | 			$subsets .= ',cyrillic,cyrillic-ext';
159 | 		} elseif ( 'greek' == $subset ) {
160 | 			$subsets .= ',greek,greek-ext';
161 | 		} elseif ( 'vietnamese' == $subset ) {
162 | 			$subsets .= ',vietnamese';
163 | 		}
164 | 
165 | 		$query_args = array(
166 | 			'family' => 'Open+Sans:400italic,700italic,400,700',
167 | 			'subset' => $subsets,
168 | 		);
169 | 		$font_url   = add_query_arg( $query_args, 'https://fonts.googleapis.com/css' );
170 | 	}
171 | 
172 | 	return $font_url;
173 | }
174 | 
175 | /**
176 |  * Enqueue scripts and styles for front end.
177 |  *
178 |  * @since Twenty Twelve 1.0
179 |  */
180 | function twentytwelve_scripts_styles() {
181 | 	global $wp_styles;
182 | 
183 | 	/*
184 | 	 * Adds JavaScript to pages with the comment form to support
185 | 	 * sites with threaded comments (when in use).
186 | 	 */
187 | 	if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
188 | 		wp_enqueue_script( 'comment-reply' );
189 | 	}
190 | 
191 | 	// Adds JavaScript for handling the navigation menu hide-and-show behavior.
192 | 	wp_enqueue_script( 'twentytwelve-navigation', get_template_directory_uri() . '/js/navigation.js', array( 'jquery' ), '20140711', true );
193 | 
194 | 	$font_url = twentytwelve_get_font_url();
195 | 	if ( ! empty( $font_url ) ) {
196 | 		wp_enqueue_style( 'twentytwelve-fonts', esc_url_raw( $font_url ), array(), null );
197 | 	}
198 | 
199 | 	// Loads our main stylesheet.
200 | 	wp_enqueue_style( 'twentytwelve-style', get_stylesheet_uri() );
201 | 
202 | 	// Theme block stylesheet.
203 | 	wp_enqueue_style( 'twentytwelve-block-style', get_template_directory_uri() . '/css/blocks.css', array( 'twentytwelve-style' ), '20181230' );
204 | 
205 | 	// Loads the Internet Explorer specific stylesheet.
206 | 	wp_enqueue_style( 'twentytwelve-ie', get_template_directory_uri() . '/css/ie.css', array( 'twentytwelve-style' ), '20121010' );
207 | 	$wp_styles->add_data( 'twentytwelve-ie', 'conditional', 'lt IE 9' );
208 | }
209 | add_action( 'wp_enqueue_scripts', 'twentytwelve_scripts_styles' );
210 | 
211 | /**
212 |  * Enqueue styles for the block-based editor.
213 |  *
214 |  * @since Twenty Twelve 2.6
215 |  */
216 | function twentytwelve_block_editor_styles() {
217 | 	// Block styles.
218 | 	wp_enqueue_style( 'twentytwelve-block-editor-style', get_template_directory_uri() . '/css/editor-blocks.css', array(), '20181230' );
219 | 	// Add custom fonts.
220 | 	wp_enqueue_style( 'twentytwelve-fonts', twentytwelve_get_font_url(), array(), null );
221 | }
222 | add_action( 'enqueue_block_editor_assets', 'twentytwelve_block_editor_styles' );
223 | 
224 | /**
225 |  * Add preconnect for Google Fonts.
226 |  *
227 |  * @since Twenty Twelve 2.2
228 |  *
229 |  * @param array   $urls          URLs to print for resource hints.
230 |  * @param string  $relation_type The relation type the URLs are printed.
231 |  * @return array URLs to print for resource hints.
232 |  */
233 | function twentytwelve_resource_hints( $urls, $relation_type ) {
234 | 	if ( wp_style_is( 'twentytwelve-fonts', 'queue' ) && 'preconnect' === $relation_type ) {
235 | 		if ( version_compare( $GLOBALS['wp_version'], '4.7-alpha', '>=' ) ) {
236 | 			$urls[] = array(
237 | 				'href' => 'https://fonts.gstatic.com',
238 | 				'crossorigin',
239 | 			);
240 | 		} else {
241 | 			$urls[] = 'https://fonts.gstatic.com';
242 | 		}
243 | 	}
244 | 
245 | 	return $urls;
246 | }
247 | add_filter( 'wp_resource_hints', 'twentytwelve_resource_hints', 10, 2 );
248 | 
249 | /**
250 |  * Filter TinyMCE CSS path to include Google Fonts.
251 |  *
252 |  * Adds additional stylesheets to the TinyMCE editor if needed.
253 |  *
254 |  * @uses twentytwelve_get_font_url() To get the Google Font stylesheet URL.
255 |  *
256 |  * @since Twenty Twelve 1.2
257 |  *
258 |  * @param string $mce_css CSS path to load in TinyMCE.
259 |  * @return string Filtered CSS path.
260 |  */
261 | function twentytwelve_mce_css( $mce_css ) {
262 | 	$font_url = twentytwelve_get_font_url();
263 | 
264 | 	if ( empty( $font_url ) ) {
265 | 		return $mce_css;
266 | 	}
267 | 
268 | 	if ( ! empty( $mce_css ) ) {
269 | 		$mce_css .= ',';
270 | 	}
271 | 
272 | 	$mce_css .= esc_url_raw( str_replace( ',', '%2C', $font_url ) );
273 | 
274 | 	return $mce_css;
275 | }
276 | add_filter( 'mce_css', 'twentytwelve_mce_css' );
277 | 
278 | /**
279 |  * Filter the page title.
280 |  *
281 |  * Creates a nicely formatted and more specific title element text
282 |  * for output in head of document, based on current view.
283 |  *
284 |  * @since Twenty Twelve 1.0
285 |  *
286 |  * @param string $title Default title text for current view.
287 |  * @param string $sep Optional separator.
288 |  * @return string Filtered title.
289 |  */
290 | function twentytwelve_wp_title( $title, $sep ) {
291 | 	global $paged, $page;
292 | 
293 | 	if ( is_feed() ) {
294 | 		return $title;
295 | 	}
296 | 
297 | 	// Add the site name.
298 | 	$title .= get_bloginfo( 'name', 'display' );
299 | 
300 | 	// Add the site description for the home/front page.
301 | 	$site_description = get_bloginfo( 'description', 'display' );
302 | 	if ( $site_description && ( is_home() || is_front_page() ) ) {
303 | 		$title = "$title $sep $site_description";
304 | 	}
305 | 
306 | 	// Add a page number if necessary.
307 | 	if ( ( $paged >= 2 || $page >= 2 ) && ! is_404() ) {
308 | 		$title = "$title $sep " . sprintf( __( 'Page %s', 'twentytwelve' ), max( $paged, $page ) );
309 | 	}
310 | 
311 | 	return $title;
312 | }
313 | add_filter( 'wp_title', 'twentytwelve_wp_title', 10, 2 );
314 | 
315 | /**
316 |  * Filter the page menu arguments.
317 |  *
318 |  * Makes our wp_nav_menu() fallback -- wp_page_menu() -- show a home link.
319 |  *
320 |  * @since Twenty Twelve 1.0
321 |  */
322 | function twentytwelve_page_menu_args( $args ) {
323 | 	if ( ! isset( $args['show_home'] ) ) {
324 | 		$args['show_home'] = true;
325 | 	}
326 | 	return $args;
327 | }
328 | add_filter( 'wp_page_menu_args', 'twentytwelve_page_menu_args' );
329 | 
330 | /**
331 |  * Register sidebars.
332 |  *
333 |  * Registers our main widget area and the front page widget areas.
334 |  *
335 |  * @since Twenty Twelve 1.0
336 |  */
337 | function twentytwelve_widgets_init() {
338 | 	register_sidebar(
339 | 		array(
340 | 			'name'          => __( 'Main Sidebar', 'twentytwelve' ),
341 | 			'id'            => 'sidebar-1',
342 | 			'description'   => __( 'Appears on posts and pages except the optional Front Page template, which has its own widgets', 'twentytwelve' ),
343 | 			'before_widget' => '<aside id="%1$s" class="widget %2$s">',
344 | 			'after_widget'  => '</aside>',
345 | 			'before_title'  => '<h3 class="widget-title">',
346 | 			'after_title'   => '</h3>',
347 | 		)
348 | 	);
349 | 
350 | 	register_sidebar(
351 | 		array(
352 | 			'name'          => __( 'First Front Page Widget Area', 'twentytwelve' ),
353 | 			'id'            => 'sidebar-2',
354 | 			'description'   => __( 'Appears when using the optional Front Page template with a page set as Static Front Page', 'twentytwelve' ),
355 | 			'before_widget' => '<aside id="%1$s" class="widget %2$s">',
356 | 			'after_widget'  => '</aside>',
357 | 			'before_title'  => '<h3 class="widget-title">',
358 | 			'after_title'   => '</h3>',
359 | 		)
360 | 	);
361 | 
362 | 	register_sidebar(
363 | 		array(
364 | 			'name'          => __( 'Second Front Page Widget Area', 'twentytwelve' ),
365 | 			'id'            => 'sidebar-3',
366 | 			'description'   => __( 'Appears when using the optional Front Page template with a page set as Static Front Page', 'twentytwelve' ),
367 | 			'before_widget' => '<aside id="%1$s" class="widget %2$s">',
368 | 			'after_widget'  => '</aside>',
369 | 			'before_title'  => '<h3 class="widget-title">',
370 | 			'after_title'   => '</h3>',
371 | 		)
372 | 	);
373 | }
374 | add_action( 'widgets_init', 'twentytwelve_widgets_init' );
375 | 
376 | if ( ! function_exists( 'twentytwelve_content_nav' ) ) :
377 | 	/**
378 | 	 * Displays navigation to next/previous pages when applicable.
379 | 	 *
380 | 	 * @since Twenty Twelve 1.0
381 | 	 */
382 | 	function twentytwelve_content_nav( $html_id ) {
383 | 		global $wp_query;
384 | 
385 | 		if ( $wp_query->max_num_pages > 1 ) : ?>
386 | 			<nav id="<?php echo esc_attr( $html_id ); ?>" class="navigation" role="navigation">
387 | 				<h3 class="assistive-text"><?php _e( 'Post navigation', 'twentytwelve' ); ?></h3>
388 | 				<div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> Older posts', 'twentytwelve' ) ); ?></div>
389 | 				<div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">&rarr;</span>', 'twentytwelve' ) ); ?></div>
390 | 			</nav><!-- .navigation -->
391 | 			<?php
392 | 	endif;
393 | 	}
394 | endif;
395 | 
396 | if ( ! function_exists( 'twentytwelve_comment' ) ) :
397 | 	/**
398 | 	 * Template for comments and pingbacks.
399 | 	 *
400 | 	 * To override this walker in a child theme without modifying the comments template
401 | 	 * simply create your own twentytwelve_comment(), and that function will be used instead.
402 | 	 *
403 | 	 * Used as a callback by wp_list_comments() for displaying the comments.
404 | 	 *
405 | 	 * @since Twenty Twelve 1.0
406 | 	 */
407 | 	function twentytwelve_comment( $comment, $args, $depth ) {
408 | 		$GLOBALS['comment'] = $comment;
409 | 		switch ( $comment->comment_type ) :
410 | 			case 'pingback':
411 | 			case 'trackback':
412 | 				// Display trackbacks differently than normal comments.
413 | 				?>
414 | 		<li <?php comment_class(); ?> id="comment-<?php comment_ID(); ?>">
415 | 		<p><?php _e( 'Pingback:', 'twentytwelve' ); ?> <?php comment_author_link(); ?> <?php edit_comment_link( __( '(Edit)', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?></p>
416 | 				<?php
417 | 				break;
418 | 			default:
419 | 				// Proceed with normal comments.
420 | 				global $post;
421 | 				?>
422 | 		<li <?php comment_class(); ?> id="li-comment-<?php comment_ID(); ?>">
423 | 		<article id="comment-<?php comment_ID(); ?>" class="comment">
424 | 			<header class="comment-meta comment-author vcard">
425 | 				<?php
426 | 					echo get_avatar( $comment, 44 );
427 | 					printf(
428 | 						'<cite><b class="fn">%1$s</b> %2$s</cite>',
429 | 						get_comment_author_link(),
430 | 						// If current post author is also comment author, make it known visually.
431 | 						( $comment->user_id === $post->post_author ) ? '<span>' . __( 'Post author', 'twentytwelve' ) . '</span>' : ''
432 | 					);
433 | 					printf(
434 | 						'<a href="%1$s"><time datetime="%2$s">%3$s</time></a>',
435 | 						esc_url( get_comment_link( $comment->comment_ID ) ),
436 | 						get_comment_time( 'c' ),
437 | 						/* translators: 1: date, 2: time */
438 | 						sprintf( __( '%1$s at %2$s', 'twentytwelve' ), get_comment_date(), get_comment_time() )
439 | 					);
440 | 				?>
441 | 				</header><!-- .comment-meta -->
442 | 
443 | 				<?php if ( '0' == $comment->comment_approved ) : ?>
444 | 				<p class="comment-awaiting-moderation"><?php _e( 'Your comment is awaiting moderation.', 'twentytwelve' ); ?></p>
445 | 			<?php endif; ?>
446 | 
447 | 				<section class="comment-content comment">
448 | 				<?php comment_text(); ?>
449 | 				<?php edit_comment_link( __( 'Edit', 'twentytwelve' ), '<p class="edit-link">', '</p>' ); ?>
450 | 				</section><!-- .comment-content -->
451 | 
452 | 				<div class="reply">
453 | 				<?php
454 | 				comment_reply_link(
455 | 					array_merge(
456 | 						$args,
457 | 						array(
458 | 							'reply_text' => __( 'Reply', 'twentytwelve' ),
459 | 							'after'      => ' <span>&darr;</span>',
460 | 							'depth'      => $depth,
461 | 							'max_depth'  => $args['max_depth'],
462 | 						)
463 | 					)
464 | 				);
465 | 				?>
466 | 				</div><!-- .reply -->
467 | 			</article><!-- #comment-## -->
468 | 				<?php
469 | 				break;
470 | 		endswitch; // end comment_type check
471 | 	}
472 | endif;
473 | 
474 | if ( ! function_exists( 'twentytwelve_entry_meta' ) ) :
475 | 	/**
476 | 	 * Set up post entry meta.
477 | 	 *
478 | 	 * Prints HTML with meta information for current post: categories, tags, permalink, author, and date.
479 | 	 *
480 | 	 * Create your own twentytwelve_entry_meta() to override in a child theme.
481 | 	 *
482 | 	 * @since Twenty Twelve 1.0
483 | 	 */
484 | 	function twentytwelve_entry_meta() {
485 | 		// Translators: used between list items, there is a space after the comma.
486 | 		$categories_list = get_the_category_list( __( ', ', 'twentytwelve' ) );
487 | 
488 | 		// Translators: used between list items, there is a space after the comma.
489 | 		$tag_list = get_the_tag_list( '', __( ', ', 'twentytwelve' ) );
490 | 
491 | 		$date = sprintf(
492 | 			'<a href="%1$s" title="%2$s" rel="bookmark"><time class="entry-date" datetime="%3$s">%4$s</time></a>',
493 | 			esc_url( get_permalink() ),
494 | 			esc_attr( get_the_time() ),
495 | 			esc_attr( get_the_date( 'c' ) ),
496 | 			esc_html( get_the_date() )
497 | 		);
498 | 
499 | 		$author = sprintf(
500 | 			'<span class="author vcard"><a class="url fn n" href="%1$s" title="%2$s" rel="author">%3$s</a></span>',
501 | 			esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ),
502 | 			esc_attr( sprintf( __( 'View all posts by %s', 'twentytwelve' ), get_the_author() ) ),
503 | 			get_the_author()
504 | 		);
505 | 
506 | 		// Translators: 1 is category, 2 is tag, 3 is the date and 4 is the author's name.
507 | 		if ( $tag_list ) {
508 | 			$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' );
509 | 		} elseif ( $categories_list ) {
510 | 			$utility_text = __( 'This entry was posted in %1$s on %3$s<span class="by-author"> by %4$s</span>.', 'twentytwelve' );
511 | 		} else {
512 | 			$utility_text = __( 'This entry was posted on %3$s<span class="by-author"> by %4$s</span>.', 'twentytwelve' );
513 | 		}
514 | 
515 | 		printf(
516 | 			$utility_text,
517 | 			$categories_list,
518 | 			$tag_list,
519 | 			$date,
520 | 			$author
521 | 		);
522 | 	}
523 | endif;
524 | 
525 | /**
526 |  * Extend the default WordPress body classes.
527 |  *
528 |  * Extends the default WordPress body class to denote:
529 |  * 1. Using a full-width layout, when no active widgets in the sidebar
530 |  *    or full-width template.
531 |  * 2. Front Page template: thumbnail in use and number of sidebars for
532 |  *    widget areas.
533 |  * 3. White or empty background color to change the layout and spacing.
534 |  * 4. Custom fonts enabled.
535 |  * 5. Single or multiple authors.
536 |  *
537 |  * @since Twenty Twelve 1.0
538 |  *
539 |  * @param array $classes Existing class values.
540 |  * @return array Filtered class values.
541 |  */
542 | function twentytwelve_body_class( $classes ) {
543 | 	$background_color = get_background_color();
544 | 	$background_image = get_background_image();
545 | 
546 | 	if ( ! is_active_sidebar( 'sidebar-1' ) || is_page_template( 'page-templates/full-width.php' ) ) {
547 | 		$classes[] = 'full-width';
548 | 	}
549 | 
550 | 	if ( is_page_template( 'page-templates/front-page.php' ) ) {
551 | 		$classes[] = 'template-front-page';
552 | 		if ( has_post_thumbnail() ) {
553 | 			$classes[] = 'has-post-thumbnail';
554 | 		}
555 | 		if ( is_active_sidebar( 'sidebar-2' ) && is_active_sidebar( 'sidebar-3' ) ) {
556 | 			$classes[] = 'two-sidebars';
557 | 		}
558 | 	}
559 | 
560 | 	if ( empty( $background_image ) ) {
561 | 		if ( empty( $background_color ) ) {
562 | 			$classes[] = 'custom-background-empty';
563 | 		} elseif ( in_array( $background_color, array( 'fff', 'ffffff' ) ) ) {
564 | 			$classes[] = 'custom-background-white';
565 | 		}
566 | 	}
567 | 
568 | 	// Enable custom font class only if the font CSS is queued to load.
569 | 	if ( wp_style_is( 'twentytwelve-fonts', 'queue' ) ) {
570 | 		$classes[] = 'custom-font-enabled';
571 | 	}
572 | 
573 | 	if ( ! is_multi_author() ) {
574 | 		$classes[] = 'single-author';
575 | 	}
576 | 
577 | 	return $classes;
578 | }
579 | add_filter( 'body_class', 'twentytwelve_body_class' );
580 | 
581 | /**
582 |  * Adjust content width in certain contexts.
583 |  *
584 |  * Adjusts content_width value for full-width and single image attachment
585 |  * templates, and when there are no active widgets in the sidebar.
586 |  *
587 |  * @since Twenty Twelve 1.0
588 |  */
589 | function twentytwelve_content_width() {
590 | 	if ( is_page_template( 'page-templates/full-width.php' ) || is_attachment() || ! is_active_sidebar( 'sidebar-1' ) ) {
591 | 		global $content_width;
592 | 		$content_width = 960;
593 | 	}
594 | }
595 | add_action( 'template_redirect', 'twentytwelve_content_width' );
596 | 
597 | /**
598 |  * Register postMessage support.
599 |  *
600 |  * Add postMessage support for site title and description for the Customizer.
601 |  *
602 |  * @since Twenty Twelve 1.0
603 |  *
604 |  * @param WP_Customize_Manager $wp_customize Customizer object.
605 |  */
606 | function twentytwelve_customize_register( $wp_customize ) {
607 | 	$wp_customize->get_setting( 'blogname' )->transport         = 'postMessage';
608 | 	$wp_customize->get_setting( 'blogdescription' )->transport  = 'postMessage';
609 | 	$wp_customize->get_setting( 'header_textcolor' )->transport = 'postMessage';
610 | 
611 | 	if ( isset( $wp_customize->selective_refresh ) ) {
612 | 		$wp_customize->selective_refresh->add_partial(
613 | 			'blogname',
614 | 			array(
615 | 				'selector'            => '.site-title > a',
616 | 				'container_inclusive' => false,
617 | 				'render_callback'     => 'twentytwelve_customize_partial_blogname',
618 | 			)
619 | 		);
620 | 		$wp_customize->selective_refresh->add_partial(
621 | 			'blogdescription',
622 | 			array(
623 | 				'selector'            => '.site-description',
624 | 				'container_inclusive' => false,
625 | 				'render_callback'     => 'twentytwelve_customize_partial_blogdescription',
626 | 			)
627 | 		);
628 | 	}
629 | }
630 | add_action( 'customize_register', 'twentytwelve_customize_register' );
631 | 
632 | /**
633 |  * Render the site title for the selective refresh partial.
634 |  *
635 |  * @since Twenty Twelve 2.0
636 |  * @see twentytwelve_customize_register()
637 |  *
638 |  * @return void
639 |  */
640 | function twentytwelve_customize_partial_blogname() {
641 | 	bloginfo( 'name' );
642 | }
643 | 
644 | /**
645 |  * Render the site tagline for the selective refresh partial.
646 |  *
647 |  * @since Twenty Twelve 2.0
648 |  * @see twentytwelve_customize_register()
649 |  *
650 |  * @return void
651 |  */
652 | function twentytwelve_customize_partial_blogdescription() {
653 | 	bloginfo( 'description' );
654 | }
655 | 
656 | /**
657 |  * Enqueue Javascript postMessage handlers for the Customizer.
658 |  *
659 |  * Binds JS handlers to make the Customizer preview reload changes asynchronously.
660 |  *
661 |  * @since Twenty Twelve 1.0
662 |  */
663 | function twentytwelve_customize_preview_js() {
664 | 	wp_enqueue_script( 'twentytwelve-customizer', get_template_directory_uri() . '/js/theme-customizer.js', array( 'customize-preview' ), '20141120', true );
665 | }
666 | add_action( 'customize_preview_init', 'twentytwelve_customize_preview_js' );
667 | 
668 | 
669 | /**
670 |  * Modifies tag cloud widget arguments to display all tags in the same font size
671 |  * and use list format for better accessibility.
672 |  *
673 |  * @since Twenty Twelve 2.4
674 |  *
675 |  * @param array $args Arguments for tag cloud widget.
676 |  * @return array The filtered arguments for tag cloud widget.
677 |  */
678 | function twentytwelve_widget_tag_cloud_args( $args ) {
679 | 	$args['largest']  = 22;
680 | 	$args['smallest'] = 8;
681 | 	$args['unit']     = 'pt';
682 | 	$args['format']   = 'list';
683 | 
684 | 	return $args;
685 | }
686 | add_filter( 'widget_tag_cloud_args', 'twentytwelve_widget_tag_cloud_args' );
687 | 


--------------------------------------------------------------------------------
/header.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The Header template for our theme
 4 |  *
 5 |  * Displays all of the <head> section and everything up till <div id="main">
 6 |  *
 7 |  * @package WordPress
 8 |  * @subpackage Twenty_Twelve
 9 |  * @since Twenty Twelve 1.0
10 |  */
11 | ?><!DOCTYPE html>
12 | <!--[if IE 7]>
13 | <html class="ie ie7" <?php language_attributes(); ?>>
14 | <![endif]-->
15 | <!--[if IE 8]>
16 | <html class="ie ie8" <?php language_attributes(); ?>>
17 | <![endif]-->
18 | <!--[if !(IE 7) & !(IE 8)]><!-->
19 | <html <?php language_attributes(); ?>>
20 | <!--<![endif]-->
21 | <head>
22 | <meta charset="<?php bloginfo( 'charset' ); ?>" />
23 | <meta name="viewport" content="width=device-width" />
24 | <title><?php wp_title( '|', true, 'right' ); ?></title>
25 | <link rel="profile" href="http://gmpg.org/xfn/11" />
26 | <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
27 | <?php // Loads HTML5 JavaScript file to add support for HTML5 elements in older IE versions. ?>
28 | <!--[if lt IE 9]>
29 | <script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script>
30 | <![endif]-->
31 | <?php wp_head(); ?>
32 | </head>
33 | 
34 | <body <?php body_class(); ?>>
35 | <div id="page" class="hfeed site">
36 | 	<header id="masthead" class="site-header" role="banner">
37 | 		<hgroup>
38 | 			<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>
39 | 			<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
40 | 		</hgroup>
41 | 
42 | 		<nav id="site-navigation" class="main-navigation" role="navigation">
43 | 			<button class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></button>
44 | 			<a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a>
45 | 			<?php
46 | 			wp_nav_menu(
47 | 				array(
48 | 					'theme_location' => 'primary',
49 | 					'menu_class'     => 'nav-menu',
50 | 				)
51 | 			);
52 | 			?>
53 | 		</nav><!-- #site-navigation -->
54 | 
55 | 		<?php if ( get_header_image() ) : ?>
56 | 		<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>
57 | 		<?php endif; ?>
58 | 	</header><!-- #masthead -->
59 | 
60 | 	<div id="main" class="wrapper">
61 | 


--------------------------------------------------------------------------------
/image.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * The template for displaying image attachments
  4 |  *
  5 |  * @link https://codex.wordpress.org/Template_Hierarchy
  6 |  *
  7 |  * @package WordPress
  8 |  * @subpackage Twenty_Twelve
  9 |  * @since Twenty Twelve 1.0
 10 |  */
 11 | 
 12 | get_header(); ?>
 13 | 
 14 | 	<div id="primary" class="site-content">
 15 | 		<div id="content" role="main">
 16 | 
 17 | 		<?php
 18 | 		while ( have_posts() ) :
 19 | 			the_post();
 20 | 			?>
 21 | 
 22 | 				<article id="post-<?php the_ID(); ?>" <?php post_class( 'image-attachment' ); ?>>
 23 | 					<header class="entry-header">
 24 | 						<h1 class="entry-title"><?php the_title(); ?></h1>
 25 | 
 26 | 						<footer class="entry-meta">
 27 | 							<?php
 28 | 								$metadata = wp_get_attachment_metadata();
 29 | 								printf(
 30 | 									__( '<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 &times; %5$s</a> in <a href="%6$s" title="Return to %7$s" rel="gallery">%8$s</a>.', 'twentytwelve' ),
 31 | 									esc_attr( get_the_date( 'c' ) ),
 32 | 									esc_html( get_the_date() ),
 33 | 									esc_url( wp_get_attachment_url() ),
 34 | 									$metadata['width'],
 35 | 									$metadata['height'],
 36 | 									esc_url( get_permalink( $post->post_parent ) ),
 37 | 									esc_attr( strip_tags( get_the_title( $post->post_parent ) ) ),
 38 | 									get_the_title( $post->post_parent )
 39 | 								);
 40 | 							?>
 41 | 							<?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?>
 42 | 						</footer><!-- .entry-meta -->
 43 | 
 44 | 						<nav id="image-navigation" class="navigation" role="navigation">
 45 | 							<span class="previous-image"><?php previous_image_link( false, __( '&larr; Previous', 'twentytwelve' ) ); ?></span>
 46 | 							<span class="next-image"><?php next_image_link( false, __( 'Next &rarr;', 'twentytwelve' ) ); ?></span>
 47 | 						</nav><!-- #image-navigation -->
 48 | 					</header><!-- .entry-header -->
 49 | 
 50 | 					<div class="entry-content">
 51 | 
 52 | 						<div class="entry-attachment">
 53 | 							<div class="attachment">
 54 | 			<?php
 55 | 			/*
 56 | 			* 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,
 57 | 			* 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
 58 | 			*/
 59 | 			$attachments = array_values(
 60 | 				get_children(
 61 | 					array(
 62 | 						'post_parent'    => $post->post_parent,
 63 | 						'post_status'    => 'inherit',
 64 | 						'post_type'      => 'attachment',
 65 | 						'post_mime_type' => 'image',
 66 | 						'order'          => 'ASC',
 67 | 						'orderby'        => 'menu_order ID',
 68 | 					)
 69 | 				)
 70 | 			);
 71 | 			foreach ( $attachments as $k => $attachment ) :
 72 | 				if ( $attachment->ID == $post->ID ) {
 73 | 					break;
 74 | 				}
 75 | endforeach;
 76 | 
 77 | 			// If there is more than 1 attachment in a gallery
 78 | 			if ( count( $attachments ) > 1 ) :
 79 | 				$k++;
 80 | 				if ( isset( $attachments[ $k ] ) ) :
 81 | 					// get the URL of the next image attachment
 82 | 					$next_attachment_url = get_attachment_link( $attachments[ $k ]->ID );
 83 | 				else :
 84 | 					// or get the URL of the first image attachment
 85 | 					$next_attachment_url = get_attachment_link( $attachments[0]->ID );
 86 | 				endif;
 87 | else :
 88 | 	// or, if there's only 1 image, get the URL of the image
 89 | 	$next_attachment_url = wp_get_attachment_url();
 90 | endif;
 91 | ?>
 92 | 								<a href="<?php echo esc_url( $next_attachment_url ); ?>" title="<?php the_title_attribute(); ?>" rel="attachment">
 93 | 													<?php
 94 | 													/**
 95 | 													 * Filter the image attachment size to use.
 96 | 													 *
 97 | 													 * @since Twenty Twelve 1.0
 98 | 													 *
 99 | 													 * @param array $size {
100 | 													 *     @type int The attachment height in pixels.
101 | 													 *     @type int The attachment width in pixels.
102 | 													 * }
103 | 													 */
104 | 													$attachment_size = apply_filters( 'twentytwelve_attachment_size', array( 960, 960 ) );
105 | 													echo wp_get_attachment_image( $post->ID, $attachment_size );
106 | 													?>
107 | 								</a>
108 | 
109 | 								<?php if ( ! empty( $post->post_excerpt ) ) : ?>
110 | 								<div class="entry-caption">
111 | 									<?php the_excerpt(); ?>
112 | 								</div>
113 | 								<?php endif; ?>
114 | 							</div><!-- .attachment -->
115 | 
116 | 						</div><!-- .entry-attachment -->
117 | 
118 | 						<div class="entry-description">
119 | 							<?php the_content(); ?>
120 | 							<?php
121 | 							wp_link_pages(
122 | 								array(
123 | 									'before' => '<div class="page-links">' . __( 'Pages:', 'twentytwelve' ),
124 | 									'after'  => '</div>',
125 | 								)
126 | 							);
127 | 							?>
128 | 						</div><!-- .entry-description -->
129 | 
130 | 					</div><!-- .entry-content -->
131 | 
132 | 				</article><!-- #post -->
133 | 
134 | 				<?php comments_template(); ?>
135 | 
136 | 			<?php endwhile; // end of the loop. ?>
137 | 
138 | 		</div><!-- #content -->
139 | 	</div><!-- #primary -->
140 | 
141 | <?php get_footer(); ?>
142 | 


--------------------------------------------------------------------------------
/inc/custom-header.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * Implement an optional custom header for Twenty Twelve
  4 |  *
  5 |  * See https://codex.wordpress.org/Custom_Headers
  6 |  *
  7 |  * @package WordPress
  8 |  * @subpackage Twenty_Twelve
  9 |  * @since Twenty Twelve 1.0
 10 |  */
 11 | 
 12 | /**
 13 |  * Set up the WordPress core custom header arguments and settings.
 14 |  *
 15 |  * @uses add_theme_support() to register support for 3.4 and up.
 16 |  * @uses twentytwelve_header_style() to style front end.
 17 |  * @uses twentytwelve_admin_header_style() to style wp-admin form.
 18 |  * @uses twentytwelve_admin_header_image() to add custom markup to wp-admin form.
 19 |  *
 20 |  * @since Twenty Twelve 1.0
 21 |  */
 22 | function twentytwelve_custom_header_setup() {
 23 | 	$args = array(
 24 | 		// Text color and image (empty to use none).
 25 | 		'default-text-color'     => '515151',
 26 | 		'default-image'          => '',
 27 | 
 28 | 		// Set height and width, with a maximum value for the width.
 29 | 		'height'                 => 250,
 30 | 		'width'                  => 960,
 31 | 		'max-width'              => 2000,
 32 | 
 33 | 		// Support flexible height and width.
 34 | 		'flex-height'            => true,
 35 | 		'flex-width'             => true,
 36 | 
 37 | 		// Random image rotation off by default.
 38 | 		'random-default'         => false,
 39 | 
 40 | 		// Callbacks for styling the header and the admin preview.
 41 | 		'wp-head-callback'       => 'twentytwelve_header_style',
 42 | 		'admin-head-callback'    => 'twentytwelve_admin_header_style',
 43 | 		'admin-preview-callback' => 'twentytwelve_admin_header_image',
 44 | 	);
 45 | 
 46 | 	add_theme_support( 'custom-header', $args );
 47 | }
 48 | add_action( 'after_setup_theme', 'twentytwelve_custom_header_setup' );
 49 | 
 50 | /**
 51 |  * Load our special font CSS file.
 52 |  *
 53 |  * @since Twenty Twelve 1.2
 54 |  */
 55 | function twentytwelve_custom_header_fonts() {
 56 | 	$font_url = twentytwelve_get_font_url();
 57 | 	if ( ! empty( $font_url ) ) {
 58 | 		wp_enqueue_style( 'twentytwelve-fonts', esc_url_raw( $font_url ), array(), null );
 59 | 	}
 60 | }
 61 | add_action( 'admin_print_styles-appearance_page_custom-header', 'twentytwelve_custom_header_fonts' );
 62 | 
 63 | /**
 64 |  * Style the header text displayed on the blog.
 65 |  *
 66 |  * get_header_textcolor() options: 515151 is default, hide text (returns 'blank'), or any hex value.
 67 |  *
 68 |  * @since Twenty Twelve 1.0
 69 |  */
 70 | function twentytwelve_header_style() {
 71 | 	$text_color = get_header_textcolor();
 72 | 
 73 | 	// If no custom options for text are set, let's bail
 74 | 	if ( $text_color == get_theme_support( 'custom-header', 'default-text-color' ) ) {
 75 | 		return;
 76 | 	}
 77 | 
 78 | 	// If we get this far, we have custom styles.
 79 | 	?>
 80 | 	<style type="text/css" id="twentytwelve-header-css">
 81 | 	<?php
 82 | 		// Has the text been hidden?
 83 | 	if ( ! display_header_text() ) :
 84 | 		?>
 85 | 	.site-title,
 86 | 	.site-description {
 87 | 		position: absolute;
 88 | 		clip: rect(1px 1px 1px 1px); /* IE7 */
 89 | 		clip: rect(1px, 1px, 1px, 1px);
 90 | 	}
 91 | 		<?php
 92 | 		// If the user has set a custom color for the text, use that.
 93 | 		else :
 94 | 			?>
 95 | 		.site-header h1 a,
 96 | 		.site-header h2 {
 97 | 			color: #<?php echo $text_color; ?>;
 98 | 		}
 99 | 	<?php endif; ?>
100 | 	</style>
101 | 	<?php
102 | }
103 | 
104 | /**
105 |  * Style the header image displayed on the Appearance > Header admin panel.
106 |  *
107 |  * @since Twenty Twelve 1.0
108 |  */
109 | function twentytwelve_admin_header_style() {
110 | 	?>
111 | 	<style type="text/css" id="twentytwelve-admin-header-css">
112 | 	.appearance_page_custom-header #headimg {
113 | 		border: none;
114 | 		font-family: "Open Sans", Helvetica, Arial, sans-serif;
115 | 	}
116 | 	#headimg h1,
117 | 	#headimg h2 {
118 | 		line-height: 1.84615;
119 | 		margin: 0;
120 | 		padding: 0;
121 | 	}
122 | 	#headimg h1 {
123 | 		font-size: 26px;
124 | 	}
125 | 	#headimg h1 a {
126 | 		color: #515151;
127 | 		text-decoration: none;
128 | 	}
129 | 	#headimg h1 a:hover {
130 | 		color: #21759b !important; /* Has to override custom inline style. */
131 | 	}
132 | 	#headimg h2 {
133 | 		color: #757575;
134 | 		font-size: 13px;
135 | 		margin-bottom: 24px;
136 | 	}
137 | 	#headimg img {
138 | 		max-width: <?php echo get_theme_support( 'custom-header', 'max-width' ); ?>px;
139 | 	}
140 | 	</style>
141 | 	<?php
142 | }
143 | 
144 | /**
145 |  * Output markup to be displayed on the Appearance > Header admin panel.
146 |  *
147 |  * This callback overrides the default markup displayed there.
148 |  *
149 |  * @since Twenty Twelve 1.0
150 |  */
151 | function twentytwelve_admin_header_image() {
152 | 	$style = 'color: #' . get_header_textcolor() . ';';
153 | 	if ( ! display_header_text() ) {
154 | 		$style = 'display: none;';
155 | 	}
156 | 	?>
157 | 	<div id="headimg">
158 | 		<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>
159 | 		<h2 id="desc" class="displaying-header-text" style="<?php echo esc_attr( $style ); ?>"><?php bloginfo( 'description' ); ?></h2>
160 | 		<?php
161 | 		$header_image = get_header_image();
162 | 		if ( ! empty( $header_image ) ) :
163 | 			?>
164 | 			<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="" />
165 | 		<?php endif; ?>
166 | 	</div>
167 | 	<?php
168 | }
169 | 


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The main template file
 4 |  *
 5 |  * This is the most generic template file in a WordPress theme
 6 |  * and one of the two required files for a theme (the other being style.css).
 7 |  * It is used to display a page when nothing more specific matches a query.
 8 |  * For example, it puts together the home page when no home.php file exists.
 9 |  *
10 |  * @link https://codex.wordpress.org/Template_Hierarchy
11 |  *
12 |  * @package WordPress
13 |  * @subpackage Twenty_Twelve
14 |  * @since Twenty Twelve 1.0
15 |  */
16 | 
17 | get_header(); ?>
18 | 
19 | 	<div id="primary" class="site-content">
20 | 		<div id="content" role="main">
21 | 		<?php if ( have_posts() ) : ?>
22 | 
23 | 			<?php /* Start the Loop */ ?>
24 | 			<?php
25 | 			while ( have_posts() ) :
26 | 				the_post();
27 | 				?>
28 | 				<?php get_template_part( 'content', get_post_format() ); ?>
29 | 			<?php endwhile; ?>
30 | 
31 | 			<?php twentytwelve_content_nav( 'nav-below' ); ?>
32 | 
33 | 		<?php else : ?>
34 | 
35 | 			<article id="post-0" class="post no-results not-found">
36 | 
37 | 			<?php
38 | 			if ( current_user_can( 'edit_posts' ) ) :
39 | 				// Show a different message to a logged-in user who can add posts.
40 | 				?>
41 | 				<header class="entry-header">
42 | 					<h1 class="entry-title"><?php _e( 'No posts to display', 'twentytwelve' ); ?></h1>
43 | 				</header>
44 | 
45 | 				<div class="entry-content">
46 | 					<p><?php printf( __( 'Ready to publish your first post? <a href="%s">Get started here</a>.', 'twentytwelve' ), admin_url( 'post-new.php' ) ); ?></p>
47 | 				</div><!-- .entry-content -->
48 | 
49 | 				<?php
50 | 			else :
51 | 				// Show the default message to everyone else.
52 | 				?>
53 | 				<header class="entry-header">
54 | 					<h1 class="entry-title"><?php _e( 'Nothing Found', 'twentytwelve' ); ?></h1>
55 | 				</header>
56 | 
57 | 				<div class="entry-content">
58 | 					<p><?php _e( 'Apologies, but no results were found. Perhaps searching will help find a related post.', 'twentytwelve' ); ?></p>
59 | 					<?php get_search_form(); ?>
60 | 				</div><!-- .entry-content -->
61 | 			<?php endif; // end current_user_can() check ?>
62 | 
63 | 			</article><!-- #post-0 -->
64 | 
65 | 		<?php endif; // end have_posts() check ?>
66 | 
67 | 		</div><!-- #content -->
68 | 	</div><!-- #primary -->
69 | 
70 | <?php get_sidebar(); ?>
71 | <?php get_footer(); ?>
72 | 


--------------------------------------------------------------------------------
/js/html5.js:
--------------------------------------------------------------------------------
1 | /*
2 |  HTML5 Shiv v3.7.0 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
3 | */
4 | (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();
5 | 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>";
6 | 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||
7 | "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);
8 | 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);


--------------------------------------------------------------------------------
/js/navigation.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Handles toggling the navigation menu for small screens and
 3 |  * accessibility for submenu items.
 4 |  */
 5 | ( function() {
 6 | 	var nav = document.getElementById( 'site-navigation' ), button, menu;
 7 | 	if ( ! nav ) {
 8 | 		return;
 9 | 	}
10 | 
11 | 	button = nav.getElementsByTagName( 'button' )[0];
12 | 	menu   = nav.getElementsByTagName( 'ul' )[0];
13 | 	if ( ! button ) {
14 | 		return;
15 | 	}
16 | 
17 | 	// Hide button if menu is missing or empty.
18 | 	if ( ! menu || ! menu.childNodes.length ) {
19 | 		button.style.display = 'none';
20 | 		return;
21 | 	}
22 | 
23 | 	button.onclick = function() {
24 | 		if ( -1 === menu.className.indexOf( 'nav-menu' ) ) {
25 | 			menu.className = 'nav-menu';
26 | 		}
27 | 
28 | 		if ( -1 !== button.className.indexOf( 'toggled-on' ) ) {
29 | 			button.className = button.className.replace( ' toggled-on', '' );
30 | 			menu.className = menu.className.replace( ' toggled-on', '' );
31 | 		} else {
32 | 			button.className += ' toggled-on';
33 | 			menu.className += ' toggled-on';
34 | 		}
35 | 	};
36 | } )();
37 | 
38 | // Better focus for hidden submenu items for accessibility.
39 | ( function( $ ) {
40 | 	$( '.main-navigation' ).find( 'a' ).on( 'focus.twentytwelve blur.twentytwelve', function() {
41 | 		$( this ).parents( '.menu-item, .page_item' ).toggleClass( 'focus' );
42 | 	} );
43 | 
44 |   if ( 'ontouchstart' in window ) {
45 |     $('body').on( 'touchstart.twentytwelve',  '.menu-item-has-children > a, .page_item_has_children > a', function( e ) {
46 |       var el = $( this ).parent( 'li' );
47 | 
48 |       if ( ! el.hasClass( 'focus' ) ) {
49 |         e.preventDefault();
50 |         el.toggleClass( 'focus' );
51 |         el.siblings( '.focus').removeClass( 'focus' );
52 |       }
53 |     } );
54 |   }
55 | } )( jQuery );
56 | 


--------------------------------------------------------------------------------
/js/theme-customizer.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Customizer enhancements for a better user experience.
 3 |  *
 4 |  * Contains handlers to make Customizer preview reload changes asynchronously.
 5 |  * Things like site title, description, and background color changes.
 6 |  */
 7 | 
 8 | ( function( $ ) {
 9 | 	// Site title and description.
10 | 	wp.customize( 'blogname', function( value ) {
11 | 		value.bind( function( to ) {
12 | 			$( '.site-title a' ).text( to );
13 | 		} );
14 | 	} );
15 | 	wp.customize( 'blogdescription', function( value ) {
16 | 		value.bind( function( to ) {
17 | 			$( '.site-description' ).text( to );
18 | 		} );
19 | 	} );
20 | 
21 | 	// Header text color
22 | 	wp.customize( 'header_textcolor', function( value ) {
23 | 		value.bind( function( to ) {
24 | 			if ( 'blank' === to ) {
25 | 				$( '.site-title, .site-title a, .site-description' ).css( {
26 | 					'clip': 'rect(1px, 1px, 1px, 1px)',
27 | 					'position': 'absolute'
28 | 				} );
29 | 			} else {
30 | 				$( '.site-title, .site-title a, .site-description' ).css( {
31 | 					'clip': 'auto',
32 | 					'color': to,
33 | 					'position': 'relative'
34 | 				} );
35 | 			}
36 | 		} );
37 | 	} );
38 | 
39 | 	// Hook into background color/image change and adjust body class value as needed.
40 | 	wp.customize( 'background_color', function( value ) {
41 | 		value.bind( function( to ) {
42 | 			var body = $( 'body' );
43 | 
44 | 			if ( ( '#ffffff' == to || '#fff' == to ) && 'none' == body.css( 'background-image' ) )
45 | 				body.addClass( 'custom-background-white' );
46 | 			else if ( '' == to && 'none' == body.css( 'background-image' ) )
47 | 				body.addClass( 'custom-background-empty' );
48 | 			else
49 | 				body.removeClass( 'custom-background-empty custom-background-white' );
50 | 		} );
51 | 	} );
52 | 	wp.customize( 'background_image', function( value ) {
53 | 		value.bind( function( to ) {
54 | 			var body = $( 'body' );
55 | 
56 | 			if ( '' !== to ) {
57 | 				body.removeClass( 'custom-background-empty custom-background-white' );
58 | 			} else if ( 'rgb(255, 255, 255)' === body.css( 'background-color' ) ) {
59 | 				body.addClass( 'custom-background-white' );
60 | 			} else if ( 'rgb(230, 230, 230)' === body.css( 'background-color' ) && '' === wp.customize.instance( 'background_color' ).get() ) {
61 | 				body.addClass( 'custom-background-empty' );
62 | 			}
63 | 		} );
64 | 	} );
65 | } )( jQuery );
66 | 


--------------------------------------------------------------------------------
/page-templates/front-page.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Template Name: Front Page Template
 4 |  *
 5 |  * Description: A page template that provides a key component of WordPress as a CMS
 6 |  * by meeting the need for a carefully crafted introductory page. The front page template
 7 |  * in Twenty Twelve consists of a page content area for adding text, images, video --
 8 |  * anything you'd like -- followed by front-page-only widgets in one or two columns.
 9 |  *
10 |  * @package WordPress
11 |  * @subpackage Twenty_Twelve
12 |  * @since Twenty Twelve 1.0
13 |  */
14 | 
15 | get_header(); ?>
16 | 
17 | 	<div id="primary" class="site-content">
18 | 		<div id="content" role="main">
19 | 
20 | 			<?php
21 | 			while ( have_posts() ) :
22 | 				the_post();
23 | 				?>
24 | 				<?php if ( has_post_thumbnail() ) : ?>
25 | 					<div class="entry-page-image">
26 | 						<?php the_post_thumbnail(); ?>
27 | 					</div><!-- .entry-page-image -->
28 | 				<?php endif; ?>
29 | 
30 | 				<?php get_template_part( 'content', 'page' ); ?>
31 | 
32 | 			<?php endwhile; // end of the loop. ?>
33 | 
34 | 		</div><!-- #content -->
35 | 	</div><!-- #primary -->
36 | 
37 | <?php get_sidebar( 'front' ); ?>
38 | <?php get_footer(); ?>
39 | 


--------------------------------------------------------------------------------
/page-templates/full-width.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Template Name: Full-width Page Template, No Sidebar
 4 |  *
 5 |  * Description: Twenty Twelve loves the no-sidebar look as much as
 6 |  * you do. Use this page template to remove the sidebar from any page.
 7 |  *
 8 |  * Tip: to remove the sidebar from all posts and pages simply remove
 9 |  * any active widgets from the Main Sidebar area, and the sidebar will
10 |  * disappear everywhere.
11 |  *
12 |  * @package WordPress
13 |  * @subpackage Twenty_Twelve
14 |  * @since Twenty Twelve 1.0
15 |  */
16 | 
17 | get_header(); ?>
18 | 
19 | 	<div id="primary" class="site-content">
20 | 		<div id="content" role="main">
21 | 
22 | 			<?php
23 | 			while ( have_posts() ) :
24 | 				the_post();
25 | 				?>
26 | 				<?php get_template_part( 'content', 'page' ); ?>
27 | 				<?php comments_template( '', true ); ?>
28 | 			<?php endwhile; // end of the loop. ?>
29 | 
30 | 		</div><!-- #content -->
31 | 	</div><!-- #primary -->
32 | 
33 | <?php get_footer(); ?>
34 | 


--------------------------------------------------------------------------------
/page.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying all pages
 4 |  *
 5 |  * This is the template that displays all pages by default.
 6 |  * Please note that this is the WordPress construct of pages
 7 |  * and that other 'pages' on your WordPress site will use a
 8 |  * different template.
 9 |  *
10 |  * @package WordPress
11 |  * @subpackage Twenty_Twelve
12 |  * @since Twenty Twelve 1.0
13 |  */
14 | 
15 | get_header(); ?>
16 | 
17 | 	<div id="primary" class="site-content">
18 | 		<div id="content" role="main">
19 | 
20 | 			<?php
21 | 			while ( have_posts() ) :
22 | 				the_post();
23 | 				?>
24 | 				<?php get_template_part( 'content', 'page' ); ?>
25 | 				<?php comments_template( '', true ); ?>
26 | 			<?php endwhile; // end of the loop. ?>
27 | 
28 | 		</div><!-- #content -->
29 | 	</div><!-- #primary -->
30 | 
31 | <?php get_sidebar(); ?>
32 | <?php get_footer(); ?>
33 | 


--------------------------------------------------------------------------------
/readme.txt:
--------------------------------------------------------------------------------
  1 | === Twenty Twelve ===
  2 | Contributors: the WordPress team
  3 | Requires at least: WordPress 3.5
  4 | Tested up to: WordPress 5.0
  5 | Stable tag: 2.8
  6 | License: GPLv2 or later
  7 | License URI: http://www.gnu.org/licenses/gpl-2.0.html
  8 | 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
  9 | 
 10 | == Description ==
 11 | 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.
 12 | 
 13 | For more information about Twenty Twelve please go to https://codex.wordpress.org/Twenty_Twelve.
 14 | 
 15 | == Installation ==
 16 | 
 17 | 1. In your admin panel, go to Appearance -> Themes and click the 'Add New' button.
 18 | 2. Type in Twenty Twelve in the search form and press the 'Enter' key in your keyboard.
 19 | 3. Click on the 'Activate' button to use your new theme right away.
 20 | 4. Go to https://codex.wordpress.org/Twenty_Twelve for a guide to customize this theme.
 21 | 5. Navigate to Appearance > Customize in your admin panel.
 22 | 
 23 | == Copyright ==
 24 | 
 25 | Twenty Twelve WordPress Theme, Copyright 2012-2018 WordPress.org & Automattic.com
 26 | Twenty Twelve is Distributed under the terms of the GNU GPL
 27 | 
 28 | This program is free software: you can redistribute it and/or modify
 29 | it under the terms of the GNU General Public License as published by
 30 | the Free Software Foundation, either version 2 of the License, or
 31 | (at your option) any later version.
 32 | 
 33 | This program is distributed in the hope that it will be useful,
 34 | but WITHOUT ANY WARRANTY; without even the implied warranty of
 35 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 36 | GNU General Public License for more details.
 37 | 
 38 | Twenty Twelve Theme bundles the following third-party resources:
 39 | 
 40 | HTML5 Shiv v3.7.0, Copyright 2014 Alexander Farkas
 41 | Licenses: MIT/GPL2
 42 | Source: https://github.com/aFarkas/html5shiv
 43 | 
 44 | == Changelog ==
 45 | 
 46 | = 2.8 =
 47 | * Released: January 9, 2019
 48 | 
 49 | https://codex.wordpress.org/Twenty_Twelve_Theme_Changelog#Version_2.8
 50 | 
 51 | = 2.7 =
 52 | * Released: December 19, 2018
 53 | 
 54 | https://codex.wordpress.org/Twenty_Twelve_Theme_Changelog#Version_2.7
 55 | 
 56 | = 2.6 =
 57 | * Released: December 6, 2018
 58 | 
 59 | https://codex.wordpress.org/Twenty_Twelve_Theme_Changelog#Version_2.6
 60 | 
 61 | = 2.5 =
 62 | * Released: May 17, 2018
 63 | 
 64 | https://codex.wordpress.org/Twenty_Twelve_Theme_Changelog#Version_2.5
 65 | 
 66 | = 2.4 =
 67 | * Released: November 14, 2017
 68 | 
 69 | https://codex.wordpress.org/Twenty_Twelve_Theme_Changelog#Version_2.4
 70 | 
 71 | = 2.3 =
 72 | * Released: June 8, 2017
 73 | 
 74 | https://codex.wordpress.org/Twenty_Twelve_Theme_Changelog#Version_2.3
 75 | 
 76 | = 2.2 =
 77 | * Released: December 6, 2016
 78 | 
 79 | https://codex.wordpress.org/Twenty_Twelve_Theme_Changelog#Version_2.2
 80 | 
 81 | = 2.1 =
 82 | * Released: August 15, 2016
 83 | 
 84 | https://codex.wordpress.org/Twenty_Twelve_Theme_Changelog#Version_2.1
 85 | 
 86 | = 2.0 =
 87 | * Released: April 12, 2016
 88 | 
 89 | https://codex.wordpress.org/Twenty_Twelve_Theme_Changelog#Version_2.0
 90 | 
 91 | = 1.9 =
 92 | * Released: December 8, 2015
 93 | 
 94 | https://codex.wordpress.org/Twenty_Twelve_Theme_Changelog#Version_1.9
 95 | 
 96 | = 1.8 =
 97 | * Released: August 18, 2015
 98 | 
 99 | https://codex.wordpress.org/Twenty_Twelve_Theme_Changelog#Version_1.8
100 | 
101 | = 1.7 =
102 | * Released: April 23, 2015
103 | 
104 | https://codex.wordpress.org/Twenty_Twelve_Theme_Changelog#Version_1.7
105 | 
106 | = 1.6 =
107 | * Released: December 18, 2014
108 | 
109 | https://codex.wordpress.org/Twenty_Twelve_Theme_Changelog#Version_1.6
110 | 
111 | = 1.5 =
112 | * Released: September 4, 2014
113 | 
114 | https://codex.wordpress.org/Twenty_Twelve_Theme_Changelog#Version_1.5
115 | 
116 | = 1.4 =
117 | * Released: May 8, 2014
118 | 
119 | https://codex.wordpress.org/Twenty_Twelve_Theme_Changelog#Version_1.4
120 | 
121 | = 1.3 =
122 | * Released: October 24, 2013
123 | 
124 | https://codex.wordpress.org/Twenty_Twelve_Theme_Changelog#Version_1.3
125 | 
126 | = 1.2 =
127 | * Released: August 1, 2013
128 | 
129 | https://codex.wordpress.org/Twenty_Twelve_Theme_Changelog#Version_1.2
130 | 
131 | = 1.1 =
132 | * Released: December 11, 2012
133 | 
134 | Initial release.
135 | 


--------------------------------------------------------------------------------
/rtl.css:
--------------------------------------------------------------------------------
  1 | /*
  2 | Theme Name: Twenty Twelve
  3 | Description: Adds support for languages written in a Right To Left (RTL) direction.
  4 | It's easy, just a matter of overwriting all the horizontal positioning attributes
  5 | of your CSS stylesheet in a separate stylesheet file named rtl.css.
  6 | 
  7 | See https://codex.wordpress.org/Right_to_Left_Language_Support
  8 | */
  9 | 
 10 | 
 11 | body {
 12 | 	direction: rtl;
 13 | 	unicode-bidi: embed;
 14 | }
 15 | caption,
 16 | th,
 17 | td {
 18 | 	text-align: right;
 19 | }
 20 | 
 21 | /* =Repeatable patterns
 22 | -------------------------------------------------------------- */
 23 | 
 24 | /* Images */
 25 | .site-content .gallery-columns-4 .gallery-item {
 26 | 	padding-left: 2%;
 27 | 	padding-right: 0;
 28 | }
 29 | .site-content .gallery-columns-5 .gallery-item {
 30 | 	padding-left: 2%;
 31 | 	padding-right: 0;
 32 | }
 33 | 
 34 | /* Navigation */
 35 | .nav-previous,
 36 | .previous-image {
 37 | 	float: right;
 38 | }
 39 | .nav-next,
 40 | .next-image {
 41 | 	float: left;
 42 | 	text-align: left;
 43 | }
 44 | 
 45 | /* Author profiles */
 46 | .author-avatar {
 47 | 	float: right;
 48 | }
 49 | .author-description {
 50 | 	float: right;
 51 | 	margin-right: 15px;
 52 | 	margin-right: 1.071428571rem;
 53 | 	margin-left: auto;
 54 | }
 55 | 
 56 | 
 57 | /* =Main Content
 58 | ----------------------------------------------- */
 59 | 
 60 | .comment-content ol,
 61 | .comment-content ul {
 62 | 	margin: 0 24px 0 0;
 63 | 	margin: 0 1.714285714rem 0 0;
 64 | }
 65 | 
 66 | 
 67 | /* =Basic post styling
 68 | -------------------------------------------------------------- */
 69 | 
 70 | .entry-content li,
 71 | .comment-content li {
 72 | 	margin: 0 24px 0 0;
 73 | 	margin: 0 1.714285714rem 0 0;
 74 | }
 75 | .entry-content td,
 76 | .comment-content td {
 77 | 	padding: 6px 0 6px 10px;
 78 | }
 79 | 
 80 | 
 81 | /* Aside posts */
 82 | article.format-aside .aside {
 83 | 	border-right: 22px solid #a8bfe8;
 84 | 	border-left: none;
 85 | }
 86 | 
 87 | /* Link posts */
 88 | article.format-link header {
 89 | 	float: left;
 90 | }
 91 | article.format-link .entry-content {
 92 | 	float: right;
 93 | }
 94 | 
 95 | /* Status posts */
 96 | .format-status .entry-header img {
 97 | 	float: right;
 98 | 	margin-left: 21px;
 99 | 	margin-left: 1.5rem;
100 | 	margin-right: 0;
101 | }
102 | 
103 | 
104 | /* =Comment styling
105 | -------------------------------------------------------------- */
106 | 
107 | .comments-area article header img {
108 | 	float: right;
109 | }
110 | .comments-area article header cite,
111 | .comments-area article header time {
112 | 	margin-right: 85px;
113 | 	margin-right: 6.071428571rem;
114 | 	margin-left: auto;
115 | }
116 | .comments-area article header h4 {
117 | 	left: 0;
118 | 	right: auto;
119 | }
120 | .comments-area .bypostauthor cite span {
121 | 	margin-right: 5px;
122 | 	margin-right: 0.357142857rem;
123 | 	margin-left: auto;
124 | }
125 | 
126 | /* Comment form */
127 | #respond h3#reply-title #cancel-comment-reply-link {
128 | 	margin-right: 10px;
129 | 	margin-right: 0.714285714rem;
130 | 	margin-left: auto;
131 | }
132 | label ~ span.required {
133 | 	float: right;
134 | 	margin: -18px -16px 0 0;
135 | 	margin: -1.285714286rem -1.142857143rem 0 0;
136 | }
137 | #respond #wp-comment-cookies-consent {
138 | 	margin: 0 0 0 10px;
139 | }
140 | 
141 | 
142 | /* =Front page template styling
143 | -------------------------------------------------------------- */
144 | 
145 | .template-front-page .widget-area .widget_text img {
146 | 	float: right;
147 | 	margin: 8px 0 8px 24px;
148 | 	margin: 0.571428571rem 0 0.571428571rem 1.714285714rem;
149 | }
150 | 
151 | 
152 | /* =Widget styling
153 | -------------------------------------------------------------- */
154 | 
155 | .widget-area .widget ul ul {
156 | 	margin-right: 12px;
157 | 	margin-right: 0.857142857rem;
158 | 	margin-left: auto;
159 | }
160 | .widget-area .textwidget li {
161 | 	margin-left: auto;
162 | 	margin-right: 36px;
163 | 	margin-right: 2.571428571rem;
164 | }
165 | .widget_recent_entries .post-date,
166 | .widget_rss .rss-date {
167 | 	margin-right: 12px;
168 | 	margin-right: 0.857142857rem;
169 | 	margin-left: auto;
170 | }
171 | #wp-calendar th,
172 | #wp-calendar td,
173 | #wp-calendar caption {
174 | 	text-align: right;
175 | }
176 | #wp-calendar #next {
177 | 	padding-left: 24px;
178 | 	padding-left: 1.714285714rem;
179 | 	text-align: left;
180 | 	padding-right: 0;
181 | }
182 | 
183 | /* =Media queries
184 | -------------------------------------------------------------- */
185 | 
186 | /* Minimum width of 600 pixels. */
187 | @media screen and (min-width: 600px) {
188 | 	.site-content,
189 | 	.template-front-page.has-post-thumbnail article {
190 | 		float: right;
191 | 	}
192 | 	.widget-area,
193 | 	.entry-page-image {
194 | 		float: left;
195 | 	}
196 | 	.site-header h1,
197 | 	.site-header h2 {
198 | 		text-align: right;
199 | 	}
200 | 	.template-front-page .widget-area .widget_text img {
201 | 		float: right;
202 | 		margin: 8px 0 8px 24px;
203 | 	}
204 | 	.template-front-page .widget-area .widget,
205 | 	.template-front-page.two-sidebars .widget-area .front-widgets {
206 | 		float: right;
207 | 	}
208 | 	.template-front-page .widget-area .widget:nth-child(odd) {
209 | 		clear: left;
210 | 	}
211 | 	.template-front-page .widget-area .widget:nth-child(even),
212 | 	.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
213 | 		float: left;
214 | 		margin: 0 24px 0;
215 | 		margin: 0 1.714285714rem 0;
216 | 	}
217 | 	.main-navigation ul.nav-menu,
218 |  	.main-navigation div.nav-menu > ul {
219 | 		text-align: right;
220 | 	}
221 | 	.main-navigation li {
222 | 		margin-left: 40px;
223 | 		margin-left: 2.857142857rem;
224 | 		margin-right: auto;
225 | 	}
226 | 	.main-navigation li ul ul {
227 | 		margin-right: 0;
228 | 		right: 100%;
229 | 		left: auto;
230 | 	}
231 | 	.main-navigation ul li:hover > ul {
232 | 		border-right: 0;
233 | 		border-left: none;
234 | 	}
235 | 	.commentlist .children {
236 | 		margin-right: 48px;
237 | 		margin-right: 3.428571429rem;
238 | 		margin-left: auto;
239 | 	}
240 | }


--------------------------------------------------------------------------------
/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/santa70916112/css-initial/4fc34d2a298d8462dcd9866d072105bc265291ce/screenshot.png


--------------------------------------------------------------------------------
/search.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying Search Results pages
 4 |  *
 5 |  * @package WordPress
 6 |  * @subpackage Twenty_Twelve
 7 |  * @since Twenty Twelve 1.0
 8 |  */
 9 | 
10 | get_header(); ?>
11 | 
12 | 	<section id="primary" class="site-content">
13 | 		<div id="content" role="main">
14 | 
15 | 		<?php if ( have_posts() ) : ?>
16 | 
17 | 			<header class="page-header">
18 | 				<h1 class="page-title"><?php printf( __( 'Search Results for: %s', 'twentytwelve' ), '<span>' . get_search_query() . '</span>' ); ?></h1>
19 | 			</header>
20 | 
21 | 			<?php twentytwelve_content_nav( 'nav-above' ); ?>
22 | 
23 | 			<?php /* Start the Loop */ ?>
24 | 			<?php
25 | 			while ( have_posts() ) :
26 | 				the_post();
27 | 				?>
28 | 				<?php get_template_part( 'content', get_post_format() ); ?>
29 | 			<?php endwhile; ?>
30 | 
31 | 			<?php twentytwelve_content_nav( 'nav-below' ); ?>
32 | 
33 | 		<?php else : ?>
34 | 
35 | 			<article id="post-0" class="post no-results not-found">
36 | 				<header class="entry-header">
37 | 					<h1 class="entry-title"><?php _e( 'Nothing Found', 'twentytwelve' ); ?></h1>
38 | 				</header>
39 | 
40 | 				<div class="entry-content">
41 | 					<p><?php _e( 'Sorry, but nothing matched your search criteria. Please try again with some different keywords.', 'twentytwelve' ); ?></p>
42 | 					<?php get_search_form(); ?>
43 | 				</div><!-- .entry-content -->
44 | 			</article><!-- #post-0 -->
45 | 
46 | 		<?php endif; ?>
47 | 
48 | 		</div><!-- #content -->
49 | 	</section><!-- #primary -->
50 | 
51 | <?php get_sidebar(); ?>
52 | <?php get_footer(); ?>
53 | 


--------------------------------------------------------------------------------
/sidebar-front.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The sidebar containing the front page widget areas
 4 |  *
 5 |  * If no active widgets are in either sidebar, hide them completely.
 6 |  *
 7 |  * @package WordPress
 8 |  * @subpackage Twenty_Twelve
 9 |  * @since Twenty Twelve 1.0
10 |  */
11 | 
12 | /*
13 |  * The front page widget area is triggered if any of the areas
14 |  * have widgets. So let's check that first.
15 |  *
16 |  * If none of the sidebars have widgets, then let's bail early.
17 |  */
18 | if ( ! is_active_sidebar( 'sidebar-2' ) && ! is_active_sidebar( 'sidebar-3' ) ) {
19 | 	return;
20 | }
21 | 
22 | // If we get this far, we have widgets. Let do this.
23 | ?>
24 | <div id="secondary" class="widget-area" role="complementary">
25 | 	<?php if ( is_active_sidebar( 'sidebar-2' ) ) : ?>
26 | 	<div class="first front-widgets">
27 | 		<?php dynamic_sidebar( 'sidebar-2' ); ?>
28 | 	</div><!-- .first -->
29 | 	<?php endif; ?>
30 | 
31 | 	<?php if ( is_active_sidebar( 'sidebar-3' ) ) : ?>
32 | 	<div class="second front-widgets">
33 | 		<?php dynamic_sidebar( 'sidebar-3' ); ?>
34 | 	</div><!-- .second -->
35 | 	<?php endif; ?>
36 | </div><!-- #secondary -->
37 | 


--------------------------------------------------------------------------------
/sidebar.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The sidebar containing the main widget area
 4 |  *
 5 |  * If no active widgets are in the sidebar, hide it completely.
 6 |  *
 7 |  * @package WordPress
 8 |  * @subpackage Twenty_Twelve
 9 |  * @since Twenty Twelve 1.0
10 |  */
11 | ?>
12 | 
13 | 	<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>
14 | 		<div id="secondary" class="widget-area" role="complementary">
15 | 			<?php dynamic_sidebar( 'sidebar-1' ); ?>
16 | 		</div><!-- #secondary -->
17 | 	<?php endif; ?>
18 | 


--------------------------------------------------------------------------------
/single.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The Template for displaying all single posts
 4 |  *
 5 |  * @package WordPress
 6 |  * @subpackage Twenty_Twelve
 7 |  * @since Twenty Twelve 1.0
 8 |  */
 9 | 
10 | get_header(); ?>
11 | 
12 | 	<div id="primary" class="site-content">
13 | 		<div id="content" role="main">
14 | 
15 | 			<?php
16 | 			while ( have_posts() ) :
17 | 				the_post();
18 | 				?>
19 | 
20 | 				<?php get_template_part( 'content', get_post_format() ); ?>
21 | 
22 | 				<nav class="nav-single">
23 | 					<h3 class="assistive-text"><?php _e( 'Post navigation', 'twentytwelve' ); ?></h3>
24 | 					<span class="nav-previous"><?php previous_post_link( '%link', '<span class="meta-nav">' . _x( '&larr;', 'Previous post link', 'twentytwelve' ) . '</span> %title' ); ?></span>
25 | 					<span class="nav-next"><?php next_post_link( '%link', '%title <span class="meta-nav">' . _x( '&rarr;', 'Next post link', 'twentytwelve' ) . '</span>' ); ?></span>
26 | 				</nav><!-- .nav-single -->
27 | 
28 | 				<?php comments_template( '', true ); ?>
29 | 
30 | 			<?php endwhile; // end of the loop. ?>
31 | 
32 | 		</div><!-- #content -->
33 | 	</div><!-- #primary -->
34 | 
35 | <?php get_sidebar(); ?>
36 | <?php get_footer(); ?>
37 | 


--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
   1 | /*
   2 | Theme Name: Twenty Twelve
   3 | Theme URI: https://wordpress.org/themes/twentytwelve/
   4 | Author: the WordPress team
   5 | Author URI: https://wordpress.org/
   6 | 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.
   7 | Version: 2.8
   8 | License: GNU General Public License v2 or later
   9 | License URI: http://www.gnu.org/licenses/gpl-2.0.html
  10 | 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
  11 | Text Domain: twentytwelve
  12 | 
  13 | This theme, like WordPress, is licensed under the GPL.
  14 | Use it to make something cool, have fun, and share what you've learned with others.
  15 | */
  16 | 
  17 | /* =Notes
  18 | --------------------------------------------------------------
  19 | This stylesheet uses rem values with a pixel fallback. The rem
  20 | values (and line heights) are calculated using two variables:
  21 | 
  22 | $rembase:     14;
  23 | $line-height: 24;
  24 | 
  25 | ---------- Examples
  26 | 
  27 | * Use a pixel value with a rem fallback for font-size, padding, margins, etc.
  28 | 	padding: 5px 0;
  29 | 	padding: 0.357142857rem 0; (5 / $rembase)
  30 | 
  31 | * Set a font-size and then set a line-height based on the font-size
  32 | 	font-size: 16px
  33 | 	font-size: 1.142857143rem; (16 / $rembase)
  34 | 	line-height: 1.5; ($line-height / 16)
  35 | 
  36 | ---------- Vertical spacing
  37 | 
  38 | Vertical spacing between most elements should use 24px or 48px
  39 | to maintain vertical rhythm:
  40 | 
  41 | .my-new-div {
  42 | 	margin: 24px 0;
  43 | 	margin: 1.714285714rem 0; ( 24 / $rembase )
  44 | }
  45 | 
  46 | ---------- Further reading
  47 | 
  48 | http://snook.ca/archives/html_and_css/font-size-with-rem
  49 | http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/
  50 | 
  51 | 
  52 | /* =Reset
  53 | -------------------------------------------------------------- */
  54 | 
  55 | 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 {
  56 | 	margin: 0;
  57 | 	padding: 0;
  58 | 	border: 0;
  59 | 	font-size: 100%;
  60 | 	vertical-align: baseline;
  61 | }
  62 | body {
  63 | 	line-height: 1;
  64 | }
  65 | ol,
  66 | ul {
  67 | 	list-style: none;
  68 | }
  69 | blockquote,
  70 | q {
  71 | 	quotes: none;
  72 | }
  73 | blockquote:before,
  74 | blockquote:after,
  75 | q:before,
  76 | q:after {
  77 | 	content: '';
  78 | 	content: none;
  79 | }
  80 | table {
  81 | 	border-collapse: collapse;
  82 | 	border-spacing: 0;
  83 | }
  84 | caption,
  85 | th,
  86 | td {
  87 | 	font-weight: normal;
  88 | 	text-align: left;
  89 | }
  90 | h1,
  91 | h2,
  92 | h3,
  93 | h4,
  94 | h5,
  95 | h6 {
  96 | 	clear: both;
  97 | }
  98 | html {
  99 | 	overflow-y: scroll;
 100 | 	font-size: 100%;
 101 | 	-webkit-text-size-adjust: 100%;
 102 | 	-ms-text-size-adjust: 100%;
 103 | }
 104 | a:focus {
 105 | 	outline: thin dotted;
 106 | }
 107 | article,
 108 | aside,
 109 | details,
 110 | figcaption,
 111 | figure,
 112 | footer,
 113 | header,
 114 | hgroup,
 115 | nav,
 116 | section {
 117 | 	display: block;
 118 | }
 119 | audio,
 120 | canvas,
 121 | video {
 122 | 	display: inline-block;
 123 | }
 124 | audio:not([controls]) {
 125 | 	display: none;
 126 | }
 127 | del {
 128 | 	color: #333;
 129 | }
 130 | ins {
 131 | 	background: #fff9c0;
 132 | 	text-decoration: none;
 133 | }
 134 | hr {
 135 | 	background-color: #ccc;
 136 | 	border: 0;
 137 | 	height: 1px;
 138 | 	margin: 24px;
 139 | 	margin-bottom: 1.714285714rem;
 140 | }
 141 | sub,
 142 | sup {
 143 | 	font-size: 75%;
 144 | 	line-height: 0;
 145 | 	position: relative;
 146 | 	vertical-align: baseline;
 147 | }
 148 | sup {
 149 | 	top: -0.5em;
 150 | }
 151 | sub {
 152 | 	bottom: -0.25em;
 153 | }
 154 | small {
 155 | 	font-size: smaller;
 156 | }
 157 | img {
 158 | 	border: 0;
 159 | 	-ms-interpolation-mode: bicubic;
 160 | }
 161 | 
 162 | /* Clearing floats */
 163 | .clear:after,
 164 | .wrapper:after,
 165 | .format-status .entry-header:after {
 166 | 	clear: both;
 167 | }
 168 | .clear:before,
 169 | .clear:after,
 170 | .wrapper:before,
 171 | .wrapper:after,
 172 | .format-status .entry-header:before,
 173 | .format-status .entry-header:after {
 174 | 	display: table;
 175 | 	content: "";
 176 | }
 177 | 
 178 | 
 179 | /* =Repeatable patterns
 180 | -------------------------------------------------------------- */
 181 | 
 182 | /* Small headers */
 183 | .archive-title,
 184 | .page-title,
 185 | .widget-title,
 186 | .entry-content th,
 187 | .comment-content th {
 188 | 	font-size: 11px;
 189 | 	font-size: 0.785714286rem;
 190 | 	line-height: 2.181818182;
 191 | 	font-weight: bold;
 192 | 	text-transform: uppercase;
 193 | 	color: #636363;
 194 | }
 195 | 
 196 | /* Shared Post Format styling */
 197 | article.format-quote footer.entry-meta,
 198 | article.format-link footer.entry-meta,
 199 | article.format-status footer.entry-meta {
 200 | 	font-size: 11px;
 201 | 	font-size: 0.785714286rem;
 202 | 	line-height: 2.181818182;
 203 | }
 204 | 
 205 | /* Form fields, general styles first */
 206 | button,
 207 | input,
 208 | select,
 209 | textarea {
 210 | 	border: 1px solid #ccc;
 211 | 	border-radius: 3px;
 212 | 	font-family: inherit;
 213 | 	padding: 6px;
 214 | 	padding: 0.428571429rem;
 215 | }
 216 | button,
 217 | input {
 218 | 	line-height: normal;
 219 | }
 220 | textarea {
 221 | 	font-size: 100%;
 222 | 	overflow: auto;
 223 | 	vertical-align: top;
 224 | }
 225 | 
 226 | /* Reset non-text input types */
 227 | input[type="checkbox"],
 228 | input[type="radio"],
 229 | input[type="file"],
 230 | input[type="hidden"],
 231 | input[type="image"],
 232 | input[type="color"] {
 233 | 	border: 0;
 234 | 	border-radius: 0;
 235 | 	padding: 0;
 236 | }
 237 | 
 238 | /* Buttons */
 239 | .menu-toggle,
 240 | input[type="submit"],
 241 | input[type="button"],
 242 | input[type="reset"],
 243 | article.post-password-required input[type=submit],
 244 | .bypostauthor cite span {
 245 | 	padding: 6px 10px;
 246 | 	padding: 0.428571429rem 0.714285714rem;
 247 | 	font-size: 11px;
 248 | 	font-size: 0.785714286rem;
 249 | 	line-height: 1.428571429;
 250 | 	font-weight: normal;
 251 | 	color: #7c7c7c;
 252 | 	background-color: #e6e6e6;
 253 | 	background-repeat: repeat-x;
 254 | 	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
 255 | 	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
 256 | 	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
 257 | 	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
 258 | 	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
 259 | 	border: 1px solid #d2d2d2;
 260 | 	border-radius: 3px;
 261 | 	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
 262 | }
 263 | .menu-toggle,
 264 | button,
 265 | input[type="submit"],
 266 | input[type="button"],
 267 | input[type="reset"] {
 268 | 	cursor: pointer;
 269 | }
 270 | button[disabled],
 271 | input[disabled] {
 272 | 	cursor: default;
 273 | }
 274 | .menu-toggle:hover,
 275 | .menu-toggle:focus,
 276 | button:hover,
 277 | input[type="submit"]:hover,
 278 | input[type="button"]:hover,
 279 | input[type="reset"]:hover,
 280 | article.post-password-required input[type=submit]:hover {
 281 | 	color: #5e5e5e;
 282 | 	background-color: #ebebeb;
 283 | 	background-repeat: repeat-x;
 284 | 	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
 285 | 	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
 286 | 	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
 287 | 	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
 288 | 	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
 289 | }
 290 | .menu-toggle:active,
 291 | .menu-toggle.toggled-on,
 292 | button:active,
 293 | input[type="submit"]:active,
 294 | input[type="button"]:active,
 295 | input[type="reset"]:active {
 296 | 	color: #757575;
 297 | 	background-color: #e1e1e1;
 298 | 	background-repeat: repeat-x;
 299 | 	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
 300 | 	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
 301 | 	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
 302 | 	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
 303 | 	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
 304 | 	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
 305 | 	border-color: transparent;
 306 | }
 307 | .bypostauthor cite span {
 308 | 	color: #fff;
 309 | 	background-color: #21759b;
 310 | 	background-image: none;
 311 | 	border: 1px solid #1f6f93;
 312 | 	border-radius: 2px;
 313 | 	box-shadow: none;
 314 | 	padding: 0;
 315 | }
 316 | 
 317 | /* Responsive images */
 318 | .entry-content img,
 319 | .comment-content img,
 320 | .widget img {
 321 | 	max-width: 100%; /* Fluid images for posts, comments, and widgets */
 322 | }
 323 | img[class*="align"],
 324 | img[class*="wp-image-"],
 325 | img[class*="attachment-"] {
 326 | 	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
 327 | }
 328 | img.size-full,
 329 | img.size-large,
 330 | img.header-image,
 331 | img.wp-post-image {
 332 | 	max-width: 100%;
 333 | 	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
 334 | }
 335 | 
 336 | /* Make sure videos and embeds fit their containers */
 337 | embed,
 338 | iframe,
 339 | object,
 340 | video {
 341 | 	max-width: 100%;
 342 | }
 343 | .entry-content .twitter-tweet-rendered {
 344 | 	max-width: 100% !important; /* Override the Twitter embed fixed width */
 345 | }
 346 | 
 347 | /* Images */
 348 | .alignleft {
 349 | 	float: left;
 350 | }
 351 | .alignright {
 352 | 	float: right;
 353 | }
 354 | .aligncenter {
 355 | 	display: block;
 356 | 	margin-left: auto;
 357 | 	margin-right: auto;
 358 | }
 359 | .entry-content img,
 360 | .comment-content img,
 361 | .widget img,
 362 | img.header-image,
 363 | .author-avatar img,
 364 | img.wp-post-image {
 365 | 	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
 366 | 	border-radius: 3px;
 367 | 	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
 368 | }
 369 | .wp-caption {
 370 | 	max-width: 100%; /* Keep wide captions from overflowing their container. */
 371 | 	padding: 4px;
 372 | }
 373 | .wp-caption .wp-caption-text,
 374 | .gallery-caption,
 375 | .entry-caption {
 376 | 	font-style: italic;
 377 | 	font-size: 12px;
 378 | 	font-size: 0.857142857rem;
 379 | 	line-height: 2;
 380 | 	color: #757575;
 381 | }
 382 | img.wp-smiley,
 383 | .rsswidget img {
 384 | 	border: 0;
 385 | 	border-radius: 0;
 386 | 	box-shadow: none;
 387 | 	margin-bottom: 0;
 388 | 	margin-top: 0;
 389 | 	padding: 0;
 390 | }
 391 | .entry-content dl.gallery-item {
 392 | 	margin: 0;
 393 | }
 394 | .gallery-item a,
 395 | .gallery-caption {
 396 | 	width: 90%;
 397 | }
 398 | .gallery-item a {
 399 | 	display: block;
 400 | }
 401 | .gallery-caption a {
 402 | 	display: inline;
 403 | }
 404 | .gallery-columns-1 .gallery-item a {
 405 | 	max-width: 100%;
 406 | 	width: auto;
 407 | }
 408 | .gallery .gallery-icon img {
 409 | 	height: auto;
 410 | 	max-width: 90%;
 411 | 	padding: 5%;
 412 | }
 413 | .gallery-columns-1 .gallery-icon img {
 414 | 	padding: 3%;
 415 | }
 416 | 
 417 | /* Navigation */
 418 | .site-content nav {
 419 | 	clear: both;
 420 | 	line-height: 2;
 421 | 	overflow: hidden;
 422 | }
 423 | #nav-above {
 424 | 	padding: 24px 0;
 425 | 	padding: 1.714285714rem 0;
 426 | }
 427 | #nav-above {
 428 | 	display: none;
 429 | }
 430 | .paged #nav-above {
 431 | 	display: block;
 432 | }
 433 | .nav-previous,
 434 | .previous-image {
 435 | 	float: left;
 436 | 	width: 50%;
 437 | }
 438 | .nav-next,
 439 | .next-image {
 440 | 	float: right;
 441 | 	text-align: right;
 442 | 	width: 50%;
 443 | }
 444 | .nav-single + .comments-area,
 445 | #comment-nav-above {
 446 | 	margin: 48px 0;
 447 | 	margin: 3.428571429rem 0;
 448 | }
 449 | 
 450 | /* Author profiles */
 451 | .author .archive-header {
 452 | 	margin-bottom: 24px;
 453 | 	margin-bottom: 1.714285714rem;
 454 | }
 455 | .author-info {
 456 | 	border-top: 1px solid #ededed;
 457 | 	margin: 24px 0;
 458 | 	margin: 1.714285714rem 0;
 459 | 	padding-top: 24px;
 460 | 	padding-top: 1.714285714rem;
 461 | 	overflow: hidden;
 462 | }
 463 | .author-description p {
 464 | 	color: #757575;
 465 | 	font-size: 13px;
 466 | 	font-size: 0.928571429rem;
 467 | 	line-height: 1.846153846;
 468 | }
 469 | .author.archive .author-info {
 470 | 	border-top: 0;
 471 | 	margin: 0 0 48px;
 472 | 	margin: 0 0 3.428571429rem;
 473 | }
 474 | .author.archive .author-avatar {
 475 | 	margin-top: 0;
 476 | }
 477 | 
 478 | 
 479 | /* =Basic structure
 480 | -------------------------------------------------------------- */
 481 | 
 482 | /* Body, links, basics */
 483 | html {
 484 | 	font-size: 87.5%;
 485 | }
 486 | body {
 487 | 	font-size: 14px;
 488 | 	font-size: 1rem;
 489 | 	font-family: Helvetica, Arial, sans-serif;
 490 | 	text-rendering: optimizeLegibility;
 491 | 	color: #444;
 492 | }
 493 | body.custom-font-enabled {
 494 | 	font-family: "Open Sans", Helvetica, Arial, sans-serif;
 495 | }
 496 | a {
 497 | 	outline: none;
 498 | 	color: #21759b;
 499 | }
 500 | a:hover {
 501 | 	color: #0f3647;
 502 | }
 503 | 
 504 | /* Assistive text */
 505 | .assistive-text,
 506 | .site .screen-reader-text {
 507 | 	position: absolute !important;
 508 | 	clip: rect(1px, 1px, 1px, 1px);
 509 | 	overflow: hidden;
 510 | 	height: 1px;
 511 | 	width: 1px;
 512 | }
 513 | .main-navigation .assistive-text:focus,
 514 | .site .screen-reader-text:hover,
 515 | .site .screen-reader-text:active,
 516 | .site .screen-reader-text:focus {
 517 | 	background: #fff;
 518 | 	border: 2px solid #333;
 519 | 	border-radius: 3px;
 520 | 	clip: auto !important;
 521 | 	color: #000;
 522 | 	display: block;
 523 | 	font-size: 12px;
 524 | 	height: auto;
 525 | 	padding: 12px;
 526 | 	position: absolute;
 527 | 	top: 5px;
 528 | 	left: 5px;
 529 | 	width: auto;
 530 | 	z-index: 100000; /* Above WP toolbar */
 531 | }
 532 | 
 533 | /* Page structure */
 534 | .site {
 535 | 	padding: 0 24px;
 536 | 	padding: 0 1.714285714rem;
 537 | 	background-color: #fff;
 538 | }
 539 | .site-content {
 540 | 	margin: 24px 0 0;
 541 | 	margin: 1.714285714rem 0 0;
 542 | }
 543 | .widget-area {
 544 | 	margin: 24px 0 0;
 545 | 	margin: 1.714285714rem 0 0;
 546 | }
 547 | 
 548 | /* Header */
 549 | .site-header {
 550 | 	padding: 24px 0;
 551 | 	padding: 1.714285714rem 0;
 552 | }
 553 | .site-header h1,
 554 | .site-header h2 {
 555 | 	text-align: center;
 556 | }
 557 | .site-header h1 a,
 558 | .site-header h2 a {
 559 | 	color: #515151;
 560 | 	display: inline-block;
 561 | 	text-decoration: none;
 562 | }
 563 | .site-header h1 a:hover,
 564 | .site-header h2 a:hover {
 565 | 	color: #21759b;
 566 | }
 567 | .site-header h1 {
 568 | 	font-size: 24px;
 569 | 	font-size: 1.714285714rem;
 570 | 	line-height: 1.285714286;
 571 | 	margin-bottom: 14px;
 572 | 	margin-bottom: 1rem;
 573 | }
 574 | .site-header h2 {
 575 | 	font-weight: normal;
 576 | 	font-size: 13px;
 577 | 	font-size: 0.928571429rem;
 578 | 	line-height: 1.846153846;
 579 | 	color: #757575;
 580 | }
 581 | .header-image {
 582 | 	margin-top: 24px;
 583 | 	margin-top: 1.714285714rem;
 584 | }
 585 | 
 586 | /* Navigation Menu */
 587 | .main-navigation {
 588 | 	margin-top: 24px;
 589 | 	margin-top: 1.714285714rem;
 590 | 	text-align: center;
 591 | }
 592 | .main-navigation li {
 593 | 	margin-top: 24px;
 594 | 	margin-top: 1.714285714rem;
 595 | 	font-size: 12px;
 596 | 	font-size: 0.857142857rem;
 597 | 	line-height: 1.42857143;
 598 | }
 599 | .main-navigation a {
 600 | 	color: #5e5e5e;
 601 | }
 602 | .main-navigation a:hover,
 603 | .main-navigation a:focus {
 604 | 	color: #21759b;
 605 | }
 606 | .main-navigation ul.nav-menu,
 607 | .main-navigation div.nav-menu > ul {
 608 | 	display: none;
 609 | }
 610 | .main-navigation ul.nav-menu.toggled-on,
 611 | .menu-toggle {
 612 | 	display: inline-block;
 613 | }
 614 | 
 615 | /* Banner */
 616 | section[role="banner"] {
 617 | 	margin-bottom: 48px;
 618 | 	margin-bottom: 3.428571429rem;
 619 | }
 620 | 
 621 | /* Sidebar */
 622 | .widget-area .widget {
 623 | 	-webkit-hyphens: auto;
 624 | 	-moz-hyphens: auto;
 625 | 	hyphens: auto;
 626 | 	margin-bottom: 48px;
 627 | 	margin-bottom: 3.428571429rem;
 628 | 	word-wrap: break-word;
 629 | }
 630 | .widget-area .widget h3 {
 631 | 	margin-bottom: 24px;
 632 | 	margin-bottom: 1.714285714rem;
 633 | }
 634 | .widget-area .widget p,
 635 | .widget-area .widget li,
 636 | .widget-area .widget .textwidget {
 637 | 	font-size: 13px;
 638 | 	font-size: 0.928571429rem;
 639 | 	line-height: 1.846153846;
 640 | }
 641 | .widget-area .widget p {
 642 | 	margin-bottom: 24px;
 643 | 	margin-bottom: 1.714285714rem;
 644 | }
 645 | .widget-area .textwidget ul,
 646 | .widget-area .textwidget ol {
 647 | 	list-style: disc outside;
 648 | 	margin: 0 0 24px;
 649 | 	margin: 0 0 1.714285714rem;
 650 | }
 651 | .widget-area .textwidget li > ul,
 652 | .widget-area .textwidget li > ol {
 653 | 	margin-bottom: 0;
 654 | }
 655 | .widget-area .textwidget ol {
 656 | 	list-style: decimal;
 657 | }
 658 | .widget-area .textwidget li {
 659 | 	margin-left: 36px;
 660 | 	margin-left: 2.571428571rem;
 661 | }
 662 | .widget-area .widget a {
 663 | 	color: #757575;
 664 | }
 665 | .widget-area .widget a:hover {
 666 | 	color: #21759b;
 667 | }
 668 | .widget-area .widget a:visited {
 669 | 	color: #9f9f9f;
 670 | }
 671 | .widget-area #s {
 672 | 	width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
 673 | }
 674 | 
 675 | /* Footer */
 676 | footer[role="contentinfo"] {
 677 | 	border-top: 1px solid #ededed;
 678 | 	clear: both;
 679 | 	font-size: 12px;
 680 | 	font-size: 0.857142857rem;
 681 | 	line-height: 2;
 682 | 	max-width: 960px;
 683 | 	max-width: 68.571428571rem;
 684 | 	margin-top: 24px;
 685 | 	margin-top: 1.714285714rem;
 686 | 	margin-left: auto;
 687 | 	margin-right: auto;
 688 | 	padding: 24px 0;
 689 | 	padding: 1.714285714rem 0;
 690 | }
 691 | footer[role="contentinfo"] a {
 692 | 	color: #686868;
 693 | }
 694 | footer[role="contentinfo"] a:hover {
 695 | 	color: #21759b;
 696 | }
 697 | .site-info span[role=separator] {
 698 | 	padding: 0 0.3em 0 0.6em;
 699 | }
 700 | .site-info span[role=separator]::before {
 701 | 	content: '\002f';
 702 | }
 703 | 
 704 | 
 705 | /* =Main content and comment content
 706 | -------------------------------------------------------------- */
 707 | 
 708 | .entry-meta {
 709 | 	clear: both;
 710 | }
 711 | .entry-header {
 712 | 	margin-bottom: 24px;
 713 | 	margin-bottom: 1.714285714rem;
 714 | }
 715 | .entry-header img.wp-post-image {
 716 | 	margin-bottom: 24px;
 717 | 	margin-bottom: 1.714285714rem;
 718 | }
 719 | .entry-header .entry-title {
 720 | 	font-size: 20px;
 721 | 	font-size: 1.428571429rem;
 722 | 	line-height: 1.2;
 723 | 	font-weight: normal;
 724 | }
 725 | .entry-header .entry-title a {
 726 | 	text-decoration: none;
 727 | }
 728 | .entry-header .entry-format {
 729 | 	margin-top: 24px;
 730 | 	margin-top: 1.714285714rem;
 731 | 	font-weight: normal;
 732 | }
 733 | .entry-header .comments-link {
 734 | 	margin-top: 24px;
 735 | 	margin-top: 1.714285714rem;
 736 | 	font-size: 13px;
 737 | 	font-size: 0.928571429rem;
 738 | 	line-height: 1.846153846;
 739 | 	color: #757575;
 740 | }
 741 | .comments-link a,
 742 | .entry-meta a {
 743 | 	color: #757575;
 744 | }
 745 | .comments-link a:hover,
 746 | .entry-meta a:hover {
 747 | 	color: #21759b;
 748 | }
 749 | article.sticky .featured-post {
 750 | 	border-top: 4px double #ededed;
 751 | 	border-bottom: 4px double #ededed;
 752 | 	color: #757575;
 753 | 	font-size: 13px;
 754 | 	font-size: 0.928571429rem;
 755 | 	line-height: 3.692307692;
 756 | 	margin-bottom: 24px;
 757 | 	margin-bottom: 1.714285714rem;
 758 | 	text-align: center;
 759 | }
 760 | .entry-content,
 761 | .entry-summary,
 762 | .mu_register {
 763 | 	line-height: 1.714285714;
 764 | }
 765 | .entry-content h1,
 766 | .comment-content h1,
 767 | .entry-content h2,
 768 | .comment-content h2,
 769 | .entry-content h3,
 770 | .comment-content h3,
 771 | .entry-content h4,
 772 | .comment-content h4,
 773 | .entry-content h5,
 774 | .comment-content h5,
 775 | .entry-content h6,
 776 | .comment-content h6 {
 777 | 	margin: 24px 0;
 778 | 	margin: 1.714285714rem 0;
 779 | 	line-height: 1.714285714;
 780 | }
 781 | .entry-content h1,
 782 | .comment-content h1 {
 783 | 	font-size: 21px;
 784 | 	font-size: 1.5rem;
 785 | 	line-height: 1.5;
 786 | }
 787 | .entry-content h2,
 788 | .comment-content h2,
 789 | .mu_register h2 {
 790 | 	font-size: 18px;
 791 | 	font-size: 1.285714286rem;
 792 | 	line-height: 1.6;
 793 | }
 794 | .entry-content h3,
 795 | .comment-content h3 {
 796 | 	font-size: 16px;
 797 | 	font-size: 1.142857143rem;
 798 | 	line-height: 1.846153846;
 799 | }
 800 | .entry-content h4,
 801 | .comment-content h4 {
 802 | 	font-size: 14px;
 803 | 	font-size: 1rem;
 804 | 	line-height: 1.846153846;
 805 | }
 806 | .entry-content h5,
 807 | .comment-content h5 {
 808 | 	font-size: 13px;
 809 | 	font-size: 0.928571429rem;
 810 | 	line-height: 1.846153846;
 811 | }
 812 | .entry-content h6,
 813 | .comment-content h6 {
 814 | 	font-size: 12px;
 815 | 	font-size: 0.857142857rem;
 816 | 	line-height: 1.846153846;
 817 | }
 818 | .entry-content p,
 819 | .entry-summary p,
 820 | .comment-content p,
 821 | .mu_register p {
 822 | 	margin: 0 0 24px;
 823 | 	margin: 0 0 1.714285714rem;
 824 | 	line-height: 1.714285714;
 825 | }
 826 | .entry-content a:visited,
 827 | .comment-content a:visited {
 828 | 	color: #9f9f9f;
 829 | }
 830 | .entry-content .more-link {
 831 | 	white-space: nowrap;
 832 | }
 833 | .entry-content ol,
 834 | .comment-content ol,
 835 | .entry-content ul,
 836 | .comment-content ul,
 837 | .mu_register ul {
 838 | 	margin: 0 0 24px;
 839 | 	margin: 0 0 1.714285714rem;
 840 | 	line-height: 1.714285714;
 841 | }
 842 | .entry-content ul ul,
 843 | .comment-content ul ul,
 844 | .entry-content ol ol,
 845 | .comment-content ol ol,
 846 | .entry-content ul ol,
 847 | .comment-content ul ol,
 848 | .entry-content ol ul,
 849 | .comment-content ol ul {
 850 | 	margin-bottom: 0;
 851 | }
 852 | .entry-content ul,
 853 | .comment-content ul,
 854 | .mu_register ul {
 855 | 	list-style: disc outside;
 856 | }
 857 | .entry-content ol,
 858 | .comment-content ol {
 859 | 	list-style: decimal outside;
 860 | }
 861 | .entry-content li,
 862 | .comment-content li,
 863 | .mu_register li {
 864 | 	margin: 0 0 0 36px;
 865 | 	margin: 0 0 0 2.571428571rem;
 866 | }
 867 | .entry-content blockquote,
 868 | .comment-content blockquote {
 869 | 	margin-bottom: 24px;
 870 | 	margin-bottom: 1.714285714rem;
 871 | 	padding: 24px;
 872 | 	padding: 1.714285714rem;
 873 | 	font-style: italic;
 874 | }
 875 | .entry-content blockquote p:last-child,
 876 | .comment-content blockquote p:last-child {
 877 | 	margin-bottom: 0;
 878 | }
 879 | .entry-content code,
 880 | .comment-content code {
 881 | 	font-family: Consolas, Monaco, Lucida Console, monospace;
 882 | 	font-size: 12px;
 883 | 	font-size: 0.857142857rem;
 884 | 	line-height: 2;
 885 | }
 886 | .entry-content pre,
 887 | .comment-content pre {
 888 | 	border: 1px solid #ededed;
 889 | 	color: #666;
 890 | 	font-family: Consolas, Monaco, Lucida Console, monospace;
 891 | 	font-size: 12px;
 892 | 	font-size: 0.857142857rem;
 893 | 	line-height: 1.714285714;
 894 | 	margin: 24px 0;
 895 | 	margin: 1.714285714rem 0;
 896 | 	overflow: auto;
 897 | 	padding: 24px;
 898 | 	padding: 1.714285714rem;
 899 | }
 900 | .entry-content pre code,
 901 | .comment-content pre code {
 902 | 	display: block;
 903 | }
 904 | .entry-content abbr,
 905 | .comment-content abbr,
 906 | .entry-content dfn,
 907 | .comment-content dfn,
 908 | .entry-content acronym,
 909 | .comment-content acronym {
 910 | 	border-bottom: 1px dotted #666;
 911 | 	cursor: help;
 912 | }
 913 | .entry-content address,
 914 | .comment-content address {
 915 | 	display: block;
 916 | 	line-height: 1.714285714;
 917 | 	margin: 0 0 24px;
 918 | 	margin: 0 0 1.714285714rem;
 919 | }
 920 | img.alignleft,
 921 | .wp-caption.alignleft {
 922 | 	margin: 12px 24px 12px 0;
 923 | 	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
 924 | }
 925 | img.alignright,
 926 | .wp-caption.alignright {
 927 | 	margin: 12px 0 12px 24px;
 928 | 	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
 929 | }
 930 | img.aligncenter,
 931 | .wp-caption.aligncenter {
 932 | 	clear: both;
 933 | 	margin-top: 12px;
 934 | 	margin-top: 0.857142857rem;
 935 | 	margin-bottom: 12px;
 936 | 	margin-bottom: 0.857142857rem;
 937 | }
 938 | .entry-content embed,
 939 | .entry-content iframe,
 940 | .entry-content object,
 941 | .entry-content video {
 942 | 	margin-bottom: 24px;
 943 | 	margin-bottom: 1.714285714rem;
 944 | }
 945 | .entry-content dl,
 946 | .comment-content dl {
 947 | 	margin: 0 24px;
 948 | 	margin: 0 1.714285714rem;
 949 | }
 950 | .entry-content dt,
 951 | .comment-content dt {
 952 | 	font-weight: bold;
 953 | 	line-height: 1.714285714;
 954 | }
 955 | .entry-content dd,
 956 | .comment-content dd {
 957 | 	line-height: 1.714285714;
 958 | 	margin-bottom: 24px;
 959 | 	margin-bottom: 1.714285714rem;
 960 | }
 961 | .entry-content table,
 962 | .comment-content table {
 963 | 	border-bottom: 1px solid #ededed;
 964 | 	color: #757575;
 965 | 	font-size: 12px;
 966 | 	font-size: 0.857142857rem;
 967 | 	line-height: 2;
 968 | 	margin: 0 0 24px;
 969 | 	margin: 0 0 1.714285714rem;
 970 | 	width: 100%;
 971 | }
 972 | .entry-content table caption,
 973 | .comment-content table caption {
 974 | 	font-size: 16px;
 975 | 	font-size: 1.142857143rem;
 976 | 	margin: 24px 0;
 977 | 	margin: 1.714285714rem 0;
 978 | }
 979 | .entry-content td,
 980 | .comment-content td {
 981 | 	border-top: 1px solid #ededed;
 982 | 	padding: 6px 10px 6px 0;
 983 | }
 984 | .site-content article {
 985 | 	border-bottom: 4px double #ededed;
 986 | 	margin-bottom: 72px;
 987 | 	margin-bottom: 5.142857143rem;
 988 | 	padding-bottom: 24px;
 989 | 	padding-bottom: 1.714285714rem;
 990 | 	word-wrap: break-word;
 991 | 	-webkit-hyphens: auto;
 992 | 	-moz-hyphens: auto;
 993 | 	hyphens: auto;
 994 | }
 995 | .page-links {
 996 | 	clear: both;
 997 | 	line-height: 1.714285714;
 998 | }
 999 | footer.entry-meta {
1000 | 	margin-top: 24px;
1001 | 	margin-top: 1.714285714rem;
1002 | 	font-size: 13px;
1003 | 	font-size: 0.928571429rem;
1004 | 	line-height: 1.846153846;
1005 | 	color: #757575;
1006 | }
1007 | .single-author .entry-meta .by-author {
1008 | 	display: none;
1009 | }
1010 | .mu_register h2 {
1011 | 	color: #757575;
1012 | 	font-weight: normal;
1013 | }
1014 | 
1015 | 
1016 | /* =Archives
1017 | -------------------------------------------------------------- */
1018 | 
1019 | .archive-header,
1020 | .page-header {
1021 | 	margin-bottom: 48px;
1022 | 	margin-bottom: 3.428571429rem;
1023 | 	padding-bottom: 22px;
1024 | 	padding-bottom: 1.571428571rem;
1025 | 	border-bottom: 1px solid #ededed;
1026 | }
1027 | .archive-meta {
1028 | 	color: #757575;
1029 | 	font-size: 12px;
1030 | 	font-size: 0.857142857rem;
1031 | 	line-height: 2;
1032 | 	margin-top: 22px;
1033 | 	margin-top: 1.571428571rem;
1034 | }
1035 | 
1036 | /* =Single audio/video attachment view
1037 | -------------------------------------------------------------- */
1038 | 
1039 | .attachment .entry-content .mejs-audio {
1040 | 	max-width: 400px;
1041 | }
1042 | 
1043 | .attachment .entry-content .mejs-container {
1044 | 	margin-bottom: 24px;
1045 | }
1046 | 
1047 | 
1048 | /* =Single image attachment view
1049 | -------------------------------------------------------------- */
1050 | 
1051 | .article.attachment {
1052 | 	overflow: hidden;
1053 | }
1054 | .image-attachment div.attachment {
1055 | 	text-align: center;
1056 | }
1057 | .image-attachment div.attachment p {
1058 | 	text-align: center;
1059 | }
1060 | .image-attachment div.attachment img {
1061 | 	display: block;
1062 | 	height: auto;
1063 | 	margin: 0 auto;
1064 | 	max-width: 100%;
1065 | }
1066 | .image-attachment .entry-caption {
1067 | 	margin-top: 8px;
1068 | 	margin-top: 0.571428571rem;
1069 | }
1070 | 
1071 | 
1072 | /* =Aside post format
1073 | -------------------------------------------------------------- */
1074 | 
1075 | article.format-aside h1 {
1076 | 	margin-bottom: 24px;
1077 | 	margin-bottom: 1.714285714rem;
1078 | }
1079 | article.format-aside h1 a {
1080 | 	text-decoration: none;
1081 | 	color: #4d525a;
1082 | }
1083 | article.format-aside h1 a:hover {
1084 | 	color: #2e3542;
1085 | }
1086 | article.format-aside .aside {
1087 | 	padding: 24px 24px 0;
1088 | 	padding: 1.714285714rem;
1089 | 	background: #d2e0f9;
1090 | 	border-left: 22px solid #a8bfe8;
1091 | }
1092 | article.format-aside p {
1093 | 	font-size: 13px;
1094 | 	font-size: 0.928571429rem;
1095 | 	line-height: 1.846153846;
1096 | 	color: #4a5466;
1097 | }
1098 | article.format-aside blockquote:last-child,
1099 | article.format-aside p:last-child {
1100 | 	margin-bottom: 0;
1101 | }
1102 | 
1103 | 
1104 | /* =Post formats
1105 | -------------------------------------------------------------- */
1106 | 
1107 | /* Image posts */
1108 | article.format-image footer h1 {
1109 | 	font-size: 13px;
1110 | 	font-size: 0.928571429rem;
1111 | 	line-height: 1.846153846;
1112 | 	font-weight: normal;
1113 | }
1114 | article.format-image footer h2 {
1115 | 	font-size: 11px;
1116 | 	font-size: 0.785714286rem;
1117 | 	line-height: 2.181818182;
1118 | }
1119 | article.format-image footer a h2 {
1120 | 	font-weight: normal;
1121 | }
1122 | 
1123 | /* Link posts */
1124 | article.format-link header {
1125 | 	padding: 0 10px;
1126 | 	padding: 0 0.714285714rem;
1127 | 	float: right;
1128 | 	font-size: 11px;
1129 | 	font-size: 0.785714286rem;
1130 | 	line-height: 2.181818182;
1131 | 	font-weight: bold;
1132 | 	font-style: italic;
1133 | 	text-transform: uppercase;
1134 | 	color: #848484;
1135 | 	background-color: #ebebeb;
1136 | 	border-radius: 3px;
1137 | }
1138 | article.format-link .entry-content {
1139 | 	max-width: 80%;
1140 | 	float: left;
1141 | }
1142 | article.format-link .entry-content a {
1143 | 	font-size: 22px;
1144 | 	font-size: 1.571428571rem;
1145 | 	line-height: 1.090909091;
1146 | 	text-decoration: none;
1147 | }
1148 | 
1149 | /* Quote posts */
1150 | article.format-quote .entry-content p {
1151 | 	margin: 0;
1152 | 	padding-bottom: 24px;
1153 | 	padding-bottom: 1.714285714rem;
1154 | }
1155 | article.format-quote .entry-content blockquote {
1156 | 	display: block;
1157 | 	padding: 24px 24px 0;
1158 | 	padding: 1.714285714rem 1.714285714rem 0;
1159 | 	font-size: 15px;
1160 | 	font-size: 1.071428571rem;
1161 | 	line-height: 1.6;
1162 | 	font-style: normal;
1163 | 	color: #6a6a6a;
1164 | 	background: #efefef;
1165 | }
1166 | 
1167 | /* Status posts */
1168 | .format-status .entry-header {
1169 | 	margin-bottom: 24px;
1170 | 	margin-bottom: 1.714285714rem;
1171 | }
1172 | .format-status .entry-header header {
1173 | 	display: inline-block;
1174 | }
1175 | .format-status .entry-header h1 {
1176 | 	font-size: 15px;
1177 | 	font-size: 1.071428571rem;
1178 | 	font-weight: normal;
1179 | 	line-height: 1.6;
1180 | 	margin: 0;
1181 | }
1182 | .format-status .entry-header h2 {
1183 | 	font-size: 12px;
1184 | 	font-size: 0.857142857rem;
1185 | 	font-weight: normal;
1186 | 	line-height: 2;
1187 | 	margin: 0;
1188 | }
1189 | .format-status .entry-header header a {
1190 | 	color: #757575;
1191 | }
1192 | .format-status .entry-header header a:hover {
1193 | 	color: #21759b;
1194 | }
1195 | .format-status .entry-header img {
1196 | 	float: left;
1197 | 	margin-right: 21px;
1198 | 	margin-right: 1.5rem;
1199 | }
1200 | 
1201 | 
1202 | /* =Comments
1203 | -------------------------------------------------------------- */
1204 | 
1205 | .comments-title {
1206 | 	margin-bottom: 48px;
1207 | 	margin-bottom: 3.428571429rem;
1208 | 	font-size: 16px;
1209 | 	font-size: 1.142857143rem;
1210 | 	line-height: 1.5;
1211 | 	font-weight: normal;
1212 | }
1213 | .comments-area article {
1214 | 	margin: 24px 0;
1215 | 	margin: 1.714285714rem 0;
1216 | }
1217 | .comments-area article header {
1218 | 	margin: 0 0 48px;
1219 | 	margin: 0 0 3.428571429rem;
1220 | 	overflow: hidden;
1221 | 	position: relative;
1222 | }
1223 | .comments-area article header img {
1224 | 	float: left;
1225 | 	padding: 0;
1226 | 	line-height: 0;
1227 | }
1228 | .comments-area article header cite,
1229 | .comments-area article header time {
1230 | 	display: block;
1231 | 	margin-left: 85px;
1232 | 	margin-left: 6.071428571rem;
1233 | }
1234 | .comments-area article header cite {
1235 | 	font-style: normal;
1236 | 	font-size: 15px;
1237 | 	font-size: 1.071428571rem;
1238 | 	line-height: 1.42857143;
1239 | }
1240 | .comments-area cite b {
1241 | 	font-weight: normal;
1242 | }
1243 | .comments-area article header time {
1244 | 	line-height: 1.714285714;
1245 | 	text-decoration: none;
1246 | 	font-size: 12px;
1247 | 	font-size: 0.857142857rem;
1248 | 	color: #5e5e5e;
1249 | }
1250 | .comments-area article header a {
1251 | 	text-decoration: none;
1252 | 	color: #5e5e5e;
1253 | }
1254 | .comments-area article header a:hover {
1255 | 	color: #21759b;
1256 | }
1257 | .comments-area article header cite a {
1258 | 	color: #444;
1259 | }
1260 | .comments-area article header cite a:hover {
1261 | 	text-decoration: underline;
1262 | }
1263 | .comments-area article header h4 {
1264 | 	position: absolute;
1265 | 	top: 0;
1266 | 	right: 0;
1267 | 	padding: 6px 12px;
1268 | 	padding: 0.428571429rem 0.857142857rem;
1269 | 	font-size: 12px;
1270 | 	font-size: 0.857142857rem;
1271 | 	font-weight: normal;
1272 | 	color: #fff;
1273 | 	background-color: #0088d0;
1274 | 	background-repeat: repeat-x;
1275 | 	background-image: -moz-linear-gradient(top, #009cee, #0088d0);
1276 | 	background-image: -ms-linear-gradient(top, #009cee, #0088d0);
1277 | 	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
1278 | 	background-image: -o-linear-gradient(top, #009cee, #0088d0);
1279 | 	background-image: linear-gradient(top, #009cee, #0088d0);
1280 | 	border-radius: 3px;
1281 | 	border: 1px solid #007cbd;
1282 | }
1283 | .comments-area .bypostauthor cite span {
1284 | 	position: absolute;
1285 | 	margin-left: 5px;
1286 | 	margin-left: 0.357142857rem;
1287 | 	padding: 2px 5px;
1288 | 	padding: 0.142857143rem 0.357142857rem;
1289 | 	font-size: 10px;
1290 | 	font-size: 0.714285714rem;
1291 | }
1292 | .comments-area .bypostauthor cite b {
1293 | 	font-weight: bold;
1294 | }
1295 | a.comment-reply-link,
1296 | a.comment-edit-link {
1297 | 	color: #686868;
1298 | 	font-size: 13px;
1299 | 	font-size: 0.928571429rem;
1300 | 	line-height: 1.846153846;
1301 | }
1302 | a.comment-reply-link:hover,
1303 | a.comment-edit-link:hover {
1304 | 	color: #21759b;
1305 | }
1306 | .commentlist .pingback {
1307 | 	line-height: 1.714285714;
1308 | 	margin-bottom: 24px;
1309 | 	margin-bottom: 1.714285714rem;
1310 | }
1311 | 
1312 | /* Comment form */
1313 | #respond {
1314 | 	margin-top: 48px;
1315 | 	margin-top: 3.428571429rem;
1316 | }
1317 | #respond h3#reply-title {
1318 | 	font-size: 16px;
1319 | 	font-size: 1.142857143rem;
1320 | 	line-height: 1.5;
1321 | }
1322 | #respond h3#reply-title #cancel-comment-reply-link {
1323 | 	margin-left: 10px;
1324 | 	margin-left: 0.714285714rem;
1325 | 	font-weight: normal;
1326 | 	font-size: 12px;
1327 | 	font-size: 0.857142857rem;
1328 | }
1329 | #respond form {
1330 | 	margin: 24px 0;
1331 | 	margin: 1.714285714rem 0;
1332 | }
1333 | #respond form p {
1334 | 	margin: 11px 0;
1335 | 	margin: 0.785714286rem 0;
1336 | }
1337 | #respond form p.logged-in-as {
1338 | 	margin-bottom: 24px;
1339 | 	margin-bottom: 1.714285714rem;
1340 | }
1341 | #respond form label {
1342 | 	display: block;
1343 | 	line-height: 1.714285714;
1344 | }
1345 | #respond form input[type="text"],
1346 | #respond form textarea {
1347 | 	-moz-box-sizing: border-box;
1348 | 	box-sizing: border-box;
1349 | 	font-size: 12px;
1350 | 	font-size: 0.857142857rem;
1351 | 	line-height: 1.714285714;
1352 | 	padding: 10px;
1353 | 	padding: 0.714285714rem;
1354 | 	width: 100%;
1355 | }
1356 | #respond form p.form-allowed-tags {
1357 | 	margin: 0;
1358 | 	font-size: 12px;
1359 | 	font-size: 0.857142857rem;
1360 | 	line-height: 2;
1361 | 	color: #5e5e5e;
1362 | }
1363 | #respond #wp-comment-cookies-consent {
1364 | 	margin: 0 10px 0 0;
1365 | }
1366 | #respond .comment-form-cookies-consent label {
1367 | 	display: inline;
1368 | }
1369 | .required {
1370 | 	color: red;
1371 | }
1372 | 
1373 | 
1374 | /* =Front page template
1375 | -------------------------------------------------------------- */
1376 | 
1377 | .entry-page-image {
1378 | 	margin-bottom: 14px;
1379 | 	margin-bottom: 1rem;
1380 | }
1381 | .template-front-page .site-content article {
1382 | 	border: 0;
1383 | 	margin-bottom: 0;
1384 | }
1385 | .template-front-page .widget-area {
1386 | 	clear: both;
1387 | 	float: none;
1388 | 	width: auto;
1389 | 	padding-top: 24px;
1390 | 	padding-top: 1.714285714rem;
1391 | 	border-top: 1px solid #ededed;
1392 | }
1393 | .template-front-page .widget-area .widget li {
1394 | 	margin: 8px 0 0;
1395 | 	margin: 0.571428571rem 0 0;
1396 | 	font-size: 13px;
1397 | 	font-size: 0.928571429rem;
1398 | 	line-height: 1.714285714;
1399 | 	list-style-type: square;
1400 | 	list-style-position: inside;
1401 | }
1402 | .template-front-page .widget-area .widget li a {
1403 | 	color: #757575;
1404 | }
1405 | .template-front-page .widget-area .widget li a:hover {
1406 | 	color: #21759b;
1407 | }
1408 | .template-front-page .widget-area .widget_text img {
1409 | 	float: left;
1410 | 	margin: 8px 24px 8px 0;
1411 | 	margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
1412 | }
1413 | 
1414 | 
1415 | /* =Widgets
1416 | -------------------------------------------------------------- */
1417 | 
1418 | .widget-area .widget ul ul {
1419 | 	margin-left: 12px;
1420 | 	margin-left: 0.857142857rem;
1421 | }
1422 | .widget_rss li {
1423 | 	margin: 12px 0;
1424 | 	margin: 0.857142857rem 0;
1425 | }
1426 | .widget_recent_entries .post-date,
1427 | .widget_rss .rss-date {
1428 | 	color: #aaa;
1429 | 	font-size: 11px;
1430 | 	font-size: 0.785714286rem;
1431 | 	margin-left: 12px;
1432 | 	margin-left: 0.857142857rem;
1433 | }
1434 | #wp-calendar {
1435 | 	margin: 0;
1436 | 	width: 100%;
1437 | 	font-size: 13px;
1438 | 	font-size: 0.928571429rem;
1439 | 	line-height: 1.846153846;
1440 | 	color: #686868;
1441 | }
1442 | #wp-calendar th,
1443 | #wp-calendar td,
1444 | #wp-calendar caption {
1445 | 	text-align: left;
1446 | }
1447 | #wp-calendar #next {
1448 | 	padding-right: 24px;
1449 | 	padding-right: 1.714285714rem;
1450 | 	text-align: right;
1451 | }
1452 | .widget_search label {
1453 | 	display: block;
1454 | 	font-size: 13px;
1455 | 	font-size: 0.928571429rem;
1456 | 	line-height: 1.846153846;
1457 | }
1458 | .widget_twitter li {
1459 | 	list-style-type: none;
1460 | }
1461 | .widget_twitter .timesince {
1462 | 	display: block;
1463 | 	text-align: right;
1464 | }
1465 | .tagcloud ul {
1466 | 	list-style-type: none;
1467 | }
1468 | 
1469 | .tagcloud ul li {
1470 | 	display: inline-block;
1471 | }
1472 | 
1473 | .widget-area .widget.widget_tag_cloud li {
1474 | 	line-height: 1;
1475 | }
1476 | .template-front-page .widget-area .widget.widget_tag_cloud li {
1477 | 	margin: 0;
1478 | }
1479 | 
1480 | .widget-area .gallery-columns-2.gallery-size-full .gallery-icon img,
1481 | .widget-area .gallery-columns-3.gallery-size-full .gallery-icon img,
1482 | .widget-area .gallery-columns-4.gallery-size-full .gallery-icon img,
1483 | .widget-area .gallery-columns-5.gallery-size-full .gallery-icon img,
1484 | .widget-area .gallery-columns-6 .gallery-icon img,
1485 | .widget-area .gallery-columns-7 .gallery-icon img,
1486 | .widget-area .gallery-columns-8 .gallery-icon img,
1487 | .widget-area .gallery-columns-9 .gallery-icon img {
1488 | 	height: auto;
1489 | 	max-width: 80%;
1490 | }
1491 | 
1492 | /* =Plugins
1493 | ----------------------------------------------- */
1494 | 
1495 | img#wpstats {
1496 | 	display: block;
1497 | 	margin: 0 auto 24px;
1498 | 	margin: 0 auto 1.714285714rem;
1499 | }
1500 | 
1501 | 
1502 | /* =Media queries
1503 | -------------------------------------------------------------- */
1504 | 
1505 | /* Does the same thing as <meta name="viewport" content="width=device-width">,
1506 |  * but in the future W3C standard way. -ms- prefix is required for IE10+ to
1507 |  * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
1508 |  * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
1509 |  */
1510 | @-ms-viewport {
1511 | 	width: device-width;
1512 | }
1513 | @viewport {
1514 | 	width: device-width;
1515 | }
1516 | 
1517 | /* Minimum width of 600 pixels. */
1518 | @media screen and (min-width: 600px) {
1519 | 	.author-avatar {
1520 | 		float: left;
1521 | 		margin-top: 8px;
1522 | 		margin-top: 0.571428571rem;
1523 | 	}
1524 | 	.author-description {
1525 | 		float: right;
1526 | 		width: 80%;
1527 | 	}
1528 | 	.site {
1529 | 		margin: 0 auto;
1530 | 		max-width: 960px;
1531 | 		max-width: 68.571428571rem;
1532 | 		overflow: hidden;
1533 | 	}
1534 | 	.site-content {
1535 | 		float: left;
1536 | 		width: 65.104166667%;
1537 | 	}
1538 | 	body.template-front-page .site-content,
1539 | 	body.attachment .site-content,
1540 | 	body.full-width .site-content {
1541 | 		width: 100%;
1542 | 	}
1543 | 	.widget-area {
1544 | 		float: right;
1545 | 		width: 26.041666667%;
1546 | 	}
1547 | 	.site-header h1,
1548 | 	.site-header h2 {
1549 | 		text-align: left;
1550 | 	}
1551 | 	.site-header h1 {
1552 | 		font-size: 26px;
1553 | 		font-size: 1.857142857rem;
1554 | 		line-height: 1.846153846;
1555 | 		margin-bottom: 0;
1556 | 	}
1557 | 	.main-navigation ul.nav-menu,
1558 | 	.main-navigation div.nav-menu > ul {
1559 | 		border-bottom: 1px solid #ededed;
1560 | 		border-top: 1px solid #ededed;
1561 | 		display: inline-block !important;
1562 | 		text-align: left;
1563 | 		width: 100%;
1564 | 	}
1565 | 	.main-navigation ul {
1566 | 		margin: 0;
1567 | 		text-indent: 0;
1568 | 	}
1569 | 	.main-navigation li a,
1570 | 	.main-navigation li {
1571 | 		display: inline-block;
1572 | 		text-decoration: none;
1573 | 	}
1574 | 	.main-navigation li a {
1575 | 		border-bottom: 0;
1576 | 		color: #6a6a6a;
1577 | 		line-height: 3.692307692;
1578 | 		text-transform: uppercase;
1579 | 		white-space: nowrap;
1580 | 	}
1581 | 	.main-navigation li a:hover,
1582 | 	.main-navigation li a:focus {
1583 | 		color: #000;
1584 | 	}
1585 | 	.main-navigation li {
1586 | 		margin: 0 40px 0 0;
1587 | 		margin: 0 2.857142857rem 0 0;
1588 | 		position: relative;
1589 | 	}
1590 | 	.main-navigation li ul {
1591 | 		margin: 0;
1592 | 		padding: 0;
1593 | 		position: absolute;
1594 | 		top: 100%;
1595 | 		z-index: 1;
1596 | 		height: 1px;
1597 | 		width: 1px;
1598 | 		overflow: hidden;
1599 | 		clip: rect(1px, 1px, 1px, 1px);
1600 | 	}
1601 | 	.main-navigation li ul ul {
1602 | 		top: 0;
1603 | 		left: 100%;
1604 | 	}
1605 | 	.main-navigation ul li:hover > ul,
1606 | 	.main-navigation ul li:focus > ul,
1607 | 	.main-navigation .focus > ul {
1608 | 		border-left: 0;
1609 | 		clip: inherit;
1610 | 		overflow: inherit;
1611 | 		height: inherit;
1612 | 		width: inherit;
1613 | 	}
1614 | 	.main-navigation li ul li a {
1615 | 		background: #efefef;
1616 | 		border-bottom: 1px solid #ededed;
1617 | 		display: block;
1618 | 		font-size: 11px;
1619 | 		font-size: 0.785714286rem;
1620 | 		line-height: 2.181818182;
1621 | 		padding: 8px 10px;
1622 | 		padding: 0.571428571rem 0.714285714rem;
1623 | 		width: 180px;
1624 | 		width: 12.85714286rem;
1625 | 		white-space: normal;
1626 | 	}
1627 | 	.main-navigation li ul li a:hover,
1628 | 	.main-navigation li ul li a:focus {
1629 | 		background: #e3e3e3;
1630 | 		color: #444;
1631 | 	}
1632 | 	.main-navigation .current-menu-item > a,
1633 | 	.main-navigation .current-menu-ancestor > a,
1634 | 	.main-navigation .current_page_item > a,
1635 | 	.main-navigation .current_page_ancestor > a {
1636 | 		color: #636363;
1637 | 		font-weight: bold;
1638 | 	}
1639 | 	.menu-toggle {
1640 | 		display: none;
1641 | 	}
1642 | 	.entry-header .entry-title {
1643 | 		font-size: 22px;
1644 | 		font-size: 1.571428571rem;
1645 | 	}
1646 | 	#respond form input[type="text"] {
1647 | 		width: 46.333333333%;
1648 | 	}
1649 | 	#respond form textarea.blog-textarea {
1650 | 		width: 79.666666667%;
1651 | 	}
1652 | 	.template-front-page .site-content,
1653 | 	.template-front-page article {
1654 | 		overflow: hidden;
1655 | 	}
1656 | 	.template-front-page.has-post-thumbnail article {
1657 | 		float: left;
1658 | 		width: 47.916666667%;
1659 | 	}
1660 | 	.entry-page-image {
1661 | 		float: right;
1662 | 		margin-bottom: 0;
1663 | 		width: 47.916666667%;
1664 | 	}
1665 | 	.template-front-page .widget-area .widget,
1666 | 	.template-front-page.two-sidebars .widget-area .front-widgets {
1667 | 		float: left;
1668 | 		width: 51.875%;
1669 | 		margin-bottom: 24px;
1670 | 		margin-bottom: 1.714285714rem;
1671 | 	}
1672 | 	.template-front-page .widget-area .widget:nth-child(odd) {
1673 | 		clear: right;
1674 | 	}
1675 | 	.template-front-page .widget-area .widget:nth-child(even),
1676 | 	.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
1677 | 		float: right;
1678 | 		width: 39.0625%;
1679 | 		margin: 0 0 24px;
1680 | 		margin: 0 0 1.714285714rem;
1681 | 	}
1682 | 	.template-front-page.two-sidebars .widget,
1683 | 	.template-front-page.two-sidebars .widget:nth-child(even) {
1684 | 		float: none;
1685 | 		width: auto;
1686 | 	}
1687 | 	.commentlist .children {
1688 | 		margin-left: 48px;
1689 | 		margin-left: 3.428571429rem;
1690 | 	}
1691 | }
1692 | 
1693 | /* Minimum width of 960 pixels. */
1694 | @media screen and (min-width: 960px) {
1695 | 	body {
1696 | 		background-color: #e6e6e6;
1697 | 	}
1698 | 	body .site {
1699 | 		padding: 0 40px;
1700 | 		padding: 0 2.857142857rem;
1701 | 		margin-top: 48px;
1702 | 		margin-top: 3.428571429rem;
1703 | 		margin-bottom: 48px;
1704 | 		margin-bottom: 3.428571429rem;
1705 | 		box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
1706 | 	}
1707 | 	body.custom-background-empty {
1708 | 		background-color: #fff;
1709 | 	}
1710 | 	body.custom-background-empty .site,
1711 | 	body.custom-background-white .site {
1712 | 		padding: 0;
1713 | 		margin-top: 0;
1714 | 		margin-bottom: 0;
1715 | 		box-shadow: none;
1716 | 	}
1717 | }
1718 | 
1719 | 
1720 | /* =Print
1721 | ----------------------------------------------- */
1722 | 
1723 | @media print {
1724 | 	body {
1725 | 		background: none !important;
1726 | 		color: #000;
1727 | 		font-size: 10pt;
1728 | 	}
1729 | 	footer a[rel=bookmark]:link:after,
1730 | 	footer a[rel=bookmark]:visited:after {
1731 | 		content: " [" attr(href) "] "; /* Show URLs */
1732 | 	}
1733 | 	a {
1734 | 		text-decoration: none;
1735 | 	}
1736 | 	.entry-content img,
1737 | 	.comment-content img,
1738 | 	.author-avatar img,
1739 | 	img.wp-post-image {
1740 | 		border-radius: 0;
1741 | 		box-shadow: none;
1742 | 	}
1743 | 	.site {
1744 | 		clear: both !important;
1745 | 		display: block !important;
1746 | 		float: none !important;
1747 | 		max-width: 100%;
1748 | 		position: relative !important;
1749 | 	}
1750 | 	.site-header {
1751 | 		margin-bottom: 72px;
1752 | 		margin-bottom: 5.142857143rem;
1753 | 		text-align: left;
1754 | 	}
1755 | 	.site-header h1 {
1756 | 		font-size: 21pt;
1757 | 		line-height: 1;
1758 | 		text-align: left;
1759 | 	}
1760 | 	.site-header h2 {
1761 | 		color: #000;
1762 | 		font-size: 10pt;
1763 | 		text-align: left;
1764 | 	}
1765 | 	.site-header h1 a,
1766 | 	.site-header h2 a {
1767 | 		color: #000;
1768 | 	}
1769 | 	.author-avatar,
1770 | 	#colophon,
1771 | 	#respond,
1772 | 	.commentlist .comment-edit-link,
1773 | 	.commentlist .reply,
1774 | 	.entry-header .comments-link,
1775 | 	.entry-meta .edit-link a,
1776 | 	.page-link,
1777 | 	.site-content nav,
1778 | 	.widget-area,
1779 | 	img.header-image,
1780 | 	.main-navigation {
1781 | 		display: none;
1782 | 	}
1783 | 	.wrapper {
1784 | 		border-top: none;
1785 | 		box-shadow: none;
1786 | 	}
1787 | 	.site-content {
1788 | 		margin: 0;
1789 | 		width: auto;
1790 | 	}
1791 | 
1792 | 	.entry-header .entry-title,
1793 | 	.entry-title {
1794 | 		font-size: 21pt;
1795 | 	}
1796 | 	footer.entry-meta,
1797 | 	footer.entry-meta a {
1798 | 		color: #444;
1799 | 		font-size: 10pt;
1800 | 	}
1801 | 	.author-description {
1802 | 		float: none;
1803 | 		width: auto;
1804 | 	}
1805 | 
1806 | 	/* Comments */
1807 | 	.commentlist > li.comment {
1808 | 		background: none;
1809 | 		position: relative;
1810 | 		width: auto;
1811 | 	}
1812 | 	.commentlist .avatar {
1813 | 		height: 39px;
1814 | 		left: 2.2em;
1815 | 		top: 2.2em;
1816 | 		width: 39px;
1817 | 	}
1818 | 	.comments-area article header cite,
1819 | 	.comments-area article header time {
1820 | 		margin-left: 50px;
1821 | 		margin-left: 3.57142857rem;
1822 | 	}
1823 | }
1824 | 


--------------------------------------------------------------------------------
/tag.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying Tag pages
 4 |  *
 5 |  * Used to display archive-type pages for posts in a tag.
 6 |  *
 7 |  * @link https://codex.wordpress.org/Template_Hierarchy
 8 |  *
 9 |  * @package WordPress
10 |  * @subpackage Twenty_Twelve
11 |  * @since Twenty Twelve 1.0
12 |  */
13 | 
14 | get_header(); ?>
15 | 
16 | 	<section id="primary" class="site-content">
17 | 		<div id="content" role="main">
18 | 
19 | 		<?php if ( have_posts() ) : ?>
20 | 			<header class="archive-header">
21 | 				<h1 class="archive-title"><?php printf( __( 'Tag Archives: %s', 'twentytwelve' ), '<span>' . single_tag_title( '', false ) . '</span>' ); ?></h1>
22 | 
23 | 			<?php if ( tag_description() ) : // Show an optional tag description ?>
24 | 				<div class="archive-meta"><?php echo tag_description(); ?></div>
25 | 			<?php endif; ?>
26 | 			</header><!-- .archive-header -->
27 | 
28 | 			<?php
29 | 			/* Start the Loop */
30 | 			while ( have_posts() ) :
31 | 				the_post();
32 | 
33 | 				/*
34 | 				 * Include the post format-specific template for the content. If you want to
35 | 				 * this in a child theme then include a file called content-___.php
36 | 				 * (where ___ is the post format) and that will be used instead.
37 | 				 */
38 | 				get_template_part( 'content', get_post_format() );
39 | 
40 | 			endwhile;
41 | 
42 | 			twentytwelve_content_nav( 'nav-below' );
43 | 			?>
44 | 
45 | 		<?php else : ?>
46 | 			<?php get_template_part( 'content', 'none' ); ?>
47 | 		<?php endif; ?>
48 | 
49 | 		</div><!-- #content -->
50 | 	</section><!-- #primary -->
51 | 
52 | <?php get_sidebar(); ?>
53 | <?php get_footer(); ?>
54 | 


--------------------------------------------------------------------------------