More style updates

This commit is contained in:
nikolark committed 2012-06-23 19:56:36 +02:00
1 parent e157b6205e
commit ae4c1a65d9
10 files changed
+268 -34

No files matched your search

@@ -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(); ?>
+1 -1
View File
@@ -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' );
@@ -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>
+2 -2
View File
@@ -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>
+2 -2
View File
@@ -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;' ) ); ?>
@@ -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;' ) ); ?>
@@ -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; ?>
@@ -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; ?>
@@ -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;
@@ -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;