revamp blog

Spuul · Jan 3, 2013 · 4548ef1 · 4548ef1
1 parent 3ffdff9
commit 4548ef1
Show file tree

Hide file tree

Showing 6 changed files with 57 additions and 35 deletions.
diff --git a/content.php b/content.php
@@ -15,7 +15,7 @@
 					</hgroup>
 				<?php else : ?>
 					<h1 class="entry-title">
-						<a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyeleven' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a>
+						<a class="post_title" href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyeleven' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a>
 					</h1>
 
 				<?php endif; ?>

diff --git a/header.php b/header.php
@@ -46,16 +46,31 @@
 
  <!-- REQUIRED FOR PARALLAX -->
 <script type="text/javascript" language="JavaScript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery-1.6.4.min.js" ></script>
+<script type="text/javascript" language="JavaScript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js" ></script>
 <script type="text/javascript" language="JavaScript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery.jparallax.min.js" ></script>
 <script type="text/javascript" language="JavaScript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery.event.frame.js" ></script>
 <script type="text/javascript" language="JavaScript" src="<?php bloginfo('stylesheet_directory'); ?>/js/manual.js"></script>
 <script type="text/javascript">
 jQuery(document).ready(function() 
 {
+
 	$('#parallax .parallax-layer')
 	.parallax({
 		mouseport: $('#parallax')
 	});
+
+	$('a').hover(function(){
+		$(this).stop().animate({color: '#333333'},150);
+	},function(){
+		$(this).stop().animate({color: '#f01f01'},150);
+	});
+
+	$('a.post_title').hover(function(){
+		$(this).stop().animate({color: '#f01f01'},150);
+	},function(){
+		$(this).stop().animate({color: '#333333'},150);
+	});
+
 });
 </script>  
  <!--REQUIRED FOR PARALLAX --> 
@@ -86,13 +101,13 @@
 
 <body <?php body_class(); ?>
 <div id="page" class="hfeed">
-	<a href="http://www.spuul.com" target="_blank"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/smallSpuul.png" alt="spuul logo" width="100px" height="42px" class="spuul_logo"/></a>
+	<a href="<?php echo esc_url( home_url( '/' ) ); ?>" target="_blank"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/smallSpuul.png" alt="spuul logo" width="100px" height="42px" class="spuul_logo"/></a>
 
 	<header id="branding" role="banner">
 		<div class="only-search<?php if ( $header_image ) : ?> with-image<?php endif; ?>">
-		<?php get_search_form(); ?>
-	</div>
-		<!-- parallax -->
+			<?php get_search_form(); ?>
+		</div>
+		<!-- parallax 
 		<a href="<?php echo esc_url( home_url( '/' ) ); ?>"><div id="parallax" class="clear">
 		   <div class="parallax-layer" style="width:1040px; height:316px;">
 				<img src="<?php bloginfo('stylesheet_directory'); ?>/images/headerBg.jpg" alt="" style="width:1040px; height:318px;"/>
@@ -103,7 +118,7 @@
 		    <div class="parallax-layer" style="width:1020px; height:308px;">
 				<img src="<?php bloginfo('stylesheet_directory'); ?>/images/spuul.png" alt="" style="width:1000px; height:288px;"/>
 		   </div>
-		</div></a>
+		</div></a>-->
 		 <!--/REQUIRED FOR PARALLAX -->
 
 			<hgroup>

diff --git a/images/blog_bg.jpg b/images/blog_bg.jpg
diff --git a/images/smallSpuul.psd b/images/smallSpuul.psd
diff --git a/js/manual.js b/js/manual.js
@@ -1,14 +1,3 @@
-$(document).ready(function(){
-	/* Ribbon Animation */
-	var ribbon = $('.ribbon a');
-	$(ribbon).hover(function(){
-		$(this).stop().animate({left: -10},250);
-		$(this).next().stop().animate({left: 10},250);
-	},function(){
-		$(this).stop().animate({left: -20},250);
-		$(this).next().stop().animate({left: 0},250);
-	});
-});
 
 $(document).ready(function(){
 	/* Spuul Logo animation */

diff --git a/style.css b/style.css
@@ -118,7 +118,7 @@ body {
 	box-shadow: 1px 1px 5px #ddd;
 }
 #secondary {
-	margin: 10px 0 0 0;
+	margin: -20px 0 0 0;
 	/*padding: 2%;*/
 	float: left;
 	/*margin-right: 2%;*/
@@ -342,6 +342,11 @@ body {
 	width: auto;
 }
 
+/* ADDED CSS */
+.post_title{
+	position: relative;
+}
+
 
 /* =Global
 ----------------------------------------------- */
@@ -670,9 +675,10 @@ a:hover {
 }
 
 /* Search Form */
+
 #branding #searchform {
 	position: absolute;
-	right: 5%;
+	right: 0%;
 	text-align: right;
 }
 #branding #searchform div {
@@ -699,7 +705,6 @@ a:hover {
 	display: none;
 }
 #branding .only-search #searchform {
-	top: 5px;
 	z-index: 1;
 }
 #branding .only-search #s {
