stylechanges

wp-content/themes/studio12/header.php

@@ -16,11 +16,22 @@
   <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">  
   <!--[if lt IE 9]>
   <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>  
+
+
+
   <![endif]-->  
    <?php wp_head(); ?>
 </head>
 <body <?php body_class(); ?>>  
-   <div id="page-wrap">
+  <div id="fb-root"></div>
+       <script>(function(d, s, id) {
+	   var js, fjs = d.getElementsByTagName(s)[0];
+	   if (d.getElementById(id)) return;
+	   js = d.createElement(s); js.id = id;
+	   js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
+	   fjs.parentNode.insertBefore(js, fjs);
+	 }(document, 'script', 'facebook-jssdk'));</script>
+  <div id="page-wrap">
     <div id="header">
        <img id="logo" src="<?php echo get_template_directory_uri(); ?>/images/logo.png" />
        <img id="banner" src="<?php echo get_template_directory_uri(); ?>/images/header.png" usemap="#homemap" />

wp-content/themes/studio12/index.php

@@ -16,8 +16,12 @@ $c++; ?>
    <div class="entry">
      <?php the_excerpt(); ?>
    </div>
+
   <a href="<?php the_permalink() ?>">
   <img class="lesmer" src="<?php echo get_template_directory_uri(); ?>/images/knapp_opp_lesmer.png" alt="Les Mer" onmouseover=" this.src='<?php echo get_template_directory_uri(); ?>/images/knapp_ned_lesmer.png'" onmouseout=" this.src='<?php echo get_template_directory_uri(); ?>/images/knapp_opp_lesmer.png'"  /></a>
+  <div class="fb-like lesmer" data-href="<?php the_permalink() ?>" data-send="false" data-layout="button_count" data-width="40" data-show-faces="false"></div>
+<a href="https://twitter.com/share" class="twitter-share-button lesmer" data-url="<?php the_permalink() ?>" data-count="none" data-hashtags="STUDiO2012">Tweet</a>
+  <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
 </div>
        <hr style="margin-top: 3em;" />
 </article>
@@ -31,6 +35,9 @@ $c++; ?>
    </div>
   <a href="<?php the_permalink() ?>">
   <img class="lesmer" src="<?php echo get_template_directory_uri(); ?>/images/knapp_opp_lesmer.png" alt="Les Mer" onmouseover=" this.src='<?php echo get_template_directory_uri(); ?>/images/knapp_ned_lesmer.png'" onmouseout=" this.src='<?php echo get_template_directory_uri(); ?>/images/knapp_opp_lesmer.png'"  /></a>
+  <div class="fb-like lesmer" data-href="<?php the_permalink() ?>" data-send="false" data-layout="button_count" data-width="40" data-show-faces="false"></div>
+<a href="https://twitter.com/share" class="twitter-share-button lesmer" data-url="<?php the_permalink() ?>" data-count="none" data-hashtags="STUDiO2012">Tweet</a>
+  <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
 </div>
        <hr />
 </article>

wp-content/themes/studio12/style.css

@@ -79,6 +79,7 @@ body {
     transition: all 0.5s ease-in;
 }
 .menu-item a:hover {
+    text-shadow: 0 0 #000000;
     background-color: #f57ec5;
     -moz-transition: all 0.5s ease-in;
     -webkit-transition: all 0.5s ease-in;
@@ -146,6 +147,9 @@ hr { width: 60%; }
 .widget-side-right{ 
     background-color: #FFF;
 }
+.widget_artist_widget {
+    background-color: #000;
+}
 
 .countdown {
     padding-bottom: 8px;
@@ -186,6 +190,7 @@ hr { width: 60%; }
 }
 
 .widget .artist {
+
     display: block;
     text-align: left;
     margin-left: 1em;
@@ -193,7 +198,7 @@ hr { width: 60%; }
 }
  
 .widget .artist a {
-    font-family: 'Lobster', cursive;
+    font-family: 'Oswald', cursive;
     text-decoration: none;
 }
 .widget .artist :hover {
@@ -409,4 +414,8 @@ button:hover {
     -webkit-transition: all 0.5s ease-in;
     -o-transition: all 0.5s ease-in;
     transition: all 0.5s ease-in;
-}
+}
+
+.twitter-share-button {
+    margin-right: 1em;
+}