From ae4c1a65d95c57e698d9d91571c78d9c129b9757 Mon Sep 17 00:00:00 2001
From: Nikolai Kristiansen <nikolaik@gmail.com>
Date: Sat, 23 Jun 2012 19:56:36 +0200
Subject: [PATCH] More style updates

---
 wp-content/themes/neuf-old-style/archives.php |  31 +++++
 wp-content/themes/neuf-old-style/digest.php   |   2 +-
 .../themes/neuf-old-style/eventslider.php     |   8 +-
 wp-content/themes/neuf-old-style/footer.php   |   4 +-
 wp-content/themes/neuf-old-style/index.php    |   4 +-
 .../themes/neuf-old-style/loop-event.php      |   4 +-
 .../themes/neuf-old-style/loop-page.php       |   8 +-
 .../themes/neuf-old-style/loop-single.php     |   8 +-
 .../themes/neuf-old-style/sass/screen.scss    | 111 ++++++++++++++--
 .../neuf-old-style/stylesheets/screen.css     | 122 +++++++++++++++++-
 10 files changed, 268 insertions(+), 34 deletions(-)
 create mode 100644 wp-content/themes/neuf-old-style/archives.php

diff --git a/wp-content/themes/neuf-old-style/archives.php b/wp-content/themes/neuf-old-style/archives.php
new file mode 100644
index 0000000..f5df779
--- /dev/null
+++ b/wp-content/themes/neuf-old-style/archives.php
@@ -0,0 +1,31 @@
+<?php
+/*
+Template Name: Archives
+*/
+get_header(); ?>
+
+<div id="container">
+	<div id="content" role="main">
+
+        <div class="body">
+
+            <?php the_post(); ?>
+            <h1 class="entry-title"><?php the_title(); ?></h1>
+            
+            <?php get_search_form(); ?>
+            
+            <h2>Per måned:</h2>
+            <ul>
+                <?php wp_get_archives('type=monthly'); ?>
+            </ul>
+            
+            <h2>Per kategori:</h2>
+            <ul>
+                 <?php wp_list_categories(); ?>
+            </ul>
+        </div>
+
+	</div><!-- #content -->
+</div><!-- #container -->
+
+<?php get_footer(); ?>
diff --git a/wp-content/themes/neuf-old-style/digest.php b/wp-content/themes/neuf-old-style/digest.php
index d31d8f8..50a6089 100755
--- a/wp-content/themes/neuf-old-style/digest.php
+++ b/wp-content/themes/neuf-old-style/digest.php
@@ -1,6 +1,6 @@
 		<div id="digest-news" class="grid_12 hfeed">
 
-			<h2>Aktuelt</h2>
+			<h2><a href="<?php bloginfo('url'); ?>/nyheter/">Nyheter</a></h2>
 
 				<?php // The LOOP
 					$digest_news = new WP_Query( 'posts_per_page=3' );
diff --git a/wp-content/themes/neuf-old-style/eventslider.php b/wp-content/themes/neuf-old-style/eventslider.php
index 00d18ba..bcdb5ef 100755
--- a/wp-content/themes/neuf-old-style/eventslider.php
+++ b/wp-content/themes/neuf-old-style/eventslider.php
@@ -39,11 +39,11 @@ $news = new WP_Query( 'type=post' );
 		if ($news->have_posts()) : $news->the_post(); ?>
 			<article id="post-<?php the_ID(); ?>" <?php neuf_post_class(); ?>>
 				<a class="permalink blocklink" href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>">
-					<header class="grid_6">
+					<header class="featured-text grid_6">
 						<h1><?php the_title(); ?></h1>
 						<?php the_excerpt(); ?>
 					</header>
-					<div class="grid_6">
+					<div class="featured-image grid_6">
 						<?php the_post_thumbnail( 'six-column-promo' ); ?>
 					</div>
 				</a>
@@ -55,7 +55,7 @@ $news = new WP_Query( 'type=post' );
 		while ($events->have_posts() && $counter < 4) : $events->the_post(); ?>
 			<article id="post-<?php the_ID(); ?>" <?php neuf_post_class(); ?>>
 				<a class="permalink blocklink" href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>">
