├── images
    ├── max.png
    ├── min.png
    ├── pear.png
    ├── tile.png
    ├── tag-bg.png
    ├── thumb.png
    ├── icon-copy.png
    ├── sb-black.png
    └── temp-img.png
├── style.css
├── single.php
├── attachment.php
├── loop-page.php
├── tag.php
├── onecolumn-page.php
├── README
├── page.php
├── 404.php
├── editor-style-rtl.css
├── index.php
├── category.php
├── header.php
├── search.php
├── sidebar.php
├── footer.php
├── archive.php
├── sidebar-footer.php
├── loop-single.php
├── author.php
├── comments.php
├── editor-style.css
├── loop-attachment.php
├── loop.php
├── css
    └── screen.less
├── license.txt
├── functions.php
└── js
    └── less.js


/images/max.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/simplebits/Pears/HEAD/images/max.png


--------------------------------------------------------------------------------
/images/min.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/simplebits/Pears/HEAD/images/min.png


--------------------------------------------------------------------------------
/images/pear.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/simplebits/Pears/HEAD/images/pear.png


--------------------------------------------------------------------------------
/images/tile.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/simplebits/Pears/HEAD/images/tile.png


--------------------------------------------------------------------------------
/images/tag-bg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/simplebits/Pears/HEAD/images/tag-bg.png


--------------------------------------------------------------------------------
/images/thumb.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/simplebits/Pears/HEAD/images/thumb.png


--------------------------------------------------------------------------------
/images/icon-copy.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/simplebits/Pears/HEAD/images/icon-copy.png


--------------------------------------------------------------------------------
/images/sb-black.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/simplebits/Pears/HEAD/images/sb-black.png


--------------------------------------------------------------------------------
/images/temp-img.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/simplebits/Pears/HEAD/images/temp-img.png


--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | Theme Name: Pears
3 | Theme URI: http://patternpea.rs
4 | Description: Official theme for Pears.
5 | Author: Dan Cederholm
6 | Version: 1
7 | License: GNU General Public License
8 | License URI: license.txt
9 | */


--------------------------------------------------------------------------------
/single.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The Template for displaying all single posts.
 4 |  *
 5 |  * @package WordPress
 6 |  * @subpackage Twenty_Ten
 7 |  * @since Twenty Ten 1.0
 8 |  */
 9 | 
10 | get_header(); ?>
11 | 			<?php
12 | 			/* Run the loop to output the post.
13 | 			 * If you want to overload this in a child theme then include a file
14 | 			 * called loop-single.php and that will be used instead.
15 | 			 */
16 | 			get_template_part( 'loop', 'single' );
17 | 			?>
18 | 
19 | 
20 | <?php get_footer(); ?>
21 | 


--------------------------------------------------------------------------------
/attachment.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying attachments.
 4 |  *
 5 |  * @package WordPress
 6 |  * @subpackage Twenty_Ten
 7 |  * @since Twenty Ten 1.0
 8 |  */
 9 | 
10 | get_header(); ?>
11 | 
12 | 		<div id="container" class="single-attachment">
13 | 			<div id="content" role="main">
14 | 
15 | 			<?php
16 | 			/* Run the loop to output the attachment.
17 | 			 * If you want to overload this in a child theme then include a file
18 | 			 * called loop-attachment.php and that will be used instead.
19 | 			 */
20 | 			get_template_part( 'loop', 'attachment' );
21 | 			?>
22 | 
23 | 			</div><!-- #content -->
24 | 		</div><!-- #container -->
25 | 
26 | <?php get_footer(); ?>
27 | 


--------------------------------------------------------------------------------
/loop-page.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The loop that displays a page.
 4 |  *
 5 |  * The loop displays the posts and the post content.  See
 6 |  * http://codex.wordpress.org/The_Loop to understand it and
 7 |  * http://codex.wordpress.org/Template_Tags to understand
 8 |  * the tags used in it.
 9 |  *
10 |  * This can be overridden in child themes with loop-page.php.
11 |  *
12 |  * @package WordPress
13 |  * @subpackage Twenty_Ten
14 |  * @since Twenty Ten 1.2
15 |  */
16 | ?>
17 | 
18 | <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
19 | 
20 | 				
21 | 					<?php remove_filter('the_content', 'wpautop'); ?>
22 | 						<?php the_content(); ?>
23 | <?php endwhile; // end of the loop. ?>


--------------------------------------------------------------------------------
/tag.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying Tag Archive pages.
 4 |  *
 5 |  * @package WordPress
 6 |  * @subpackage Twenty_Ten
 7 |  * @since Twenty Ten 1.0
 8 |  */
 9 | 
10 | get_header(); ?>
11 | 
12 | 		<div id="container">
13 | 			<div id="content" role="main">
14 | 
15 | 				<h1 class="page-title"><?php
16 | 					printf( __( 'Tag Archives: %s', 'twentyten' ), '<span>' . single_tag_title( '', false ) . '</span>' );
17 | 				?></h1>
18 | 
19 | <?php
20 | /* Run the loop for the tag archive to output the posts
21 |  * If you want to overload this in a child theme then include a file
22 |  * called loop-tag.php and that will be used instead.
23 |  */
24 |  get_template_part( 'loop', 'tag' );
25 | ?>
26 | 			</div><!-- #content -->
27 | 		</div><!-- #container -->
28 | 
29 | <?php get_sidebar(); ?>
30 | <?php get_footer(); ?>
31 | 


--------------------------------------------------------------------------------
/onecolumn-page.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Template Name: One column, no sidebar
 4 |  *
 5 |  * A custom page template without sidebar.
 6 |  *
 7 |  * The "Template Name:" bit above allows this to be selectable
 8 |  * from a dropdown menu on the edit page screen.
 9 |  *
10 |  * @package WordPress
11 |  * @subpackage Twenty_Ten
12 |  * @since Twenty Ten 1.0
13 |  */
14 | 
15 | get_header(); ?>
16 | 
17 | 		<div id="container" class="one-column">
18 | 			<div id="content" role="main">
19 | 
20 | 			<?php
21 | 			/* Run the loop to output the page.
22 | 			 * If you want to overload this in a child theme then include a file
23 | 			 * called loop-page.php and that will be used instead.
24 | 			 */
25 | 			 get_template_part( 'loop', 'page' );
26 | 			?>
27 | 
28 | 			</div><!-- #content -->
29 | 		</div><!-- #container -->
30 | 
31 | <?php get_footer(); ?>
32 | 


--------------------------------------------------------------------------------
/README:
--------------------------------------------------------------------------------
 1 | Pears are common patterns of markup & style.
 2 | 
 3 | Pears is an open source WordPress theme. I'll admit the code 
 4 | is a bit rough, initially based on the default 'twentyone' theme.
 5 | 
 6 | I wanted a handy way of collecting HTML & CSS pattern pairs. 
 7 | Often used modules with a minimal of style applied. It's become 
 8 | a valuable learning tool, whereby breaking interfaces down into 
 9 | small pieces make it easier to learn and improve running code.
10 | 
11 | HOW TO ADD CODE PATTERNS
12 | 
13 | - Each pattern is a post in WordPress. 
14 | - Add markup in a custom field named 'html'.
15 | - Add style in a custom field named 'css'.
16 | - Use the main content field for optional notes.
17 | 
18 | Learn more and see it in action here:
19 | http://pea.rs
20 | 
21 | Enjoy.
22 | 
23 | Dan Cederholm
24 | Salem, Massachusetts
25 | February, 2012
26 | http://simplebits.com
27 | 


--------------------------------------------------------------------------------
/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_Ten
12 |  * @since Twenty Ten 1.0
13 |  */
14 | 
15 | get_header(); ?>
16 | 
17 | 		<div id="container">
18 | 			<div id="content" role="main">
19 | 
20 | 			<?php
21 | 			/* Run the loop to output the page.
22 | 			 * If you want to overload this in a child theme then include a file
23 | 			 * called loop-page.php and that will be used instead.
24 | 			 */
25 | 			get_template_part( 'loop', 'page' );
26 | 			?>
27 | 
28 | 			</div><!-- #content -->
29 | 		</div><!-- #container -->
30 | 
31 | <?php get_sidebar(); ?>
32 | <?php get_footer(); ?>
33 | 


--------------------------------------------------------------------------------
/404.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying 404 pages (Not Found).
 4 |  *
 5 |  * @package WordPress
 6 |  * @subpackage Twenty_Ten
 7 |  * @since Twenty Ten 1.0
 8 |  */
 9 | 
10 | get_header(); ?>
11 | 
12 | 	<div id="container">
13 | 		<div id="content" role="main">
14 | 
15 | 			<div id="post-0" class="post error404 not-found">
16 | 				<h1 class="entry-title"><?php _e( 'Not Found', 'twentyten' ); ?></h1>
17 | 				<div class="entry-content">
18 | 					<p><?php _e( 'Apologies, but the page you requested could not be found. Perhaps searching will help.', 'twentyten' ); ?></p>
19 | 					<?php get_search_form(); ?>
20 | 				</div><!-- .entry-content -->
21 | 			</div><!-- #post-0 -->
22 | 
23 | 		</div><!-- #content -->
24 | 	</div><!-- #container -->
25 | 	<script type="text/javascript">
26 | 		// focus on search field after it has loaded
27 | 		document.getElementById('s') && document.getElementById('s').focus();
28 | 	</script>
29 | 
30 | <?php get_footer(); ?>


--------------------------------------------------------------------------------
/editor-style-rtl.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | Theme Name: Twenty Ten
 3 | */
 4 | /*
 5 | Used to style the TinyMCE editor.
 6 | */
 7 | html .mceContentBody{
 8 | 	direction:rtl;
 9 | 	unicode-bidi:embed;
10 | 	float:right;
11 | }
12 | * {
13 | 	font-family: Arial, Tahoma, sans-serif;
14 | }
15 | /* Text elements */
16 | ul {
17 | 	margin: 0 -18px 18px 0;
18 | }
19 | ol {
20 | 	margin: 0 -18px 18px 0;
21 | }
22 | dd {
23 | 	margin-right: 0;
24 | }
25 | blockquote {
26 | 	font-style: normal;
27 | }
28 | table {
29 | 	text-align: right;
30 | 	margin: 0 0 24px -1px;
31 | }
32 | html .mceContentBody{
33 | 	direction:rtl;
34 | 	unicode-bidi:embed;
35 | 	float:right;
36 | }
37 | * {
38 | 	font-family: Arial, Tahoma, sans-serif;
39 | }
40 | /* Text elements */
41 | ul {
42 | 	margin: 0 -18px 18px 0;
43 | }
44 | ol {
45 | 	margin: 0 -18px 18px 0;
46 | }
47 | dd {
48 | 	margin-right: 0;
49 | }
50 | blockquote {
51 | 	font-style: normal;
52 | }
53 | table {
54 | 	text-align: right;
55 | 	margin: 0 0 24px -1px;
56 | }


--------------------------------------------------------------------------------
/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 |  * E.g., it puts together the home page when no home.php file exists.
 9 |  * Learn more: http://codex.wordpress.org/Template_Hierarchy
10 |  *
11 |  * @package WordPress
12 |  * @subpackage Twenty_Ten
13 |  * @since Twenty Ten 1.0
14 |  */
15 | 
16 | get_header(); ?>
17 | 
18 | 		<div id="container">
19 | 			<div id="content" role="main">
20 | 
21 | 			<?php
22 | 			/* Run the loop to output the posts.
23 | 			 * If you want to overload this in a child theme then include a file
24 | 			 * called loop-index.php and that will be used instead.
25 | 			 */
26 | 			 get_template_part( 'loop', 'index' );
27 | 			?>
28 | 			</div><!-- #content -->
29 | 		</div><!-- #container -->
30 | 
31 | <?php get_sidebar(); ?>
32 | <?php get_footer(); ?>
33 | 


--------------------------------------------------------------------------------
/category.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying Category Archive pages.
 4 |  *
 5 |  * @package WordPress
 6 |  * @subpackage Twenty_Ten
 7 |  * @since Twenty Ten 1.0
 8 |  */
 9 | 
10 | get_header(); ?>
11 | 
12 | 		<div id="container">
13 | 			<div id="content" role="main">
14 | 
15 | 				<h1 class="page-title"><?php
16 | 					printf( __( 'Category Archives: %s', 'twentyten' ), '<span>' . single_cat_title( '', false ) . '</span>' );
17 | 				?></h1>
18 | 				<?php
19 | 					$category_description = category_description();
20 | 					if ( ! empty( $category_description ) )
21 | 						echo '<div class="archive-meta">' . $category_description . '</div>';
22 | 
23 | 				/* Run the loop for the category page to output the posts.
24 | 				 * If you want to overload this in a child theme then include a file
25 | 				 * called loop-category.php and that will be used instead.
26 | 				 */
27 | 				get_template_part( 'loop', 'category' );
28 | 				?>
29 | 
30 | 			</div><!-- #content -->
31 | 		</div><!-- #container -->
32 | 
33 | <?php get_sidebar(); ?>
34 | <?php get_footer(); ?>
35 | 


--------------------------------------------------------------------------------
/header.php:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | <title>Pears <?php wp_title('/', true, 'left'); ?></title>
 5 | 
 6 | <meta charset="utf-8" />
 7 | <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
 8 | 
 9 | <!-- hide css from IE6 but load for everyone else -->
10 | <!--[if gte IE 7]><!-->
11 | <link rel="stylesheet/less" media="screen, projection" href="<?php echo get_template_directory_uri(); ?>/css/screen.less" />
12 | <!-- <![endif]-->
13 | 
14 | <link rel="shortcut icon" href="/favicon.png" /> 
15 | 
16 | <!-- enable HTML5 elements in IE7+8 -->
17 | <!--[if lt IE 9]>
18 | <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
19 | <![endif]-->
20 | 
21 | <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/less.js"></script>
22 | </head>
23 | 
24 | <body <?php body_class(); ?>>
25 | 
26 | <header role="banner" class="group">
27 | 	<a href="<?php bloginfo('siteurl'); ?>/" id="logo">
28 | 		Pears <em>are common patterns of markup &amp; style</em>
29 | 	</a>
30 | </header>
31 | 
32 | <div class="wrap group">
33 | 	<div class="main" role="main">
34 | 


--------------------------------------------------------------------------------
/search.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying Search Results pages.
 4 |  *
 5 |  * @package WordPress
 6 |  * @subpackage Twenty_Ten
 7 |  * @since Twenty Ten 1.0
 8 |  */
 9 | 
10 | get_header(); ?>
11 | 
12 | 		<div id="container">
13 | 			<div id="content" role="main">
14 | 
15 | <?php if ( have_posts() ) : ?>
16 | 				<h1 class="page-title"><?php printf( __( 'Search Results for: %s', 'twentyten' ), '<span>' . get_search_query() . '</span>' ); ?></h1>
17 | 				<?php
18 | 				/* Run the loop for the search to output the results.
19 | 				 * If you want to overload this in a child theme then include a file
20 | 				 * called loop-search.php and that will be used instead.
21 | 				 */
22 | 				 get_template_part( 'loop', 'search' );
23 | 				?>
24 | <?php else : ?>
25 | 				<div id="post-0" class="post no-results not-found">
26 | 					<h2 class="entry-title"><?php _e( 'Nothing Found', 'twentyten' ); ?></h2>
27 | 					<div class="entry-content">
28 | 						<p><?php _e( 'Sorry, but nothing matched your search criteria. Please try again with some different keywords.', 'twentyten' ); ?></p>
29 | 						<?php get_search_form(); ?>
30 | 					</div><!-- .entry-content -->
31 | 				</div><!-- #post-0 -->
32 | <?php endif; ?>
33 | 			</div><!-- #content -->
34 | 		</div><!-- #container -->
35 | 
36 | <?php get_sidebar(); ?>
37 | <?php get_footer(); ?>
38 | 


--------------------------------------------------------------------------------
/sidebar.php:
--------------------------------------------------------------------------------
 1 | 	
 2 | 	<nav id="nav" class="group">
 3 | 	<a href="#" id="nav-toggle">hide</a>
 4 | 		<?php
 5 | /*****************************************************************
 6 | *
 7 | * alchymyth 2011
 8 | * a hierarchical list of all categories, with linked post titles
 9 | *
10 | ******************************************************************/
11 | // http://codex.wordpress.org/Function_Reference/get_categories
12 |  
13 |  foreach( get_categories('hide_empty=1','order_by=name') as $cat ) :
14 |  if( !$cat->parent ) {
15 |  echo '<h2><a href="#">' . $cat->name . '</a></h2><ul>';
16 |  process_cat_tree( $cat->term_id );
17 |  }
18 |  endforeach;
19 |  
20 |  wp_reset_query(); //to reset all trouble done to the original query
21 | //
22 | function process_cat_tree( $cat ) {
23 |  
24 |  $args = array('category__in' => array( $cat ), 'numberposts' => -1, 'orderby' => title, 'order' => ASC);
25 |  $cat_posts = get_posts( $args );
26 |  
27 |  if( $cat_posts ) :
28 |  foreach( $cat_posts as $post ) :
29 |  echo '<li>';
30 |  echo '<a href="' . get_permalink( $post->ID ) . '">' . $post->post_title . '</a>';
31 |  echo '</li>';
32 |  endforeach;
33 |  endif;
34 |  
35 |  $next = get_categories('hide_empty=0&parent=' . $cat);
36 |  
37 |  if( $next ) :
38 |  foreach( $next as $cat ) :
39 |  echo '<ul><li><strong>' . $cat->name . '</strong></li>';
40 |  process_cat_tree( $cat->term_id );
41 |  endforeach;
42 |  endif;
43 |  
44 |  echo '</ul>';
45 | }
46 | ?>
47 | 	</nav>
48 | 
49 | 


--------------------------------------------------------------------------------
/footer.php:
--------------------------------------------------------------------------------
 1 | 	<?php get_sidebar(); ?>
 2 | </div> <!-- /wrap -->
 3 | 
 4 | <div id="pears-footer">
 5 | 	<p>Pears is handcrafted in Salem, Massachusetts by <a href="http://simplebits.com">SimpleBits</a>.</p>
 6 | 	
 7 | 	<p class="cc">This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/">Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License</a>.</p>
 8 | 
 9 | 	<p><a href="http://simplebits.com" id="sb"><img src="/wp-content/themes/pears/images/sb-black.png" /></a></p>
10 | </div> <!-- /footer -->
11 | 
12 | <!-- jQuery -->
13 | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
14 | 
15 | <script>
16 | $(document).ready(function() { 
17 | 	// update rendered pattern when user edits the textareas
18 | 	$('#markup textarea').live('keyup', function(e) {
19 | 		$('#pattern-wrap').html($(this).val());
20 | 	});
21 | 	$('#style textarea').live('keyup', function(e) {
22 | 		$('div.main style').html($(this).val());
23 | 	});
24 | 	
25 | 	// auto-select code in textarea when clipboard icon is clicked
26 | 	$('#markup a.clip').click(function(){
27 | 		$('#markup textarea').select();
28 | 		return false;
29 | 	});
30 | 	$('#style a.clip').click(function(){
31 | 		$('#style textarea').select();
32 | 		return false;
33 | 	});
34 | 	
35 | 	// expand/collapse side nav
36 | 	$('#nav-toggle').click(function() {
37 | 		$('body').toggleClass('expanded');
38 | 		return false;
39 | 	});
40 | }); 
41 | </script>
42 | 
43 | <!-- c(~) -->
44 | </body>
45 | </html>
46 | 


--------------------------------------------------------------------------------
/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 |  * Learn more: http://codex.wordpress.org/Template_Hierarchy
 9 |  *
