Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

More tweakage.

  • Loading branch information...
commit c203ae9090a8fbd00d95aaaec8bb6a11319efd2b 1 parent 2c83125
Dougal Campbell authored
View
3  format-status.php
@@ -2,6 +2,9 @@
<header>
<h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'initializr' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
</header>
+ <div class="author-avatar">
+ <?php echo get_avatar( get_the_author_meta( 'user_email' ), apply_filters( 'initializr_author_bio_avatar_size', 32 ) ); ?>
+ </div><!-- .author-avatar -->
<div class="entry-content">
<?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'initializr' ) ); ?>
</div><!-- .entry-content -->
View
3  format.php
@@ -3,7 +3,7 @@
<h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'initializr' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
</header>
<?php initializr_post_date(); ?>
- <?php if ( false && ! is_singular() ) : /* Only display excerpts for archives and search. */ ?>
+ <?php if ( ! is_singular() && has_excerpt() ) : /* Only display excerpts for archives and search. */ ?>
<div class="entry-summary">
<?php the_excerpt(); ?>
</div><!-- .entry-summary -->
@@ -15,5 +15,6 @@
<?php endif; ?>
<footer>
+ <?php echo timeAgo(); ?> <a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'initializr' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark">#</a>
</footer>
</article>
View
2  functions.php
@@ -414,7 +414,7 @@ function initializr_post_date() {
function gr_post_thumbnail($text) {
if (function_exists('has_post_thumbnail') && has_post_thumbnail() /* && (is_home() || is_singular()) */) {
- $text = '<div style="float: right;">' . get_the_post_thumbnail() . '</div>' . $text;
+ $text = '<div class="featured-image align-right" style="float: right;">' . get_the_post_thumbnail() . '</div>' . $text;
}
return $text;
View
BIN  images/film.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
56 style.css
@@ -98,7 +98,7 @@ p,ul,ol,blockquote {
}
/** Positioning **/
-/* see: view-source:http://matthewjamestaylor.com/blog/perfect-2-column-right-menu.htm */
+/* see: http://matthewjamestaylor.com/blog/perfect-2-column-right-menu.htm */
#header-container {
float: left;
@@ -206,20 +206,20 @@ h3{
font-size: 20px;
}
-nav{
+#header-container nav{
float:right;
margin-top:100px;
}
-nav ul, nav ul li{
+#header-container nav ul, #header-container nav ul li{
display:inline;
}
-nav ul li {
+#header-container nav ul li {
margin-left: 3px;
}
-nav a {
+#header-container nav a {
padding:20px;
color:white;
text-decoration:none;
@@ -322,7 +322,27 @@ article.format-aside::after {
font-style: oblique
}
+article.format-status header h2 {
+ font-size: 24px;
+}
+
+article.format-status div.author-avatar {
+ position: absolute;
+ left: -60px;
+ border: 1px solid #eee;
+ -webkit-box-shadow: 4px 4px 16px 2px rgba(0,0,0, 0.4);
+ -moz-box-shadow: 4px 4px 16px 2px rgba(0,0,0, 0.4);
+ box-shadow: 4px 4px 16px 2px rgba(0,0,0, 0.4);
+}
+
+#main article.format-status div.entry-content p {
+ font-size: 1.6em;
+}
+
article.format-quote {
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
border: 1px solid #eee;
-webkit-box-shadow: 8px 8px 16px 4px rgba(0,0,0, 0.4);
-moz-box-shadow: 8px 8px 16px 4px rgba(0,0,0, 0.4);
@@ -338,7 +358,8 @@ article footer {
}
article.format-link {
- padding-left: 40px;
+ margin-left: -60px; /* hang background image in margin */
+ padding-left: 60px;
min-height: 32px;
background-image: url(images/link.png);
background-repeat: no-repeat;
@@ -374,7 +395,10 @@ blockquote p {
margin-bottom: 0.5em;
}
-article.format-image, article-format-video {
+article.format-image, article.format-video {
+ width: 90%;
+ margin-left: auto;
+ margin-right: auto;
background-color: #333;
color: #eee;
padding: 2em;
@@ -397,6 +421,10 @@ article.format-image a:hover, article.format-video a:hover {
color: #fff;
}
+.entry-summary {
+ font-style: oblique;
+}
+
/* */
#footer-container {
@@ -417,7 +445,7 @@ article.format-image a:hover, article.format-video a:hover {
.post-date {
display: block;
position: absolute;
- left: -3em;
+ left: -60px;
top: 0px;
font-size: 1.5em;
border-radius: 0.5em;
@@ -432,6 +460,12 @@ article.format-image a:hover, article.format-video a:hover {
box-shadow: 8px 8px 6px -6px #AAA;
}
+div.featured-image {
+ -webkit-box-shadow: 8px 8px 6px -6px #AAA;
+ -moz-box-shadow: 8px 8px 6px -6px #AAA;
+ box-shadow: 8px 8px 6px -6px #AAA;
+}
+
.post-date .month {
display: block;
font-size: .5em;
@@ -455,7 +489,9 @@ article.format-image a:hover, article.format-video a:hover {
padding: 0.4em 0;
}
-
+.align-right { float: right; };
+.align-left { float: left; };
+.align-center { margin-left: auto; margin-right: auto; text-align: center; }
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
@@ -478,7 +514,7 @@ article.format-image a:hover, article.format-video a:hover {
@media screen and (max-device-width: 480px) {
- /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
+ /* */ html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } /* */
}
Please sign in to comment.
Something went wrong with that request. Please try again.