-					<header class="grid_6">
+					<header class="featured-text grid_6">
 						<?php
 							$event_array = get_the_terms( $post->ID , 'event_type' );
 							foreach ( $event_array as $event_type )
@@ -69,7 +69,7 @@ $news = new WP_Query( 'type=post' );
 						<div class="venue"><?php echo get_post_meta(get_the_ID(), '_neuf_events_venue',true);?></div>
 						<?php the_excerpt(); ?>
 					</header>
-					<div class="grid_6">
+					<div class="featured-image grid_6">
 						<?php the_post_thumbnail( 'six-column-promo' ); ?>
 					</div>
 				</a>
diff --git a/wp-content/themes/neuf-old-style/footer.php b/wp-content/themes/neuf-old-style/footer.php
index e9ac5ca..f2ee981 100755
--- a/wp-content/themes/neuf-old-style/footer.php
+++ b/wp-content/themes/neuf-old-style/footer.php
@@ -2,9 +2,9 @@
 <footer id="site-footer">
 	<div id="footer-container">
         <div id="footer-about" class="grid_4 alpha">
-            <h2>Konsertforeningen Betong</h2>
+            <h2>Teater Neuf</h2>
             <p>
-            Konsertforeningen Betong er ansvarlige for konsertdriften på Det Norske Studentersamfund i Oslo, også kjent som Chateau Neuf. Vi disponerer konsertscenene Betong og Klubbscenen, to av byens største og beste av sitt slag. Tidligere har blant annet White Stripes, Ramones, Pearl Jam, Frank Zappa, Xzibit og Sigur Rós gjestet Det Norske Studentersamfund.
+                Studentteateret i Oslo er Norges største og eldste studentteater og Studentersamfundets største forening. Vi holder til på Chateau Neuf hvor vi har vår egen scene, Teaterscenen, og driver teater fra dag til dag. Vi er et prosjektbasert teater, noe som vil si at vi ikke har en fast gruppe skuespillere, regissører, scenografer o.l., men er åpne for hvem som helst å komme med prosjektbeskrivelser til nye forestillinger eller undergrupper av teateret. 
             </p>
         </div> <!-- #footer-about -->
     </div>
diff --git a/wp-content/themes/neuf-old-style/index.php b/wp-content/themes/neuf-old-style/index.php
index 3f8c87f..191ce22 100755
--- a/wp-content/themes/neuf-old-style/index.php
+++ b/wp-content/themes/neuf-old-style/index.php
@@ -8,7 +8,7 @@
 			
 			<article <?php neuf_post_class(); ?>>
 
-				<div class="grid_6">
+				<div class="body grid_6">
 
 					<h3 class="entry-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
 
@@ -16,7 +16,7 @@
 
 				</div> <!-- .grid_6 -->
 
-				<div class="grid_6">
+				<div class="featured-image grid_6">
 
 					<?php the_post_thumbnail( 'six-column-slim' , array( 'style' => 'display:block;margin:auto;' ) ); ?>
 
diff --git a/wp-content/themes/neuf-old-style/loop-event.php b/wp-content/themes/neuf-old-style/loop-event.php
index e9b3224..11cdfb2 100755
--- a/wp-content/themes/neuf-old-style/loop-event.php
+++ b/wp-content/themes/neuf-old-style/loop-event.php
@@ -10,7 +10,7 @@
 
 			<article <?php neuf_post_class(); ?>>
 
-				<div class="grid_6">
+				<div class="body grid_6">
 					<?php
 						$html = '<div class="event-type">' . implode( ', ' , $post->event_types ) . '</div>';
 						echo $html;
@@ -24,7 +24,7 @@
 
 				</div>
 
-				<div class="grid_6">
+				<div class="featured-image grid_6">
 
 					<?php the_post_thumbnail( 'large' , array( 'style' => 'display:block;margin:auto;' ) ); ?>
 
diff --git a/wp-content/themes/neuf-old-style/loop-page.php b/wp-content/themes/neuf-old-style/loop-page.php
index 015bac5..ab23ed5 100644
--- a/wp-content/themes/neuf-old-style/loop-page.php
+++ b/wp-content/themes/neuf-old-style/loop-page.php
@@ -1,8 +1,8 @@
 		<?php if( have_posts() ) : while( have_posts() ) : the_post(); ?>
 
