edb/teater-neuf
Archived
9
0 Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

Better looking front page

Browse Source
This commit is contained in:
nikolark committed 2014-04-21 17:20:32 +02:00
1 parent 480f9d0816
commit b094e94482
16 files changed
+266 -243
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

wp-content/themes/tn-2014/bower.json
+2 -2
View File
@@ -2,7 +2,7 @@
"name": "tn2014",
"dependencies": {
"foundation": "zurb/bower-foundation",
"underscore": "latest"
"underscore": "latest",
"momentjs": "~2.6.0"
}
}
wp-content/themes/tn-2014/cover.php
+4
View File
@@ -0,0 +1,4 @@
<?php if (has_post_thumbnail( $post->ID ) ): ?>
<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'cover-photo' ); ?>
<div id="cover-photo" style="background-image: url('<?php echo $image[0]; ?>')"></div>
<?php endif; ?>
wp-content/themes/tn-2014/css/style.css
+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:Arial,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:90rem;*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:41.66667%;Line 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
wp-content/themes/tn-2014/digest.php
+5 -9
View File
@@ -1,24 +1,20 @@
<div id="digest-news" class="grid_12 hfeed">
<div id="digest-news" class="hfeed">
<h2><a href="<?php bloginfo('url'); ?>/nyheter/">Nyheter</a></h2>
<h3><a href="<?php bloginfo('url'); ?>/nyheter/">Siste nyheter</a></h3>
<?php // The LOOP
$digest_news = new WP_Query( 'posts_per_page=3' );
$counter = 1;
if ( $digest_news->have_posts() ) : while ( $digest_news->have_posts() ) : $digest_news->the_post();
?>
<div class="news-entry grid_4<?php
if($counter == 1) { echo " alpha"; }
elseif($counter == 3) { echo" omega"; }
?>">
<div class="news-entry">
<article id="post-<?php the_ID(); ?>" <?php neuf_post_class(); ?>>
<a class="permalink" href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
<img src="<?php bloginfo( 'stylesheet_directory' ); ?>/img/knapp.png" class="button" />
<a class="permalink entry-title" href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
<div class="entry-meta byline"><span class="entry-date"><?php the_time(get_option('date_format')); ?>, <?php the_time('H.i'); ?></span></div>
<div class="entry-summary"><?php echo linkify(trim_excerpt(get_the_excerpt(), 30), '/\[\.\.\.\]/', get_permalink()); ?></div>
</article>
</div>
<?php
$counter++;
endwhile;
?>
<?php endif; ?>
wp-content/themes/tn-2014/footer.php
+3 -3
View File
@@ -7,14 +7,14 @@
<p>Teater Neuf - Studentteatret i Oslo er <em>Norges eldste studentteater</em>, tilbyr studenter både kunstnerisk utvikling og lavterskelmoro ved siden av pensum.
Vi holder til på Det Norske Studentersamfund og har i tillegg til fire forestillinger per semester og én storproduksjon i året, også ukentlige aktiviteter, workshops, interne fester og mer.</p>
<ul>
<li class="social-icon"><a id="facebook-icon" href="http://facebook.com/teaterneuf" target="_blank"><img src="<?php bloginfo( 'stylesheet_directory' ); ?>/img/facebook.png" /></a></li>
<li class="social-icon"><a id="twitter-icon" href="http://twitter.com/teater_neuf" target="_blank"><img src="<?php bloginfo( 'stylesheet_directory' ); ?>/img/twitter.png" /></a></li>
<li class="social-icon"><a id="facebook-icon" href="http://facebook.com/teaterneuf" target="_blank"><img src="<?php bloginfo( 'stylesheet_directory' ); ?>/img/facebook.png" />Besøk oss på Facebook</a></li>
<li class="social-icon"><a id="twitter-icon" href="http://twitter.com/teater_neuf" target="_blank"><img src="<?php bloginfo( 'stylesheet_directory' ); ?>/img/twitter.png" />eller følg oss Twitter</a>.</li>
</ul>
</div> <!-- #footer-about -->
</div>
<div id="kolofon">
<div id="kolofon-text">Teater Neuf, <a href="http://studentersamfundet.no">Det Norske Studentersamfund</a>
<div id="kolofon-text">Teater Neuf, en del av <a href="http://studentersamfundet.no">Det Norske Studentersamfund</a>
</div>
</div> <!-- #kolofon -->
wp-content/themes/tn-2014/front-page.php
-18
View File
@@ -1,18 +0,0 @@
<?php
get_header();
?>
<div id="content">
<?php get_template_part( 'eventslider' ); ?>
<?php //get_template_part( 'program' , '3days' ); ?>
<?php //get_template_part( 'program' , '6days' ); ?>
<?php get_template_part( 'program' , '6days' ); ?>
<?php get_template_part( 'digest' ); ?>
</div> <!-- #content -->
<?php get_footer(); ?>
wp-content/themes/tn-2014/functions.php
+3
View File
@@ -5,6 +5,7 @@ add_theme_support( 'automatic-feed-links' );
$content_width = 770;
add_image_size( 'cover-photo' , 1440, 480, true );
add_image_size( 'six-column-promo' , 570 , 322 , true );
add_image_size( 'six-column-slim' , 570 , 161 , true );
@@ -24,6 +25,8 @@ add_action( 'init' , 'neuf_register_nav_menus' );
function neuf_enqueue_scripts() {
// enqueue the scripts
wp_enqueue_script( 'jquery' );
wp_enqueue_script( 'underscore' );
}
add_action( 'wp_enqueue_scripts' , 'neuf_enqueue_scripts' );
wp-content/themes/tn-2014/header.php
+3
View File
@@ -10,7 +10,10 @@
<link href="<?php bloginfo( 'stylesheet_directory' ); ?>/css/style.css" rel="stylesheet" type="text/css" />
<link href='//fonts.googleapis.com/css?family=Arvo:700,400italic' 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'>
<?php wp_head(); ?>
<script src="<?php bloginfo( 'stylesheet_directory' ); ?>/bower_components/momentjs/moment.js"></script>
<script src="<?php bloginfo( 'stylesheet_directory' ); ?>/js/app.js"></script>
<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
wp-content/themes/tn-2014/img/knapp.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.7 KiB

