homepage/source/stylesheets/site.css.scss

114 lines
1.9 KiB
SCSS

@import "compass";
@import "solarized";
@import "normalize";
@import "font-awesome";
//@import "compass-holmes"; // css-based debugging
@import "susy";
h1 {
font-family: 'Lobster', Georgia, Times, serif;
font-size: 3em;
}
body {
font-family: 'Cabin', Helvetica, Arial, sans-serif;
line-height: 1.3em;
}
a { text-decoration:none; }
header {
position: fixed;
line-height: 1.8em;
top: 0px;
right: 0px;
display: inline;
width: 100%;
padding: 0px;
z-index: 1;
li {
display: inline;
list-style: none;
padding: 5px;
text-align: center;
}
ul {
float: right;
margin: 0px;
padding: 0px;
}
box-shadow: 0 2px 3px #b8b8b8;
}
footer {
padding: 0.3em 1em 0.3em;
box-shadow: 0 2px 3px #b8b8b8;
p {
margin: 0;
}
}
.container {
@include accentize($yellow);
@include container;
#main {
margin-top: 50px;
@include clearfix;
}
a:hover {
color: darken($yellow, 10%);
}
}
.navlink {
@include border-radius(3px);
&:hover {
text-decoration: none;
}
@include transition-duration(.2s);
@include transition-timing-function(ease-in);
}
.span3 { @include span-columns(3,9); }
.span3_omega { @include span-columns(3 omega,9); }
.clear { clear: both; }
#sitelink {
float: left;
font-size: 1.1em;
padding-right: 0.1em;
padding-left: 0.1em;
&:hover {
text-decoration: none;
}
}
#pagetitle {
@include text-shadow(0px, -1px, 1px, rgb(255,255,255), 0px, 1px, 1px, rgb(102,102,102));
}
@media screen and (max-width: 900) {
dd { margin-left: 2em;}
}
@media screen and (max-width: 770) {
dd { margin-left: 1em;}
}
@media screen and (max-width: 770) {
dd { margin-left: 1em;}
}
@media screen and (max-width: 740) {
dd { margin-left: 0;}
}
@media screen and (max-width: 600) {
.span3 { @include reset-columns}
.span3_omega { @include reset-columns}
}
#overview {
font-size: 2em;
li {
line-height: 0.8em;
}
}