-			<div <?php neuf_post_class(); ?>>
+			<article <?php neuf_post_class(); ?>>
 
-				<div class="grid_6">
+				<div class="body grid_6">
 
 					<h1 class="entry-title"><?php the_title(); ?></h1>
 
@@ -12,7 +12,7 @@
 
 				</div>
 
-				<div class="grid_6">
+				<div class="featured-image grid_6">
 
 					<?php the_post_thumbnail( 'large' , array( 'style' => 'display:block;margin:auto;' ) ); ?>
 
@@ -20,6 +20,6 @@
 
 				<?php neuf_maybe_display_gallery(); ?>
 
-			</div> <!-- .hentry -->
+			</article> <!-- .hentry -->
 
 		<?php endwhile; endif; ?>
diff --git a/wp-content/themes/neuf-old-style/loop-single.php b/wp-content/themes/neuf-old-style/loop-single.php
index 9a06ca6..4fd8e48 100755
--- a/wp-content/themes/neuf-old-style/loop-single.php
+++ b/wp-content/themes/neuf-old-style/loop-single.php
@@ -1,8 +1,8 @@
 		<?php if( have_posts() ) : while( have_posts() ) : the_post(); ?>
 
-			<div <?php neuf_post_class(); ?>>
+			<article <?php neuf_post_class(); ?>>
 
-				<div class="grid_6">
+				<div class="body grid_6">
 
 					<h1 class="entry-title"><?php the_title(); ?></h1>
                                         <?php if( get_post_type() == 'association' ): ?>
@@ -19,7 +19,7 @@
 
 				</div>
 
-				<div class="grid_6">
+				<div class="featured-image">
 
 					<?php the_post_thumbnail( 'large' , array( 'style' => 'display:block;margin:auto;' ) ); ?>
 
@@ -27,6 +27,6 @@
 
 				<?php neuf_maybe_display_gallery(); ?>
 
-			</div> <!-- .hentry -->
+			</article> <!-- .hentry -->
 
 		<?php endwhile; endif; ?>
diff --git a/wp-content/themes/neuf-old-style/sass/screen.scss b/wp-content/themes/neuf-old-style/sass/screen.scss
index f3eea45..44d9915 100644
--- a/wp-content/themes/neuf-old-style/sass/screen.scss
+++ b/wp-content/themes/neuf-old-style/sass/screen.scss
@@ -6,9 +6,13 @@
 @import "compass/reset";
 @import "compass/utilities/general/clearfix";
 @import "compass/typography/lists";
+@import "compass/css3/text-shadow";
 @import "960/grid";
 
 $main-color: #7650b3;