wp-content/themes/tn-2014/js/app.js
+32
View File
@@ -0,0 +1,32 @@
var program_endpoint = "https://studentersamfundet.no/api/get_type_event/";
var custom_fields = [
"_neuf_events_starttime",
"_neuf_events_endtime",
"_neuf_events_price_regular",
"_neuf_events_price_member"];
var query_params = {
json: '1',
post_type: 'event',
type: 'teater', // TODO not implemented
order_by: '_neuf_events_starttime',
custom_fields: custom_fields.join()
};
var list = '<% _.each(posts, function(post) { %> <li><a href="<%= post.url %>"><div><img src="<%= post.thumbnail_images["four-column-thumb"].url %>" /><br/><%= moment.unix(post.custom_fields._neuf_events_starttime).utc().format("YYYY-MM-DD HH:mm") %><br/> <%= post.title %> (<%= post.custom_fields._neuf_events_price_regular %>/<%= post.custom_fields._neuf_events_price_member %>)</div></a></li> <% }); %>';
jQuery(document).ready(function() {
var $ = jQuery;
$.getJSON(
program_endpoint+"?callback=?",
query_params,
function(data) {
if(data && data.posts) {
// render template
console.log(data);
var html = _.template(list, {
posts: data.posts.slice(0, 4)}
);
$(".program-upcoming ul.program-list").html(html);
}
}
);
});
wp-content/themes/tn-2014/loop-event.php
-25
View File
@@ -1,25 +0,0 @@
<?php if( have_posts() ) : while( have_posts() ) : the_post(); ?>
<article <?php neuf_post_class(); ?>>
<div class="body grid_6">
<?php get_template_part( 'eventmeta' , 'single' ); ?>
<div class="entry-content"><?php the_content(); ?></div> <!-- .entry-content -->
<?php display_social_sharing_buttons(); ?>
</div>
<div class="featured-image grid_6">
<?php the_post_thumbnail( array('580', '800') , array( 'style' => 'display:block;margin:auto;' ) ); ?>
</div>
<?php neuf_maybe_display_gallery(); ?>
</article> <!-- .post -->
<?php endwhile; endif; ?>
wp-content/themes/tn-2014/page-foreningene.php
-35
View File
@@ -1,35 +0,0 @@
<?php get_header(); ?>
<div id="content" class="container_12">
<?php while ( have_posts()) : the_post(); ?>
<div class="grid_12"><h1><?php the_title(); ?></h1></div>
<div class="grid_12"><?php the_content(); ?></div>
<?php
$args = array(
'post_type' => 'association',
'posts_per_page' => 50,
);
$associations = new WP_Query( $args );
if ( $associations->have_posts() ) : ?>
<div id="associations" class="grid_12">
<div class="association-row">
<?php while ( $associations->have_posts() ) : $associations->the_post();
if ( $associations->current_post%4==0 && $associations->current_post != 0)
echo '</div><div class="association-row">'; ?>
<div class="association">
<a href="<?php the_permalink(); ?>"><?php echo has_post_thumbnail() ? get_the_post_thumbnail( $post->ID, 'association-thumb' ) : "<h2>".$post->post_title."</h2>"; ?></a>
</div>
<?php endwhile; ?>
</div>
</div>
<?php endif; ?>
<?php endwhile; // The loop ?>
</div> <!-- #content -->
<?php get_footer(); ?>
wp-content/themes/tn-2014/page-front-page.php
+19
View File
@@ -0,0 +1,19 @@
<?php
/*
* Template Name: Front page
*/
get_header();
?>
<?php get_template_part( 'cover' ); ?>
<div id="content">
<?php get_template_part( 'program' , 'upcoming' ); ?>
<?php get_template_part( 'digest' ); ?>
</div> <!-- #content -->
<?php get_footer(); ?>
wp-content/themes/tn-2014/program-upcoming.php
+4
View File
@@ -0,0 +1,4 @@
<div class="program-upcoming">
<h3>Neste arrangementer</h3>
<ul class="program-list"><!-- Generated --></ul>
</div>
wp-content/themes/tn-2014/scss/_settings.scss
+2 -2
View File
@@ -33,14 +33,14 @@
// $include-html-grid-classes: $include-html-classes;
// $include-xl-html-grid-classes: false;
$row-width: rem-calc(1440);
// $row-width: rem-calc(1440);
// $column-gutter: rem-calc(30);
// $total-columns: 12;
// We use these to control various global styles
// $body-bg: #fff;
// $body-font-color: #222;
$body-font-family: 'Arial', sans-serif;
// $body-font-family: 'Arial', sans-serif;
// $body-font-weight: normal;
// $body-font-style: normal;
wp-content/themes/tn-2014/scss/style.scss
+188 -148
View File
@@ -4,10 +4,11 @@
@import "settings";
// Foundation overrides
//$row-width: rem-calc(1440);
$primary-color: #650A15;
$secondary-color: #404040;
$anchor-font-color: lighten($primary-color, 5%);
$body-font-family: Arial, sans-serif;
$body-font-family: "Open Sans", sans-serif;
$header-font-family: Arvo, Georgia, serif;
$header-font-color: $secondary-color;
@@ -24,6 +25,7 @@ $yellow-color: #fdb813;
body {
a {
text-decoration: none;
transition: all 0.3 linear;
}
ul {
list-style: disc;
@@ -51,41 +53,37 @@ body {
margin: 0px;
padding: 0px;
z-index: 1;
width: 85px;
@media #{$large-up} {
width: auto;
}
}
#site-header {
background-color: $primary-color;
min-width: 100%;
height: 150px;
padding-top: 25px;
padding-bottom: 25px;
position: relative;
margin-bottom: 10px;
#header-container {
@include grid-row();
.site-title {
@include grid-column(6);
@include grid-column(4);
.logo {
background: url('../img/teater_neuf_logo.png') no-repeat;
background-size: contain;
display: inline-block;
width: 185px;
height: 120px;
margin-top: 10px;
width: 92px;
height: 44px;
text-indent: -9999px;
position: relative;
bottom: 10px;
margin-top: 12px;
}
}
}
}
#menu {
@include grid-column(6);
@extend h2;
@include grid-column(6, $offset: 2);
position: relative;
top: 36px;
text-transform: uppercase;
a {
@@ -97,156 +95,175 @@ body {
list-style-type: none;
margin: 0px;
padding: 0px;
display: inline;
display: block;
}
ul {
ul > li {
margin: 0px;
padding: 0px;
display: block;
float: left;
position: relative;
&:hover ul, &:focus ul {
display:block;
z-index: 9;
color: $yellow-color;
background:darken($primary-color, 10%);
}
a {
display: block;
padding: 24px 20px;
text-decoration: none;
position: relative;
font-weight: 600;
&:hover, .current {
color: $yellow-color;
}
}
.sub-menu {
position: absolute;
display: none;
margin: 0;
}
li {
margin: 0px;
padding: 0px;
display: inline;
float: left;
position: relative;
&:hover ul, &:focus ul {
display:block;
z-index: 9;
color:rgba(255,255,255,1);
background:darken($primary-color, 10%);
}
a {
display: block;
padding: 20px 25px;
text-decoration: none;
border-right: 1px solid #FFFFE1;
top: 72px;
left: 20px;
li {
position: relative;
&:hover, .current {
color:rgba(255,255,255,1);
background:darken($primary-color, 10%);
}
}
.sub-menu li {
position: relative;
a {
border: 0px;
padding: 18px 18px;
}
}
&:first-child {
padding-left: 0px;
}
}
}
}
#cover-photo {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
height: 480px;
margin-bottom: rem-calc(20);
}
#content {
@include grid-row();
//#featured {
// @include grid-column(12);
// padding-bottom: 25px;
#featured {
// #prevLink {
// display: inline-block;
// width: 0;
// height: 0;
// border-top: 8px solid transparent;
// border-bottom: 8px solid transparent;
// border-right: 16px solid $primary-color;
// cursor: pointer;
// &:hover {
// border-right: 16px solid lighten($primary-color, 20%);
// }
// }
// #nextLink {
// display: inline-block;
// width: 0;
// height: 0;
// border-top: 8px solid transparent;
// border-bottom: 8px solid transparent;
// border-left: 16px solid $primary-color;
// cursor: pointer;
// &:hover {
// border-left: 16px solid lighten($primary-color, 20%);
// }
// }
// #slidernav {
// display: inline-block;
// a {
// content: '';
// background: lighten($primary-color, 20%);
// border-radius: 50%;
// width: 16px;
// height: 16px;
// display: inline-block;
// z-index: 10;
// margin-left: 4px;
// margin-right: 4px;
// &.activeSlide {
// background: $primary-color;
// }
// }
// }
// #slider-buttons {
// position: relative;
// top: 350px;
// z-index: 10;
// }
// #slider {
// .featured-text {
// @include grid-column(6);
// height: 328px;
// .entry-meta {
// position: absolute;
// bottom: 6px;
// color: #fff;
// background: darken(#fff, 40%);
// padding: 4px;
// .datetime {
// @include grid-column(2);
// }
// .venue {
// @include grid-column(2);
// }
// .price {
// @include grid-column(2);
// }
// }
// }
//
// .featured-image {
// @include grid-column(6);
// }
// }
//}
.program-upcoming {
@include grid-column(12);
padding-bottom: 25px;
a h1 {
color: #000;
}
#prevLink {
display: inline-block;
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 16px solid $primary-color;
cursor: pointer;
&:hover {
border-right: 16px solid lighten($primary-color, 20%);
}
}
#nextLink {
display: inline-block;
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 16px solid $primary-color;
cursor: pointer;
&:hover {
border-left: 16px solid lighten($primary-color, 20%);
}
}
#slidernav {
display: inline-block;
a {
content: '';
background: lighten($primary-color, 20%);
border-radius: 50%;
width: 16px;
height: 16px;
display: inline-block;
z-index: 10;
margin-left: 4px;
margin-right: 4px;
&.activeSlide {
background: $primary-color;
}
}
}
#slider-buttons {
position: relative;
top: 350px;
z-index: 10;
}
#slider {
.featured-text {
@include grid-column(6);
height: 328px;
.entry-meta {
position: absolute;
bottom: 6px;
color: #fff;
background: darken(#fff, 40%);
padding: 4px;
.datetime {
@include grid-column(2);
}
.venue {
@include grid-column(2);
}
.price {
@include grid-column(2);
}
}
}
.featured-image {
@include grid-column(6);
}
margin-top: rem-calc(20);
margin-bottom: rem-calc(20);
ul.program-list {
@include block-grid(4);
}
}
#digest-news {
@include grid-column(12);
margin-top: 10px;
margin-bottom: rem-calc(20);
h2 a {
color: #000;
h3 a {
color: $header-font-color;
margin-left: $column-gutter/2;
}
.news-entry {
@include grid-column(4);
img.button {
width: 32px;
height: auto;
position: relative;
top: -4px;
}
a.entry-title{
font-size: rem-calc(24);
font-weight: bold;
}
.entry-meta {
font-size: 12px;
line-height: 1em;
@@ -255,9 +272,11 @@ body {
}
}
}
/* Single pages */
.body {
@include grid-column(6);
margin-bottom: 25px;
margin-bottom: rem-calc(25);
margin-top: rem-calc(25);
}
.featured-image {
@@ -306,6 +325,7 @@ body {
#posts-nav-link {
@include grid-column(12);
}
}
#site-footer {
$footer-color: #fff;
@@ -317,6 +337,10 @@ body {
padding-bottom: 25px;
color: $footer-color;
h2 {
font-size: rem-calc(20);
}
a {
color: $footer-color;
text-decoration: none;
@@ -330,8 +354,13 @@ body {
@include grid-row();
#footer-about {
@include grid-column(6);
font-size: rem-calc(14);
@include grid-column(7);
p,
{
font-size: rem-calc(14);
line-height: 1.4;
}
ul{
list-style: none;
@@ -343,13 +372,16 @@ body {
display: inline-block;
margin: 0;
padding: 0;
a {
border: 0px;
&:first-child {
padding-right: 20px;
}
font-size: rem-calc(14);
img {
margin-right: 4px;
}
}
#facebook-icon img {
position: relative;
top: -2px;
}
}
}
}
@@ -358,6 +390,7 @@ body {
#kolofon-text {
@include grid-column(12);
font-size: rem-calc(14);
margin-top: 25px;
}
@@ -368,6 +401,7 @@ body {
.credits {
margin-top: 25px;
margin-bottom: 25px;
@include grid-column(12);
text-align: center;
color: #666;
@@ -378,3 +412,9 @@ body {
.love {
color: #faafba;
}
/* Overrides */
.vcard {
margin: 0;
padding: 0;
border: 0;
}