10 |  * @package WordPress
11 |  * @subpackage Twenty_Ten
12 |  * @since Twenty Ten 1.0
13 |  */
14 | 
15 | get_header(); ?>
16 | 
17 | 		<div id="container">
18 | 			<div id="content" role="main">
19 | 
20 | <?php
21 | 	/* Queue the first post, that way we know
22 | 	 * what date we're dealing with (if that is the case).
23 | 	 *
24 | 	 * We reset this later so we can run the loop
25 | 	 * properly with a call to rewind_posts().
26 | 	 */
27 | 	if ( have_posts() )
28 | 		the_post();
29 | ?>
30 | 
31 | 			<h1 class="page-title">
32 | <?php if ( is_day() ) : ?>
33 | 				<?php printf( __( 'Daily Archives: <span>%s</span>', 'twentyten' ), get_the_date() ); ?>
34 | <?php elseif ( is_month() ) : ?>
35 | 				<?php printf( __( 'Monthly Archives: <span>%s</span>', 'twentyten' ), get_the_date( 'F Y' ) ); ?>
36 | <?php elseif ( is_year() ) : ?>
37 | 				<?php printf( __( 'Yearly Archives: <span>%s</span>', 'twentyten' ), get_the_date( 'Y' ) ); ?>
38 | <?php else : ?>
39 | 				<?php _e( 'Blog Archives', 'twentyten' ); ?>
40 | <?php endif; ?>
41 | 			</h1>
42 | 
43 | <?php
44 | 	/* Since we called the_post() above, we need to
45 | 	 * rewind the loop back to the beginning that way
46 | 	 * we can run the loop properly, in full.
47 | 	 */
48 | 	rewind_posts();
49 | 
50 | 	/* Run the loop for the archives page to output the posts.
51 | 	 * If you want to overload this in a child theme then include a file
52 | 	 * called loop-archive.php and that will be used instead.
53 | 	 */
54 | 	 get_template_part( 'loop', 'archive' );
55 | ?>
56 | 
57 | 			</div><!-- #content -->
58 | 		</div><!-- #container -->
59 | 
60 | <?php get_sidebar(); ?>
61 | <?php get_footer(); ?>
62 | 


--------------------------------------------------------------------------------
/sidebar-footer.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The Footer widget areas.
 4 |  *
 5 |  * @package WordPress
 6 |  * @subpackage Twenty_Ten
 7 |  * @since Twenty Ten 1.0
 8 |  */
 9 | ?>
10 | 
11 | <?php
12 | 	/* The footer widget area is triggered if any of the areas
13 | 	 * have widgets. So let's check that first.
14 | 	 *
15 | 	 * If none of the sidebars have widgets, then let's bail early.
16 | 	 */
17 | 	if (   ! is_active_sidebar( 'first-footer-widget-area'  )
18 | 		&& ! is_active_sidebar( 'second-footer-widget-area' )
19 | 		&& ! is_active_sidebar( 'third-footer-widget-area'  )
20 | 		&& ! is_active_sidebar( 'fourth-footer-widget-area' )
21 | 	)
22 | 		return;
23 | 	// If we get this far, we have widgets. Let do this.
24 | ?>
25 | 
26 | 			<div id="footer-widget-area" role="complementary">
27 | 
28 | <?php if ( is_active_sidebar( 'first-footer-widget-area' ) ) : ?>
29 | 				<div id="first" class="widget-area">
30 | 					<ul class="xoxo">
31 | 						<?php dynamic_sidebar( 'first-footer-widget-area' ); ?>
32 | 					</ul>
33 | 				</div><!-- #first .widget-area -->
34 | <?php endif; ?>
35 | 
36 | <?php if ( is_active_sidebar( 'second-footer-widget-area' ) ) : ?>
37 | 				<div id="second" class="widget-area">
38 | 					<ul class="xoxo">
39 | 						<?php dynamic_sidebar( 'second-footer-widget-area' ); ?>
40 | 					</ul>
41 | 				</div><!-- #second .widget-area -->
42 | <?php endif; ?>
43 | 
44 | <?php if ( is_active_sidebar( 'third-footer-widget-area' ) ) : ?>
45 | 				<div id="third" class="widget-area">
46 | 					<ul class="xoxo">
47 | 						<?php dynamic_sidebar( 'third-footer-widget-area' ); ?>
48 | 					</ul>
49 | 				</div><!-- #third .widget-area -->
50 | <?php endif; ?>
51 | 
52 | <?php if ( is_active_sidebar( 'fourth-footer-widget-area' ) ) : ?>
53 | 				<div id="fourth" class="widget-area">
54 | 					<ul class="xoxo">
55 | 						<?php dynamic_sidebar( 'fourth-footer-widget-area' ); ?>
56 | 					</ul>
57 | 				</div><!-- #fourth .widget-area -->
58 | <?php endif; ?>
59 | 
60 | 			</div><!-- #footer-widget-area -->
61 | 


--------------------------------------------------------------------------------
/loop-single.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The loop that displays a single post.
 4 |  *
 5 |  * The loop displays the posts and the post content.  See
 6 |  * http://codex.wordpress.org/The_Loop to understand it and
 7 |  * http://codex.wordpress.org/Template_Tags to understand
 8 |  * the tags used in it.
 9 |  *
10 |  * This can be overridden in child themes with loop-single.php.
11 |  *
12 |  * @package WordPress
13 |  * @subpackage Twenty_Ten
14 |  * @since Twenty Ten 1.2
15 |  */
16 | ?>
17 | 
18 | <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
19 | 
20 | <style id="s" type="text/css">
21 | <?php $key="css"; echo get_post_meta($post->ID, $key, true); ?>
22 | </style>
23 | 
24 | <div id="pattern" class="mod group">
25 | 			<h3 class="label">Pattern</h3> 
26 | 			
27 | 			<h4><?php the_category(' '); ?> <span class="sep">&rarr;</span> <?php the_title(); ?></h4>
28 | 			
29 | 			<div id="pattern-wrap" class="group">
30 | <?php $key="html"; echo get_post_meta($post->ID, $key, true); ?>
31 | 			</div>
32 | 		</div>
33 | 		
34 | 		<div class="group">
35 | 			<div id="markup" class="mod">
36 | 				<h3 class="label">HTML</h3> <a href="#" class="clip" title="select code for copying"><img src="<?php bloginfo('template_directory'); ?>/images/icon-copy.png" alt="copy" /></a>
37 | 				<textarea class="mod-ta">
38 | <?php $key="html"; echo get_post_meta($post->ID, $key, true); ?>			
39 | 				</textarea>
40 | 			</div>
41 | 			
42 | 			<div id="style" class="mod">
43 | 				<h3 class="label">CSS</h3> <a href="#" class="clip" title="select code for copying"><img src="<?php bloginfo('template_directory'); ?>/images/icon-copy.png" alt="copy" /></a>
44 | 				<textarea id="css-code" class="mod-ta">
45 | <?php $key="css"; echo get_post_meta($post->ID, $key, true); ?>
46 | 				</textarea>
47 | 			</div>
48 | 		</div>
49 | 		
50 | 		<?php if($post->post_content != "") {?>
51 | 		<div id="pattern-notes" class="mod">
52 | 			<h3 class="label">Notes</h3>
53 | 			<?php the_content(); ?>
54 | 		</div>
55 | 		<?php } ?>
56 | 
57 | <?php endwhile; // end of the loop. ?>


--------------------------------------------------------------------------------
/author.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying Author Archive pages.
 4 |  *
 5 |  * @package WordPress
 6 |  * @subpackage Twenty_Ten
 7 |  * @since Twenty Ten 1.0
 8 |  */
 9 | 
10 | get_header(); ?>
11 | 
12 | 		<div id="container">
13 | 			<div id="content" role="main">
14 | 
15 | <?php
16 | 	/* Queue the first post, that way we know who
17 | 	 * the author is when we try to get their name,
18 | 	 * URL, description, avatar, etc.
19 | 	 *
20 | 	 * We reset this later so we can run the loop
21 | 	 * properly with a call to rewind_posts().
22 | 	 */
23 | 	if ( have_posts() )
24 | 		the_post();
25 | ?>
26 | 
27 | 				<h1 class="page-title author"><?php printf( __( 'Author Archives: %s', 'twentyten' ), "<span class='vcard'><a class='url fn n' href='" . get_author_posts_url( get_the_author_meta( 'ID' ) ) . "' title='" . esc_attr( get_the_author() ) . "' rel='me'>" . get_the_author() . "</a></span>" ); ?></h1>
28 | 
29 | <?php
30 | // If a user has filled out their description, show a bio on their entries.
31 | if ( get_the_author_meta( 'description' ) ) : ?>
32 | 					<div id="entry-author-info">
33 | 						<div id="author-avatar">
34 | 							<?php echo get_avatar( get_the_author_meta( 'user_email' ), apply_filters( 'twentyten_author_bio_avatar_size', 60 ) ); ?>
35 | 						</div><!-- #author-avatar -->
36 | 						<div id="author-description">
37 | 							<h2><?php printf( __( 'About %s', 'twentyten' ), get_the_author() ); ?></h2>
38 | 							<?php the_author_meta( 'description' ); ?>
39 | 						</div><!-- #author-description	-->
40 | 					</div><!-- #entry-author-info -->
41 | <?php endif; ?>
42 | 
43 | <?php
44 | 	/* Since we called the_post() above, we need to
45 | 	 * rewind the loop back to the beginning that way
46 | 	 * we can run the loop properly, in full.
47 | 	 */
48 | 	rewind_posts();
49 | 
50 | 	/* Run the loop for the author archive page to output the authors posts
51 | 	 * If you want to overload this in a child theme then include a file
52 | 	 * called loop-author.php and that will be used instead.
53 | 	 */
54 | 	 get_template_part( 'loop', 'author' );
55 | ?>
56 | 			</div><!-- #content -->
57 | 		</div><!-- #container -->
58 | 
59 | <?php get_sidebar(); ?>
60 | <?php get_footer(); ?>
61 | 


--------------------------------------------------------------------------------
/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 twentyten_comment which is
 8 |  * located in the functions.php file.
 9 |  *
10 |  * @package WordPress
11 |  * @subpackage Twenty_Ten
12 |  * @since Twenty Ten 1.0
13 |  */
14 | ?>
15 | 
16 | 			<div id="comments">
17 | <?php if ( post_password_required() ) : ?>
18 | 				<p class="nopassword"><?php _e( 'This post is password protected. Enter the password to view any comments.', 'twentyten' ); ?></p>
19 | 			</div><!-- #comments -->
20 | <?php
21 | 		/* Stop the rest of comments.php from being processed,
22 | 		 * but don't kill the script entirely -- we still have
23 | 		 * to fully load the template.
24 | 		 */
25 | 		return;
26 | 	endif;
27 | ?>
28 | 
29 | <?php
30 | 	// You can start editing here -- including this comment!
31 | ?>
32 | 
33 | <?php if ( have_comments() ) : ?>
34 | 			<h3 id="comments-title"><?php
35 | 			printf( _n( 'One Response to %2$s', '%1$s Responses to %2$s', get_comments_number(), 'twentyten' ),
36 | 			number_format_i18n( get_comments_number() ), '<em>' . get_the_title() . '</em>' );
37 | 			?></h3>
38 | 
39 | <?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // Are there comments to navigate through? ?>
40 | 			<div class="navigation">
41 | 				<div class="nav-previous"><?php previous_comments_link( __( '<span class="meta-nav">&larr;</span> Older Comments', 'twentyten' ) ); ?></div>
42 | 				<div class="nav-next"><?php next_comments_link( __( 'Newer Comments <span class="meta-nav">&rarr;</span>', 'twentyten' ) ); ?></div>
43 | 			</div> <!-- .navigation -->
44 | <?php endif; // check for comment navigation ?>
45 | 
46 | 			<ol class="commentlist">
47 | 				<?php
48 | 					/* Loop through and list the comments. Tell wp_list_comments()
49 | 					 * to use twentyten_comment() to format the comments.
50 | 					 * If you want to overload this in a child theme then you can
51 | 					 * define twentyten_comment() and that will be used instead.
52 | 					 * See twentyten_comment() in twentyten/functions.php for more.
53 | 					 */
54 | 					wp_list_comments( array( 'callback' => 'twentyten_comment' ) );
55 | 				?>
56 | 			</ol>
57 | 
58 | <?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // Are there comments to navigate through? ?>
59 | 			<div class="navigation">
60 | 				<div class="nav-previous"><?php previous_comments_link( __( '<span class="meta-nav">&larr;</span> Older Comments', 'twentyten' ) ); ?></div>
61 | 				<div class="nav-next"><?php next_comments_link( __( 'Newer Comments <span class="meta-nav">&rarr;</span>', 'twentyten' ) ); ?></div>
62 | 			</div><!-- .navigation -->
63 | <?php endif; // check for comment navigation ?>
64 | 
65 | <?php else : // or, if we don't have comments:
66 | 
67 | 	/* If there are no comments and comments are closed,
68 | 	 * let's leave a little note, shall we?
69 | 	 */
70 | 	if ( ! comments_open() ) :
71 | ?>
72 | 	<p class="nocomments"><?php _e( 'Comments are closed.', 'twentyten' ); ?></p>
73 | <?php endif; // end ! comments_open() ?>
74 | 
75 | <?php endif; // end have_comments() ?>
76 | 
77 | <?php comment_form(); ?>
78 | 
79 | </div><!-- #comments -->
80 | 


--------------------------------------------------------------------------------
/editor-style.css:
--------------------------------------------------------------------------------
  1 | /*
  2 | Theme Name: Twenty Ten
  3 | Description: Used to style the TinyMCE editor.
  4 | */
  5 | html .mceContentBody {
  6 | 	max-width: 640px;
  7 | }
  8 | * {
  9 | 	color: #444;
 10 | 	font-family: Georgia, "Bitstream Charter", serif;
 11 | 	line-height: 1.5;
 12 | }
 13 | p,
 14 | dl,
 15 | td,
 16 | th,
 17 | ul,
 18 | ol,
 19 | blockquote {
 20 | 	font-size: 16px;
 21 | }
 22 | tr th,
 23 | thead th,
 24 | label,
 25 | tr th,
 26 | thead th {
 27 | 	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
 28 | }
 29 | pre {
 30 | 	font-family: "Courier 10 Pitch", Courier, monospace;
 31 | }
 32 | code, code var {
 33 | 	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
 34 | }
 35 | body, input, textarea {
 36 | 	font-size: 12px;
 37 | 	line-height: 18px;
 38 | }
 39 | hr {
 40 | 	background-color: #e7e7e7;
 41 | 	border: 0;
 42 | 	clear: both;
 43 | 	height: 1px;
 44 | 	margin-bottom: 18px;
 45 | }
 46 | /* Text elements */
 47 | p {
 48 | 	margin-bottom: 18px;
 49 | }
 50 | ul {
 51 | 	list-style: square;
 52 | 	margin: 0 0 18px 1.5em;
 53 | }
 54 | ol {
 55 | 	list-style: decimal;
 56 | 	margin: 0 0 18px 1.5em;
 57 | }
 58 | ol ol {
 59 | 	list-style: upper-alpha;
 60 | }
 61 | ol ol ol {
 62 | 	list-style: lower-roman;
 63 | }
 64 | ol ol ol ol {
 65 | 	list-style: lower-alpha;
 66 | }
 67 | ul ul,
 68 | ol ol,
 69 | ul ol,
 70 | ol ul {
 71 | 	margin-bottom: 0;
 72 | }
 73 | dl {
 74 | 	margin: 0 0 24px 0;
 75 | }
 76 | dt {
 77 | 	font-weight: bold;
 78 | }
 79 | dd {
 80 | 	margin-bottom: 18px;
 81 | }
 82 | strong {
 83 | 	color: #000;
 84 | 	font-weight: bold;
 85 | }
 86 | cite,
 87 | em,
 88 | i {
 89 | 	border: none;
 90 | 	font-style: italic;
 91 | }
 92 | big {
 93 | 	font-size: 131.25%;
 94 | }
 95 | ins {
 96 | 	background: #ffc;
 97 | 	border: none;
 98 | 	color: #333;
 99 | }
100 | del {
101 | 	text-decoration: line-through;
102 | 	color: #555;
103 | }
104 | blockquote {
105 | 	font-style: italic;
106 | 	padding: 0 3em;
107 | }
108 | blockquote cite,
109 | blockquote em,
110 | blockquote i {
111 | 	font-style: normal;
112 | }
113 | pre {
114 | 	background: #f7f7f7;
115 | 	color: #222;
116 | 	line-height: 18px;
117 | 	margin-bottom: 18px;
118 | 	padding: 1.5em;
119 | }
120 | abbr,
121 | acronym {
122 | 	border-bottom: 1px dotted #666;
123 | 	cursor: help;
124 | }
125 | ins {
126 | 	text-decoration: none;
127 | }
128 | sup,
129 | sub {
130 | 	font-size: 10px;
131 | 	height: 0;
132 | 	line-height: 1;
133 | 	position: relative;
134 | 	vertical-align: baseline;
135 | }
136 | sup {
137 | 	bottom: 1ex;
138 | }
139 | sub {
140 | 	top: .5ex;
141 | }
142 | a:link {
143 | 	color: #06c;
144 | }
145 | a:visited {
146 | 	color: #743399;
147 | }
148 | a:active,
149 | a:hover {
150 | 	color: #ff4b33;
151 | }
152 | p,
153 | ul,
154 | ol,
155 | dd,
156 | pre,
157 | hr {
158 | 	margin-bottom: 24px;
159 | }
160 | ul ul,
161 | ol ol,
162 | ul ol,
163 | ol ul {
164 | 	margin-bottom: 0;
165 | }
166 | pre,
167 | kbd,
168 | tt,
169 | var {
170 | 	font-size: 15px;
171 | 	line-height: 21px;
172 | }
173 | code {
174 | 	font-size: 13px;
175 | }
176 | strong,
177 | b,
178 | dt,
179 | th {
180 | 	color: #000;
181 | }
182 | h1,
183 | h2,
184 | h3,
185 | h4,
186 | h5,
187 | h6 {
188 | 	color: #000;
189 | 	font-weight: normal;
190 | 	line-height: 1.5em;
191 | 	margin: 0 0 20px 0;
192 | }
193 | h1 {
194 | 	font-size: 2.4em;
195 | }
196 | h2 {
197 | 	font-size: 1.8em;
198 | }
199 | h3 {
200 | 	font-size: 1.4em;
201 | }
202 | h4 {
203 | 	font-size: 1.2em;
204 | }
205 | h5 {
206 | 	font-size: 1em;
207 | }
208 | h6 {
209 | 	font-size: 0.9em;
210 | }
211 | table {
212 | 	border: 1px solid #e7e7e7 !important;
213 | 	border-collapse: collapse;
214 | 	border-spacing: 0;
215 | 	margin: 0 -1px 24px 0;
216 | 	text-align: left;
217 | 	width: 100%;
218 | }
219 | tr th,
220 | thead th {
221 | 	border: none !important;
222 | 	color: #888;
223 | 	font-size: 12px;
224 | 	font-weight: bold;
225 | 	line-height: 18px;
226 | 	padding: 9px 24px;
227 | }
228 | tr td {
229 | 	border: none !important;
230 | 	border-top: 1px solid #e7e7e7 !important;
231 | 	padding: 6px 24px;
232 | }
233 | img {
234 | 	margin: 0;
235 | }
236 | img.size-auto,
237 | img.size-large,
238 | img.size-full,
239 | img.size-medium {
240 | 	max-width: 100%;
241 | 	height: auto;
242 | }
243 | .alignleft,
244 | img.alignleft {
245 | 	display: inline;
246 | 	float: left;
247 | 	margin-right: 24px;
248 | 	margin-top: 4px;
249 | }
250 | .alignright,
251 | img.alignright {
252 | 	display: inline;
253 | 	float: right;
254 | 	margin-left: 24px;
255 | 	margin-top: 4px;
256 | }
257 | .aligncenter,
258 | img.aligncenter {
259 | 	clear: both;
260 | 	display: block;
261 | 	margin-left: auto;
262 | 	margin-right: auto;
263 | }
264 | img.alignleft,
265 | img.alignright,
266 | img.aligncenter {
267 | 	margin-bottom: 12px;
268 | }
269 | .wp-caption {
270 | 	background: #f1f1f1;
271 | 	border: none;
272 | 	-khtml-border-radius: 0;
273 | 	-moz-border-radius: 0;
274 | 	-webkit-border-radius: 0;
275 | 	border-radius: 0;
276 | 	color: #888;
277 | 	font-size: 12px;
278 | 	line-height: 18px;
279 | 	margin-bottom: 20px;
280 | 	max-width: 632px !important; /* prevent too-wide images from breaking layout */
281 | 	padding: 4px;
282 | 	text-align: center;
283 | }
284 | .wp-caption img {
285 | 	margin: 5px;
286 | }
287 | .wp-caption p.wp-caption-text {
288 | 	margin: 0 0 4px;
289 | }
290 | .wp-smiley {
291 | 	margin: 0;
292 | }


