mmoser/markamoser.com
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

final tweaks for the initial round

Browse Source
This commit is contained in:
Mark Moser
2014-09-20 13:55:31 -05:00
parent ab8ec56737
commit 742eadf502
16 changed files with 132 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
source/assets/css/all.scss
View File

@ -61,6 +61,13 @@ header a:hover {
border-bottom: 4px solid $accent_color;
}
.post_footer {
font-size: .75em;
margin: 50px 0 0 0;
color: $grey;
font-family: $accent_font;
}
.social a:hover {
text-decoration: none;
border: none;
@ -72,11 +79,16 @@ header a:hover {
margin: 50px 0;
}
.poster img {
width: 100%;
padding: 0 auto;
a {
color: $dark;
text-decoration: underline;
}
a:hover{
color: $accent_color;
}
.side-links {
font-family: $accent_font;
text-align: right;
@ -94,9 +106,54 @@ header a:hover {
.side-links a {
color: $dark;
font-weight: bolder;
text-decoration: none;
}
.side-links a:hover{
color: $accent_color;
text-decoration: none;
}
.poster {
width: 100%;
height: 300px;
padding: 0 auto;
background-position: center 0;
}
@media all and (min-width: 768px) {
.poster {
width: 100%;
height: 300px;
background-position: center 0;
}
}
@media all and (max-width: 1280px) and (min-width: 768px) {
.poster {
width: 100%;
height: 300px;
background-position: center 0;
}
}
@media all and (max-width: 1280px) and (min-width: 992px) {
.poster {
width: 100%;
height: 400px;
background-position: center 0;
}
}
@media all and (min-width: 1280px ) {
header {
width: 1280px;
margin: 0 auto;
}
.poster {
width: 1280px;
margin: 0 auto;
height: 400px;
background-position: 0 0;
}
}