+$old-color: #a3626a;
+$alt-color: #2f2524;
+$link-color: lighten($main-color, 5%);
 
 /*$ninesixty-columns (default: 12) controls the default number of grid columns
 $ninesixty-grid-width (default: 960px) controls the default overall grid width
@@ -16,13 +20,39 @@ $ninesixty-gutter-width */
 $ninesixty-grid-width: 1200px; 
 
 body {
+    /* Base styles */
     font: 14px Arial, sans-serif;
     line-height: 1.5em;
 
     h1,h2,h3,h4 {
         font-family: Arvo, Georgia, serif;
         font-weight: bold;
-        font-size: 18px;
+        line-height: 1.5em;
+        @include single-text-shadow(darken(#fff, 10%), 1px, 1px, 0);
+    }
+    h1 {
+        font-size: 2.5em;
+    }
+    h2,h3,h4 {
+        font-size: 1.5em;
+    }
+    a {
+        color: $link-color;
+        text-decoration: none;
+        @include single-text-shadow(darken(#fff, 5%), 1px, 1px, 0);
+
+        &:link { color: $link-color; }
+        &:visited { color: $link-color; }
+        &:hover { text-decoration: underline; }
+        &:active { color: $link-color; }
+    }
+    ul {
+        list-style: disc;
+        padding-left: 25px;
+
+        li {
+            display: list-item;
+        }
     }
 
     #site-header {
@@ -54,19 +84,22 @@ body {
             }
             #menu {
                 @include grid(5);
-                @extend h1;
+                @extend h2;
                 text-transform: uppercase;
 
                 a {
                     color: #ffffff;
                     text-decoration: none;
+
+                    @include single-text-shadow(darken(#fff, 90%), 1px, 1px, 0);
                 }
+
                 ul {
                     @include inline-list;
 
                     li {
                         border-right: 1px solid #FFFFE1;
-                        padding: 4px;
+                        padding: 6px;
 
                         &.social-icon {
                             border: 0px;
@@ -105,22 +138,45 @@ body {
 
         #featured {
             @include grid(12);
+            a h1 {
+                color: #000;
+            }
 
+            #slider {
+                .featured-text {
+                    @include grid(6);
+                    @include alpha();
+                }
+            
+                .featured-image {
+                    @include grid(6);
+                    @include omega();
+                }
+
+            }
         }
         #program-6days {
             @include grid(12);
-            .day-1 {
-                @include alpha();
+            .day {
+                @include grid(2);
 
-            }
-            .day-6 {
-                @include omega();
+                &.alpha {
+                    @include alpha();
+
+                }
+                &.omega {
+                    @include omega();
+                }
             }
         }
         #digest-news {
             @include grid(12);
             margin-top: 25px;
 
+            h2 a {
+                color: #000;
+            }
+
             .news-entry {
                 @include grid(4);
 
@@ -132,6 +188,30 @@ body {
                 }
             }
         }
+        .body {
+            @include grid(6);
+            margin-bottom: 25px;
+        }
+
+        .featured-image {
+            @include grid(6);
+        }
+
+        .hentry {
+        }
+        #social-sharing {
+            margin-top: 10px;
+
+            .share-twitter {
+                display: inline-block;
+            }
+            .share-facebook {
+                display: inline-block;
+                position: relative;
+                bottom: 3px;
+            }
+
+        }
     }
     #site-footer {
         background-color: $main-color;
@@ -139,6 +219,21 @@ body {
         margin-top: 25px;
         padding-top: 25px;
         padding-bottom: 25px;
+        @include single-text-shadow(lighten($main-color, 10%), 1px, 1px, 0);
+
+        a {
+            color: #fff;
+            text-decoration: none;
+            @include single-text-shadow(darken(#fff, 90%), 1px, 1px, 0);
+
+            &:link { color: #fff; }
+            &:visited { color: #fff; }
+            &:hover { text-decoration: underline; }
+            &:active { color: #fff; }
+        }
+        h1,h2,h3,h4 {
+            @include single-text-shadow(lighten($main-color, 10%), 1px, 1px, 0);
+        }
 
         #footer-container {
             @include grid_container;
diff --git a/wp-content/themes/neuf-old-style/stylesheets/screen.css b/wp-content/themes/neuf-old-style/stylesheets/screen.css
index a09b999..7287029 100644
--- a/wp-content/themes/neuf-old-style/stylesheets/screen.css
+++ b/wp-content/themes/neuf-old-style/stylesheets/screen.css
@@ -3,8 +3,7 @@
  * Import this file using the following HTML or equivalent:
  * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
 html, body, div, span, applet, object, iframe,
-h1,
-body #site-header #header-container #menu, h2, h3, h4, h5, h6, p, blockquote, pre,
+h1, h2, body #site-header #header-container #menu, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, img, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
@@ -63,13 +62,45 @@ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
 $ninesixty-grid-width (default: 960px) controls the default overall grid width
 $ninesixty-gutter-width */
 body {
+  /* Base styles */
   font: 14px Arial, sans-serif;
   line-height: 1.5em;
 }
-body h1, body #site-header #header-container #menu, body h2, body h3, body h4 {
+body h1, body h2, body #site-header #header-container #menu, body h3, body h4 {
   font-family: Arvo, Georgia, serif;
   font-weight: bold;
-  font-size: 18px;
+  line-height: 1.5em;
+  text-shadow: #e6e6e6 1px 1px 0;
+}
+body h1 {
+  font-size: 2.5em;
+}
+body h2, body #site-header #header-container #menu, body h3, body h4 {
+  font-size: 1.5em;
+}
+body a {
+  color: #8462bb;
+  text-decoration: none;
+  text-shadow: #f2f2f2 1px 1px 0;
+}
+body a:link {
+  color: #8462bb;
+}
+body a:visited {
+  color: #8462bb;
+}
+body a:hover {
+  text-decoration: underline;
+}
+body a:active {
+  color: #8462bb;
+}
+body ul {
+  list-style: disc;
+  padding-left: 25px;
+}
+body ul li {
+  display: list-item;
 }
 body #site-header {
   background-color: #7650b3;
@@ -115,6 +146,7 @@ body #site-header #header-container #menu {
 body #site-header #header-container #menu a {
   color: #ffffff;
   text-decoration: none;
+  text-shadow: #1a1a1a 1px 1px 0;
 }
 body #site-header #header-container #menu ul {
   list-style-type: none;
@@ -126,7 +158,7 @@ body #site-header #header-container #menu ul, body #site-header #header-containe
 }
 body #site-header #header-container #menu ul li {
   border-right: 1px solid #FFFFE1;
-  padding: 4px;
+  padding: 6px;
 }
 body #site-header #header-container #menu ul li.social-icon {
   border: 0px;
@@ -166,6 +198,25 @@ body #content #featured {
   margin-right: 10px;
   width: 1180px;
 }
+body #content #featured a h1 {
+  color: #000;
+}
+body #content #featured #slider .featured-text {
+  display: inline;
+  float: left;
+  margin-left: 10px;
+  margin-right: 10px;
+  width: 580px;
+  margin-left: 0;
+}
+body #content #featured #slider .featured-image {
+  display: inline;
+  float: left;
+  margin-left: 10px;
+  margin-right: 10px;
+  width: 580px;
+  margin-right: 0;
+}
 body #content #program-6days {
   display: inline;
   float: left;
@@ -173,10 +224,17 @@ body #content #program-6days {
   margin-right: 10px;
   width: 1180px;
 }
-body #content #program-6days .day-1 {
+body #content #program-6days .day {
+  display: inline;
+  float: left;
+  margin-left: 10px;
+  margin-right: 10px;
+  width: 180px;
+}
+body #content #program-6days .day.alpha {
   margin-left: 0;
 }