--------------------------------------------------------------------------------
/loop-attachment.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * The loop that displays an attachment.
  4 |  *
  5 |  * The loop displays the posts and the post content.  See
  6 |  * http://codex.wordpress.org/The_Loop to understand it and
  7 |  * http://codex.wordpress.org/Template_Tags to understand
  8 |  * the tags used in it.
  9 |  *
 10 |  * This can be overridden in child themes with loop-attachment.php.
 11 |  *
 12 |  * @package WordPress
 13 |  * @subpackage Twenty_Ten
 14 |  * @since Twenty Ten 1.2
 15 |  */
 16 | ?>
 17 | 
 18 | <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
 19 | 
 20 | 				<?php if ( ! empty( $post->post_parent ) ) : ?>
 21 | 					<p class="page-title"><a href="<?php echo get_permalink( $post->post_parent ); ?>" title="<?php esc_attr( printf( __( 'Return to %s', 'twentyten' ), get_the_title( $post->post_parent ) ) ); ?>" rel="gallery"><?php
 22 | 						/* translators: %s - title of parent post */
 23 | 						printf( __( '<span class="meta-nav">&larr;</span> %s', 'twentyten' ), get_the_title( $post->post_parent ) );
 24 | 					?></a></p>
 25 | 				<?php endif; ?>
 26 | 
 27 | 				<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
 28 | 					<h2 class="entry-title"><?php the_title(); ?></h2>
 29 | 
 30 | 					<div class="entry-meta">
 31 | 						<?php
 32 | 							printf( __( '<span class="%1$s">By</span> %2$s', 'twentyten' ),
 33 | 								'meta-prep meta-prep-author',
 34 | 								sprintf( '<span class="author vcard"><a class="url fn n" href="%1$s" title="%2$s">%3$s</a></span>',
 35 | 									get_author_posts_url( get_the_author_meta( 'ID' ) ),
 36 | 									sprintf( esc_attr__( 'View all posts by %s', 'twentyten' ), get_the_author() ),
 37 | 									get_the_author()
 38 | 								)
 39 | 							);
 40 | 						?>
 41 | 						<span class="meta-sep">|</span>
 42 | 						<?php
 43 | 							printf( __( '<span class="%1$s">Published</span> %2$s', 'twentyten' ),
 44 | 								'meta-prep meta-prep-entry-date',
 45 | 								sprintf( '<span class="entry-date"><abbr class="published" title="%1$s">%2$s</abbr></span>',
 46 | 									esc_attr( get_the_time() ),
 47 | 									get_the_date()
 48 | 								)
 49 | 							);
 50 | 							if ( wp_attachment_is_image() ) {
 51 | 								echo ' <span class="meta-sep">|</span> ';
 52 | 								$metadata = wp_get_attachment_metadata();
 53 | 								printf( __( 'Full size is %s pixels', 'twentyten' ),
 54 | 									sprintf( '<a href="%1$s" title="%2$s">%3$s &times; %4$s</a>',
 55 | 										wp_get_attachment_url(),
 56 | 										esc_attr( __( 'Link to full-size image', 'twentyten' ) ),
 57 | 										$metadata['width'],
 58 | 										$metadata['height']
 59 | 									)
 60 | 								);
 61 | 							}
 62 | 						?>
 63 | 						<?php edit_post_link( __( 'Edit', 'twentyten' ), '<span class="meta-sep">|</span> <span class="edit-link">', '</span>' ); ?>
 64 | 					</div><!-- .entry-meta -->
 65 | 
 66 | 					<div class="entry-content">
 67 | 						<div class="entry-attachment">
 68 | <?php if ( wp_attachment_is_image() ) :
 69 | 	$attachments = array_values( get_children( array( 'post_parent' => $post->post_parent, 'post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'image', 'order' => 'ASC', 'orderby' => 'menu_order ID' ) ) );
 70 | 	foreach ( $attachments as $k => $attachment ) {
 71 | 		if ( $attachment->ID == $post->ID )
 72 | 			break;
 73 | 	}
 74 | 	$k++;
 75 | 	// If there is more than 1 image attachment in a gallery
 76 | 	if ( count( $attachments ) > 1 ) {
 77 | 		if ( isset( $attachments[ $k ] ) )
 78 | 			// get the URL of the next image attachment
 79 | 			$next_attachment_url = get_attachment_link( $attachments[ $k ]->ID );
 80 | 		else
 81 | 			// or get the URL of the first image attachment
 82 | 			$next_attachment_url = get_attachment_link( $attachments[ 0 ]->ID );
 83 | 	} else {
 84 | 		// or, if there's only 1 image attachment, get the URL of the image
 85 | 		$next_attachment_url = wp_get_attachment_url();
 86 | 	}
 87 | ?>
 88 | 						<p class="attachment"><a href="<?php echo $next_attachment_url; ?>" title="<?php echo esc_attr( get_the_title() ); ?>" rel="attachment"><?php
 89 | 							$attachment_width  = apply_filters( 'twentyten_attachment_size', 900 );
 90 | 							$attachment_height = apply_filters( 'twentyten_attachment_height', 900 );
 91 | 							echo wp_get_attachment_image( $post->ID, array( $attachment_width, $attachment_height ) ); // filterable image width with, essentially, no limit for image height.
 92 | 						?></a></p>
 93 | 
 94 | 						<div id="nav-below" class="navigation">
 95 | 							<div class="nav-previous"><?php previous_image_link( false ); ?></div>
 96 | 							<div class="nav-next"><?php next_image_link( false ); ?></div>
 97 | 						</div><!-- #nav-below -->
 98 | <?php else : ?>
 99 | 						<a href="<?php echo wp_get_attachment_url(); ?>" title="<?php echo esc_attr( get_the_title() ); ?>" rel="attachment"><?php echo basename( get_permalink() ); ?></a>
100 | <?php endif; ?>
101 | 						</div><!-- .entry-attachment -->
102 | 						<div class="entry-caption"><?php if ( !empty( $post->post_excerpt ) ) the_excerpt(); ?></div>
103 | 
104 | <?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentyten' ) ); ?>
105 | <?php wp_link_pages( array( 'before' => '<div class="page-link">' . __( 'Pages:', 'twentyten' ), 'after' => '</div>' ) ); ?>
106 | 
107 | 					</div><!-- .entry-content -->
108 | 
109 | 					<div class="entry-utility">
110 | 						<?php twentyten_posted_in(); ?>
111 | 						<?php edit_post_link( __( 'Edit', 'twentyten' ), ' <span class="edit-link">', '</span>' ); ?>
112 | 					</div><!-- .entry-utility -->
113 | 				</div><!-- #post-## -->
114 | 
115 | <?php comments_template(); ?>
116 | 
117 | <?php endwhile; // end of the loop. ?>


--------------------------------------------------------------------------------
/loop.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * The loop that displays posts.
  4 |  *
  5 |  * The loop displays the posts and the post content.  See
  6 |  * http://codex.wordpress.org/The_Loop to understand it and
  7 |  * http://codex.wordpress.org/Template_Tags to understand
  8 |  * the tags used in it.
  9 |  *
 10 |  * This can be overridden in child themes with loop.php or
 11 |  * loop-template.php, where 'template' is the loop context
 12 |  * requested by a template. For example, loop-index.php would
 13 |  * be used if it exists and we ask for the loop with:
 14 |  * <code>get_template_part( 'loop', 'index' );</code>
 15 |  *
 16 |  * @package WordPress
 17 |  * @subpackage Twenty_Ten
 18 |  * @since Twenty Ten 1.0
 19 |  */
 20 | ?>
 21 | 
 22 | <?php /* Display navigation to next/previous pages when applicable */ ?>
 23 | <?php if ( $wp_query->max_num_pages > 1 ) : ?>
 24 | 	<div id="nav-above" class="navigation">
 25 | 		<div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> Older posts', 'twentyten' ) ); ?></div>
 26 | 		<div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">&rarr;</span>', 'twentyten' ) ); ?></div>
 27 | 	</div><!-- #nav-above -->
 28 | <?php endif; ?>
 29 | 
 30 | <?php /* If there are no posts to display, such as an empty archive page */ ?>
 31 | <?php if ( ! have_posts() ) : ?>
 32 | 	<div id="post-0" class="post error404 not-found">
 33 | 		<h1 class="entry-title"><?php _e( 'Not Found', 'twentyten' ); ?></h1>
 34 | 		<div class="entry-content">
 35 | 			<p><?php _e( 'Apologies, but no results were found for the requested archive. Perhaps searching will help find a related post.', 'twentyten' ); ?></p>
 36 | 			<?php get_search_form(); ?>
 37 | 		</div><!-- .entry-content -->
 38 | 	</div><!-- #post-0 -->
 39 | <?php endif; ?>
 40 | 
 41 | <?php
 42 | 	/* Start the Loop.
 43 | 	 *
 44 | 	 * In Twenty Ten we use the same loop in multiple contexts.
 45 | 	 * It is broken into three main parts: when we're displaying
 46 | 	 * posts that are in the gallery category, when we're displaying
 47 | 	 * posts in the asides category, and finally all other posts.
 48 | 	 *
 49 | 	 * Additionally, we sometimes check for whether we are on an
 50 | 	 * archive page, a search page, etc., allowing for small differences
 51 | 	 * in the loop on each template without actually duplicating
 52 | 	 * the rest of the loop that is shared.
 53 | 	 *
 54 | 	 * Without further ado, the loop:
 55 | 	 */ ?>
 56 | <?php while ( have_posts() ) : the_post(); ?>
 57 | 
 58 | <?php /* How to display posts of the Gallery format. The gallery category is the old way. */ ?>
 59 | 
 60 | 	<?php if ( ( function_exists( 'get_post_format' ) && 'gallery' == get_post_format( $post->ID ) ) || in_category( _x( 'gallery', 'gallery category slug', 'twentyten' ) ) ) : ?>
 61 | 		<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
 62 | 			<h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyten' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
 63 | 
 64 | 			<div class="entry-meta">
 65 | 				<?php twentyten_posted_on(); ?>
 66 | 			</div><!-- .entry-meta -->
 67 | 
 68 | 			<div class="entry-content">
 69 | <?php if ( post_password_required() ) : ?>
 70 | 				<?php the_content(); ?>
 71 | <?php else : ?>
 72 | 				<?php
 73 | 					$images = get_children( array( 'post_parent' => $post->ID, 'post_type' => 'attachment', 'post_mime_type' => 'image', 'orderby' => 'menu_order', 'order' => 'ASC', 'numberposts' => 999 ) );
 74 | 					if ( $images ) :
 75 | 						$total_images = count( $images );
 76 | 						$image = array_shift( $images );
 77 | 						$image_img_tag = wp_get_attachment_image( $image->ID, 'thumbnail' );
 78 | 				?>
 79 | 						<div class="gallery-thumb">
 80 | 							<a class="size-thumbnail" href="<?php the_permalink(); ?>"><?php echo $image_img_tag; ?></a>
 81 | 						</div><!-- .gallery-thumb -->
 82 | 						<p><em><?php printf( _n( 'This gallery contains <a %1$s>%2$s photo</a>.', 'This gallery contains <a %1$s>%2$s photos</a>.', $total_images, 'twentyten' ),
 83 | 								'href="' . get_permalink() . '" title="' . sprintf( esc_attr__( 'Permalink to %s', 'twentyten' ), the_title_attribute( 'echo=0' ) ) . '" rel="bookmark"',
 84 | 								number_format_i18n( $total_images )
 85 | 							); ?></em></p>
 86 | 				<?php endif; ?>
 87 | 						<?php the_excerpt(); ?>
 88 | <?php endif; ?>
 89 | 			</div><!-- .entry-content -->
 90 | 
 91 | 			<div class="entry-utility">
 92 | 			<?php if ( function_exists( 'get_post_format' ) && 'gallery' == get_post_format( $post->ID ) ) : ?>
 93 | 				<a href="<?php echo get_post_format_link( 'gallery' ); ?>" title="<?php esc_attr_e( 'View Galleries', 'twentyten' ); ?>"><?php _e( 'More Galleries', 'twentyten' ); ?></a>
 94 | 				<span class="meta-sep">|</span>
 95 | 			<?php elseif ( in_category( _x( 'gallery', 'gallery category slug', 'twentyten' ) ) ) : ?>
 96 | 				<a href="<?php echo get_term_link( _x( 'gallery', 'gallery category slug', 'twentyten' ), 'category' ); ?>" title="<?php esc_attr_e( 'View posts in the Gallery category', 'twentyten' ); ?>"><?php _e( 'More Galleries', 'twentyten' ); ?></a>
 97 | 				<span class="meta-sep">|</span>
 98 | 			<?php endif; ?>
 99 | 				<span class="comments-link"><?php comments_popup_link( __( 'Leave a comment', 'twentyten' ), __( '1 Comment', 'twentyten' ), __( '% Comments', 'twentyten' ) ); ?></span>
100 | 				<?php edit_post_link( __( 'Edit', 'twentyten' ), '<span class="meta-sep">|</span> <span class="edit-link">', '</span>' ); ?>
101 | 			</div><!-- .entry-utility -->
102 | 		</div><!-- #post-## -->
103 | 
104 | <?php /* How to display posts of the Aside format. The asides category is the old way. */ ?>
105 | 
106 | 	<?php elseif ( ( function_exists( 'get_post_format' ) && 'aside' == get_post_format( $post->ID ) ) || in_category( _x( 'asides', 'asides category slug', 'twentyten' ) )  ) : ?>
107 | 		<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
108 | 
109 | 		<?php if ( is_archive() || is_search() ) : // Display excerpts for archives and search. ?>
110 | 			<div class="entry-summary">
111 | 				<?php the_excerpt(); ?>
112 | 			</div><!-- .entry-summary -->
113 | 		<?php else : ?>
114 | 			<div class="entry-content">
115 | 				<?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentyten' ) ); ?>
116 | 			</div><!-- .entry-content -->
117 | 		<?php endif; ?>
118 | 
119 | 			<div class="entry-utility">
120 | 				<?php twentyten_posted_on(); ?>
121 | 				<span class="meta-sep">|</span>
122 | 				<span class="comments-link"><?php comments_popup_link( __( 'Leave a comment', 'twentyten' ), __( '1 Comment', 'twentyten' ), __( '% Comments', 'twentyten' ) ); ?></span>
123 | 				<?php edit_post_link( __( 'Edit', 'twentyten' ), '<span class="meta-sep">|</span> <span class="edit-link">', '</span>' ); ?>
124 | 			</div><!-- .entry-utility -->
125 | 		</div><!-- #post-## -->
126 | 
127 | <?php /* How to display all other posts. */ ?>
128 | 
129 | 	<?php else : ?>
130 | 		<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
131 | 			<h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyten' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
132 | 
133 | 			<div class="entry-meta">
134 | 				<?php twentyten_posted_on(); ?>
135 | 			</div><!-- .entry-meta -->
136 | 
137 | 	<?php if ( is_archive() || is_search() ) : // Only display excerpts for archives and search. ?>
138 | 			<div class="entry-summary">
139 | 				<?php the_excerpt(); ?>
140 | 			</div><!-- .entry-summary -->
141 | 	<?php else : ?>
142 | 			<div class="entry-content">
143 | 				<?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentyten' ) ); ?>
144 | 				<?php wp_link_pages( array( 'before' => '<div class="page-link">' . __( 'Pages:', 'twentyten' ), 'after' => '</div>' ) ); ?>
145 | 			</div><!-- .entry-content -->
146 | 	<?php endif; ?>
147 | 
148 | 			<div class="entry-utility">
149 | 				<?php if ( count( get_the_category() ) ) : ?>
150 | 					<span class="cat-links">
151 | 						<?php printf( __( '<span class="%1$s">Posted in</span> %2$s', 'twentyten' ), 'entry-utility-prep entry-utility-prep-cat-links', get_the_category_list( ', ' ) ); ?>
152 | 					</span>
153 | 					<span class="meta-sep">|</span>
154 | 				<?php endif; ?>
155 | 				<?php
156 | 					$tags_list = get_the_tag_list( '', ', ' );
157 | 					if ( $tags_list ):
158 | 				?>
159 | 					<span class="tag-links">
160 | 						<?php printf( __( '<span class="%1$s">Tagged</span> %2$s', 'twentyten' ), 'entry-utility-prep entry-utility-prep-tag-links', $tags_list ); ?>
161 | 					</span>
162 | 					<span class="meta-sep">|</span>
163 | 				<?php endif; ?>
164 | 				<span class="comments-link"><?php comments_popup_link( __( 'Leave a comment', 'twentyten' ), __( '1 Comment', 'twentyten' ), __( '% Comments', 'twentyten' ) ); ?></span>
165 | 				<?php edit_post_link( __( 'Edit', 'twentyten' ), '<span class="meta-sep">|</span> <span class="edit-link">', '</span>' ); ?>
166 | 			</div><!-- .entry-utility -->
167 | 		</div><!-- #post-## -->
168 | 
169 | 		<?php comments_template( '', true ); ?>
170 | 
171 | 	<?php endif; // This was the if statement that broke the loop into three parts based on categories. ?>
172 | 
173 | <?php endwhile; // End the loop. Whew. ?>
174 | 
175 | <?php /* Display navigation to next/previous pages when applicable */ ?>
176 | <?php if (  $wp_query->max_num_pages > 1 ) : ?>
177 | 				<div id="nav-below" class="navigation">
178 | 					<div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> Older posts', 'twentyten' ) ); ?></div>
179 | 					<div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">&rarr;</span>', 'twentyten' ) ); ?></div>
180 | 				</div><!-- #nav-below -->
181 | <?php endif; ?>
182 | 


--------------------------------------------------------------------------------
/css/screen.less:
--------------------------------------------------------------------------------
  1 | /* 
  2 | Title:		Master styles for screen media
  3 | Author: 	dan@simplebits.com
  4 | */
  5 | 
  6 | /* LESS variables 
  7 | --------------------------------------------- */
  8 | 
  9 | @text-color: #3e4549;
 10 | @link-color: #2790ae;
 11 | @link-hover-color: #0f6780;
 12 | 
 13 | @font-mono: Monaco, monospace;
 14 | @font-small: 12px;
 15 | @font-medium: 13px;
 16 | @font-large: 18px;
 17 | 
 18 | /* LESS mixins 
 19 | --------------------------------------------- */
 20 | 
 21 | .rounded (@radius: 6px) {
 22 | 	-webkit-border-radius: @radius;
 23 | 	   -moz-border-radius: @radius;
 24 | 	        border-radius: @radius;
 25 | 	}
 26 | .box-shadow (@x: 0, @y: 0, @blur: 2px, @color: #000) {
 27 | 	-webkit-box-shadow: @arguments;
 28 | 	   -moz-box-shadow: @arguments;
 29 | 	        box-shadow: @arguments;
 30 | 	}
 31 | .box-sizing (@type: border-box) {
 32 | 	-webkit-box-sizing: @type;
 33 | 	   -moz-box-sizing: @type;
 34 | 	     -o-box-sizing: @type;
 35 | 	        box-sizing: @type;
 36 | 	}
 37 | .transition (@property, @duration: .2s, @timing: ease-in-out) {
 38 | 	-webkit-transition: @arguments;
 39 | 	   -moz-transition: @arguments;
 40 | 	     -o-transition: @arguments;
 41 | 	        transition: @arguments;
 42 | 	}
 43 | .tab-size (@spaces: 2) {
 44 | 	-webkit-tab-size: @spaces;
 45 | 	   -moz-tab-size: @spaces;
 46 | 	     -o-tab-size: @spaces;
 47 | 	        tab-size: @spaces;
 48 | 	}
 49 | 
 50 | /* reset styles 
 51 | --------------------------------------------- */
 52 | 
 53 | html, body, div, span, applet, object, iframe,
 54 | h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 55 | a, abbr, acronym, address, big, cite, code,
 56 | del, dfn, em, img, ins, kbd, q, s, samp,
 57 | small, strike, strong, sub, sup, tt, var,
 58 | b, u, i, center,
 59 | dl, dt, dd, ol, ul, li,
 60 | fieldset, form, label, legend,
 61 | table, caption, tbody, tfoot, thead, tr, th, td,
 62 | article, aside, canvas, details, embed, 
 63 | figure, figcaption, footer, header, hgroup, 
 64 | menu, nav, output, ruby, section, summary,
 65 | time, mark, audio, video {
 66 | 	margin: 0;
 67 | 	padding: 0;
 68 | 	border: 0;
 69 | 	font-size: 100%;
 70 | 	vertical-align: baseline;
 71 | 	}
 72 | 	
 73 | /* HTML5 display-role reset for older browsers */
 74 | article, aside, details, figcaption, figure, 
 75 | footer, header, hgroup, menu, nav, section {
 76 | 	display: block;
 77 | 	}
 78 | body {
 79 | 	line-height: 1;
 80 | 	}
 81 | ol, ul {
 82 | 	list-style: none;
 83 | 	}
 84 | blockquote, q {
 85 | 	quotes: none;
 86 | 	}
 87 | blockquote:before, blockquote:after,
 88 | q:before, q:after {
 89 | 	content: '';
 90 | 	content: none;
 91 | 	}
 92 | table {
 93 | 	border-collapse: collapse;
 94 | 	border-spacing: 0;
 95 | 	}
 96 | :focus {
 97 | 	outline: none;
 98 | 	}
 99 | 
100 | /* general styles 
101 | --------------------------------------------- */
102 | 
103 | body {
104 | 	padding: 0 0 15px 0;
105 | 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
106 | 	color: @text-color;
107 | 	font-size: 100%;
108 | 	background: #e6eaec url(../images/tile.png);
109 | 	}
110 | 
111 | /* links */
112 | 
113 | a:link, a:visited {
114 | 	color: @link-color;
115 | 	text-decoration: none;
116 | 	outline: none;
117 | 	}
118 | a:hover {
119 | 	color: @link-hover-color;
120 | 	}
121 | 
122 | /* page structure 
123 | --------------------------------------------- */
124 | 
125 | div.wrap {
126 | 	position: relative;
127 | 	}
128 | div.main {
129 | 	margin-left: 160px;
130 | 	padding: 0 20px;
131 | 	.transition(margin, .4s, ease-in-out);
132 | 	}
133 | body.expanded div.main {
134 | 	margin-left: 15px;
135 | 	}
136 | #nav {
137 | 	font-size: @font-small;
138 | 	.box-sizing(border-box);
139 | 	}
140 | #pears-footer {
141 | 	margin: 10px 20px;
142 | 	text-align: center;
143 | 	}
144 | 
145 | /* header 
146 | --------------------------------------------- */
147 | 
148 | header[role="banner"] {
149 | 	margin: 15px 20px 15px 20px;
150 | 	.transition(margin, .4s, ease-in-out);
151 | 	}
152 | body.expanded header[role="banner"] {
153 | 	margin-left: 35px;
154 | 	}
155 | #logo {
156 | 	display: block;
157 | 	min-height: 46px;
158 | 	padding: 0 0 0 40px;
159 | 	font-size: 25px;
160 | 	line-height: 46px;
161 | 	white-space: nowrap;
162 | 	color: @text-color;
163 | 	background: url(../images/pear.png) no-repeat 0 50%;
164 | 	overflow: hidden;
165 | 	}
166 | #logo em {
167 | 	padding: 0 0 0 0;
168 | 	font-style: normal;
169 | 	color: #91969a;
170 | 	.transition(opacity, .4s, ease);
171 | 	}
172 | 
173 | /* main styles 
174 | --------------------------------------------- */
175 | 
176 | div.mod {
177 | 	margin: 0 0 20px 0;
178 | 	padding: 20px;
179 | 	background: #fff;
180 | 	.rounded;
181 | 	.box-sizing(border-box);
182 | 	.box-shadow(1px, 1px, 2px, rgba(0,0,0,.1));
183 | 	}
184 | div.mod h3.label {
185 | 	float: left;
186 | 	margin: 0 0 10px -20px;
187 | 	padding: 6px 10px;
188 | 	font-size: @font-small;
189 | 	font-weight: normal;
190 | 	letter-spacing: 1px;
191 | 	text-transform: uppercase;
192 | 	color: #fff;
193 | 	background: #a1cf32;
194 | 	.rounded(4px);
195 | 	border-top-left-radius: 0;
196 | 	border-bottom-left-radius: 0;
197 | 	}
198 | div.mod h3.label a {
199 | 	color: #fff;
200 | 	}
201 | div.mod h4 {
202 | 	float: left;
203 | 	width: 50%;
204 | 	padding: 2px 15px;
205 | 	font-size: @font-large;
206 | 	font-weight: normal;
207 | 	}
208 | div.mod h4 span.sep {
209 | 	color: #bbb;
210 | 	}
211 | div.mod a.clip {
212 | 	float: left;
213 | 	margin: 2px 0 0 10px;
214 | 	opacity: 0;
215 | 	.transition(opacity);
216 | 	}
217 | div.mod:hover a.clip {
218 | 	opacity: .7;
219 | 	}
220 | div.mod:hover a.clip:hover {
221 | 	opacity: 1;
222 | 	}
223 | div#pattern.mod div#pattern-wrap {
224 | 	clear: left;
225 | 	padding: 20px 60px;
226 | 	}
227 | div#markup.mod {
228 | 	float: left;
229 | 	width: 49%;
230 | 	background: rgba(255,255,255,.6);
231 | 	}
232 | div#style.mod {
233 | 	float: right;
234 | 	width: 49%;
235 | 	background: rgba(255,255,255,.6);
236 | 	}
237 | div.mod textarea.mod-ta {	
238 | 	width: 100%;
239 | 	border: none;
240 | 	height: 500px;
241 | 	font-family: @font-mono;
242 | 	font-size: @font-small;
243 | 	line-height: 1.4;
244 | 	white-space: pre;
245 | 	color: @text-color;
246 | 	background: none;
247 | 	outline: none;
248 | 	.tab-size;
249 | 	}
250 | 
251 | /* pattern notes */
252 | 
253 | #pattern-notes h3.label {
254 | 	background: #bac1c5;
255 | 	}
256 | #pattern-notes p {
257 | 	clear: left;
258 | 	line-height: 1.4;
259 | 	color: #8b959a;
260 | 	}
261 | #pattern-notes code {
262 | 	font-family: @font-mono;
263 | 	font-size: @font-medium;
264 | 	}
265 | #pattern-notes pre {
266 | 	display: block;
267 | 	margin: 12px 0 0 0;
268 | 	padding: 15px 0 0 0;
269 | 	font-family: @font-mono;
270 | 	font-size: @font-small;
271 | 	line-height: 1.4;
272 | 	white-space: pre;
273 | 	color: @text-color;
274 | 	border-top: 1px solid #ddd;
275 | 	}
276 | 
277 | /* nav styles 
278 | --------------------------------------------- */
279 | 
280 | #nav {
281 | 	position: absolute;
282 | 	top: 0;
283 | 	left: 0;
284 | 	width: 160px;
285 | 	margin: 0 0 15px 0;
286 | 	padding: 20px 0;
287 | 	background: #575d60;
288 | 	.rounded;
289 | 	border-top-left-radius: 0;
290 | 	border-bottom-left-radius: 0;
291 | 	-webkit-transition: left .4s ease-in-out;
292 | 	-moz-transition: left .4s ease-in-out;
293 | 	-o-transition: left .4s ease-in-out;
294 | 	transition: left .4s ease-in-out;
295 | 	}
296 | body.expanded #nav {
297 | 	left: -140px;
298 | 	}
299 | #nav-toggle {
300 | 	position: absolute;
301 | 	display: block;
302 | 	top: 0;
303 | 	right: 0;
304 | 	width: 20px;
305 | 	height: 100%;
306 | 	text-indent: -9999px;
307 | 	background: url(../images/min.png) no-repeat 6px 50%;
308 | 	opacity: .3;
309 | 	}
310 | #nav-toggle:hover {	
311 | 	background-color: rgba(255,255,255,.15);
312 | 	opacity: .6;
313 | 	}
314 | body.expanded #nav-toggle {	
315 | 	background-image: url(../images/max.png);
316 | 	}
317 | #nav h2 {
318 | 	margin: 0 20px 4px 20px;
319 | 	font-size: @font-small;
320 | 	font-weight: normal;
321 | 	text-transform: uppercase;
322 | 	letter-spacing: 2px;
323 | 	}
324 | #nav h2 a {
325 | 	color: #fff;
326 | 	}
327 | #nav ul {
328 | 	margin: 0 20px 15px 0;
329 | 	padding: 0 0 10px 0;
330 | 	border-bottom: 1px solid rgba(255,255,255,.1);
331 | 	}
332 | #nav div.nav-item:hover ul {
333 | 	display: block;
334 | 	}
335 | #nav ul:last-of-type {
336 | 	margin-bottom: 0;
337 | 	padding-bottom: 0;
338 | 	border-bottom: none;
339 | 	}
340 | #nav ul li a {
341 | 	display: block;
342 | 	padding: 5px 8px 5px 20px;
343 | 	color: rgba(255,255,255,.5);
344 | 	background: transparent;
345 | 	.rounded(4px);
346 | 	border-top-left-radius: 0;
347 | 	border-bottom-left-radius: 0;
348 | 	}
349 | #nav ul li a:hover {
350 | 	color: rgba(255,255,255,.8);
351 | 	background: rgba(255,255,255,.1);
352 | 	}
353 | 	
354 | /* footer 
355 | --------------------------------------------- */
356 | 
357 | #pears-footer p.cc {
358 | 	margin: 8px 0 20px 0;
359 | 	font-size: @font-medium;
360 | 	}
361 | #pears-footer #sb img {
362 | 	opacity: .3;
363 | 	.transition(opacity);
364 | 	}
365 | #pears-footer #sb:hover img {
366 | 	opacity: .5;
367 | 	}
368 | 
369 | /* misc. 
370 | --------------------------------------------- */
371 | 
372 | hr, .hide {
373 | 	display: none;
374 | 	}
375 | a img {
376 | 	border: none;
377 | 	}
378 | 
379 | /* custom selection colors */
380 | 
381 | ::-moz-selection {
382 |     color: #fff;
383 |     color: rgba(255,255,255,.85);
384 |     background: #a1cf32;
385 |     }
386 | ::selection {
387 |     color: #fff;
388 |     color: rgba(255,255,255,.85);
389 |     background: #a1cf32;
390 |     }
391 | 
392 | /* self-clear floats */
393 | 
394 | .group:after {
395 | 	content: "."; 
396 |     display: block; 
397 |     height: 0; 
398 |     clear: both; 
399 |     visibility: hidden;
400 |     }
401 | 
402 | /* IE patches 
403 | --------------------------------------------- */
404 | 
405 | /* self-clear floats */
406 | 
407 | * html .group { /* IE6 */
408 | 	height: 1%;
409 | 	}
410 | *:first-child+html .group { /* IE7 */
411 | 	min-height: 1px;
412 | 	}
413 | 
414 | /* responsiveness 
415 | --------------------------------------------- */
416 | 
417 | @media screen and (max-width: 700px) {
418 | 	#logo em {
419 | 		opacity: 0;
420 | 		}
421 | 	div.main {
422 | 		margin-left: 0;
423 | 		padding: 0 10px;
424 | 		}
425 | 	#nav {
426 | 		position: static;
427 | 		left: auto;
428 | 		width: auto;
429 | 		padding: 20px;
430 | 		.rounded;
431 | 		}
432 | 	#nav-toggle {
433 | 		display: none;
434 | 		}
435 | 	#nav h2 {
436 | 		margin-left: 8px;
437 | 		}
438 | 	#nav ul {
439 | 		margin-right: 0;
440 | 		-webkit-column-count: 2;
441 | 		-moz-column-count: 2;
442 | 		column-count: 2;
443 | 		}
444 | 	#nav ul li a {
445 | 		padding: 5px 8px;
446 | 		.rounded(4px);
447 | 		}
448 | 	div#pattern.mod div#pattern-wrap {
449 | 		padding: 10px 0;
450 | 		}
451 | 	div#markup.mod,
452 | 	div#style.mod {
453 | 		float: none;
454 | 		width: 100%;
455 | 		}
456 | 	div.mod h4 {
457 | 		width: auto;
458 | 		}
459 | 	}
460 | 


