Permalink
Browse files

Updated theme styling

  • Loading branch information...
1 parent 4d33979 commit 2e139013c62d5d7e9ebba5f5e0f65bc0af75ca67 ModLearning Team committed Oct 11, 2012
Showing with 245 additions and 155 deletions.
  1. +2 −2 archives.php
  2. +2 −2 content-single.php
  3. +3 −3 content.php
  4. +3 −2 functions.php
  5. +1 −1 index.php
  6. +12 −17 page-homepage.php
  7. +61 −32 page.php
  8. +11 −11 search.php
  9. +12 −11 searchform.php
  10. +2 −2 sidebar.php
  11. +136 −72 style.css
View
4 archives.php
@@ -1,13 +1,13 @@
<?php get_header(); ?>
- <div class="row sub-header">
+ <div class="sub-header">
<div class="twelve columns">
<h2>
<?php if ( is_day() ) : ?>
Daily Archives: <span><?php get_the_date(); ?></span>
<?php elseif ( is_month() ) : ?>
- Monthly Archives: <span><?php get_the_date( 'F Y' ); ?></span>
+ Monthly Archidves: <span><?php get_the_date( 'F Y' ); ?></span>
<?php elseif ( is_year() ) : ?>
Yearly Archives: <span><?php get_the_date( 'Y' ); ?></span>
<?php else : ?>
View
4 content-single.php
@@ -4,7 +4,7 @@
<?php if ( has_post_thumbnail() ) : ?>
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
- <?php the_post_thumbnail(); ?>
+ <?php the_post_thumbnail( 'blog-img' ); ?>
</a>
<?php endif; ?>
@@ -22,7 +22,7 @@
<div class="entry-footer">
<span class="the-author">By <?php the_author(); ?></span>
- <span class="cats">Categories: <?php echo get_the_category_list( ', ' ); ?></span>
+ <span class="cats">Categories:</span> <?php echo get_the_category_list( ', ' ); ?>
</div>
<div class="the-tags">
View
6 content.php
@@ -4,7 +4,7 @@
<?php if ( has_post_thumbnail() ) : ?>
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
- <?php the_post_thumbnail(); ?>
+ <?php the_post_thumbnail( 'blog-img' ); ?>
</a>
<?php endif; ?>
@@ -22,9 +22,9 @@
<div class="entry-footer">
<span class="the-author">By <?php the_author(); ?></span>
- <span class="cats">Categories: <?php echo get_the_category_list( ', ' ); ?></span>
+ <span class="cats">Categories:</span> <?php echo get_the_category_list( ', ' ); ?>
</div>
- <?php edit_post_link(); ?>
+ <?php //edit_post_link(); ?>
</article>
View
5 functions.php
@@ -13,7 +13,8 @@
// Add Thumbnail Support
add_theme_support('post-thumbnails');
- add_image_size( 'yeti-featured', 220, 140, true );
+ add_image_size( 'yeti-featured', 220, 140, true );
+ add_image_size( 'blog-img', 597, 300, true );
// Add Multi-Post Format Support
add_theme_support( 'post-formats', array( 'aside', 'link', 'gallery', 'status', 'quote', 'image' ) );
@@ -98,7 +99,7 @@ function yeti_pagination() {
global $wp_query;
$big = 999999999;
echo paginate_links( array(
- 'base' => str_replace( $big, '%#%', get_pagenum_link( $big ) ),
+ 'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
'format' => '?paged=%#%',
'current' => max( 1, get_query_var('paged') ),
'total' => $wp_query->max_num_pages )
View
2 index.php
@@ -22,7 +22,7 @@
<?php else: ?>
<article id="post-0" class="post no-results not-found">
- <h2>Sorry, no posts to display!</h2>
+ <h4>Sorry, no posts to display!</h4>
</article>
<?php endif; ?>
View
29 page-homepage.php
@@ -5,24 +5,21 @@
?>
<?php get_header(); ?>
+
+ <div class="twelve columns intro">
+ Welcome to <span class="yeti">Yeti</span>
+ </div>
- <div class="row">
- <div class="twelve columns intro">
- Welcome to <span class="yeti">Yeti</span>
+ <div class="twelve columns">
+ <div id="featured">
+ <img src="<?php echo get_template_directory_uri(); ?>/images/yeti-featured1.png" alt="slide image">
+ <img src="<?php echo get_template_directory_uri(); ?>/images/yeti-featured2.png" alt="slide image">
+ <img src="<?php echo get_template_directory_uri(); ?>/images/yeti-featured3.png" alt="slide image">
</div>
</div>
- <div class="row">
- <div class="twelve columns">
- <div id="featured">
- <img src="<?php echo get_template_directory_uri(); ?>/images/yeti-featured1.png" alt="slide image">
- <img src="<?php echo get_template_directory_uri(); ?>/images/yeti-featured2.png" alt="slide image">
- <img src="<?php echo get_template_directory_uri(); ?>/images/yeti-featured3.png" alt="slide image">
- </div>
- </div>
- </div>
- <div class="row b-preview">
+ <div class="b-preview">
<div class="twelve columns">
<h2>LATEST NEWS</h2>
@@ -50,7 +47,7 @@
<span class="entry-meta-front"><time datetime="<?php echo get_the_date(); ?>"><?php echo get_the_date(); ?></time>
<?php if ( comments_open() ) : ?>
- &bull; <?php comments_popup_link( '0 Comments', '1 Comment', '% Comments' ); ?>
+ &bull; <?php comments_popup_link( 'No Comments', '1 Comment', '% Comments' ); ?>
<?php endif; ?>
</span>
@@ -60,8 +57,6 @@
</div>
<?php endforeach; ?>
- </div>
-
-
+ </div>
<?php get_footer(); ?>
View
93 page.php
@@ -16,42 +16,71 @@
<div class="eight columns">
- <h2>Default Page Template</h2>
+ <h2 class="page-head"><?php wp_title( '' ); ?></h2>
- <h4>Browse by Month</h4>
- <ul>
- <?php
- $args = array(
- 'type' => 'monthly'
- );
+ <div class="alert-box secondary p-sample">
+ <h4>Browse by Year</h4>
+ <ul>
+ <?php
+ $args = array(
+ 'type' => 'yearly'
+ );
+
+ wp_get_archives( $args );
+ ?>
+ </ul>
- wp_get_archives( $args );
- ?>
- </ul>
-
- <h4>Browse by Category</h4>
- <ul>
- <?php
- $args = array(
- 'title_li' => ''
- );
+ <h4>Browse by Month</h4>
+ <ul>
+ <?php
+ $args = array(
+ 'type' => 'monthly'
+ );
+
+ wp_get_archives( $args );
+ ?>
+ </ul>
- wp_list_categories( $args );
- ?>
- </ul>
-
- <h4>Browse by Tag</h4>
- <ul>
- <?php
- $args = array(
- 'orderby' => 'name',
- 'order' => 'ASC'
- );
+ <h4>Browse by Day</h4>
+ <ul>
+ <?php
+ $args = array(
+ 'type' => 'daily'
+ );
+
+ wp_get_archives( $args );
+ ?>
+ </ul>
- wp_tag_cloud( $args );
- ?>
- </ul>
-
+ <h4>Browse by Category</h4>
+ <ul>
+ <?php
+ $args = array(
+ 'title_li' => ''
+ );
+
+ wp_list_categories( $args );
+ ?>
+ </ul>
+
+ <h4>Browse by Tag</h4>
+ <ul>
+ <?php
+ $args = array(
+ 'smallest' => 10,
+ 'largest' => 10,
+ 'separator' => ', ',
+ 'orderby' => 'name',
+ 'order' => 'ASC',
+
+ );
+
+ wp_tag_cloud( $args );
+
+ ?>
+ </ul>
+ </div>
+
</div><!-- end columns -->
<?php get_sidebar(); ?>
View
22 search.php
@@ -1,12 +1,10 @@
-<?php get_header(); ?>
-
- <div class="row sub-header">
- <div class="twelve columns">
- <h2>
- Search Results for: <?php echo get_search_query(); ?>
- </h2>
- </div>
+<?php get_header(); ?>
+
+ <div class="twelve columns archive-header">
+ <h2>
+ Search Results for <span class="s-results"><?php echo get_search_query(); ?></span>
+ </h2>
</div>
<div class="eight columns">
@@ -21,14 +19,16 @@
<div class="page-navi">
- <?php posts_nav_link(' ', 'Previous', 'Next'); ?>
-
+ <?php //posts_nav_link(' ', 'Previous', 'Next'); ?>
+ <div id="pagination">
+ <?php yeti_pagination(); ?>
+ </div>
</div>
<?php else: ?>
<article id="post-0" class="post no-results not-found">
- <h2>Sorry, but nothing matched your search criteria.</h2>
+ <h4>Sorry, but nothing matched your search criteria.</h4>
</article>
<?php endif; ?>
View
23 searchform.php
@@ -1,14 +1,15 @@
-<div class="row">
- <div class="twelve columns">
+
+<form action="<?php echo home_url( '/' ); ?>" method="get">
+ <div class="row">
<div class="row collapse">
- <form action="<?php echo home_url( '/' ); ?>" method="get">
- <div class="eight mobile-three columns">
- <input type="text" id="search" placeholder="Search" name="s" value="<?php the_search_query(); ?>" />
- </div>
- <div class="four mobile-one columns">
- <button type="submit" id="search-button" class="postfix button">Search</a>
- </div>
- </form>
+ <div class="eight columns">
+ <input type="text" id="search" placeholder="Search" name="s" value="<?php the_search_query(); ?>" />
+ </div>
+ <div class="four columns">
+ <button type="submit" id="search-button" class="postfix button">GO</a>
+ </div>
</div>
</div>
-</div>
+</form>
+
+
View
4 sidebar.php
@@ -1,12 +1,12 @@
-<div class="three columns offset-by-one">
+<div class="three columns off-by-one">
<?php if ( is_active_sidebar('main-sidebar') ) : ?>
<?php dynamic_sidebar( 'main-sidebar' ); ?>
<?php else : ?>
- <div class="alert-box secondary">You have no active widgets.</div>
+ <div class="alert-box secondary no-widgets">You have no active widgets.</div>
<?php endif; ?>
View
208 style.css
@@ -19,13 +19,23 @@ h1, h2, h3, h4, h5 {
font-family: "OpenSans", "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
font-weight: 300;
}
+.yeti { color: #2ba6cb; }
+.label {padding: 3px 5px; } /* Adjust label for bigger display */
+
+
+/* -----------------------------------------
+ Header
+----------------------------------------- */
.top-bar {
height: 100px;
background: #333;
line-height: 1px;
margin: 0;
}
.top-bar ul li.active, .top-bar ul li:hover { background: #333; }
+.top-bar ul > li a:not(.button) { height: 28px; line-height: 28px; }
+.top-bar ul > li:hover, .top-bar ul > li.active { background: #222; }
+.top-bar ul > li:hover a, .top-bar ul > li.active a { color: #2ba6cb; }
.y-nav {
margin-top: 35px;
}
@@ -34,14 +44,11 @@ h1, h2, h3, h4, h5 {
margin-left: 10px;
border-radius: 5px;
}
-.top-bar ul > li a:not(.button) {
- height: 28px;
- line-height: 28px;
-}
-.top-bar ul > li:hover, .top-bar ul > li.active { background: #222; }
-.top-bar ul > li:hover a, .top-bar ul > li.active a { color: #2ba6cb; }
-.yeti { color: #2ba6cb; }
+
+/* -----------------------------------------
+ Footer
+----------------------------------------- */
footer {
background: #353535;
color: #fff;
@@ -54,119 +61,176 @@ footer p {
font-size: 12px;
}
+
+/* -----------------------------------------
+ 404 Error
+----------------------------------------- */
.error {
text-align: center;
}
/* -----------------------------------------
- Page Name 1
+ Static Homepage
----------------------------------------- */
+.intro {
+ font-size: 28px;
+ font-family: "Open Sans",Arial,sans-serif;
+ color: #333;
+ letter-spacing: -0.6px;
+ text-align: center;
+ line-height: 30px;
+ margin: 30px 0 30px;
+}
+.orbit-wrapper .slider-nav span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 400ms; -moz-transition: opacity 400ms; -o-transition: opacity 400ms; transition: opacity 400ms; }
+.orbit-wrapper:hover .slider-nav span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 0.3; }
+#featured {
+ background: url(spinner.gif) center center #f4f4f4;
+ height: 300px;
+}
+#featured img { display: none; }
+#featured.orbit { background: none; }
+#featured.orbit img { display: block; }
+.b-preview h2 {
+ font-size: 18px;
+ border-bottom: 2px solid #a9a9a9;
+ padding-bottom: 3px;
+ margin-bottom: 20px;
+}
+.entry-meta-front {
+ font-size: 12px;
+ color: #808080;
+ padding-bottom: 3px;
+}
+.art-front h4 {
+ font-size: 12px;
+ font-weight: bold;
+ margin-bottom: 0;
+ padding-bottom: 3px;
+}
+.art-front h4 a {
+ color: #333;
+}
+.art-front h4 a:hover {
+ color: #AFAECB;
+}
+.attachment-yeti-featured {
+ height: 140px;
+ width: 210px;
+ padding: 0;
+ margin: 0;
+}
-
+/* -----------------------------------------
+ Blog View
+----------------------------------------- */
article {
- padding-bottom: 20px;
+ margin-top: 30px;
+}
+.attachment-blog-img {
+ height: 300px;
+ width: 597px;
+ padding: 0;
+ margin: 0 0 10px;
+}
+article h2 {
+ margin: 0;
+ padding: 0 0 10px;
+ font-size: 32px;
}
.entry-meta {
font-size: 12px;
color: #808080;
- padding-bottom: 3px;
+ padding-bottom: 10px;
border-bottom: 1px solid #222;
-
}
-.entry-footer {
-
+article p {
+ padding: 10px 0 20px;
+ margin: 0;
+ font-size: 12px;
+}
+.entry-footer {
font-size: 10px;
text-transform: uppercase;
}
.the-tags {
font-size: 12px;
padding: 25px 0 10px;
-
}
.the-tags span {
font-weight: normal;
margin-right: 5px;
}
-
-.widget-title {
- border-bottom: 1px solid #222;
-}
.the-author {
- float: right;
-
+ float: right;
}
-article h2 {
- margin: 0;
- padding: 0 0 10px;
-}
-article p {
- padding-top: 15px;
- font-size: 12px;
-}
-.attachment-yeti-featured {
- height: 140px;
- width: 210px;
- padding: 0;
- margin: 0;
+.cats, .the-author {
+ font-weight: bold;
}
-
-
.entry-meta a {
float: right;
}
+.page-navi {
+ margin: 30px 0 0;
+}
/* -----------------------------------------
- Static Homepage
+ Archives
----------------------------------------- */
-.intro {
- font-size: 28px;
- font-family: "Open Sans",Arial,sans-serif;
- color: #333;
- letter-spacing: -0.6px;
+.archive-header {
text-align: center;
- line-height: 30px;
- margin: 30px 0 30px;
+}
+.archive-header h2 {
+ color: rgb(255, 255, 255);
+ background-color: rgb(43, 166, 203);
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ border-radius: 3px 3px 3px 3px;
+ text-shadow: 0px -1px rgba(0, 0, 0, 0.3);
+ margin: 30px 0px 0px;
+ padding: 20px 0px;
}
-.orbit-wrapper .slider-nav span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 400ms; -moz-transition: opacity 400ms; -o-transition: opacity 400ms; transition: opacity 400ms; }
-.orbit-wrapper:hover .slider-nav span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 0.3; }
-#featured {
- background: url(spinner.gif) center center #f4f4f4;
- height: 300px;
+/* -----------------------------------------
+ Sidebar
+----------------------------------------- */
+.no-widgets {
+ margin-top: 30px;
+ text-align: center;
+}
+.widget {
+ margin: 30px 0 0;
+}
+.widget-title {
+ margin: 0 0 10px;
+}
+.widget ul {
+ margin: 0;
+ list-style: none;
+}
+.widget li {
+ border-bottom: 1px solid #DEDEDE;
+ padding: 2px 0;
}
-#featured img { display: none; }
-#featured.orbit { background: none; }
-#featured.orbit img { display: block; }
-.b-preview h2 {
- font-size: 18px;
- border-bottom: 2px solid #a9a9a9;
- padding-bottom: 3px;
- margin-bottom: 20px;
+/* -----------------------------------------
+ Page Template
+----------------------------------------- */
+.page-head {
+ margin: 30px 0 10px;
}
-
-.entry-meta-front {
- font-size: 12px;
- color: #808080;
- padding-bottom: 3px;
+.p-sample ul, .p-sample h4{
+ padding-left: 10px;
}
-.art-front h4 {
- font-size: 12px;
- font-weight: bold;
- margin-bottom: 0;
- padding-bottom: 3px;
-}
-.art-front h4 a {
+/* -----------------------------------------
+ Search
+----------------------------------------- */
+.s-results {
color: #333;
}
-.art-front h4 a:hover {
- color: #AFAECB;
-}

0 comments on commit 2e13901

Please sign in to comment.