Archived
Final style changes, rand bg
This commit is contained in:
nikolark committed
1 parent
886dac285b
commit
59735089f1
17 files changed
+283
-355
No files matched your search
@@ -6,54 +6,53 @@
|
||||
?>
|
||||
|
||||
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
|
||||
<?php if ( is_sticky() && is_home() && ! is_paged() ) : ?>
|
||||
<div class="featured-post">
|
||||
<?php _e( 'Featured post', 'gf2013' ); ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<header class="entry-header">
|
||||
<?php if ( is_single() ) : ?>
|
||||
<h1 class="entry-title"><?php the_title(); ?></h1>
|
||||
<?php else : ?>
|
||||
<h1 class="entry-title">
|
||||
<a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a>
|
||||
</h1>
|
||||
<?php endif; // is_single() ?>
|
||||
</header><!-- .entry-header -->
|
||||
<div class="row">
|
||||
<div class="entry-wrap large-6 large-offset-6 columns">
|
||||
<?php if ( is_sticky() && is_home() && ! is_paged() ) : ?>
|
||||
<div class="featured-post">
|
||||
<?php _e( 'Featured post', 'gf2013' ); ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<header class="entry-header">
|
||||
<?php if ( is_single() ) : ?>
|
||||
<h1 class="entry-title "><?php the_title(); ?></h1>
|
||||
<?php else : ?>
|
||||
<h1 class="entry-title">
|
||||
<a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a>
|
||||
</h1>
|
||||
<?php endif; // is_single() ?>
|
||||
</header><!-- .entry-header -->
|
||||
|
||||
<?php if ( is_search() ) : // Only display Excerpts for Search ?>
|
||||
<div class="entry-summary">
|
||||
<?php the_excerpt(); ?>
|
||||
</div><!-- .entry-summary -->
|
||||
<?php else : ?>
|
||||
<ul class="entry-content large-block-grid-2">
|
||||
<li>
|
||||
<?php the_content( __( 'Continue reading <span class="meta-nav">→</span>', 'gf2013' ) ); ?>
|
||||
<?php wp_link_pages( array( 'before' => '<div class="page-links">' . __( 'Pages:', 'gf2013' ), 'after' => '</div>' ) ); ?>
|
||||
</li>
|
||||
<li>
|
||||
<?php the_post_thumbnail(); ?>
|
||||
</li>
|
||||
</ul><!-- .entry-content -->
|
||||
<?php endif; ?>
|
||||
<?php if ( is_search() ) : // Only display Excerpts for Search ?>
|
||||
<div class="entry-summary">
|
||||
<?php the_excerpt(); ?>
|
||||
</div><!-- .entry-summary -->
|
||||
<?php else : ?>
|
||||
<div class="entry-content">
|
||||
<?php the_content( __( 'Continue reading <span class="meta-nav">→</span>', 'gf2013' ) ); ?>
|
||||
<?php wp_link_pages( array( 'before' => '<div class="page-links">' . __( 'Side: ', 'gf2013' ), 'after' => '</div>' ) ); ?>
|
||||
</div><!-- .entry-content -->
|
||||
<?php endif; ?>
|
||||
|
||||
<footer class="entry-meta">
|
||||
<?php edit_post_link( __( 'Edit', 'gf2013' ), '<span class="edit-link">', '</span>' ); ?>
|
||||
<?php if ( is_singular() && get_the_author_meta( 'description' ) && is_multi_author() ) : // If a user has filled out their description and this is a multi-author blog, show a bio on their entries. ?>
|
||||
<div class="author-info">
|
||||
<div class="author-avatar">
|
||||
<?php echo get_avatar( get_the_author_meta( 'user_email' ), apply_filters( 'gf2013_author_bio_avatar_size', 68 ) ); ?>
|
||||
</div><!-- .author-avatar -->
|
||||
<div class="author-description">
|
||||
<h2><?php printf( __( 'About %s', 'gf2013' ), get_the_author() ); ?></h2>
|
||||
<p><?php the_author_meta( 'description' ); ?></p>
|
||||
<div class="author-link">
|
||||
<a href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>" rel="author">
|
||||
<?php printf( __( 'View all posts by %s <span class="meta-nav">→</span>', 'gf2013' ), get_the_author() ); ?>
|
||||
</a>
|
||||
</div><!-- .author-link -->
|
||||
</div><!-- .author-description -->
|
||||
</div><!-- .author-info -->
|
||||
<?php endif; ?>
|
||||
</footer><!-- .entry-meta -->
|
||||
<footer class="entry-meta">
|
||||
<?php edit_post_link( __( 'Edit', 'gf2013' ), '<span class="edit-link">', '</span>' ); ?>
|
||||
<?php if ( is_singular() && get_the_author_meta( 'description' ) && is_multi_author() ) : // If a user has filled out their description and this is a multi-author blog, show a bio on their entries. ?>
|
||||
<div class="author-info">
|
||||
<div class="author-avatar">
|
||||
<?php echo get_avatar( get_the_author_meta( 'user_email' ), apply_filters( 'gf2013_author_bio_avatar_size', 68 ) ); ?>
|
||||
</div><!-- .author-avatar -->
|
||||
<div class="author-description">
|
||||
<h2><?php printf( __( 'About %s', 'gf2013' ), get_the_author() ); ?></h2>
|
||||
<p><?php the_author_meta( 'description' ); ?></p>
|
||||
<div class="author-link">
|
||||
<a href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>" rel="author">
|
||||
<?php printf( __( 'View all posts by %s <span class="meta-nav">→</span>', 'gf2013' ), get_the_author() ); ?>
|
||||
</a>
|
||||
</div><!-- .author-link -->
|
||||
</div><!-- .author-description -->
|
||||
</div><!-- .author-info -->
|
||||
<?php endif; ?>
|
||||
</footer><!-- .entry-meta -->
|
||||
</div>
|
||||
</div>
|
||||
</article><!-- #post -->
|
||||
@@ -6,11 +6,11 @@
|
||||
?>
|
||||
</div><!-- #main .wrapper -->
|
||||
</div><!-- #page -->
|
||||
<div class="nav-wrapper small-3 large-3 columns">
|
||||
<div id="nav-wrapper" class="small-3 large-3 columns">
|
||||
<div class="date-mark">
|
||||
<img src="<?php echo get_template_directory_uri(); ?>/images/leaf_left.png" />
|
||||
<div class="date">
|
||||
<h3>5.10.2013</h3>
|
||||
<h2>5.10.2013</h2>
|
||||
</div>
|
||||
<div class="name">
|
||||
<h3>Gamle Logen</h3>
|
||||
@@ -25,11 +25,12 @@
|
||||
</nav><!-- #site-navigation -->
|
||||
</div>
|
||||
</div>
|
||||
<!--<footer id="colophon" role="contentinfo" class="row">
|
||||
<div class="site-info small-8 columns">
|
||||
Webdesign: <a href="http://kak.studentersamfundet.no">KAK</a>
|
||||
<footer id="colophon" class="row">
|
||||
<div class="site-info large-9 text-center columns">
|
||||
<a href="http://uio.no"><img src="<?php echo get_template_directory_uri(); ?>/images/logo_uio.png" /></a>
|
||||
<a href="http://akademika.no"><img src="<?php echo get_template_directory_uri(); ?>/images/logo_akademika.png" /></a>
|
||||
</div>
|
||||
</footer>-->
|
||||
</footer>
|
||||
|
||||
|
||||
<script src="<?php echo get_template_directory_uri(); ?>/javascripts/foundation/foundation.js"></script>
|
||||
|
||||
@@ -27,7 +27,7 @@
|
||||
|
||||
<body <?php body_class(); ?>>
|
||||
<div class="page-wrapper row">
|
||||
<div id="page" class="hfeed site small-9 large-9 columns">
|
||||
<div id="page" class="hfeed site large-9 columns">
|
||||
<header id="masthead" class="site-header" role="banner">
|
||||
<hgroup>
|
||||
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 178 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 190 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 220 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 219 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 189 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 204 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
@@ -1,140 +0,0 @@
|
||||
|
||||
<!DOCTYPE html>
|
||||
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
|
||||
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<title>Foundation 4</title>
|
||||
|
||||
<link rel="stylesheet" href="stylesheets/normalize.css" />
|
||||
|
||||
<link rel="stylesheet" href="stylesheets/app.css" />
|
||||
|
||||
|
||||
<script src="javascripts/vendor/custom.modernizr.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="row">
|
||||
<div class="large-12 columns">
|
||||
<h2>Welcome to Foundation</h2>
|
||||
<p>This is version 4.0.9.</p>
|
||||
<hr />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="large-8 columns">
|
||||
<h3>The Grid</h3>
|
||||
|
||||
<!-- Grid Example -->
|
||||
<div class="row">
|
||||
<div class="large-12 columns">
|
||||
<div class="panel">
|
||||
<p>This is a twelve column section in a row. Each of these includes a div.panel element so you can see where the columns are - it's not required at all for the grid.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="large-6 columns">
|
||||
<div class="panel">
|
||||
<p>Six columns</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="large-6 columns">
|
||||
<div class="panel">
|
||||
<p>Six columns</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="large-4 columns">
|
||||
<div class="panel">
|
||||
<p>Four columns</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="large-4 columns">
|
||||
<div class="panel">
|
||||
<p>Four columns</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="large-4 columns">
|
||||
<div class="panel">
|
||||
<p>Four columns</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3>Buttons</h3>
|
||||
|
||||
<div class="row">
|
||||
<div class="large-6 columns">
|
||||
<p><a href="#" class="small button">Small Button</a></p>
|
||||
<p><a href="#" class="button">Medium Button</a></p>
|
||||
<p><a href="#" class="large button">Large Button</a></p>
|
||||
</div>
|
||||
<div class="large-6 columns">
|
||||
<p><a href="#" class="small alert button">Small Alert Button</a></p>
|
||||
<p><a href="#" class="success button">Medium Success Button</a></p>
|
||||
<p><a href="#" class="large secondary button">Large Secondary Button</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="large-4 columns">
|
||||
<h4>Getting Started</h4>
|
||||
<p>We're stoked you want to try Foundation! To get going, this file (index.html) includes some basic styles you can modify, play around with, or totally destroy to get going.</p>
|
||||
|
||||
<h4>Other Resources</h4>
|
||||
<p>Once you've exhausted the fun in this document, you should check out:</p>
|
||||
<ul class="disc">
|
||||
<li><a href="http://foundation.zurb.com/docs">Foundation Documentation</a><br />Everything you need to know about using the framework.</li>
|
||||
<li><a href="http://github.com/zurb/foundation">Foundation on Github</a><br />Latest code, issue reports, feature requests and more.</li>
|
||||
<li><a href="http://twitter.com/foundationzurb">@foundationzurb</a><br />Ping us on Twitter if you have questions. If you build something with this we'd love to see it (and send you a totally boss sticker).</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.write('<script src=' +
|
||||
('__proto__' in {} ? 'javascripts/vendor/zepto' : 'javascripts/vendor/jquery') +
|
||||
'.js><\/script>')
|
||||
</script>
|
||||
|
||||
<script src="javascripts/foundation/foundation.js"></script>
|
||||
|
||||
<script src="javascripts/foundation/foundation.magellan.js"></script>
|
||||
|
||||
<script src="javascripts/foundation/foundation.dropdown.js"></script>
|
||||
|
||||
<script src="javascripts/foundation/foundation.cookie.js"></script>
|
||||
|
||||
<script src="javascripts/foundation/foundation.section.js"></script>
|
||||
|
||||
<script src="javascripts/foundation/foundation.joyride.js"></script>
|
||||
|
||||
<script src="javascripts/foundation/foundation.forms.js"></script>
|
||||
|
||||
<script src="javascripts/foundation/foundation.placeholder.js"></script>
|
||||
|
||||
<script src="javascripts/foundation/foundation.reveal.js"></script>
|
||||
|
||||
<script src="javascripts/foundation/foundation.clearing.js"></script>
|
||||
|
||||
<script src="javascripts/foundation/foundation.alerts.js"></script>
|
||||
|
||||
<script src="javascripts/foundation/foundation.topbar.js"></script>
|
||||
|
||||
<script src="javascripts/foundation/foundation.orbit.js"></script>
|
||||
|
||||
<script src="javascripts/foundation/foundation.tooltips.js"></script>
|
||||
|
||||
|
||||
<script>
|
||||
$(document).foundation();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -6,7 +6,7 @@
|
||||
get_header(); ?>
|
||||
|
||||
<div id="primary" class="site-content">
|
||||
<div id="content" role="main">
|
||||
<div id="content" role="main" class="background-<?php echo rand(0, 5); ?>">
|
||||
<?php if ( have_posts() ) : ?>
|
||||
|
||||
<?php /* Start the Loop */ ?>
|
||||
|
||||
@@ -1,3 +1,3 @@
|
||||
$(document).ready(function () {
|
||||
$(".nav-wrapper").stick();
|
||||
$("#nav-wrapper").stick();
|
||||
});
|
||||
@@ -66,7 +66,7 @@ $secondary-color: #e9e9e9;
|
||||
//
|
||||
|
||||
$row-width: 80em;
|
||||
$column-gutter: 3.125em;
|
||||
$column-gutter: 3.125em;
|
||||
// $total-columns: 12;
|
||||
|
||||
//
|
||||
|
||||
@@ -45,6 +45,11 @@
|
||||
// @import "foundation/components/tooltips";
|
||||
// @import "foundation/components/dropdown";
|
||||
|
||||
/* TODO
|
||||
* - design up
|
||||
* - foundation fixed menu
|
||||
*
|
||||
* */
|
||||
// My variables
|
||||
$grey: #2d2b29;
|
||||
$white: #f2efe5;
|
||||
@@ -54,14 +59,14 @@ $headerfont: "Julius Sans One";
|
||||
$bodyfont: "Josefin Sans";
|
||||
$prettyfont: "Cinzel Decorative";
|
||||
|
||||
// Styling
|
||||
/* Global styles */
|
||||
body,html {
|
||||
height: 100%;
|
||||
|
||||
h1,h2,h3 {
|
||||
letter-spacing: 0.1em;
|
||||
font-weight: normal;
|
||||
color: #f4d3b4;
|
||||
font-family: "Cinzel Decorative";
|
||||
a {
|
||||
color: #f4d3b4;
|
||||
}
|
||||
@@ -69,50 +74,89 @@ body,html {
|
||||
h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
h2 {
|
||||
font-family: inherit;
|
||||
}
|
||||
}
|
||||
.page-wrapper {
|
||||
height: 100%;
|
||||
}
|
||||
#masthead {
|
||||
background-color: $grey;
|
||||
@include border-radius(2px);
|
||||
}
|
||||
#page {
|
||||
margin-top: 2.7em;
|
||||
|
||||
.site-title {
|
||||
color: $grey;
|
||||
background-color: $body-bg;
|
||||
font-family: $headerfont;
|
||||
font-size: 2em;
|
||||
font-size: 3.5em;
|
||||
font-weight: normal;
|
||||
text-decoration: none;
|
||||
margin-bottom: 0;
|
||||
text-align: center;
|
||||
margin-bottom: 0.4em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
margin-top: 0.15em;
|
||||
margin-top: 0.5em;
|
||||
line-height: 1.1;
|
||||
padding-left: 6px;
|
||||
|
||||
a {
|
||||
color: $grey;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 48em) {
|
||||
.site-title {
|
||||
font-size: 3.5em;
|
||||
#content {
|
||||
&.background-0 {
|
||||
background-image: url("../images/bg-0.jpg");
|
||||
}
|
||||
&.background-1 {
|
||||
background-image: url("../images/bg-1.jpg");
|
||||
}
|
||||
&.background-2 {
|
||||
background-image: url("../images/bg-2.jpg");
|
||||
}
|
||||
&.background-3 {
|
||||
background-image: url("../images/bg-3.jpg");
|
||||
}
|
||||
&.background-4 {
|
||||
background-image: url("../images/bg-4.jpg");
|
||||
}
|
||||
&.background-5 {
|
||||
background-image: url("../images/bg-5.jpg");
|
||||
}
|
||||
background-image: url("../images/bg-0.jpg");
|
||||
background-repeat: no-repeat;
|
||||
min-height: 694px;
|
||||
padding-right: 24px;
|
||||
.page {
|
||||
height: 100%;
|
||||
.entry-wrap {
|
||||
min-height: 694px;
|
||||
background-color: $grey;
|
||||
border-right: 20px solid $primary-color;
|
||||
|
||||
.entry-title {
|
||||
background-color: $grey;
|
||||
padding-top: 1em;
|
||||
padding-bottom: 0.8em;
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
.entry-content {
|
||||
ul {
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
.page-links {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.nav-wrapper {
|
||||
max-width: 320px;
|
||||
/* Navigation sidebar */
|
||||
#nav-wrapper {
|
||||
width: 300px;
|
||||
height: 100%;
|
||||
background-color: $grey;
|
||||
@include border-radius(2px);
|
||||
text-align: center;
|
||||
|
||||
.date-mark {
|
||||
max-width: 270px;
|
||||
margin-top: 2em;
|
||||
|
||||
img {
|
||||
@@ -128,16 +172,15 @@ body,html {
|
||||
.name {
|
||||
border-top: 1px solid $white;
|
||||
border-bottom: 1px solid $white;
|
||||
width: 85%;
|
||||
width: 75%;
|
||||
margin: 0 auto;
|
||||
|
||||
h3 {
|
||||
font-size: 1.7em;
|
||||
font-size: 1.4em;
|
||||
font-family: $prettyfont;
|
||||
font-weight: normal;
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 0.2em;
|
||||
letter-spacing: 0.05em;
|
||||
letter-spacing: 0.1em;
|
||||
}
|
||||
}
|
||||
.time {
|
||||
@@ -150,7 +193,6 @@ body,html {
|
||||
|
||||
}
|
||||
#site-navigation {
|
||||
max-width: 270px;
|
||||
margin: 2em auto;
|
||||
|
||||
.nav-menu {
|
||||
@@ -178,68 +220,68 @@ body,html {
|
||||
}
|
||||
}
|
||||
li.current_page_item {
|
||||
a {
|
||||
// todo arrow
|
||||
text-decoration: underline;
|
||||
position: relative;
|
||||
&:before {
|
||||
display: inline-block;
|
||||
content: '';
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top: 25px solid transparent;
|
||||
border-bottom: 25px solid transparent;
|
||||
border-left: 35px solid $primary-color;
|
||||
position: absolute;
|
||||
right: 204px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
#content {
|
||||
.page {
|
||||
background-color: $grey;
|
||||
padding: 1em;
|
||||
@include border-radius(2px);
|
||||
|
||||
.entry-content ul{
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
/* Footer */
|
||||
#colophon {
|
||||
position: relative;
|
||||
.site-info {
|
||||
position: absolute;
|
||||
top: -3em;
|
||||
height: 3em;
|
||||
line-height: 3em;
|
||||
background-color: $grey;
|
||||
img {
|
||||
margin-right: 20px;
|
||||
}
|
||||
}
|
||||
.front-page-caption {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
background-color: rgba($grey, 0.92);
|
||||
width: 33.3332%;
|
||||
padding-top: 1em;
|
||||
padding-left: 1.5625em;
|
||||
padding-right: 1.5625em;
|
||||
min-height: 100px;
|
||||
@include text-shadow(darken($grey, 5%) 1px 1px 0);
|
||||
}
|
||||
#masthead {
|
||||
padding-top: 0.01em;
|
||||
}
|
||||
/* Front page */
|
||||
.home {
|
||||
#masthead {
|
||||
padding-top: 0;
|
||||
#content {
|
||||
.page {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
#page {
|
||||
background-image: url("../images/landingbilde.jpg");
|
||||
#background-position: 1.5625em;
|
||||
background-repeat: no-repeat;
|
||||
min-height: 619px;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
.front-page-caption {
|
||||
visibility: visible;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
margin-left: 0;
|
||||
width: 33.332%;
|
||||
@include text-shadow(darken($grey, 5%) 1px 1px 0);
|
||||
|
||||
min-height: 100px;
|
||||
padding: 1em;
|
||||
background-color: rgba($grey, 0.92);
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
/* IE fixes */
|
||||
|
||||
.lt-ie9 {
|
||||
.front-page-caption {
|
||||
.home .entry-content {
|
||||
background-color: $grey;
|
||||
}
|
||||
.nav-wrapper {
|
||||
max-width: 240px;
|
||||
width: 240px;
|
||||
}
|
||||
#page {
|
||||
max-width: 910px;
|
||||
width: 910px;
|
||||
}
|
||||
}
|
||||
/* Static row width */
|
||||
.row {
|
||||
width: 1200px;
|
||||
max-width: 1200px;
|
||||
}
|
||||
@@ -4690,13 +4690,19 @@ table tfoot tr td {
|
||||
max-width: 800px;
|
||||
}
|
||||
|
||||
/* TODO
|
||||
* - design up
|
||||
* - foundation fixed menu
|
||||
*
|
||||
* */
|
||||
/* Global styles */
|
||||
body, html {
|
||||
height: 100%;
|
||||
}
|
||||
body h1, body h2, body h3, html h1, html h2, html h3 {
|
||||
letter-spacing: 0.1em;
|
||||
font-weight: normal;
|
||||
color: #f4d3b4;
|
||||
font-family: "Cinzel Decorative";
|
||||
}
|
||||
body h1 a, body h2 a, body h3 a, html h1 a, html h2 a, html h3 a {
|
||||
color: #f4d3b4;
|
||||
@@ -4704,48 +4710,79 @@ body h1 a, body h2 a, body h3 a, html h1 a, html h2 a, html h3 a {
|
||||
body h1, html h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
body h2, html h2 {
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
.page-wrapper {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#masthead {
|
||||
background-color: #2d2b29;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
-ms-border-radius: 2px;
|
||||
-o-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
#page {
|
||||
margin-top: 2.7em;
|
||||
}
|
||||
#page .site-title {
|
||||
color: #2d2b29;
|
||||
background-color: #e7e8ea;
|
||||
font-family: "Julius Sans One";
|
||||
font-size: 2em;
|
||||
font-size: 3.5em;
|
||||
font-weight: normal;
|
||||
text-decoration: none;
|
||||
margin-bottom: 0;
|
||||
text-align: center;
|
||||
margin-bottom: 0.4em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
margin-top: 0.15em;
|
||||
margin-top: 0.5em;
|
||||
line-height: 1.1;
|
||||
padding-left: 6px;
|
||||
}
|
||||
#page .site-title a {
|
||||
color: #2d2b29;
|
||||
}
|
||||
@media only screen and (min-width: 48em) {
|
||||
#page .site-title {
|
||||
font-size: 3.5em;
|
||||
}
|
||||
#page #content {
|
||||
background-image: url("../images/bg-0.jpg");
|
||||
background-repeat: no-repeat;
|
||||
min-height: 694px;
|
||||
padding-right: 24px;
|
||||
}
|
||||
#page #content.background-0 {
|
||||
background-image: url("../images/bg-0.jpg");
|
||||
}
|
||||
#page #content.background-1 {
|
||||
background-image: url("../images/bg-1.jpg");
|
||||
}
|
||||
#page #content.background-2 {
|
||||
background-image: url("../images/bg-2.jpg");
|
||||
}
|
||||
#page #content.background-3 {
|
||||
background-image: url("../images/bg-3.jpg");
|
||||
}
|
||||
#page #content.background-4 {
|
||||
background-image: url("../images/bg-4.jpg");
|
||||
}
|
||||
#page #content.background-5 {
|
||||
background-image: url("../images/bg-5.jpg");
|
||||
}
|
||||
#page #content .page {
|
||||
height: 100%;
|
||||
}
|
||||
#page #content .page .entry-wrap {
|
||||
min-height: 694px;
|
||||
background-color: #2d2b29;
|
||||
border-right: 20px solid #e1842e;
|
||||
}
|
||||
#page #content .page .entry-wrap .entry-title {
|
||||
background-color: #2d2b29;
|
||||
padding-top: 1em;
|
||||
padding-bottom: 0.8em;
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
#page #content .page .entry-wrap .entry-content ul {
|
||||
padding-left: 20px;
|
||||
}
|
||||
#page #content .page .entry-wrap .page-links {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.nav-wrapper {
|
||||
max-width: 320px;
|
||||
/* Navigation sidebar */
|
||||
#nav-wrapper {
|
||||
width: 300px;
|
||||
height: 100%;
|
||||
background-color: #2d2b29;
|
||||
-webkit-border-radius: 2px;
|
||||
@@ -4755,52 +4792,49 @@ body h1, html h1 {
|
||||
border-radius: 2px;
|
||||
text-align: center;
|
||||
}
|
||||
.nav-wrapper .date-mark {
|
||||
max-width: 270px;
|
||||
#nav-wrapper .date-mark {
|
||||
margin-top: 2em;
|
||||
}
|
||||
.nav-wrapper .date-mark img {
|
||||
#nav-wrapper .date-mark img {
|
||||
margin: 0.7em auto;
|
||||
}
|
||||
.nav-wrapper .date-mark h3, .nav-wrapper .date-mark h2 {
|
||||
#nav-wrapper .date-mark h3, #nav-wrapper .date-mark h2 {
|
||||
color: #f2efe5;
|
||||
letter-spacing: 0.1em;
|
||||
}
|
||||
.nav-wrapper .date-mark .date {
|
||||
#nav-wrapper .date-mark .date {
|
||||
padding-top: 1em;
|
||||
}
|
||||
.nav-wrapper .date-mark .name {
|
||||
#nav-wrapper .date-mark .name {
|
||||
border-top: 1px solid #f2efe5;
|
||||
border-bottom: 1px solid #f2efe5;
|
||||
width: 85%;
|
||||
width: 75%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.nav-wrapper .date-mark .name h3 {
|
||||
font-size: 1.7em;
|
||||
#nav-wrapper .date-mark .name h3 {
|
||||
font-size: 1.4em;
|
||||
font-family: "Cinzel Decorative";
|
||||
font-weight: normal;
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 0.2em;
|
||||
letter-spacing: 0.05em;
|
||||
letter-spacing: 0.1em;
|
||||
}
|
||||
.nav-wrapper .date-mark .time {
|
||||
#nav-wrapper .date-mark .time {
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
.nav-wrapper .date-mark .time h2 {
|
||||
#nav-wrapper .date-mark .time h2 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.nav-wrapper #site-navigation {
|
||||
max-width: 270px;
|
||||
#nav-wrapper #site-navigation {
|
||||
margin: 2em auto;
|
||||
}
|
||||
.nav-wrapper #site-navigation .nav-menu {
|
||||
#nav-wrapper #site-navigation .nav-menu {
|
||||
list-style: none;
|
||||
}
|
||||
.nav-wrapper #site-navigation .nav-menu li {
|
||||
#nav-wrapper #site-navigation .nav-menu li {
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
}
|
||||
.nav-wrapper #site-navigation .nav-menu li a {
|
||||
#nav-wrapper #site-navigation .nav-menu li a {
|
||||
display: block;
|
||||
height: 50px;
|
||||
margin: 8px auto;
|
||||
@@ -4816,65 +4850,57 @@ body h1, html h1 {
|
||||
box-shadow: #2a2827 1px 1px 1px;
|
||||
text-shadow: #d7771f 1px 1px 0;
|
||||
}
|
||||
|
||||
#content .page {
|
||||
background-color: #2d2b29;
|
||||
padding: 1em;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
-ms-border-radius: 2px;
|
||||
-o-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
#content .page .entry-content ul {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
#colophon {
|
||||
#nav-wrapper #site-navigation li.current_page_item a {
|
||||
text-decoration: underline;
|
||||
position: relative;
|
||||
}
|
||||
#colophon .site-info {
|
||||
#nav-wrapper #site-navigation li.current_page_item a:before {
|
||||
display: inline-block;
|
||||
content: '';
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top: 25px solid transparent;
|
||||
border-bottom: 25px solid transparent;
|
||||
border-left: 35px solid #e1842e;
|
||||
position: absolute;
|
||||
top: -3em;
|
||||
height: 3em;
|
||||
line-height: 3em;
|
||||
background-color: #2d2b29;
|
||||
right: 204px;
|
||||
}
|
||||
|
||||
.front-page-caption {
|
||||
/* Footer */
|
||||
#colophon img {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
/* Front page */
|
||||
.home #content .page {
|
||||
visibility: hidden;
|
||||
}
|
||||
.home .front-page-caption {
|
||||
visibility: visible;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
background-color: rgba(45, 43, 41, 0.92);
|
||||
width: 33.3332%;
|
||||
padding-top: 1em;
|
||||
padding-left: 1.5625em;
|
||||
padding-right: 1.5625em;
|
||||
min-height: 100px;
|
||||
margin-left: 0;
|
||||
width: 33.332%;
|
||||
text-shadow: #201e1d 1px 1px 0;
|
||||
min-height: 100px;
|
||||
padding: 1em;
|
||||
background-color: rgba(45, 43, 41, 0.92);
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
#masthead {
|
||||
padding-top: 0.01em;
|
||||
}
|
||||
|
||||
.home #masthead {
|
||||
padding-top: 0;
|
||||
}
|
||||
.home #page {
|
||||
background-image: url("../images/landingbilde.jpg");
|
||||
#background-position: 1.5625em;
|
||||
background-repeat: no-repeat;
|
||||
min-height: 619px;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.lt-ie9 .front-page-caption {
|
||||
/* IE fixes */
|
||||
.lt-ie9 .home .entry-content {
|
||||
background-color: #2d2b29;
|
||||
}
|
||||
.lt-ie9 .nav-wrapper {
|
||||
max-width: 240px;
|
||||
width: 240px;
|
||||
}
|
||||
.lt-ie9 #page {
|
||||
max-width: 910px;
|
||||
width: 910px;
|
||||
}
|
||||
|
||||
/* Static row width */
|
||||
.row {
|
||||
width: 1200px;
|
||||
max-width: 1200px;
|
||||
}
|
||||
Reference in new issue
Block a user