homepage/source/stylesheets/site.css.scss

93 lines
1.4 KiB
SCSS
Raw Normal View History

2012-06-22 18:08:09 +00:00
@import "compass";
@import "solarized";
2012-07-26 18:19:04 +00:00
@import "normalize";
2012-07-27 08:33:50 +00:00
@import "font-awesome";
2012-08-05 19:24:19 +00:00
//@import "compass-holmes"; // css-based debugging
2012-08-26 06:55:24 +00:00
@import "susy";
2012-06-22 18:08:09 +00:00
h1 {
font-family: 'Lobster', Georgia, Times, serif;
2012-07-21 18:07:00 +00:00
font-size: 3em;
2012-06-22 18:08:09 +00:00
}
body {
font-family: 'Cabin', Helvetica, Arial, sans-serif;
line-height: 1.3em;
}
2012-08-26 06:55:24 +00:00
a { text-decoration:none; }
2012-06-22 18:08:09 +00:00
header {
2012-08-10 21:00:25 +00:00
position: fixed;
2012-08-10 21:26:30 +00:00
line-height: 1.8em;
2012-08-10 21:00:25 +00:00
top: 0px;
right: 0px;
display: inline;
width: 100%;
padding: 0px;
2012-08-11 07:15:58 +00:00
z-index: 1;
2012-08-10 21:00:25 +00:00
li {
display: inline;
list-style: none;
padding: 5px;
text-align: center;
}
ul {
2012-08-10 21:26:30 +00:00
float: right;
2012-08-10 21:00:25 +00:00
margin: 0px;
padding: 0px;
2012-06-22 18:08:09 +00:00
}
2012-08-12 17:09:08 +00:00
box-shadow: 0 2px 3px #b8b8b8;
2012-06-22 18:08:09 +00:00
}
footer {
2012-08-26 07:27:32 +00:00
padding: 0.3em 1em 0.3em;
2012-08-12 17:09:08 +00:00
box-shadow: 0 2px 3px #b8b8b8;
2012-08-26 07:27:32 +00:00
p {
margin: 0;
}
2012-06-22 18:08:09 +00:00
}
2012-08-12 17:09:08 +00:00
.container {
@include accentize($yellow);
2012-08-26 06:55:24 +00:00
@include container;
2012-08-12 17:09:08 +00:00
#main {
margin-top: 50px;
}
2012-08-14 19:10:57 +00:00
a:hover {
color: darken($yellow, 10%);
}
2012-08-12 17:09:08 +00:00
}
.navlink {
2012-08-12 23:44:24 +00:00
@include border-radius(3px);
2012-08-12 17:09:08 +00:00
&:hover {
text-decoration: none;
}
2012-08-13 06:14:51 +00:00
@include transition-duration(.2s);
@include transition-timing-function(ease-in);
2012-08-12 17:09:08 +00:00
}
#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));
}
#overview {
font-size: 2em;
li {
line-height: 0.8em;
}
}