layout settled

This commit is contained in:
Mark Moser
2014-09-14 21:15:43 -05:00
parent 8a7a1a444b
commit 97799a7e9c
14 changed files with 106 additions and 216 deletions

View File

@ -3,16 +3,14 @@
@import "settings";
@import "imports";
// div {border: 1px dashed orange;}
body {
background: $offwhite url(/assets/img/bg/subtle_white_feathers.png);
// background: $offwhite url(/assets/img/bg/white_wall_hash.png);
color: $dark;
font-family: $main_font;
}
header{
background: $dark;
background: $dark; // url(/assets/img/bg/congruent_outline.png);
color: $offwhite;
width: 100%;
height: auto;
@ -64,12 +62,30 @@ header a:hover {
color: $accent_color;
}
footer {
// background: $grey;
padding: 50px 0;
color: $offwhite;
.poster img {
width: 100%;
}
footer a, footer a:hover{
color: $offwhite;
.side-links {
text-align: right;
font-size: .85em;
}
.side-links ul {
margin: 0 0 20px 0;
padding: 0;
}
.side-links ul li {
list-style: none;
}
.side-links a {
color: $dark;
font-weight: bolder;
}
.side-links a:hover{
color: $accent_color;
text-decoration: none;
}

View File

@ -1,75 +0,0 @@
@charset "utf-8";
@import "settings";
@import "imports";
// div {border: 1px dashed orange;}
body {
background: $offwhite url(/assets/img/bg/subtle_white_feathers.png);
color: $dark;
font-family: $main_font;
}
header{
background: $dark;
color: $offwhite;
width: 100%;
height: auto;
position: relative;
}
header nav{
overflow: hidden;
display: inline-block;
margin: 10px 0 0 0;
padding: 13px 0px;
}
header ul{
list-style: none;
margin-left: 0;
padding: 0;
}
header ul li{
float: left;
margin-left: 0;
font-size: 16px;
letter-spacing: 1px;
}
header ul.social{
position: absolute;
top: 13px;
right: 0px;
margin: 10px 0 0 0;
}
header a {
text-decoration: none;
color: $offwhite;
padding: 0 10px;
}
header a:hover {
color: $offwhite;
text-decoration: none;
border-bottom: 4px solid $accent_color;
}
.social a:hover {
text-decoration: none;
border: none;
color: $accent_color;
}
footer {
// background: $grey;
padding: 50px 0;
color: $offwhite;
}
footer a, footer a:hover{
color: $offwhite;
text-decoration: none;
}