@@ -708,10 +713,11 @@ a:hover {
 	color: #666;
 	position: relative;
 	top: -50px;
+	left: -20px;
 }
 #branding .only-search #s,
 #branding .only-search #s:focus {
-	width: 120px;
+	width: 220px;
 }
 #branding .only-search #s:focus {
 	background-color: #fff;
@@ -722,7 +728,7 @@ a:hover {
 	max-width: 195px;
 }
 #branding .only-search + #access div {
-	padding-right: 205px;
+
 }
 
 
@@ -781,19 +787,20 @@ a:hover {
 
 .entry-title,
 .entry-title a {
+	padding: 10px 0 10px;
 	font-family: 'Source Sans Pro', helvetica, sans-serif;
-	color: #444;
+	color: #333;
 	text-decoration: none;
-	font-weight: 300;
-	font-size: 30px;
+	font-weight: 500;
+	font-size: 40px;
 	line-height: 1;
 	margin: 0px 0px 10px 0;
 	text-shadow: 1px 1px 0px rgba(255,255,255,.2); /* 50% white from bottom */
 }
 .entry-title a:hover,
 .entry-title a:focus,
 .entry-title a:active {
-	color: #b1b1b1;
+
 }
 .entry-meta {
 	color: #666;
@@ -893,15 +900,14 @@ dl.gallery-item {
 }
 .entry-meta .edit-link a,
 .commentlist .edit-link a {
-	border: thin #efefef solid;
-	background: #fff;
-	color: #666;
+	color: #f01f01;
 	float: right;
 	font-size: 12px;
 	line-height: 1.5em;
 	font-weight: 300;
 	text-decoration: none;
-	padding: 0 8px;
+	padding: 2px 10px;
+	border-radius: 2px;
 }
 .entry-meta .edit-link a:hover,
 .commentlist .edit-link a:hover {
@@ -1856,7 +1862,7 @@ section.recent-posts .other-recent-posts li:after {
 .widget a:hover,
 .widget a:focus,
 .widget a:active {
-	text-decoration: underline;
+	text-decoration: none;
 }
 
 /* Search Widget */
@@ -1865,6 +1871,7 @@ section.recent-posts .other-recent-posts li:after {
 }
 .widget_search #s {
 	width: 85%;
+	display: none;
 }
 .widget_search #searchsubmit {
 	background: #ddd;
@@ -2321,6 +2328,14 @@ p.comment-form-comment {
 		width: auto;
 	}
 
+	.widget_search #s {
+		display: block;
+	}
+
+	#branding .only-search #s {
+		margin: 5px 0 0 0;
+	}
+
 	.spuul_logo{
 		margin: 0 0 0 20px;
 	}
@@ -2331,10 +2346,9 @@ p.comment-form-comment {
 
 	.entry-title,
 	.entry-title a {
-		top: -3px;
 		font-family: 'Source Sans Pro', helvetica, sans-serif;
 		text-decoration: none;
-		font-weight: 300;
+		font-weight: 400;
 		font-size: 30px;
 		line-height: 1;
 		margin: 0 0 0px 0;
@@ -2358,7 +2372,7 @@ p.comment-form-comment {
 	#main #secondary {
 		background: url('images/mainBg.jpg') repeat;
 		float: none;
-		margin: 0 auto;
+		margin:0px auto 0;
 		width: auto;
 	}
 
@@ -2474,6 +2488,11 @@ p.comment-form-comment {
 		font-size: 24px;
 	}
 
+	#branding .only-search #s {
+		margin: 5px 0 0 0;
+		width: 175px;
+	}
+
 	#bannerImg{
 		display: block;
 	}
@@ -2598,7 +2617,6 @@ p.comment-form-comment {
 	.entry-title a {
 		top: -3px;
 		font-family: 'Source Sans Pro', helvetica, sans-serif;
-		color: #444;
 		text-decoration: none;
 		font-weight: 500;
 		font-size: 30px;