--------------------------------------------------------------------------------
/license.txt:
--------------------------------------------------------------------------------
  1 | 		    GNU GENERAL PUBLIC LICENSE
  2 | 		       Version 2, June 1991
  3 | 
  4 |  Copyright (C) 1989, 1991 Free Software Foundation, Inc. 
  5 |               51 Franklin St, Fifth Floor, Boston, MA 02110, USA
  6 | 
  7 |  Everyone is permitted to copy and distribute verbatim copies
  8 |  of this license document, but changing it is not allowed.
  9 | 
 10 | 			    Preamble
 11 | 
 12 |   The licenses for most software are designed to take away your
 13 | freedom to share and change it.  By contrast, the GNU General Public
 14 | License is intended to guarantee your freedom to share and change free
 15 | software--to make sure the software is free for all its users.  This
 16 | General Public License applies to most of the Free Software
 17 | Foundation's software and to any other program whose authors commit to
 18 | using it.  (Some other Free Software Foundation software is covered by
 19 | the GNU Library General Public License instead.)  You can apply it to
 20 | your programs, too.
 21 | 
 22 |   When we speak of free software, we are referring to freedom, not
 23 | price.  Our General Public Licenses are designed to make sure that you
 24 | have the freedom to distribute copies of free software (and charge for
 25 | this service if you wish), that you receive source code or can get it
 26 | if you want it, that you can change the software or use pieces of it
 27 | in new free programs; and that you know you can do these things.
 28 | 
 29 |   To protect your rights, we need to make restrictions that forbid
 30 | anyone to deny you these rights or to ask you to surrender the rights.
 31 | These restrictions translate to certain responsibilities for you if you
 32 | distribute copies of the software, or if you modify it.
 33 | 
 34 |   For example, if you distribute copies of such a program, whether
 35 | gratis or for a fee, you must give the recipients all the rights that
 36 | you have.  You must make sure that they, too, receive or can get the
 37 | source code.  And you must show them these terms so they know their
 38 | rights.
 39 | 
 40 |   We protect your rights with two steps: (1) copyright the software, and
 41 | (2) offer you this license which gives you legal permission to copy,
 42 | distribute and/or modify the software.
 43 | 
 44 |   Also, for each author's protection and ours, we want to make certain
 45 | that everyone understands that there is no warranty for this free
 46 | software.  If the software is modified by someone else and passed on, we
 47 | want its recipients to know that what they have is not the original, so
 48 | that any problems introduced by others will not reflect on the original
 49 | authors' reputations.
 50 | 
 51 |   Finally, any free program is threatened constantly by software
 52 | patents.  We wish to avoid the danger that redistributors of a free
 53 | program will individually obtain patent licenses, in effect making the
 54 | program proprietary.  To prevent this, we have made it clear that any
 55 | patent must be licensed for everyone's free use or not licensed at all.
 56 | 
 57 |   The precise terms and conditions for copying, distribution and
 58 | modification follow.
 59 | 
 60 | 		    GNU GENERAL PUBLIC LICENSE
 61 |    TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
 62 | 
 63 |   0. This License applies to any program or other work which contains
 64 | a notice placed by the copyright holder saying it may be distributed
 65 | under the terms of this General Public License.  The "Program", below,
 66 | refers to any such program or work, and a "work based on the Program"
 67 | means either the Program or any derivative work under copyright law:
 68 | that is to say, a work containing the Program or a portion of it,
 69 | either verbatim or with modifications and/or translated into another
 70 | language.  (Hereinafter, translation is included without limitation in
 71 | the term "modification".)  Each licensee is addressed as "you".
 72 | 
 73 | Activities other than copying, distribution and modification are not
 74 | covered by this License; they are outside its scope.  The act of
 75 | running the Program is not restricted, and the output from the Program
 76 | is covered only if its contents constitute a work based on the
 77 | Program (independent of having been made by running the Program).
 78 | Whether that is true depends on what the Program does.
 79 | 
 80 |   1. You may copy and distribute verbatim copies of the Program's
 81 | source code as you receive it, in any medium, provided that you
 82 | conspicuously and appropriately publish on each copy an appropriate
 83 | copyright notice and disclaimer of warranty; keep intact all the
 84 | notices that refer to this License and to the absence of any warranty;
 85 | and give any other recipients of the Program a copy of this License
 86 | along with the Program.
 87 | 
 88 | You may charge a fee for the physical act of transferring a copy, and
 89 | you may at your option offer warranty protection in exchange for a fee.
 90 | 
 91 |   2. You may modify your copy or copies of the Program or any portion
 92 | of it, thus forming a work based on the Program, and copy and
 93 | distribute such modifications or work under the terms of Section 1
 94 | above, provided that you also meet all of these conditions:
 95 | 
 96 |     a) You must cause the modified files to carry prominent notices
 97 |     stating that you changed the files and the date of any change.
 98 | 
 99 |     b) You must cause any work that you distribute or publish, that in
