Permalink
Fetching contributors…
Cannot retrieve contributors at this time
435 lines (346 sloc) 4.66 KB
---
---
// IMPORTS (more at bottom)
@import "reset";
@import "variables";
/**************/
/* BASE RULES */
/**************/
html
{
font-size: 100%;
}
body
{
background-color: $black;
margin-top: 40px;
font: 18px/1.4 $helvetica;
color: $gray;
}
.container
{
margin: 0 auto;
max-width: 790px;
padding: 20px 30px;
width: 100%;
}
h1, h2, h3, h4, h5, h6
{
font-family: $helveticaNeue;
color: $lightGray;
font-weight: bold;
line-height: 1.4;
margin: 20px 0 15px;
padding: 0;
@include mobile
{
line-height: 1.4;
}
}
h1
{
font-size: 36px;
line-height: 1em;
a
{
color: inherit;
}
}
h2
{
font-size: 32px;
}
h3
{
font-size: 28px;
}
h4
{
font-size: 24px;
color: $gray;
}
h5
{
font-size: 21px;
color: $gray;
}
h6
{
font-size: 18px;
color: $gray;
}
p
{
margin: 15px 0;
}
a
{
color: $blue;
text-decoration: none;
cursor: pointer;
&:hover, &:active
{
color: $blue;
}
}
ul, ol
{
margin: 15px 0;
padding-left: 30px;
}
ul
{
list-style-type: disc;
}
ol
{
list-style-type: decimal;
}
ol ul, ul ol, ul ul, ol ol
{
margin: 0;
}
ul ul, ol ul
{
list-style-type: circle;
}
em, i
{
font-style: italic;
}
strong, b
{
font-weight: bold;
}
sup
{
vertical-align: super;
font-size: smaller;
}
img
{
max-width: 600px;
max-height: 600px;
background-color: white;
padding: 20px;
}
dl:after {content:"";display:table;clear:both;}
dd {
padding:.5em 0;}
dl {
width:100%;}
dt, dd {
display:inline-block;
width:25%;}
dt {
text-align:right;
font-weight:bold;
clear:left;
float:left;}
dd {
width:75%;
padding-left:1em;
clear:right;}
dt:first-child {
padding-top:.5em;}
dd + dt {
clear:both;
padding-top:.5em;}
/*
dl
{
width: 100%; }
dt
{
float: left;
text-align: right;
width: 25%;
font-weight: bold; }
dt::after
{
content: ":"; }
dd
{
color: grey;
margin-left: 30%; }
*/
// Fix images Google Translate popup boxes
.gmnoprint img
{
max-width: none;
}
.date
{
font-style: italic;
color: $darkGray;
}
// Specify the color of the selection
::-moz-selection
{
color: $black;
background: $lightGray;
}
::selection
{
color: $black;
background: $lightGray;
}
// http://nicolasgallagher.com/micro-clearfix-hack/
.clearfix:before,
.clearfix:after
{
content: " ";
display: table;
}
.clearfix:after
{
clear: both;
}
/*********************/
/* LAYOUT / SECTIONS */
/*********************/
//
// .masthead
//
.wrapper-masthead
{
float: right;
margin: -20px 0 0 0;
width: 240px;
padding: -40px 20px 0 0;
}
.masthead
{
@include mobile
{
width: 35%;
}
}
.site-info
{
@include mobile
{
float: none;
display: block;
margin: 0 auto;
}
}
.site-name
{
margin: -20px 0 0 0;
color: $lightGray;
cursor: pointer;
font-family: $helveticaNeue;
font-weight: bold;
font-size: 36px;
letter-spacing: 1px;
}
.site-description
{
margin: -20px 0 0 0;
color: $gray;
font-size: 14px;
@include mobile
{
margin: 3px 0;
}
}
.site-author
{
margin: 1px 0 0 0;
color: $gray;
font-size: 14px;
font-style: italic;
@include mobile
{
margin: 3px 0;
}
}
.submenu
{
float: right;
margin: 45px 10px;
list-style-type: none;
font-size:90%;
a
{
color: $blue2;
}
}
.arrow
{
padding-top: 20px;
font-size: 3em;
font-weight: 600;
text-decoration: none;
text-align: center;
}
nav
{
margin-top: 20px; // @TODO: Vertically middle align
font-family: $helveticaNeue;
font-size: 18px;
@include mobile
{
margin-top: 9px;
display: block;
font-size: 14px;
}
a
{
color: $blue;
font-weight: 300;
letter-spacing: 1px;
@include mobile
{
margin: 0 10px;
color: $blue;
}
}
}
//
// .main
//
.posts > .post
{
padding-bottom: 2em;
border-bottom: 1px solid $darkGray;
}
.posts > .post:last-child
{
padding-bottom: 1em;
border-bottom: none;
}
.post
{
blockquote
{
margin: 1.8em .8em;
border-left: 2px solid $gray;
padding: 0.1em 1em;
color: $gray;
font-size: 22px;
font-style: italic;
}
.comments
{
margin-top: 10px;
}
.read-more
{
text-transform: uppercase;
font-size: 15px;
}
}
.wrapper-footer
{
background-color: $black;
}
footer
{
padding-bottom: 40px;
text-align: center;
}
// import of syntax highlighting, less bloat at top, easier to find start
// @import "highlights";
// @import "svg-icons"