-body #content #program-6days .day-6 {
+body #content #program-6days .day.omega {
   margin-right: 0;
 }
 body #content #digest-news {
@@ -187,6 +245,9 @@ body #content #digest-news {
   width: 1180px;
   margin-top: 25px;
 }
+body #content #digest-news h2 a, body #content #digest-news #site-header #header-container #menu a, body #site-header #header-container #content #digest-news #menu a {
+  color: #000;
+}
 body #content #digest-news .news-entry {
   display: inline;
   float: left;
@@ -200,12 +261,59 @@ body #content #digest-news .news-entry.alpha {
 body #content #digest-news .news-entry.omega {
   margin-right: 0;
 }
+body #content .body {
+  display: inline;
+  float: left;
+  margin-left: 10px;
+  margin-right: 10px;
+  width: 580px;
+  margin-bottom: 25px;
+}
+body #content .featured-image {
+  display: inline;
+  float: left;
+  margin-left: 10px;
+  margin-right: 10px;
+  width: 580px;
+}
+body #content #social-sharing {
+  margin-top: 10px;
+}
+body #content #social-sharing .share-twitter {
+  display: inline-block;
+}
+body #content #social-sharing .share-facebook {
+  display: inline-block;
+  position: relative;
+  bottom: 3px;
+}
 body #site-footer {
   background-color: #7650b3;
   min-width: 100%;
   margin-top: 25px;
   padding-top: 25px;
   padding-bottom: 25px;
+  text-shadow: #9274c2 1px 1px 0;
+}
+body #site-footer a {
+  color: #fff;
+  text-decoration: none;
+  text-shadow: #1a1a1a 1px 1px 0;
+}
+body #site-footer a:link {
+  color: #fff;
+}
+body #site-footer a:visited {
+  color: #fff;
+}
+body #site-footer a:hover {
+  text-decoration: underline;
+}
+body #site-footer a:active {
+  color: #fff;
+}
+body #site-footer h1, body #site-footer h2, body #site-footer #site-header #header-container #menu, body #site-header #header-container #site-footer #menu, body #site-footer h3, body #site-footer h4 {
+  text-shadow: #9274c2 1px 1px 0;
 }
 body #site-footer #footer-container {
   margin-left: auto;