100 |     whole or in part contains or is derived from the Program or any
101 |     part thereof, to be licensed as a whole at no charge to all third
102 |     parties under the terms of this License.
103 | 
104 |     c) If the modified program normally reads commands interactively
105 |     when run, you must cause it, when started running for such
106 |     interactive use in the most ordinary way, to print or display an
107 |     announcement including an appropriate copyright notice and a
108 |     notice that there is no warranty (or else, saying that you provide
109 |     a warranty) and that users may redistribute the program under
110 |     these conditions, and telling the user how to view a copy of this
111 |     License.  (Exception: if the Program itself is interactive but
112 |     does not normally print such an announcement, your work based on
113 |     the Program is not required to print an announcement.)
114 | 
115 | These requirements apply to the modified work as a whole.  If
116 | identifiable sections of that work are not derived from the Program,
117 | and can be reasonably considered independent and separate works in
118 | themselves, then this License, and its terms, do not apply to those
119 | sections when you distribute them as separate works.  But when you
120 | distribute the same sections as part of a whole which is a work based
121 | on the Program, the distribution of the whole must be on the terms of
122 | this License, whose permissions for other licensees extend to the
123 | entire whole, and thus to each and every part regardless of who wrote it.
124 | Thus, it is not the intent of this section to claim rights or contest
125 | your rights to work written entirely by you; rather, the intent is to
126 | exercise the right to control the distribution of derivative or
127 | collective works based on the Program.
128 | 
129 | In addition, mere aggregation of another work not based on the Program
130 | with the Program (or with a work based on the Program) on a volume of
131 | a storage or distribution medium does not bring the other work under
132 | the scope of this License.
133 | 
134 |   3. You may copy and distribute the Program (or a work based on it,
135 | under Section 2) in object code or executable form under the terms of
136 | Sections 1 and 2 above provided that you also do one of the following:
137 | 
138 |     a) Accompany it with the complete corresponding machine-readable
139 |     source code, which must be distributed under the terms of Sections
140 |     1 and 2 above on a medium customarily used for software interchange; or,
141 | 
142 |     b) Accompany it with a written offer, valid for at least three
143 |     years, to give any third party, for a charge no more than your
144 |     cost of physically performing source distribution, a complete
145 |     machine-readable copy of the corresponding source code, to be
146 |     distributed under the terms of Sections 1 and 2 above on a medium
147 |     customarily used for software interchange; or,
148 | 
149 |     c) Accompany it with the information you received as to the offer
150 |     to distribute corresponding source code.  (This alternative is
151 |     allowed only for noncommercial distribution and only if you
152 |     received the program in object code or executable form with such
153 |     an offer, in accord with Subsection b above.)
154 | 
155 | The source code for a work means the preferred form of the work for
156 | making modifications to it.  For an executable work, complete source
157 | code means all the source code for all modules it contains, plus any
158 | associated interface definition files, plus the scripts used to
159 | control compilation and installation of the executable.  However, as a
160 | special exception, the source code distributed need not include
161 | anything that is normally distributed (in either source or binary
162 | form) with the major components (compiler, kernel, and so on) of the
163 | operating system on which the executable runs, unless that component
164 | itself accompanies the executable.
165 | 
166 | If distribution of executable or object code is made by offering
167 | access to copy from a designated place, then offering equivalent
168 | access to copy the source code from the same place counts as
169 | distribution of the source code, even though third parties are not
170 | compelled to copy the source along with the object code.
171 | 
172 |   4. You may not copy, modify, sublicense, or distribute the Program
173 | except as expressly provided under this License.  Any attempt
174 | otherwise to copy, modify, sublicense or distribute the Program is
175 | void, and will automatically terminate your rights under this License.
176 | However, parties who have received copies, or rights, from you under
177 | this License will not have their licenses terminated so long as such
178 | parties remain in full compliance.
179 | 
180 |   5. You are not required to accept this License, since you have not
181 | signed it.  However, nothing else grants you permission to modify or
182 | distribute the Program or its derivative works.  These actions are
183 | prohibited by law if you do not accept this License.  Therefore, by
184 | modifying or distributing the Program (or any work based on the
185 | Program), you indicate your acceptance of this License to do so, and
186 | all its terms and conditions for copying, distributing or modifying
187 | the Program or works based on it.
188 | 
189 |   6. Each time you redistribute the Program (or any work based on the
190 | Program), the recipient automatically receives a license from the
191 | original licensor to copy, distribute or modify the Program subject to
192 | these terms and conditions.  You may not impose any further
193 | restrictions on the recipients' exercise of the rights granted herein.
194 | You are not responsible for enforcing compliance by third parties to
195 | this License.
196 | 
197 |   7. If, as a consequence of a court judgment or allegation of patent
198 | infringement or for any other reason (not limited to patent issues),
199 | conditions are imposed on you (whether by court order, agreement or
200 | otherwise) that contradict the conditions of this License, they do not
201 | excuse you from the conditions of this License.  If you cannot
202 | distribute so as to satisfy simultaneously your obligations under this
203 | License and any other pertinent obligations, then as a consequence you
204 | may not distribute the Program at all.  For example, if a patent
205 | license would not permit royalty-free redistribution of the Program by
206 | all those who receive copies directly or indirectly through you, then
207 | the only way you could satisfy both it and this License would be to
208 | refrain entirely from distribution of the Program.
209 | 
210 | If any portion of this section is held invalid or unenforceable under
211 | any particular circumstance, the balance of the section is intended to
212 | apply and the section as a whole is intended to apply in other
213 | circumstances.
214 | 
215 | It is not the purpose of this section to induce you to infringe any
216 | patents or other property right claims or to contest validity of any
217 | such claims; this section has the sole purpose of protecting the
218 | integrity of the free software distribution system, which is
219 | implemented by public license practices.  Many people have made
220 | generous contributions to the wide range of software distributed
221 | through that system in reliance on consistent application of that
222 | system; it is up to the author/donor to decide if he or she is willing
223 | to distribute software through any other system and a licensee cannot
224 | impose that choice.
225 | 
226 | This section is intended to make thoroughly clear what is believed to
227 | be a consequence of the rest of this License.
228 | 
229 |   8. If the distribution and/or use of the Program is restricted in
230 | certain countries either by patents or by copyrighted interfaces, the
231 | original copyright holder who places the Program under this License
232 | may add an explicit geographical distribution limitation excluding
233 | those countries, so that distribution is permitted only in or among
234 | countries not thus excluded.  In such case, this License incorporates
235 | the limitation as if written in the body of this License.
236 | 
237 |   9. The Free Software Foundation may publish revised and/or new versions
238 | of the General Public License from time to time.  Such new versions will
239 | be similar in spirit to the present version, but may differ in detail to
240 | address new problems or concerns.
241 | 
242 | Each version is given a distinguishing version number.  If the Program
243 | specifies a version number of this License which applies to it and "any
244 | later version", you have the option of following the terms and conditions
245 | either of that version or of any later version published by the Free
246 | Software Foundation.  If the Program does not specify a version number of
247 | this License, you may choose any version ever published by the Free Software
248 | Foundation.
249 | 
250 |   10. If you wish to incorporate parts of the Program into other free
251 | programs whose distribution conditions are different, write to the author
252 | to ask for permission.  For software which is copyrighted by the Free
253 | Software Foundation, write to the Free Software Foundation; we sometimes
254 | make exceptions for this.  Our decision will be guided by the two goals
255 | of preserving the free status of all derivatives of our free software and
256 | of promoting the sharing and reuse of software generally.
257 | 
258 | 			    NO WARRANTY
259 | 
260 |   11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
261 | FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW.  EXCEPT WHEN
262 | OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
263 | PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
264 | OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
265 | MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE.  THE ENTIRE RISK AS
266 | TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU.  SHOULD THE
267 | PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
268 | REPAIR OR CORRECTION.
269 | 
270 |   12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
271 | WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
272 | REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
273 | INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
274 | OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
275 | TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
276 | YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
277 | PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
278 | POSSIBILITY OF SUCH DAMAGES.
279 | 
280 | 		     END OF TERMS AND CONDITIONS
281 | 
282 | 


