Mobile friendly, minor fixes and cleanups

This commit is contained in:
nikolark committed 2014-05-17 22:06:49 +02:00
1 parent a23e5c65b7
commit 8ddc68eb61
11 files changed
+152 -238

No files matched your search

+12 -24
View File
@@ -1,33 +1,21 @@
<?php get_header(); ?>
<div id="content" class="container_12">
<div id="content">
<article <?php neuf_post_class(); ?>>
<article <?php neuf_post_class(); ?>>
<h1 class="entry-title">404: Denne siden er på grisefest</h1>
<div class="grid_6">
<div class="body">
<div class="entry-content">
<p>Lykke til videre.</p>
</div> <!-- .entry-content -->
<img src="<?php bloginfo('stylesheet_directory'); ?>/img/piggies.jpg" alt="" />
</div>
<h1 class="entry-title">404: Denne siden er på grisefest</h1>
<div class="featured-image">
</div>
<div class="entry-content">
<p>Lykke til videre.</p>
</div> <!-- .entry-content -->
</div> <!-- .grid_6 -->
<div class="grid_6">
<div class="vedlegg">
<div class="nyhetsbilde">
<img src="<?php bloginfo('stylesheet_directory'); ?>/img/piggies.jpg" alt="" />
</div> <!-- .nyhetsbilde -->
</div> <!-- .vedlegg -->
</div> <!-- .grid_6 -->
</article> <!-- .post -->
<?php //get_sidebar(); ?>
</article> <!-- .hentry -->
</div> <!-- #content -->
+1 -1
View File
@@ -1 +1 @@
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}a{background:transparent;}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}h1{font-size:2em;margin:0.67em 0;}mark{background:#ff0;color:#000;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:1em 40px;}hr{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:0;}pre{overflow:auto;}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}button{overflow:visible;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}textarea{overflow:auto;}optgroup{font-weight:bold;}table{border-collapse:collapse;border-spacing:0;}td,th{padding:0;}meta.foundation-version{font-family:"/5.2.2/";}meta.foundation-mq-small{font-family:"/only screen/";width:0em;}meta.foundation-mq-medium{font-family:"/only screen and (min-width:40.063em)/";width:40.063em;}meta.foundation-mq-large{font-family:"/only screen and (min-width:64.063em)/";width:64.063em;}meta.foundation-mq-xlarge{font-family:"/only screen and (min-width:90.063em)/";width:90.063em;}meta.foundation-mq-xxlarge{font-family:"/only screen and (min-width:120.063em)/";width:120.063em;}meta.foundation-data-attribute-namespace{font-family:false;}html,body{height:100%;}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}html,body{font-size:100%;}body{background:#fff;color:#222;padding:0;margin:0;font-family:"Open Sans",sans-serif;font-weight:normal;font-style:normal;line-height:1;position:relative;cursor:default;}a:hover{cursor:pointer;}img{max-width:100%;height:auto;}img{-ms-interpolation-mode:bicubic;}#map_canvas img,#map_canvas embed,#map_canvas object,.map_canvas img,.map_canvas embed,.map_canvas object{max-width:none !important;}.left{float:left !important;}.right{float:right !important;}.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{content:" ";display:table;}.clearfix:after{clear:both;}.hide{display:none;}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}img{display:inline-block;vertical-align:middle;}textarea{height:auto;min-height:50px;}select{width:100%;}.row{width:100%;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;max-width:62.5rem;*zoom:1;}.row:before,.row:after{content:" ";display:table;}.row:after{clear:both;}.row.collapse>.column,.row.collapse>.columns{padding-left:0;padding-right:0;}.row.collapse .row{margin-left:0;margin-right:0;}.row .row{width:auto;margin-left:-0.9375rem;margin-right:-0.9375rem;margin-top:0;margin-bottom:0;max-width:none;*zoom:1;}.row .row:before,.row .row:after{content:" ";display:table;}.row .row:after{clear:both;}.row .row.collapse{width:auto;margin:0;max-width:none;*zoom:1;}.row .row.collapse:before,.row .row.collapse:after{content:" ";display:table;}.row .row.collapse:after{clear:both;}.column,.columns{padding-left:0.9375rem;padding-right:0.9375rem;width:100%;float:left;}@media only screen{.small-push-0{position:relative;left:0%;right:auto;}.small-pull-0{position:relative;right:0%;left:auto;}.small-push-1{position:relative;left:8.33333%;right:auto;}.small-pull-1{position:relative;right:8.33333%;left:auto;}.small-push-2{position:relative;left:16.66667%;right:auto;}.small-pull-2{position:relative;right:16.66667%;left:auto;}.small-push-3{position:relative;left:25%;right:auto;}.small-pull-3{position:relative;right:25%;left:auto;}.small-push-4{position:relative;left:33.33333%;right:auto;}.small-pull-4{position:relative;right:33.33333%;left:auto;}.small-push-5{position:relative;left:41.66667%;right:auto;}.small-pull-5{position:relative;right:41Line truncated
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}a{background:transparent;}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}h1{font-size:2em;margin:0.67em 0;}mark{background:#ff0;color:#000;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:1em 40px;}hr{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:0;}pre{overflow:auto;}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}button{overflow:visible;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}textarea{overflow:auto;}optgroup{font-weight:bold;}table{border-collapse:collapse;border-spacing:0;}td,th{padding:0;}meta.foundation-version{font-family:"/5.2.2/";}meta.foundation-mq-small{font-family:"/only screen/";width:0em;}meta.foundation-mq-medium{font-family:"/only screen and (min-width:40.063em)/";width:40.063em;}meta.foundation-mq-large{font-family:"/only screen and (min-width:64.063em)/";width:64.063em;}meta.foundation-mq-xlarge{font-family:"/only screen and (min-width:90.063em)/";width:90.063em;}meta.foundation-mq-xxlarge{font-family:"/only screen and (min-width:120.063em)/";width:120.063em;}meta.foundation-data-attribute-namespace{font-family:false;}html,body{height:100%;}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}html,body{font-size:100%;}body{background:#fff;color:#222;padding:0;margin:0;font-family:"Open Sans",sans-serif;font-weight:normal;font-style:normal;line-height:1;position:relative;cursor:default;}a:hover{cursor:pointer;}img{max-width:100%;height:auto;}img{-ms-interpolation-mode:bicubic;}#map_canvas img,#map_canvas embed,#map_canvas object,.map_canvas img,.map_canvas embed,.map_canvas object{max-width:none !important;}.left{float:left !important;}.right{float:right !important;}.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{content:" ";display:table;}.clearfix:after{clear:both;}.hide{display:none;}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}img{display:inline-block;vertical-align:middle;}textarea{height:auto;min-height:50px;}select{width:100%;}.row{width:100%;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;max-width:62.5rem;*zoom:1;}.row:before,.row:after{content:" ";display:table;}.row:after{clear:both;}.row.collapse>.column,.row.collapse>.columns{padding-left:0;padding-right:0;}.row.collapse .row{margin-left:0;margin-right:0;}.row .row{width:auto;margin-left:-0.9375rem;margin-right:-0.9375rem;margin-top:0;margin-bottom:0;max-width:none;*zoom:1;}.row .row:before,.row .row:after{content:" ";display:table;}.row .row:after{clear:both;}.row .row.collapse{width:auto;margin:0;max-width:none;*zoom:1;}.row .row.collapse:before,.row .row.collapse:after{content:" ";display:table;}.row .row.collapse:after{clear:both;}.column,.columns{padding-left:0.9375rem;padding-right:0.9375rem;width:100%;float:left;}@media only screen{.small-push-0{position:relative;left:0%;right:auto;}.small-pull-0{position:relative;right:0%;left:auto;}.small-push-1{position:relative;left:8.33333%;right:auto;}.small-pull-1{position:relative;right:8.33333%;left:auto;}.small-push-2{position:relative;left:16.66667%;right:auto;}.small-pull-2{position:relative;right:16.66667%;left:auto;}.small-push-3{position:relative;left:25%;right:auto;}.small-pull-3{position:relative;right:25%;left:auto;}.small-push-4{position:relative;left:33.33333%;right:auto;}.small-pull-4{position:relative;right:33.33333%;left:auto;}.small-push-5{position:relative;left:41.66667%;right:auto;}.small-pull-5{position:relative;right:41Line truncated
-83
View File
@@ -1,83 +0,0 @@
<?php
/**
* Fetch events from today and onwards.
*
* Ref: http://codex.wordpress.org/Class_Reference/WP_Query#Custom_Field_Parameters
*/
$meta_query = array(
'relation' => 'AND',
array(
'key' => '_neuf_events_starttime',
'value' => date( 'U' , strtotime( '-8 hours' ) ),
'compare' => '>',
'type' => 'numeric'
),
array(
'key' => '_neuf_events_promo_period',
'value' => array( 'Month' , 'semester' ),
'compare' => 'IN',
)
);
$args = array(
'post_type' => 'event',
'meta_query' => $meta_query,
'posts_per_page' => 4
);
$events = new WP_Query( $args );
$news = new WP_Query( 'type=post' );
?>
<?php if ($events->have_posts()) : ?>
<section id="featured" class="clearfix">
<div id="slider-buttons">
<div id="prevLink"></div>
<div id="slidernav"></div>
<div id="nextLink"></div>
</div>
<div id="slider">
<?php
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="featured-text grid_6">
<h1><?php the_title(); ?></h1>
<?php the_excerpt(); ?>
</header>
<div class="featured-image grid_6">
<?php the_post_thumbnail( 'six-column-promo' ); ?>
</div>
</a>
</article> <!-- #post-<?php the_ID(); ?> -->
<?php endif; // $news->have_posts() ?>
<?php $counter = 0;
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="featured-text grid_6">
<h1><?php the_title(); ?></h1>
<?php the_excerpt(); ?>
<div class="entry-meta">
<div class="datetime"><?php echo ucfirst( date_i18n( 'l j. F H.i ' , get_post_meta(get_the_ID() , '_neuf_events_starttime' , true ) ) ); ?></div>
<div class="price"><?php echo ($price = neuf_get_price( $post )) ? $price : "Gratis"; ?></div>
<div class="venue"><?php echo get_post_meta(get_the_ID(), '_neuf_events_venue',true);?></div>
</div>
</header>
<div class="featured-image grid_6">
<?php the_post_thumbnail( 'six-column-promo' ); ?>
</div>
</a>
</article> <!-- #post-<?php the_ID(); ?> -->
<?php
$counter++;
endwhile; // $events->have_posts()
?>
</div>
</section>
<?php endif; // $events->have_posts()
-1
View File
@@ -3,7 +3,6 @@
<div id="footer-container">
<div id="footer-about">
<h2><a href="om-oss/" class="black">Teater Neuf</a></h2>
<!-- TODO: Move to Theme -> Customize -->
<a href="https://viteboka.studentersamfundet.no/Den_Hvide_Knap"><img class="knapp-hvit" src="<?php bloginfo( 'stylesheet_directory' ); ?>/img/knapp_hvit.png" /></a>
<p><?php echo $footer_about_text; ?></p>
<ul>
+10 -3
View File
@@ -2,16 +2,16 @@
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="no" lang="no">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index,follow" />
<meta name="x-stylesheet-directory" content="<?php bloginfo( 'stylesheet_directory' ); ?>" />
<?php neuf_doctitle(); ?>
<link rel="icon" type="image/png" href="favicon.png" />
<link rel="alternate" type="application/rss+xml" href="<?php bloginfo('url'); ?>/feed/" title="Det Norske Studentersamfund (nyheter)" />
<link rel="alternate" type="application/rss+xml" href="http://studentersamfundet.no/syndikering/kommende-program/" title="Det Norske Studentersamfund (kommende program)" />
<link rel="alternate" type="application/rss+xml" href="<?php bloginfo('url'); ?>/feed/" title="Teater Neuf" />
<link href="<?php bloginfo( 'stylesheet_directory' ); ?>/css/style.css" rel="stylesheet" type="text/css" />
<link href='//fonts.googleapis.com/css?family=Arvo:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,700,800,600' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,700,800,600' rel='stylesheet' type='text/css'>
<?php wp_head(); ?>
<script src="<?php bloginfo( 'stylesheet_directory' ); ?>/bower_components/momentjs/moment.js"></script>
<script src="<?php bloginfo( 'stylesheet_directory' ); ?>/bower_components/momentjs/lang/nb.js"></script>
@@ -22,6 +22,13 @@
<body <?php neuf_body_class(); ?>>
<div id="ribbon"><a href="http://studentersamfundet.no"><img src="<?php bloginfo( 'stylesheet_directory' ); ?>/img/ribbon.gif" /></a></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/nb_NO/all.js#xfbml=1&appId=220213643760";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div id="fb-root"></div>
<header id="site-header">
<div id="header-container">
@@ -0,0 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Untitled-2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="18px" height="12px" viewBox="0 0 18 12" enable-background="new 0 0 18 12" xml:space="preserve">
<path fill="none" d="z"/>
<g id="Layer_x25_201">
<rect width="18" height="2" fill="white"/>
<rect y="5" width="18" height="2" fill="white"/>
<rect y="10" width="18" height="2" fill="white"/>
</g>
<path fill="none" d="z"/>
</svg>

After

Width:  |  Height:  |  Size: 712 B

+11 -2
View File
@@ -7,10 +7,10 @@ function format_posts(posts) {
var html = '';
if(posts.length === 0) {
return '<p class="no-posts">Finner ingen fremtidige, men se gjerne hva vi har <a href="https://studentersamfundet.no/konsept/teater/#past">arrangert tidligere</a>.</p>';
return '<p class="no-posts fadein">Finner ingen fremtidige, men se gjerne hva vi har <a href="https://studentersamfundet.no/konsept/teater/#past">arrangert tidligere</a>.</p>';
}
html += '<ul class="program-list">';
html += '<ul class="program-list fadein">';
for(var i=0; i< posts.length; i++) {
var post = posts[i];
html += '<li><a href="'+ post.url +'"><div>';
@@ -44,4 +44,13 @@ jQuery(document).ready(function() {
}
}
);
/* Menu toggle */
$("#menu [data-toggle-menu]").on('click', function(e) {
e.preventDefault();
// add open css class
var menu = $("#menu .main-menu");
menu.toggleClass("visible");
});
});
+4 -1
View File
@@ -1,6 +1,9 @@
<?php if( have_posts() ) : while( have_posts() ) : the_post(); ?>
<?php get_template_part( 'cover' ); ?>
<div id="content">
<article <?php neuf_post_class(); ?>>
<?php if( !has_post_thumbnail() ) { ?>
<!-- Overlayed over post thumbnail if it exists -->
@@ -9,7 +12,7 @@
<div class="body">
<div class="entry-content"><?php the_content(); ?></div> <!-- .entry-content -->
<?php display_social_sharing_buttons(); ?>
<?php // display_social_sharing_buttons(); ?>
</div>
<div class="featured-image">
+6 -2
View File
@@ -1,3 +1,7 @@
<nav id="menu" class="grid_5">
<?php wp_nav_menu( array( 'theme_location' => 'main-menu', 'container' => 'false' ) ); ?>
<nav id="menu">
<a href="#" class="menu-toggle" data-toggle-menu><img src="<?php bloginfo( 'stylesheet_directory' ); ?>/img/icon-menu.svg" class="icon-menu" /></a>
<?php wp_nav_menu( array(
'theme_location' => 'main-menu',
'container' => 'false',
'menu_class' => 'main-menu') ); ?>
</nav> <!-- #menu -->
-103
View File
@@ -1,103 +0,0 @@
<?php
get_header();
?>
<section id="content" class="container_12 hidden" role="main">
<div id="program-text">
<h1 class="entry-title"><?php the_title(); ?></h1>
<?php if( have_posts() ) : while( have_posts() ) : the_post(); ?>
<div><?php the_content(); ?></div>
<?php endwhile; endif; ?>
</div>
<?php
/* Events with starttime including 8 hours until forever */
$meta_query = array(
'key' => '_neuf_events_starttime',
'value' => date( 'U' , strtotime( '-8 hours' )), // start
'type' => 'numeric',
'compare' => '>'
);
$args = array(
'post_type' => 'event',
'meta_query' => array($meta_query),
'posts_per_page' => 150,
'orderby' => 'meta_value_num',
'meta_key' => '_neuf_events_starttime',
'order' => 'ASC'
);
$events = new WP_Query( $args );
if ( $events->have_posts() ) :
$first = true;
$current_month = "";
$current_day = "";
$alt = "";
/* All posts */
?>
<div id="program-list" class="program grid_12">
<?php while ( $events->have_posts() ) : $events->the_post();
$date = get_post_meta( $post->ID , '_neuf_events_starttime' , true );
$previous_month = $current_month;
$current_month = date_i18n( 'F' , $date);
$newmonth = $previous_month != $current_month;
$datel = date_i18n( 'l j/n' , $date);
$price = neuf_get_price( $post ) ? neuf_get_price( $post ) : '';
$venue = get_post_meta( $post->ID , '_neuf_events_venue' , true );
$ticket = get_post_meta( $post->ID , '_neuf_events_bs_url' , true );
$ticket = $ticket ? '<a href="'.$ticket.'">Kjøp billett</a>' : '';
/* event type class */
$event_array = get_the_terms( $post->ID , 'event_type' );
$event_types = array();
$event_types_real = array();
foreach ( $event_array as $event_type ) {
if ($event_type->parent === "0") {
$event_types[] = $event_type->name;
} else {
$id = (int)$event_type->parent;
$parent = get_term( $id, 'event_type' );
$event_types[] = $parent->name;
}
$event_types_real[] = $event_type->name;
}
$event_type_real = $event_types_real ? "".implode(", ", $event_types_real) : "";
$event_type_class = $event_types ? "class=\"".implode(" ", $event_types)."\"" : "";
/* set current day */
$previous_day = $current_day;
$current_day = date_i18n( 'Y-m-d' , $date);
$newday = $previous_day != $current_day;
if($newmonth) { ?>
<div class="month"><h3><?php echo $current_month; ?></h3></div>
<?php }
if($newday) { ?>
<div class="day"><?php echo $datel; ?></div>
<?php } ?>
<div class="event">
<div class="body">
<h2><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php echo the_title(); ?></a></h2>
<span class="excerpt"><?php the_excerpt(); ?></span>
<div class="entry-meta">
<div class="datetime"><?php echo ucfirst( date_i18n( 'l j. F H.i' , get_post_meta(get_the_ID() , '_neuf_events_starttime' , true ) ) ); ?></div>
<div class="price"><?php echo ($price = neuf_get_price( $post )) ? $price : "Gratis"; ?></div>
<div class="venue"><?php echo get_post_meta(get_the_ID(), '_neuf_events_venue',true);?></div>
</div>
</div>
<div class="thumbnail"><?php the_post_thumbnail('six-column-slim'); ?></div>
</div>
<?php endwhile; ?>
<?php endif; ?>
</div>
</section> <!-- #main_content -->
<?php get_footer(); ?>
+95 -18
View File
@@ -65,7 +65,7 @@ body {
@include grid-row();
.site-title {
@include grid-column(4);
@include grid-column(3);
.logo {
background: url('../img/teater_neuf_logo.png') no-repeat;
@@ -80,7 +80,7 @@ body {
}
}
#menu {
@include grid-column(7, $offset: 1);
@include grid-column(9);
position: relative;
text-transform: uppercase;
@@ -102,14 +102,20 @@ body {
margin: 0px;
padding: 0px;
display: block;
float: left;
position: relative;
clear: right;
@media #{$medium-up} {
float: left;
}
&:hover ul, &:focus ul {
display:block;
z-index: 9;
color: $yellow-color;
background:darken($primary-color, 10%);
@media #{$medium-up} {
display:block;
z-index: 9;
color: $yellow-color;
background:darken($primary-color, 10%);
}
}
a {
@@ -117,18 +123,24 @@ body {
padding: 24px 20px;
text-decoration: none;
position: relative;
text-align: right;
&:hover, .current {
color: $yellow-color;
@media #{$medium-up} {
color: $yellow-color;
}
}
}
.sub-menu {
position: absolute;
display: none;
margin: 0;
top: 76px; // aligned with navbar bottom
left: 20px;
@media #{$medium-up} {
display: none;
position: absolute;
margin: 0;
top: 76px; // aligned with navbar bottom
left: 20px;
}
li {
position: relative;
@@ -138,6 +150,38 @@ body {
}
}
}
.menu-toggle {
display: inline-block;
width: rem-calc(60);
padding: 25px 10px;
text-decoration: none;
position: relative;
float: right;
right: 80px;
@media #{$medium-up} {
display: none;
}
.icon-menu {
width: 100%;
height: auto;
}
}
.main-menu {
visibility: hidden;
height: 0px;
@media #{$medium-up} {
visibility: visible;
height: auto;
}
&.visible {
visibility: visible;
height: auto;
}
}
}
#cover-photo {
background-size: cover;
@@ -174,8 +218,19 @@ body {
margin-top: rem-calc(20);
margin-bottom: rem-calc(20);
.program-list-wrap {
min-height: 50px;
}
.no-posts {
margin: 0;
}
ul.program-list {
@include block-grid(4);
@include block-grid(1);
@media #{$medium-up} {
@include block-grid(4);
}
.entry-title {
font-size: rem-calc(20);
@@ -203,7 +258,15 @@ body {
}
.news-entry {
@include grid-column(4);
@include grid-column(12);
article {
margin-bottom: 10px;
}
@media #{$medium-up} {
@include grid-column(4);
}
img.button {
width: 24px;
height: auto;
@@ -230,7 +293,10 @@ body {
.single-post,
.type-page {
.body {
@include grid-column(7);
@include grid-column(12);
@media #{$medium-up} {
@include grid-column(7);
}
margin-bottom: rem-calc(25);
}
/* TODO sidebar */
@@ -315,7 +381,11 @@ body {
@include grid-row();
#footer-about {
@include grid-column(7);
@include grid-column(12);
@media #{$medium-up} {
@include grid-column(7);
}
p,
{
@@ -330,7 +400,7 @@ body {
ul{
list-style: none;
display: inline-block;
display: block;
margin: 0;
padding: 0;
@@ -384,3 +454,10 @@ body {
padding: 0;
border: 0;
}
.fadein {
animation: fadein 1.5s;
}
@keyframes fadein {
from { opacity: 0; transform: translateY(-10px); }
to { opacity: 1; transform: translateY(0px); }
}