--------------------------------------------------------------------------------
/functions.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * TwentyTen functions and definitions
  4 |  *
  5 |  * Sets up the theme and provides some helper functions. Some helper functions
  6 |  * are used in the theme as custom template tags. Others are attached to action and
  7 |  * filter hooks in WordPress to change core functionality.
  8 |  *
  9 |  * The first function, twentyten_setup(), sets up the theme by registering support
 10 |  * for various features in WordPress, such as post thumbnails, navigation menus, and the like.
 11 |  *
 12 |  * When using a child theme (see http://codex.wordpress.org/Theme_Development and
 13 |  * http://codex.wordpress.org/Child_Themes), you can override certain functions
 14 |  * (those wrapped in a function_exists() call) by defining them first in your child theme's
 15 |  * functions.php file. The child theme's functions.php file is included before the parent
 16 |  * theme's file, so the child theme functions would be used.
 17 |  *
 18 |  * Functions that are not pluggable (not wrapped in function_exists()) are instead attached
 19 |  * to a filter or action hook. The hook can be removed by using remove_action() or
 20 |  * remove_filter() and you can attach your own function to the hook.
 21 |  *
 22 |  * We can remove the parent theme's hook only after it is attached, which means we need to
 23 |  * wait until setting up the child theme:
 24 |  *
 25 |  * <code>
 26 |  * add_action( 'after_setup_theme', 'my_child_theme_setup' );
 27 |  * function my_child_theme_setup() {
 28 |  *     // We are providing our own filter for excerpt_length (or using the unfiltered value)
 29 |  *     remove_filter( 'excerpt_length', 'twentyten_excerpt_length' );
 30 |  *     ...
 31 |  * }
 32 |  * </code>
 33 |  *
 34 |  * For more information on hooks, actions, and filters, see http://codex.wordpress.org/Plugin_API.
 35 |  *
 36 |  * @package WordPress
 37 |  * @subpackage Twenty_Ten
 38 |  * @since Twenty Ten 1.0
 39 |  */
 40 | 
 41 | /**
 42 |  * Set the content width based on the theme's design and stylesheet.
 43 |  *
 44 |  * Used to set the width of images and content. Should be equal to the width the theme
 45 |  * is designed for, generally via the style.css stylesheet.
 46 |  */
 47 | if ( ! isset( $content_width ) )
 48 | 	$content_width = 640;
 49 | 
 50 | /** Tell WordPress to run twentyten_setup() when the 'after_setup_theme' hook is run. */
 51 | add_action( 'after_setup_theme', 'twentyten_setup' );
 52 | 
 53 | if ( ! function_exists( 'twentyten_setup' ) ):
 54 | /**
 55 |  * Sets up theme defaults and registers support for various WordPress features.
 56 |  *
 57 |  * Note that this function is hooked into the after_setup_theme hook, which runs
 58 |  * before the init hook. The init hook is too late for some features, such as indicating
 59 |  * support post thumbnails.
 60 |  *
 61 |  * To override twentyten_setup() in a child theme, add your own twentyten_setup to your child theme's
 62 |  * functions.php file.
 63 |  *
 64 |  * @uses add_theme_support() To add support for post thumbnails and automatic feed links.
 65 |  * @uses register_nav_menus() To add support for navigation menus.
 66 |  * @uses add_custom_background() To add support for a custom background.
 67 |  * @uses add_editor_style() To style the visual editor.
 68 |  * @uses load_theme_textdomain() For translation/localization support.
 69 |  * @uses add_custom_image_header() To add support for a custom header.
 70 |  * @uses register_default_headers() To register the default custom header images provided with the theme.
 71 |  * @uses set_post_thumbnail_size() To set a custom post thumbnail size.
 72 |  *
 73 |  * @since Twenty Ten 1.0
 74 |  */
 75 | function twentyten_setup() {
 76 | 
 77 | 	// This theme styles the visual editor with editor-style.css to match the theme style.
 78 | 	add_editor_style();
 79 | 
 80 | 	// Post Format support. You can also use the legacy "gallery" or "asides" (note the plural) categories.
 81 | 	add_theme_support( 'post-formats', array( 'aside', 'gallery' ) );
 82 | 
 83 | 	// This theme uses post thumbnails
 84 | 	add_theme_support( 'post-thumbnails' );
 85 | 
 86 | 	// Add default posts and comments RSS feed links to head
 87 | 	add_theme_support( 'automatic-feed-links' );
 88 | 
 89 | 	// Make theme available for translation
 90 | 	// Translations can be filed in the /languages/ directory
 91 | 	load_theme_textdomain( 'twentyten', TEMPLATEPATH . '/languages' );
 92 | 
 93 | 	$locale = get_locale();
 94 | 	$locale_file = TEMPLATEPATH . "/languages/$locale.php";
 95 | 	if ( is_readable( $locale_file ) )
 96 | 		require_once( $locale_file );
 97 | 
 98 | 	// This theme uses wp_nav_menu() in one location.
 99 | 	register_nav_menus( array(
100 | 		'primary' => __( 'Primary Navigation', 'twentyten' ),
101 | 	) );
102 | 
103 | 	// This theme allows users to set a custom background
104 | 	add_custom_background();
105 | 
106 | 	// Your changeable header business starts here
107 | 	if ( ! defined( 'HEADER_TEXTCOLOR' ) )
108 | 		define( 'HEADER_TEXTCOLOR', '' );
109 | 
110 | 	// No CSS, just IMG call. The %s is a placeholder for the theme template directory URI.
111 | 	if ( ! defined( 'HEADER_IMAGE' ) )
112 | 		define( 'HEADER_IMAGE', '%s/images/headers/path.jpg' );
113 | 
114 | 	// The height and width of your custom header. You can hook into the theme's own filters to change these values.
115 | 	// Add a filter to twentyten_header_image_width and twentyten_header_image_height to change these values.
116 | 	define( 'HEADER_IMAGE_WIDTH', apply_filters( 'twentyten_header_image_width', 940 ) );
117 | 	define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'twentyten_header_image_height', 198 ) );
118 | 
119 | 	// We'll be using post thumbnails for custom header images on posts and pages.
120 | 	// We want them to be 940 pixels wide by 198 pixels tall.
121 | 	// Larger images will be auto-cropped to fit, smaller ones will be ignored. See header.php.
122 | 	set_post_thumbnail_size( HEADER_IMAGE_WIDTH, HEADER_IMAGE_HEIGHT, true );
123 | 
124 | 	// Don't support text inside the header image.
125 | 	if ( ! defined( 'NO_HEADER_TEXT' ) )
126 | 		define( 'NO_HEADER_TEXT', true );
127 | 
128 | 	// Add a way for the custom header to be styled in the admin panel that controls
129 | 	// custom headers. See twentyten_admin_header_style(), below.
130 | 	add_custom_image_header( '', 'twentyten_admin_header_style' );
131 | 
132 | 	// ... and thus ends the changeable header business.
133 | 
134 | 	// Default custom headers packaged with the theme. %s is a placeholder for the theme template directory URI.
135 | 	register_default_headers( array(
136 | 		'berries' => array(
137 | 			'url' => '%s/images/headers/berries.jpg',
138 | 			'thumbnail_url' => '%s/images/headers/berries-thumbnail.jpg',
139 | 			/* translators: header image description */
140 | 			'description' => __( 'Berries', 'twentyten' )
141 | 		),
142 | 		'cherryblossom' => array(
143 | 			'url' => '%s/images/headers/cherryblossoms.jpg',
144 | 			'thumbnail_url' => '%s/images/headers/cherryblossoms-thumbnail.jpg',
145 | 			/* translators: header image description */
146 | 			'description' => __( 'Cherry Blossoms', 'twentyten' )
147 | 		),
148 | 		'concave' => array(
149 | 			'url' => '%s/images/headers/concave.jpg',
150 | 			'thumbnail_url' => '%s/images/headers/concave-thumbnail.jpg',
151 | 			/* translators: header image description */
152 | 			'description' => __( 'Concave', 'twentyten' )
153 | 		),
154 | 		'fern' => array(
155 | 			'url' => '%s/images/headers/fern.jpg',
156 | 			'thumbnail_url' => '%s/images/headers/fern-thumbnail.jpg',
157 | 			/* translators: header image description */
158 | 			'description' => __( 'Fern', 'twentyten' )
159 | 		),
160 | 		'forestfloor' => array(
161 | 			'url' => '%s/images/headers/forestfloor.jpg',
162 | 			'thumbnail_url' => '%s/images/headers/forestfloor-thumbnail.jpg',
163 | 			/* translators: header image description */
164 | 			'description' => __( 'Forest Floor', 'twentyten' )
165 | 		),
166 | 		'inkwell' => array(
167 | 			'url' => '%s/images/headers/inkwell.jpg',
168 | 			'thumbnail_url' => '%s/images/headers/inkwell-thumbnail.jpg',
169 | 			/* translators: header image description */
170 | 			'description' => __( 'Inkwell', 'twentyten' )
171 | 		),
172 | 		'path' => array(
173 | 			'url' => '%s/images/headers/path.jpg',
174 | 			'thumbnail_url' => '%s/images/headers/path-thumbnail.jpg',
175 | 			/* translators: header image description */
176 | 			'description' => __( 'Path', 'twentyten' )
177 | 		),
178 | 		'sunset' => array(
179 | 			'url' => '%s/images/headers/sunset.jpg',
180 | 			'thumbnail_url' => '%s/images/headers/sunset-thumbnail.jpg',
181 | 			/* translators: header image description */
182 | 			'description' => __( 'Sunset', 'twentyten' )
183 | 		)
184 | 	) );
185 | }
186 | endif;
187 | 
188 | if ( ! function_exists( 'twentyten_admin_header_style' ) ) :
189 | /**
190 |  * Styles the header image displayed on the Appearance > Header admin panel.
191 |  *
192 |  * Referenced via add_custom_image_header() in twentyten_setup().
193 |  *
194 |  * @since Twenty Ten 1.0
195 |  */
196 | function twentyten_admin_header_style() {
197 | ?>
198 | <style type="text/css">
199 | /* Shows the same border as on front end */
200 | #headimg {
201 | 	border-bottom: 1px solid #000;
202 | 	border-top: 4px solid #000;
203 | }
204 | /* If NO_HEADER_TEXT is false, you would style the text with these selectors:
205 | 	#headimg #name { }
206 | 	#headimg #desc { }
207 | */
208 | </style>
209 | <?php
210 | }
211 | endif;
212 | 
213 | /**
214 |  * Get our wp_nav_menu() fallback, wp_page_menu(), to show a home link.
215 |  *
216 |  * To override this in a child theme, remove the filter and optionally add
217 |  * your own function tied to the wp_page_menu_args filter hook.
218 |  *
219 |  * @since Twenty Ten 1.0
220 |  */
221 | function twentyten_page_menu_args( $args ) {
222 | 	$args['show_home'] = true;
223 | 	return $args;
224 | }
225 | add_filter( 'wp_page_menu_args', 'twentyten_page_menu_args' );
226 | 
227 | /**
228 |  * Sets the post excerpt length to 40 characters.
229 |  *
230 |  * To override this length in a child theme, remove the filter and add your own
231 |  * function tied to the excerpt_length filter hook.
232 |  *
233 |  * @since Twenty Ten 1.0
234 |  * @return int
235 |  */
236 | function twentyten_excerpt_length( $length ) {
237 | 	return 40;
238 | }
239 | add_filter( 'excerpt_length', 'twentyten_excerpt_length' );
240 | 
241 | /**
242 |  * Returns a "Continue Reading" link for excerpts
243 |  *
244 |  * @since Twenty Ten 1.0
245 |  * @return string "Continue Reading" link
246 |  */
247 | function twentyten_continue_reading_link() {
248 | 	return ' <a href="'. get_permalink() . '">' . __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentyten' ) . '</a>';
249 | }
250 | 
251 | /**
252 |  * Replaces "[...]" (appended to automatically generated excerpts) with an ellipsis and twentyten_continue_reading_link().
253 |  *
254 |  * To override this in a child theme, remove the filter and add your own
255 |  * function tied to the excerpt_more filter hook.
256 |  *
257 |  * @since Twenty Ten 1.0
258 |  * @return string An ellipsis
259 |  */
260 | function twentyten_auto_excerpt_more( $more ) {
261 | 	return ' &hellip;' . twentyten_continue_reading_link();
262 | }
263 | add_filter( 'excerpt_more', 'twentyten_auto_excerpt_more' );
264 | 
265 | /**
266 |  * Adds a pretty "Continue Reading" link to custom post excerpts.
267 |  *
268 |  * To override this link in a child theme, remove the filter and add your own
269 |  * function tied to the get_the_excerpt filter hook.
270 |  *
271 |  * @since Twenty Ten 1.0
272 |  * @return string Excerpt with a pretty "Continue Reading" link
273 |  */
274 | function twentyten_custom_excerpt_more( $output ) {
275 | 	if ( has_excerpt() && ! is_attachment() ) {
276 | 		$output .= twentyten_continue_reading_link();
277 | 	}
278 | 	return $output;
279 | }
280 | add_filter( 'get_the_excerpt', 'twentyten_custom_excerpt_more' );
281 | 
282 | /**
283 |  * Remove inline styles printed when the gallery shortcode is used.
284 |  *
285 |  * Galleries are styled by the theme in Twenty Ten's style.css. This is just
286 |  * a simple filter call that tells WordPress to not use the default styles.
287 |  *
288 |  * @since Twenty Ten 1.2
289 |  */
290 | add_filter( 'use_default_gallery_style', '__return_false' );
291 | 
292 | /**
293 |  * Deprecated way to remove inline styles printed when the gallery shortcode is used.
294 |  *
295 |  * This function is no longer needed or used. Use the use_default_gallery_style
296 |  * filter instead, as seen above.
297 |  *
298 |  * @since Twenty Ten 1.0
299 |  * @deprecated Deprecated in Twenty Ten 1.2 for WordPress 3.1
300 |  *
301 |  * @return string The gallery style filter, with the styles themselves removed.
302 |  */
303 | function twentyten_remove_gallery_css( $css ) {
304 | 	return preg_replace( "#<style type='text/css'>(.*?)</style>#s", '', $css );
305 | }
306 | // Backwards compatibility with WordPress 3.0.
307 | if ( version_compare( $GLOBALS['wp_version'], '3.1', '<' ) )
308 | 	add_filter( 'gallery_style', 'twentyten_remove_gallery_css' );
309 | 
310 | if ( ! function_exists( 'twentyten_comment' ) ) :
311 | /**
312 |  * Template for comments and pingbacks.
313 |  *
314 |  * To override this walker in a child theme without modifying the comments template
315 |  * simply create your own twentyten_comment(), and that function will be used instead.
316 |  *
317 |  * Used as a callback by wp_list_comments() for displaying the comments.
318 |  *
319 |  * @since Twenty Ten 1.0
320 |  */
321 | function twentyten_comment( $comment, $args, $depth ) {
322 | 	$GLOBALS['comment'] = $comment;
323 | 	switch ( $comment->comment_type ) :
324 | 		case '' :
325 | 	?>
326 | 	<li <?php comment_class(); ?> id="li-comment-<?php comment_ID(); ?>">
327 | 		<div id="comment-<?php comment_ID(); ?>">
328 | 		<div class="comment-author vcard">
329 | 			<?php echo get_avatar( $comment, 40 ); ?>
330 | 			<?php printf( __( '%s <span class="says">says:</span>', 'twentyten' ), sprintf( '<cite class="fn">%s</cite>', get_comment_author_link() ) ); ?>
331 | 		</div><!-- .comment-author .vcard -->
332 | 		<?php if ( $comment->comment_approved == '0' ) : ?>
333 | 			<em class="comment-awaiting-moderation"><?php _e( 'Your comment is awaiting moderation.', 'twentyten' ); ?></em>
334 | 			<br />
335 | 		<?php endif; ?>
336 | 
337 | 		<div class="comment-meta commentmetadata"><a href="<?php echo esc_url( get_comment_link( $comment->comment_ID ) ); ?>">
338 | 			<?php
339 | 				/* translators: 1: date, 2: time */
340 | 				printf( __( '%1$s at %2$s', 'twentyten' ), get_comment_date(),  get_comment_time() ); ?></a><?php edit_comment_link( __( '(Edit)', 'twentyten' ), ' ' );
341 | 			?>
342 | 		</div><!-- .comment-meta .commentmetadata -->
343 | 
344 | 		<div class="comment-body"><?php comment_text(); ?></div>
345 | 
346 | 		<div class="reply">
347 | 			<?php comment_reply_link( array_merge( $args, array( 'depth' => $depth, 'max_depth' => $args['max_depth'] ) ) ); ?>
348 | 		</div><!-- .reply -->
349 | 	</div><!-- #comment-##  -->
350 | 
351 | 	<?php
352 | 			break;
353 | 		case 'pingback'  :
354 | 		case 'trackback' :
355 | 	?>
356 | 	<li class="post pingback">
357 | 		<p><?php _e( 'Pingback:', 'twentyten' ); ?> <?php comment_author_link(); ?><?php edit_comment_link( __( '(Edit)', 'twentyten' ), ' ' ); ?></p>
358 | 	<?php
359 | 			break;
360 | 	endswitch;
361 | }
362 | endif;
363 | 
364 | /**
365 |  * Register widgetized areas, including two sidebars and four widget-ready columns in the footer.
366 |  *
367 |  * To override twentyten_widgets_init() in a child theme, remove the action hook and add your own
368 |  * function tied to the init hook.
369 |  *
370 |  * @since Twenty Ten 1.0
371 |  * @uses register_sidebar
372 |  */
373 | function twentyten_widgets_init() {
374 | 	// Area 1, located at the top of the sidebar.
375 | 	register_sidebar( array(
376 | 		'name' => __( 'Primary Widget Area', 'twentyten' ),
377 | 		'id' => 'primary-widget-area',
378 | 		'description' => __( 'The primary widget area', 'twentyten' ),
379 | 		'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
380 | 		'after_widget' => '</li>',
381 | 		'before_title' => '<h3 class="widget-title">',
382 | 		'after_title' => '</h3>',
383 | 	) );
384 | 
385 | 	// Area 2, located below the Primary Widget Area in the sidebar. Empty by default.
386 | 	register_sidebar( array(
387 | 		'name' => __( 'Secondary Widget Area', 'twentyten' ),
388 | 		'id' => 'secondary-widget-area',
389 | 		'description' => __( 'The secondary widget area', 'twentyten' ),
390 | 		'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
391 | 		'after_widget' => '</li>',
392 | 		'before_title' => '<h3 class="widget-title">',
393 | 		'after_title' => '</h3>',
394 | 	) );
395 | 
396 | 	// Area 3, located in the footer. Empty by default.
397 | 	register_sidebar( array(
398 | 		'name' => __( 'First Footer Widget Area', 'twentyten' ),
399 | 		'id' => 'first-footer-widget-area',
400 | 		'description' => __( 'The first footer widget area', 'twentyten' ),
401 | 		'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
402 | 		'after_widget' => '</li>',
403 | 		'before_title' => '<h3 class="widget-title">',
404 | 		'after_title' => '</h3>',
405 | 	) );
406 | 
407 | 	// Area 4, located in the footer. Empty by default.
408 | 	register_sidebar( array(
409 | 		'name' => __( 'Second Footer Widget Area', 'twentyten' ),
410 | 		'id' => 'second-footer-widget-area',
411 | 		'description' => __( 'The second footer widget area', 'twentyten' ),
412 | 		'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
413 | 		'after_widget' => '</li>',
414 | 		'before_title' => '<h3 class="widget-title">',
415 | 		'after_title' => '</h3>',
416 | 	) );
417 | 
418 | 	// Area 5, located in the footer. Empty by default.
419 | 	register_sidebar( array(
420 | 		'name' => __( 'Third Footer Widget Area', 'twentyten' ),
421 | 		'id' => 'third-footer-widget-area',
422 | 		'description' => __( 'The third footer widget area', 'twentyten' ),
423 | 		'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
424 | 		'after_widget' => '</li>',
425 | 		'before_title' => '<h3 class="widget-title">',
426 | 		'after_title' => '</h3>',
427 | 	) );
428 | 
429 | 	// Area 6, located in the footer. Empty by default.
430 | 	register_sidebar( array(
431 | 		'name' => __( 'Fourth Footer Widget Area', 'twentyten' ),
432 | 		'id' => 'fourth-footer-widget-area',
433 | 		'description' => __( 'The fourth footer widget area', 'twentyten' ),
434 | 		'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
435 | 		'after_widget' => '</li>',
436 | 		'before_title' => '<h3 class="widget-title">',
437 | 		'after_title' => '</h3>',
438 | 	) );
439 | }
440 | /** Register sidebars by running twentyten_widgets_init() on the widgets_init hook. */
441 | add_action( 'widgets_init', 'twentyten_widgets_init' );
442 | 
443 | /**
444 |  * Removes the default styles that are packaged with the Recent Comments widget.
445 |  *
446 |  * To override this in a child theme, remove the filter and optionally add your own
447 |  * function tied to the widgets_init action hook.
448 |  *
449 |  * This function uses a filter (show_recent_comments_widget_style) new in WordPress 3.1
450 |  * to remove the default style. Using Twenty Ten 1.2 in WordPress 3.0 will show the styles,
451 |  * but they won't have any effect on the widget in default Twenty Ten styling.
452 |  *
453 |  * @since Twenty Ten 1.0
454 |  */
455 | function twentyten_remove_recent_comments_style() {
456 | 	add_filter( 'show_recent_comments_widget_style', '__return_false' );
457 | }
458 | add_action( 'widgets_init', 'twentyten_remove_recent_comments_style' );
459 | 
460 | if ( ! function_exists( 'twentyten_posted_on' ) ) :
461 | /**
462 |  * Prints HTML with meta information for the current post-date/time and author.
463 |  *
464 |  * @since Twenty Ten 1.0
465 |  */
466 | function twentyten_posted_on() {
467 | 	printf( __( '<span class="%1$s">Posted on</span> %2$s <span class="meta-sep">by</span> %3$s', 'twentyten' ),
468 | 		'meta-prep meta-prep-author',
469 | 		sprintf( '<a href="%1$s" title="%2$s" rel="bookmark"><span class="entry-date">%3$s</span></a>',
470 | 			get_permalink(),
471 | 			esc_attr( get_the_time() ),
472 | 			get_the_date()
473 | 		),
474 | 		sprintf( '<span class="author vcard"><a class="url fn n" href="%1$s" title="%2$s">%3$s</a></span>',
475 | 			get_author_posts_url( get_the_author_meta( 'ID' ) ),
476 | 			sprintf( esc_attr__( 'View all posts by %s', 'twentyten' ), get_the_author() ),
477 | 			get_the_author()
478 | 		)
479 | 	);
480 | }
481 | endif;
482 | 
483 | if ( ! function_exists( 'twentyten_posted_in' ) ) :
484 | /**
485 |  * Prints HTML with meta information for the current post (category, tags and permalink).
486 |  *
487 |  * @since Twenty Ten 1.0
488 |  */
489 | function twentyten_posted_in() {
490 | 	// Retrieves tag list of current post, separated by commas.
491 | 	$tag_list = get_the_tag_list( '', ', ' );
492 | 	if ( $tag_list ) {
493 | 		$posted_in = __( 'This entry was posted in %1$s and tagged %2$s. Bookmark the <a href="%3$s" title="Permalink to %4$s" rel="bookmark">permalink</a>.', 'twentyten' );
494 | 	} elseif ( is_object_in_taxonomy( get_post_type(), 'category' ) ) {
495 | 		$posted_in = __( 'This entry was posted in %1$s. Bookmark the <a href="%3$s" title="Permalink to %4$s" rel="bookmark">permalink</a>.', 'twentyten' );
496 | 	} else {
497 | 		$posted_in = __( 'Bookmark the <a href="%3$s" title="Permalink to %4$s" rel="bookmark">permalink</a>.', 'twentyten' );
498 | 	}
499 | 	// Prints the string, replacing the placeholders.
500 | 	printf(
501 | 		$posted_in,
502 | 		get_the_category_list( ', ' ),
503 | 		$tag_list,
504 | 		get_permalink(),
505 | 		the_title_attribute( 'echo=0' )
506 | 	);
507 | }
508 | endif;
509 | 
510 | add_action( 'add_meta_boxes', 'pears_add_meta_box' );
511 | add_action( 'save_post', 'pears_save_post' );
512 | 
513 | function pears_add_meta_box() {
514 | 
515 |     add_meta_box( 
516 |         'pears',
517 |         'Pears',
518 |         'pears_meta_box',
519 |         'post',
520 |         'normal',
521 |         'high'
522 |     );
523 | 
524 | }
525 | 
526 | function pears_meta_box( $post ) {
527 |   	wp_nonce_field( plugin_basename( __FILE__ ), 'pears_noncename' );
528 | 
529 |   	$html = get_post_meta($post->ID,'html',true);
530 |   	$css = get_post_meta($post->ID,'css',true);
531 | 
532 | 	echo '<p>These fields are for the HTML markup and CSS styles.  The post body can be used for notes.</p>';
533 | 	echo '<label for="html">HTML</label>';
534 |   	echo '<p><textarea id="html" name="html" rows="20" cols="90" />' . $html . '</textarea></p>';
535 | 	echo '<label for="css">CSS</label>	';
536 |   	echo '<p><textarea id="css" name="css" rows="20" cols="90" />' . $css . '</textarea></p>';
537 | }
538 | 
539 | function pears_save_post( $post_id ) {
540 | 
541 | 	// Ignore if doing an autosave
542 |   	if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) 
543 |   	    return;
544 | 			
545 | 	// verify data came from pears meta box
546 |   	if ( !wp_verify_nonce( $_POST['pears_noncename'], plugin_basename( __FILE__ ) ) )
547 | 		return;			
548 | 	
549 |   	// Check user permissions
550 |   	if ( 'post' == $_POST['post_type'] ) {
551 |     	if ( !current_user_can( 'edit_page', $post_id ) )
552 |         	return;
553 |   	}
554 |   	else{
555 |     	if ( !current_user_can( 'edit_post', $post_id ) )
556 | 	        return;
557 |   	}
558 |   	
559 |   	$html_data = $_POST['html'];
560 | 	update_post_meta($post_id, 'html', $html_data);
561 | 	
562 | 	$css_data = $_POST['css'];
563 | 	update_post_meta($post_id, 'css', $css_data);
564 | }
565 | 


--------------------------------------------------------------------------------
/js/less.js:
--------------------------------------------------------------------------------
 1 | //
 2 | // LESS - Leaner CSS v1.1.3
 3 | // http://lesscss.org
 4 | // 
 5 | // Copyright (c) 2009-2011, Alexis Sellier
 6 | // Licensed under the Apache 2.0 License.
 7 | //
 8 | //
 9 | // LESS - Leaner CSS v1.1.3
10 | // http://lesscss.org
11 | // 
12 | // Copyright (c) 2009-2011, Alexis Sellier
13 | // Licensed under the Apache 2.0 License.
14 | //
15 | (function(a,b){function v(a,b){var c="less-error-message:"+p(b),e=["<ul>",'<li><label>[-1]</label><pre class="ctx">{0}</pre></li>',"<li><label>[0]</label><pre>{current}</pre></li>",'<li><label>[1]</label><pre class="ctx">{2}</pre></li>',"</ul>"].join("\n"),f=document.createElement("div"),g,h;f.id=c,f.className="less-error-message",h="<h3>"+(a.message||"There is an error in your .less file")+"</h3>"+'<p><a href="'+b+'">'+b+"</a> ",a.extract&&(h+="on line "+a.line+", column "+(a.column+1)+":</p>"+e.replace(/\[(-?\d)\]/g,function(b,c){return parseInt(a.line)+parseInt(c)||""}).replace(/\{(\d)\}/g,function(b,c){return a.extract[parseInt(c)]||""}).replace(/\{current\}/,a.extract[1].slice(0,a.column)+'<span class="error">'+a.extract[1].slice(a.column)+"</span>")),f.innerHTML=h,q([".less-error-message ul, .less-error-message li {","list-style-type: none;","margin-right: 15px;","padding: 4px 0;","margin: 0;","}",".less-error-message label {","font-size: 12px;","margin-right: 15px;","padding: 4px 0;","color: #cc7777;","}",".less-error-message pre {","color: #ee4444;","padding: 4px 0;","margin: 0;","display: inline-block;","}",".less-error-message pre.ctx {","color: #dd4444;","}",".less-error-message h3 {","font-size: 20px;","font-weight: bold;","padding: 15px 0 5px 0;","margin: 0;","}",".less-error-message a {","color: #10a","}",".less-error-message .error {","color: red;","font-weight: bold;","padding-bottom: 2px;","border-bottom: 1px dashed red;","}"].join("\n"),{title:"error-message"}),f.style.cssText=["font-family: Arial, sans-serif","border: 1px solid #e00","background-color: #eee","border-radius: 5px","-webkit-border-radius: 5px","-moz-border-radius: 5px","color: #e00","padding: 15px","margin-bottom: 15px"].join(";"),d.env=="development"&&(g=setInterval(function(){document.body&&(document.getElementById(c)?document.body.replaceChild(f,document.getElementById(c)):document.body.insertBefore(f,document.body.firstChild),clearInterval(g))},10))}function u(a){d.env=="development"&&typeof console!="undefined"&&console.log("less: "+a)}function t(a){return a&&a.parentNode.removeChild(a)}function s(){if(a.XMLHttpRequest)return new XMLHttpRequest;try{return new ActiveXObject("MSXML2.XMLHTTP.3.0")}catch(b){u("browser doesn't support AJAX.");return null}}function r(a,b,c,e){function i(b,c,d){b.status>=200&&b.status<300?c(b.responseText,b.getResponseHeader("Last-Modified")):typeof d=="function"&&d(b.status,a)}var f=s(),h=g?!1:d.async;typeof f.overrideMimeType=="function"&&f.overrideMimeType("text/css"),f.open("GET",a,h),f.setRequestHeader("Accept",b||"text/x-less, text/css; q=0.9, */*; q=0.5"),f.send(null),g?f.status===0?c(f.responseText):e(f.status,a):h?f.onreadystatechange=function(){f.readyState==4&&i(f,c,e)}:i(f,c,e)}function q(a,b,c){var d,e=b.href?b.href.replace(/\?.*$/,""):"",f="less:"+(b.title||p(e));(d=document.getElementById(f))===null&&(d=document.createElement("style"),d.type="text/css",d.media=b.media||"screen",d.id=f,document.getElementsByTagName("head")[0].appendChild(d));if(d.styleSheet)try{d.styleSheet.cssText=a}catch(g){throw new Error("Couldn't reassign styleSheet.cssText.")}else(function(a){d.childNodes.length>0?d.firstChild.nodeValue!==a.nodeValue&&d.replaceChild(a,d.firstChild):d.appendChild(a)})(document.createTextNode(a));c&&h&&(u("saving "+e+" to cache."),h.setItem(e,a),h.setItem(e+":timestamp",c))}function p(a){return a.replace(/^[a-z]+:\/\/?[^\/]+/,"").replace(/^\//,"").replace(/\?.*$/,"").replace(/\.[^\.\/]+$/,"").replace(/[^\.\w-]+/g,"-").replace(/\./g,":")}function o(b,c,e,f){var g=a.location.href.replace(/[#?].*$/,""),i=b.href.replace(/\?.*$/,""),j=h&&h.getItem(i),k=h&&h.getItem(i+":timestamp"),l={css:j,timestamp:k};/^(https?|file):/.test(i)||(i.charAt(0)=="/"?i=a.location.protocol+"//"+a.location.host+i:i=g.slice(0,g.lastIndexOf("/")+1)+i),r(b.href,b.type,function(a,g){if(!e&&l&&g&&(new Date(g)).valueOf()===(new Date(l.timestamp)).valueOf())q(l.css,b),c(null,b,{local:!0,remaining:f});else try{(new d.Parser({optimization:d.optimization,paths:[i.replace(/[\w\.-]+$/,"")],mime:b.type})).parse(a,function(a,d){if(a)return v(a,i);try{c(d,b,{local:!1,lastModified:g,remaining:f}),t(document.getElementById("less-error-message:"+p(i)))}catch(a){v(a,i)}})}catch(h){v(h,i)}},function(a,b){throw new Error("Couldn't load "+b+" ("+a+")")})}function n(a,b){for(var c=0;c<d.sheets.length;c++)o(d.sheets[c],a,b,d.sheets.length-(c+1))}function m(){var a=document.getElementsByTagName("style");for(var b=0;b<a.length;b++)a[b].type.match(k)&&(new d.Parser).parse(a[b].innerHTML||"",function(c,d){a[b].type="text/css",a[b].innerHTML=d.toCSS()})}function c(b){return a.less[b.split("/")[1]]}Array.isArray||(Array.isArray=function(a){return Object.prototype.toString.call(a)==="[object Array]"||a instanceof Array}),Array.prototype.forEach||(Array.prototype.forEach=function(a,b){var c=this.length>>>0;for(var d=0;d<c;d++)d in this&&a.call(b,this[d],d,this)}),Array.prototype.map||(Array.prototype.map=function(a){var b=this.length>>>0,c=Array(b),d=arguments[1];for(var e=0;e<b;e++)e in this&&(c[e]=a.call(d,this[e],e,this));return c}),Array.prototype.filter||(Array.prototype.filter=function(a){var b=[],c=arguments[1];for(var d=0;d<this.length;d++)a.call(c,this[d])&&b.push(this[d]);return b}),Array.prototype.reduce||(Array.prototype.reduce=function(a){var b=this.length>>>0,c=0;if(b===0&&arguments.length===1)throw new TypeError;if(arguments.length>=2)var d=arguments[1];else for(;;){if(c in this){d=this[c++];break}if(++c>=b)throw new TypeError}for(;c<b;c++)c in this&&(d=a.call(null,d,this[c],c,this));return d}),Array.prototype.indexOf||(Array.prototype.indexOf=function(a){var b=this.length,c=arguments[1]||0;if(!b)return-1;if(c>=b)return-1;c<0&&(c+=b);for(;c<b;c++){if(!Object.prototype.hasOwnProperty.call(this,c))continue;if(a===this[c])return c}return-1}),Object.keys||(Object.keys=function(a){var b=[];for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&b.push(c);return b}),String.prototype.trim||(String.prototype.trim=function(){return String(this).replace(/^\s\s*/,"").replace(/\s\s*$/,"")});var d,e;typeof a=="undefined"?(d=exports,e=c("less/tree")):(typeof a.less=="undefined"&&(a.less={}),d=a.less,e=a.less.tree={}),d.Parser=function(a){function t(a){return typeof a=="string"?b.charAt(c)===a:a.test(j[f])?!0:!1}function s(a){var d,e,g,h,i,m,n,o;if(a instanceof Function)return a.call(l.parsers);if(typeof a=="string")d=b.charAt(c)===a?a:null,g=1,r();else{r();if(d=a.exec(j[f]))g=d[0].length;else return null}if(d){o=c+=g,m=c+j[f].length-g;while(c<m){h=b.charCodeAt(c);if(h!==32&&h!==10&&h!==9)break;c++}j[f]=j[f].slice(g+(c-o)),k=c,j[f].length===0&&f<j.length-1&&f++;return typeof d=="string"?d:d.length===1?d[0]:d}}function r(){c>k&&(j[f]=j[f].slice(c-k),k=c)}function q(){j[f]=g,c=h,k=c}function p(){g=j[f],h=c,k=c}var b,c,f,g,h,i,j,k,l,m=this,n=function(){},o=this.imports={paths:a&&a.paths||[],queue:[],files:{},mime:a&&a.mime,push:function(b,c){var e=this;this.queue.push(b),d.Parser.importer(b,this.paths,function(a){e.queue.splice(e.queue.indexOf(b),1),e.files[b]=a,c(a),e.queue.length===0&&n()},a)}};this.env=a=a||{},this.optimization="optimization"in this.env?this.env.optimization:1,this.env.filename=this.env.filename||null;return l={imports:o,parse:function(d,g){var h,l,m,o,p,q,r=[],t,u=null;c=f=k=i=0,j=[],b=d.replace(/\r\n/g,"\n"),j=function(c){var d=0,e=/[^"'`\{\}\/\(\)]+/g,f=/\/\*(?:[^*]|\*+[^\/*])*\*+\/|\/\/.*/g,g=0,h,i=c[0],j,k;for(var l=0,m,n;l<b.length;l++){e.lastIndex=l,(h=e.exec(b))&&h.index===l&&(l+=h[0].length,i.push(h[0])),m=b.charAt(l),f.lastIndex=l,!k&&!j&&m==="/"&&(n=b.charAt(l+1),(n==="/"||n==="*")&&(h=f.exec(b))&&h.index===l&&(l+=h[0].length,i.push(h[0]),m=b.charAt(l)));if(m==="{"&&!k&&!j)g++,i.push(m);else if(m==="}"&&!k&&!j)g--,i.push(m),c[++d]=i=[];else if(m==="("&&!k&&!j)i.push(m),j=!0;else if(m===")"&&!k&&j)i.push(m),j=!1;else{if(m==='"'||m==="'"||m==="`")k?k=k===m?!1:k:k=m;i.push(m)}}if(g>0)throw{type:"Syntax",message:"Missing closing `}`",filename:a.filename};return c.map(function(a){return a.join("")})}([[]]),h=new e.Ruleset([],s(this.parsers.primary)),h.root=!0,h.toCSS=function(c){var d,f,g;return function(g,h){function n(a){return a?(b.slice(0,a).match(/\n/g)||"").length:null}var i=[];g=g||{},typeof h=="object"&&!Array.isArray(h)&&(h=Object.keys(h).map(function(a){var b=h[a];b instanceof e.Value||(b instanceof e.Expression||(b=new e.Expression([b])),b=new e.Value([b]));return new e.Rule("@"+a,b,!1,0)}),i=[new e.Ruleset(null,h)]);try{var j=c.call(this,{frames:i}).toCSS([],{compress:g.compress||!1})}catch(k){f=b.split("\n"),d=n(k.index);for(var l=k.index,m=-1;l>=0&&b.charAt(l)!=="\n";l--)m++;throw{type:k.type,message:k.message,filename:a.filename,index:k.index,line:typeof d=="number"?d+1:null,callLine:k.call&&n(k.call)+1,callExtract:f[n(k.call)],stack:k.stack,column:m,extract:[f[d-1],f[d],f[d+1]]}}return g.compress?j.replace(/(\s)+/g,"$1"):j}}(h.eval);if(c<b.length-1){c=i,q=b.split("\n"),p=(b.slice(0,c).match(/\n/g)||"").length+1;for(var v=c,w=-1;v>=0&&b.charAt(v)!=="\n";v--)w++;u={name:"ParseError",message:"Syntax Error on line "+p,index:c,filename:a.filename,line:p,column:w,extract:[q[p-2],q[p-1],q[p]]}}this.imports.queue.length>0?n=function(){g(u,h)}:g(u,h)},parsers:{primary:function(){var a,b=[];while((a=s(this.mixin.definition)||s(this.rule)||s(this.ruleset)||s(this.mixin.call)||s(this.comment)||s(this.directive))||s(/^[\s\n]+/))a&&b.push(a);return b},comment:function(){var a;if(b.charAt(c)==="/"){if(b.charAt(c+1)==="/")return new e.Comment(s(/^\/\/.*/),!0);if(a=s(/^\/\*(?:[^*]|\*+[^\/*])*\*+\/\n?/))return new e.Comment(a)}},entities:{quoted:function(){var a,d=c,f;b.charAt(d)==="~"&&(d++,f=!0);if(b.charAt(d)==='"'||b.charAt(d)==="'"){f&&s("~");if(a=s(/^"((?:[^"\\\r\n]|\\.)*)"|'((?:[^'\\\r\n]|\\.)*)'/))return new e.Quoted(a[0],a[1]||a[2],f)}},keyword:function(){var a;if(a=s(/^[A-Za-z-]+/))return new e.Keyword(a)},call:function(){var a,b,d=c;if(!!(a=/^([\w-]+|%)\(/.exec(j[f]))){a=a[1].toLowerCase();if(a==="url")return null;c+=a.length;if(a==="alpha")return s(this.alpha);s("("),b=s(this.entities.arguments);if(!s(")"))return;if(a)return new e.Call(a,b,d)}},arguments:function(){var a=[],b;while(b=s(this.expression)){a.push(b);if(!s(","))break}return a},literal:function(){return s(this.entities.dimension)||s(this.entities.color)||s(this.entities.quoted)},url:function(){var a;if(b.charAt(c)==="u"&&!!s(/^url\(/)){a=s(this.entities.quoted)||s(this.entities.variable)||s(this.entities.dataURI)||s(/^[-\w%@$\/.&=:;#+?~]+/)||"";if(!s(")"))throw new Error("missing closing ) for url()");return new e.URL(a.value||a.data||a instanceof e.Variable?a:new e.Anonymous(a),o.paths)}},dataURI:function(){var a;if(s(/^data:/)){a={},a.mime=s(/^[^\/]+\/[^,;)]+/)||"",a.charset=s(/^;\s*charset=[^,;)]+/)||"",a.base64=s(/^;\s*base64/)||"",a.data=s(/^,\s*[^)]+/);if(a.data)return a}},variable:function(){var a,d=c;if(b.charAt(c)==="@"&&(a=s(/^@@?[\w-]+/)))return new e.Variable(a,d)},color:function(){var a;if(b.charAt(c)==="#"&&(a=s(/^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})/)))return new e.Color(a[1])},dimension:function(){var a,d=b.charCodeAt(c);if(!(d>57||d<45||d===47))if(a=s(/^(-?\d*\.?\d+)(px|%|em|pc|ex|in|deg|s|ms|pt|cm|mm|rad|grad|turn)?/))return new e.Dimension(a[1],a[2])},javascript:function(){var a,d=c,f;b.charAt(d)==="~"&&(d++,f=!0);if(b.charAt(d)==="`"){f&&s("~");if(a=s(/^`([^`]*)`/))return new e.JavaScript(a[1],c,f)}}},variable:function(){var a;if(b.charAt(c)==="@"&&(a=s(/^(@[\w-]+)\s*:/)))return a[1]},shorthand:function(){var a,b;if(!!t(/^[@\w.%-]+\/[@\w.-]+/)&&(a=s(this.entity))&&s("/")&&(b=s(this.entity)))return new e.Shorthand(a,b)},mixin:{call:function(){var a=[],d,f,g,h=c,i=b.charAt(c);if(i==="."||i==="#"){while(d=s(/^[#.](?:[\w-]|\\(?:[a-fA-F0-9]{1,6} ?|[^a-fA-F0-9]))+/))a.push(new e.Element(f,d)),f=s(">");s("(")&&(g=s(this.entities.arguments))&&s(")");if(a.length>0&&(s(";")||t("}")))return new e.mixin.Call(a,g,h)}},definition:function(){var a,d=[],f,g,h,i;if(!(b.charAt(c)!=="."&&b.charAt(c)!=="#"||t(/^[^{]*(;|})/)))if(f=s(/^([#.](?:[\w-]|\\(?:[a-fA-F0-9]{1,6} ?|[^a-fA-F0-9]))+)\s*\(/)){a=f[1];while(h=s(this.entities.variable)||s(this.entities.literal)||s(this.entities.keyword)){if(h instanceof e.Variable)if(s(":"))if(i=s(this.expression))d.push({name:h.name,value:i});else throw new Error("Expected value");else d.push({name:h.name});else d.push({value:h});if(!s(","))break}if(!s(")"))throw new Error("Expected )");g=s(this.block);if(g)return new e.mixin.Definition(a,d,g)}}},entity:function(){return s(this.entities.literal)||s(this.entities.variable)||s(this.entities.url)||s(this.entities.call)||s(this.entities.keyword)||s(this.entities.javascript)||s(this.comment)},end:function(){return s(";")||t("}")},alpha:function(){var a;if(!!s(/^\(opacity=/i))if(a=s(/^\d+/)||s(this.entities.variable)){if(!s(")"))throw new Error("missing closing ) for alpha()");return new e.Alpha(a)}},element:function(){var a,b,c;c=s(this.combinator),a=s(/^(?:[.#]?|:*)(?:[\w-]|\\(?:[a-fA-F0-9]{1,6} ?|[^a-fA-F0-9]))+/)||s("*")||s(this.attribute)||s(/^\([^)@]+\)/);if(a)return new e.Element(c,a)},combinator:function(){var a,d=b.charAt(c);if(d===">"||d==="&"||d==="+"||d==="~"){c++;while(b.charAt(c)===" ")c++;return new e.Combinator(d)}if(d===":"&&b.charAt(c+1)===":"){c+=2;while(b.charAt(c)===" ")c++;return new e.Combinator("::")}return b.charAt(c-1)===" "?new e.Combinator(" "):new e.Combinator(null)},selector:function(){var a,d,f=[],g,h;while(d=s(this.element)){g=b.charAt(c),f.push(d);if(g==="{"||g==="}"||g===";"||g===",")break}if(f.length>0)return new e.Selector(f)},tag:function(){return s(/^[a-zA-Z][a-zA-Z-]*[0-9]?/)||s("*")},attribute:function(){var a="",b,c,d;if(!!s("[")){if(b=s(/^[a-zA-Z-]+/)||s(this.entities.quoted))(d=s(/^[|~*$^]?=/))&&(c=s(this.entities.quoted)||s(/^[\w-]+/))?a=[b,d,c.toCSS?c.toCSS():c].join(""):a=b;if(!s("]"))return;if(a)return"["+a+"]"}},block:function(){var a;if(s("{")&&(a=s(this.primary))&&s("}"))return a},ruleset:function(){var a=[],b,d,g;p();if(g=/^([.#: \w-]+)[\s\n]*\{/.exec(j[f]))c+=g[0].length-1,a=[new e.Selector([new e.Element(null,g[1])])];else while(b=s(this.selector)){a.push(b),s(this.comment);if(!s(","))break;s(this.comment)}if(a.length>0&&(d=s(this.block)))return new e.Ruleset(a,d);i=c,q()},rule:function(){var a,d,g=b.charAt(c),k,l;p();if(g!=="."&&g!=="#"&&g!=="&")if(a=s(this.variable)||s(this.property)){a.charAt(0)!="@"&&(l=/^([^@+\/'"*`(;{}-]*);/.exec(j[f]))?(c+=l[0].length-1,d=new e.Anonymous(l[1])):a==="font"?d=s(this.font):d=s(this.value),k=s(this.important);if(d&&s(this.end))return new e.Rule(a,d,k,h);i=c,q()}},"import":function(){var a;if(s(/^@import\s+/)&&(a=s(this.entities.quoted)||s(this.entities.url))&&s(";"))return new e.Import(a,o)},directive:function(){var a,d,f,g;if(b.charAt(c)==="@"){if(d=s(this["import"]))return d;if(a=s(/^@media|@page|@-[-a-z]+/)){g=(s(/^[^{]+/)||"").trim();if(f=s(this.block))return new e.Directive(a+" "+g,f)}else if(a=s(/^@[-a-z]+/))if(a==="@font-face"){if(f=s(this.block))return new e.Directive(a,f)}else if((d=s(this.entity))&&s(";"))return new e.Directive(a,d)}},font:function(){var a=[],b=[],c,d,f,g;while(g=s(this.shorthand)||s(this.entity))b.push(g);a.push(new e.Expression(b));if(s(","))while(g=s(this.expression)){a.push(g);if(!s(","))break}return new e.Value(a)},value:function(){var a,b=[],c;while(a=s(this.expression)){b.push(a);if(!s(","))break}if(b.length>0)return new e.Value(b)},important:function(){if(b.charAt(c)==="!")return s(/^! *important/)},sub:function(){var a;if(s("(")&&(a=s(this.expression))&&s(")"))return a},multiplication:function(){var a,b,c,d;if(a=s(this.operand)){while((c=s("/")||s("*"))&&(b=s(this.operand)))d=new e.Operation(c,[d||a,b]);return d||a}},addition:function(){var a,d,f,g;if(a=s(this.multiplication)){while((f=s(/^[-+]\s+/)||b.charAt(c-1)!=" "&&(s("+")||s("-")))&&(d=s(this.multiplication)))g=new e.Operation(f,[g||a,d]);return g||a}},operand:function(){var a,d=b.charAt(c+1);b.charAt(c)==="-"&&(d==="@"||d==="(")&&(a=s("-"));var f=s(this.sub)||s(this.entities.dimension)||s(this.entities.color)||s(this.entities.variable)||s(this.entities.call);return a?new e.Operation("*",[new e.Dimension(-1),f]):f},expression:function(){var a,b,c=[],d;while(a=s(this.addition)||s(this.entity))c.push(a);if(c.length>0)return new e.Expression(c)},property:function(){var a;if(a=s(/^(\*?-?[-a-z_0-9]+)\s*:/))return a[1]}}}},typeof a!="undefined"&&(d.Parser.importer=function(a,b,c,d){a.charAt(0)!=="/"&&b.length>0&&(a=b[0]+a),o({href:a,title:a,type:d.mime},c,!0)}),function(a){function d(a){return Math.min(1,Math.max(0,a))}function c(b){if(b instanceof a.Dimension)return parseFloat(b.unit=="%"?b.value/100:b.value);if(typeof b=="number")return b;throw{error:"RuntimeError",message:"color functions take numbers as parameters"}}function b(b){return a.functions.hsla(b.h,b.s,b.l,b.a)}a.functions={rgb:function(a,b,c){return this.rgba(a,b,c,1)},rgba:function(b,d,e,f){var g=[b,d,e].map(function(a){return c(a)}),f=c(f);return new a.Color(g,f)},hsl:function(a,b,c){return this.hsla(a,b,c,1)},hsla:function(a,b,d,e){function h(a){a=a<0?a+1:a>1?a-1:a;return a*6<1?g+(f-g)*a*6:a*2<1?f:a*3<2?g+(f-g)*(2/3-a)*6:g}a=c(a)%360/360,b=c(b),d=c(d),e=c(e);var f=d<=.5?d*(b+1):d+b-d*b,g=d*2-f;return this.rgba(h(a+1/3)*255,h(a)*255,h(a-1/3)*255,e)},hue:function(b){return new a.Dimension(Math.round(b.toHSL().h))},saturation:function(b){return new a.Dimension(Math.round(b.toHSL().s*100),"%")},lightness:function(b){return new a.Dimension(Math.round(b.toHSL().l*100),"%")},alpha:function(b){return new a.Dimension(b.toHSL().a)},saturate:function(a,c){var e=a.toHSL();e.s+=c.value/100,e.s=d(e.s);return b(e)},desaturate:function(a,c){var e=a.toHSL();e.s-=c.value/100,e.s=d(e.s);return b(e)},lighten:function(a,c){var e=a.toHSL();e.l+=c.value/100,e.l=d(e.l);return b(e)},darken:function(a,c){var e=a.toHSL();e.l-=c.value/100,e.l=d(e.l);return b(e)},fadein:function(a,c){var e=a.toHSL();e.a+=c.value/100,e.a=d(e.a);return b(e)},fadeout:function(a,c){var e=a.toHSL();e.a-=c.value/100,e.a=d(e.a);return b(e)},spin:function(a,c){var d=a.toHSL(),e=(d.h+c.value)%360;d.h=e<0?360+e:e;return b(d)},mix:function(b,c,d){var e=d.value/100,f=e*2-1,g=b.toHSL().a-c.toHSL().a,h=((f*g==-1?f:(f+g)/(1+f*g))+1)/2,i=1-h,j=[b.rgb[0]*h+c.rgb[0]*i,b.rgb[1]*h+c.rgb[1]*i,b.rgb[2]*h+c.rgb[2]*i],k=b.alpha*e+c.alpha*(1-e);return new a.Color(j,k)},greyscale:function(b){return this.desaturate(b,new a.Dimension(100))},e:function(b){return new a.Anonymous(b instanceof a.JavaScript?b.evaluated:b)},escape:function(b){return new a.Anonymous(encodeURI(b.value).replace(/=/g,"%3D").replace(/:/g,"%3A").replace(/#/g,"%23").replace(/;/g,"%3B").replace(/\(/g,"%28").replace(/\)/g,"%29"))},"%":function(b){var c=Array.prototype.slice.call(arguments,1),d=b.value;for(var e=0;e<c.length;e++)d=d.replace(/%[sda]/i,function(a){var b=a.match(/s/i)?c[e].value:c[e].toCSS();return a.match(/[A-Z]$/)?encodeURIComponent(b):b});d=d.replace(/%%/g,"%");return new a.Quoted('"'+d+'"',d)},round:function(b){if(b instanceof a.Dimension)return new a.Dimension(Math.round(c(b)),b.unit);if(typeof b=="number")return Math.round(b);throw{error:"RuntimeError",message:"math functions take numbers as parameters"}}}}(c("less/tree")),function(a){a.Alpha=function(a){this.value=a},a.Alpha.prototype={toCSS:function(){return"alpha(opacity="+(this.value.toCSS?this.value.toCSS():this.value)+")"},eval:function(a){this.value.eval&&(this.value=this.value.eval(a));return this}}}(c("less/tree")),function(a){a.Anonymous=function(a){this.value=a.value||a},a.Anonymous.prototype={toCSS:function(){return this.value},eval:function(){return this}}}(c("less/tree")),function(a){a.Call=function(a,b,c){this.name=a,this.args=b,this.index=c},a.Call.prototype={eval:function(b){var c=this.args.map(function(a){return a.eval(b)});if(!(this.name in a.functions))return new a.Anonymous(this.name+"("+c.map(function(a){return a.toCSS()}).join(", ")+")");try{return a.functions[this.name].apply(a.functions,c)}catch(d){throw{message:"error evaluating function `"+this.name+"`",index:this.index}}},toCSS:function(a){return this.eval(a).toCSS()}}}(c("less/tree")),function(a){a.Color=function(a,b){Array.isArray(a)?this.rgb=a:a.length==6?this.rgb=a.match(/.{2}/g).map(function(a){return parseInt(a,16)}):a.length==8?(this.alpha=parseInt(a.substring(0,2),16)/255,this.rgb=a.substr(2).match(/.{2}/g).map(function(a){return parseInt(a,16)})):this.rgb=a.split("").map(function(a){return parseInt(a+a,16)}),this.alpha=typeof b=="number"?b:1},a.Color.prototype={eval:function(){return this},toCSS:function(){return this.alpha<1?"rgba("+this.rgb.map(function(a){return Math.round(a)}).concat(this.alpha).join(", ")+")":"#"+this.rgb.map(function(a){a=Math.round(a),a=(a>255?255:a<0?0:a).toString(16);return a.length===1?"0"+a:a}).join("")},operate:function(b,c){var d=[];c instanceof a.Color||(c=c.toColor());for(var e=0;e<3;e++)d[e]=a.operate(b,this.rgb[e],c.rgb[e]);return new a.Color(d,this.alpha+c.alpha)},toHSL:function(){var a=this.rgb[0]/255,b=this.rgb[1]/255,c=this.rgb[2]/255,d=this.alpha,e=Math.max(a,b,c),f=Math.min(a,b,c),g,h,i=(e+f)/2,j=e-f;if(e===f)g=h=0;else{h=i>.5?j/(2-e-f):j/(e+f);switch(e){case a:g=(b-c)/j+(b<c?6:0);break;case b:g=(c-a)/j+2;break;case c:g=(a-b)/j+4}g/=6}return{h:g*360,s:h,l:i,a:d}}}}(c("less/tree")),function(a){a.Comment=function(a,b){this.value=a,this.silent=!!b},a.Comment.prototype={toCSS:function(a){return a.compress?"":this.value},eval:function(){return this}}}(c("less/tree")),function(a){a.Dimension=function(a,b){this.value=parseFloat(a),this.unit=b||null},a.Dimension.prototype={eval:function(){return this},toColor:function(){return new a.Color([this.value,this.value,this.value])},toCSS:function(){var a=this.value+this.unit;return a},operate:function(b,c){return new a.Dimension(a.operate(b,this.value,c.value),this.unit||c.unit)}}}(c("less/tree")),function(a){a.Directive=function(b,c){this.name=b,Array.isArray(c)?this.ruleset=new a.Ruleset([],c):this.value=c},a.Directive.prototype={toCSS:function(a,b){if(this.ruleset){this.ruleset.root=!0;return this.name+(b.compress?"{":" {\n  ")+this.ruleset.toCSS(a,b).trim().replace(/\n/g,"\n  ")+(b.compress?"}":"\n}\n")}return this.name+" "+this.value.toCSS()+";\n"},eval:function(a){a.frames.unshift(this),this.ruleset=this.ruleset&&this.ruleset.eval(a),a.frames.shift();return this},variable:function(b){return a.Ruleset.prototype.variable.call(this.ruleset,b)},find:function(){return a.Ruleset.prototype.find.apply(this.ruleset,arguments)},rulesets:function(){return a.Ruleset.prototype.rulesets.apply(this.ruleset)}}}(c("less/tree")),function(a){a.Element=function(b,c){this.combinator=b instanceof a.Combinator?b:new a.Combinator(b),this.value=c.trim()},a.Element.prototype.toCSS=function(a){return this.combinator.toCSS(a||{})+this.value},a.Combinator=function(a){a===" "?this.value=" ":this.value=a?a.trim():""},a.Combinator.prototype.toCSS=function(a){return{"":""," ":" ","&":"",":":" :","::":"::","+":a.compress?"+":" + ","~":a.compress?"~":" ~ ",">":a.compress?">":" > "}[this.value]}}(c("less/tree")),function(a){a.Expression=function(a){this.value=a},a.Expression.prototype={eval:function(b){return this.value.length>1?new a.Expression(this.value.map(function(a){return a.eval(b)})):this.value.length===1?this.value[0].eval(b):this},toCSS:function(a){return this.value.map(function(b){return b.toCSS(a)}).join(" ")}}}(c("less/tree")),function(a){a.Import=function(b,c){var d=this;this._path=b,b instanceof a.Quoted?this.path=/\.(le?|c)ss$/.test(b.value)?b.value:b.value+".less":this.path=b.value.value||b.value,this.css=/css$/.test(this.path),this.css||c.push(this.path,function(a){if(!a)throw new Error("Error parsing "+d.path);d.root=a})},a.Import.prototype={toCSS:function(){return this.css?"@import "+this._path.toCSS()+";\n":""},eval:function(b){var c;if(this.css)return this;c=new a.Ruleset(null,this.root.rules.slice(0));for(var d=0;d<c.rules.length;d++)c.rules[d]instanceof a.Import&&Array.prototype.splice.apply(c.rules,[d,1].concat(c.rules[d].eval(b)));return c.rules}}}(c("less/tree")),function(a){a.JavaScript=function(a,b,c){this.escaped=c,this.expression=a,this.index=b},a.JavaScript.prototype={eval:function(b){var c,d=this,e={},f=this.expression.replace(/@\{([\w-]+)\}/g,function(c,e){return a.jsify((new a.Variable("@"+e,d.index)).eval(b))});try{f=new Function("return ("+f+")")}catch(g){throw{message:"JavaScript evaluation error: `"+f+"`",index:this.index}}for(var h in b.frames[0].variables())e[h.slice(1)]={value:b.frames[0].variables()[h].value,toJS:function(){return this.value.eval(b).toCSS()}};try{c=f.call(e)}catch(g){throw{message:"JavaScript evaluation error: '"+g.name+": "+g.message+"'",index:this.index}}return typeof c=="string"?new a.Quoted('"'+c+'"',c,this.escaped,this.index):Array.isArray(c)?new a.Anonymous(c.join(", ")):new a.Anonymous(c)}}}(c("less/tree")),function(a){a.Keyword=function(a){this.value=a},a.Keyword.prototype={eval:function(){return this},toCSS:function(){return this.value}}}(c("less/tree")),function(a){a.mixin={},a.mixin.Call=function(b,c,d){this.selector=new a.Selector(b),this.arguments=c,this.index=d},a.mixin.Call.prototype={eval:function(a){var b,c,d=[],e=!1;for(var f=0;f<a.frames.length;f++)if((b=a.frames[f].find(this.selector)).length>0){c=this.arguments&&this.arguments.map(function(b){return b.eval(a)});for(var g=0;g<b.length;g++)if(b[g].match(c,a))try{Array.prototype.push.apply(d,b[g].eval(a,this.arguments).rules),e=!0}catch(h){throw{message:h.message,index:h.index,stack:h.stack,call:this.index}}if(e)return d;throw{message:"No matching definition was found for `"+this.selector.toCSS().trim()+"("+this.arguments.map(function(a){return a.toCSS()}).join(", ")+")`",index:this.index}}throw{message:this.selector.toCSS().trim()+" is undefined",index:this.index}}},a.mixin.Definition=function(b,c,d){this.name=b,this.selectors=[new a.Selector([new a.Element(null,b)])],this.params=c,this.arity=c.length,this.rules=d,this._lookups={},this.required=c.reduce(function(a,b){return!b.name||b.name&&!b.value?a+1:a},0),this.parent=a.Ruleset.prototype,this.frames=[]},a.mixin.Definition.prototype={toCSS:function(){return""},variable:function(a){return this.parent.variable.call(this,a)},variables:function(){return this.parent.variables.call(this)},find:function(){return this.parent.find.apply(this,arguments)},rulesets:function(){return this.parent.rulesets.apply(this)},eval:function(b,c){var d=new a.Ruleset(null,[]),e,f=[];for(var g=0,h;g<this.params.length;g++)if(this.params[g].name)if(h=c&&c[g]||this.params[g].value)d.rules.unshift(new a.Rule(this.params[g].name,h.eval(b)));else throw{message:"wrong number of arguments for "+this.name+" ("+c.length+" for "+this.arity+")"};for(var g=0;g<Math.max(this.params.length,c&&c.length);g++)f.push(c[g]||this.params[g].value);d.rules.unshift(new a.Rule("@arguments",(new a.Expression(f)).eval(b)));return(new a.Ruleset(null,this.rules.slice(0))).eval({frames:[this,d].concat(this.frames,b.frames)})},match:function(a,b){var c=a&&a.length||0,d;if(c<this.required)return!1;if(this.required>0&&c>this.params.length)return!1;d=Math.min(c,this.arity);for(var e=0;e<d;e++)if(!this.params[e].name&&a[e].eval(b).toCSS()!=this.params[e].value.eval(b).toCSS())return!1;return!0}}}(c("less/tree")),function(a){a.Operation=function(a,b){this.op=a.trim(),this.operands=b},a.Operation.prototype.eval=function(b){var c=this.operands[0].eval(b),d=this.operands[1].eval(b),e;if(c instanceof a.Dimension&&d instanceof a.Color)if(this.op==="*"||this.op==="+")e=d,d=c,c=e;else throw{name:"OperationError",message:"Can't substract or divide a color from a number"};return c.operate(this.op,d)},a.operate=function(a,b,c){switch(a){case"+":return b+c;case"-":return b-c;case"*":return b*c;case"/":return b/c}}}(c("less/tree")),function(a){a.Quoted=function(a,b,c,d){this.escaped=c,this.value=b||"",this.quote=a.charAt(0),this.index=d},a.Quoted.prototype={toCSS:function(){return this.escaped?this.value:this.quote+this.value+this.quote},eval:function(b){var c=this,d=this.value.replace(/`([^`]+)`/g,function(d,e){return(new a.JavaScript(e,c.index,!0)).eval(b).value}).replace(/@\{([\w-]+)\}/g,function(d,e){var f=(new a.Variable("@"+e,c.index)).eval(b);return f.value||f.toCSS()});return new a.Quoted(this.quote+d+this.quote,d,this.escaped,this.index)}}}(c("less/tree")),function(a){a.Rule=function(b,c,d,e){this.name=b,this.value=c instanceof a.Value?c:new a.Value([c]),this.important=d?" "+d.trim():"",this.index=e,b.charAt(0)==="@"?this.variable=!0:this.variable=!1},a.Rule.prototype.toCSS=function(a){return this.variable?"":this.name+(a.compress?":":": ")+this.value.toCSS(a)+this.important+";"},a.Rule.prototype.eval=function(b){return new a.Rule(this.name,this.value.eval(b),this.important,this.index)},a.Shorthand=function(a,b){this.a=a,this.b=b},a.Shorthand.prototype={toCSS:function(a){return this.a.toCSS(a)+"/"+this.b.toCSS(a)},eval:function(){return this}}}(c("less/tree")),function(a){a.Ruleset=function(a,b){this.selectors=a,this.rules=b,this._lookups={}},a.Ruleset.prototype={eval:function(b){var c=new a.Ruleset(this.selectors,this.rules.slice(0));c.root=this.root,b.frames.unshift(c);if(c.root)for(var d=0;d<c.rules.length;d++)c.rules[d]instanceof a.Import&&Array.prototype.splice.apply(c.rules,[d,1].concat(c.rules[d].eval(b)));for(var d=0;d<c.rules.length;d++)c.rules[d]instanceof a.mixin.Definition&&(c.rules[d].frames=b.frames.slice(0));for(var d=0;d<c.rules.length;d++)c.rules[d]instanceof a.mixin.Call&&Array.prototype.splice.apply(c.rules,[d,1].concat(c.rules[d].eval(b)));for(var d=0,e;d<c.rules.length;d++)e=c.rules[d],e instanceof a.mixin.Definition||(c.rules[d]=e.eval?e.eval(b):e);b.frames.shift();return c},match:function(a){return!a||a.length===0},variables:function(){return this._variables?this._variables:this._variables=this.rules.reduce(function(b,c){c instanceof a.Rule&&c.variable===!0&&(b[c.name]=c);return b},{})},variable:function(a){return this.variables()[a]},rulesets:function(){return this._rulesets?this._rulesets:this._rulesets=this.rules.filter(function(b){return b instanceof a.Ruleset||b instanceof a.mixin.Definition})},find:function(b,c){c=c||this;var d=[],e,f,g=b.toCSS();if(g in this._lookups)return this._lookups[g];this.rulesets().forEach(function(e){if(e!==c)for(var g=0;g<e.selectors.length;g++)if(f=b.match(e.selectors[g])){b.elements.length>1?Array.prototype.push.apply(d,e.find(new a.Selector(b.elements.slice(1)),c)):d.push(e);break}});return this._lookups[g]=d},toCSS:function(b,c){var d=[],e=[],f=[],g=[],h,i;if(!this.root)if(b.length===0)g=this.selectors.map(function(a){return[a]});else for(var j=0;j<this.selectors.length;j++)for(var k=0;k<b.length;k++)g.push(b[k].concat([this.selectors[j]]));for(var l=0;l<this.rules.length;l++)i=this.rules[l],i.rules||i instanceof a.Directive?f.push(i.toCSS(g,c)):i instanceof a.Comment?i.silent||(this.root?f.push(i.toCSS(c)):e.push(i.toCSS(c))):i.toCSS&&!i.variable?e.push(i.toCSS(c)):i.value&&!i.variable&&e.push(i.value.toString());f=f.join(""),this.root?d.push(e.join(c.compress?"":"\n")):e.length>0&&(h=g.map(function(a){return a.map(function(a){return a.toCSS(c)}).join("").trim()}).join(c.compress?",":g.length>3?",\n":", "),d.push(h,(c.compress?"{":" {\n  ")+e.join(c.compress?"":"\n  ")+(c.compress?"}":"\n}\n"))),d.push(f);return d.join("")+(c.compress?"\n":"")}}}(c("less/tree")),function(a){a.Selector=function(a){this.elements=a,this.elements[0].combinator.value===""&&(this.elements[0].combinator.value=" ")},a.Selector.prototype.match=function(a){return this.elements[0].value===a.elements[0].value?!0:!1},a.Selector.prototype.toCSS=function(a){if(this._css)return this._css;return this._css=this.elements.map(function(b){return typeof b=="string"?" "+b.trim():b.toCSS(a)}).join("")}}(c("less/tree")),function(b){b.URL=function(b,c){b.data?this.attrs=b:(!/^(?:https?:\/|file:\/|data:\/)?\//.test(b.value)&&c.length>0&&typeof a!="undefined"&&(b.value=c[0]+(b.value.charAt(0)==="/"?b.value.slice(1):b.value)),this.value=b,this.paths=c)},b.URL.prototype={toCSS:function(){return"url("+(this.attrs?"data:"+this.attrs.mime+this.attrs.charset+this.attrs.base64+this.attrs.data:this.value.toCSS())+")"},eval:function(a){return this.attrs?this:new b.URL(this.value.eval(a),this.paths)}}}(c("less/tree")),function(a){a.Value=function(a){this.value=a,this.is="value"},a.Value.prototype={eval:function(b){return this.value.length===1?this.value[0].eval(b):new a.Value(this.value.map(function(a){return a.eval(b)}))},toCSS:function(a){return this.value.map(function(b){return b.toCSS(a)}).join(a.compress?",":", ")}}}(c("less/tree")),function(a){a.Variable=function(a,b){this.name=a,this
16 | .index=b},a.Variable.prototype={eval:function(b){var c,d,e=this.name;e.indexOf("@@")==0&&(e="@"+(new a.Variable(e.slice(1))).eval(b).value);if(c=a.find(b.frames,function(a){if(d=a.variable(e))return d.value.eval(b)}))return c;throw{message:"variable "+e+" is undefined",index:this.index}}}}(c("less/tree")),c("less/tree").find=function(a,b){for(var c=0,d;c<a.length;c++)if(d=b.call(a,a[c]))return d;return null},c("less/tree").jsify=function(a){return Array.isArray(a.value)&&a.value.length>1?"["+a.value.map(function(a){return a.toCSS(!1)}).join(", ")+"]":a.toCSS(!1)};var g=location.protocol==="file:"||location.protocol==="chrome:"||location.protocol==="chrome-extension:"||location.protocol==="resource:";d.env=d.env||(location.hostname=="127.0.0.1"||location.hostname=="0.0.0.0"||location.hostname=="localhost"||location.port.length>0||g?"development":"production"),d.async=!1,d.poll=d.poll||(g?1e3:1500),d.watch=function(){return this.watchMode=!0},d.unwatch=function(){return this.watchMode=!1},d.env==="development"?(d.optimization=0,/!watch/.test(location.hash)&&d.watch(),d.watchTimer=setInterval(function(){d.watchMode&&n(function(a,b,c){a&&q(a.toCSS(),b,c.lastModified)})},d.poll)):d.optimization=3;var h;try{h=typeof a.localStorage=="undefined"?null:a.localStorage}catch(i){h=null}var j=document.getElementsByTagName("link"),k=/^text\/(x-)?less$/;d.sheets=[];for(var l=0;l<j.length;l++)(j[l].rel==="stylesheet/less"||j[l].rel.match(/stylesheet/)&&j[l].type.match(k))&&d.sheets.push(j[l]);d.refresh=function(a){var b,c;b=c=new Date,n(function(a,d,e){e.local?u("loading "+d.href+" from cache."):(u("parsed "+d.href+" successfully."),q(a.toCSS(),d,e.lastModified)),u("css for "+d.href+" generated in "+(new Date-c)+"ms"),e.remaining===0&&u("css generated in "+(new Date-b)+"ms"),c=new Date},a),m()},d.refreshStyles=m,d.refresh(d.env==="development")})(window)


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