mt-site
RSS
Merge pull request #5 from mt-site sass...
Merge pull request #5 from mt-site sass Stylesheet conversion
darkmorford - - Load All Authors

File last commit:

3e13274f606b
404652c09c8d merge
Show More
main.scss
224 lines | 2.9 KiB | text/x-scss | ScssLexer
/ styles / main.scss
History | Annotation | Raw |Copy content
@charset "utf-8";
@import "fonts";
@import "palette";
/* Set basic element styles */
img {
border: none;
}
a {
text-decoration: none;
color: $link-normal;
&:visited {
color: $link-visited;
}
&:hover {
color: $link-hover;
}
}
body {
/* Make IE not hate positioned elements */
position: relative;
margin: auto;
padding: 14px;
background-color: $background;
font-size: 0.8em;
font-family: $font-stack;
div {
/* Set default widths for page boxes */
position: relative;
margin: auto;
width: 700px;
div {
width: auto;
}
}
}
/* Make the headers look nice */
h1 {
margin: 0;
}
h2 {
text-align: left;
color: $text-accent;
}
/* Create special elements and classes */
h2, .blackbar {
/* Take that, old gecko! */
height: 18px;
margin: 0;
padding: 0 1ex;
overflow: hidden;
background-color: $nl-background;
font-size: 16px;
font-weight: 100;
font-family: $banner-font;
letter-spacing: 0.5ex;
span {
display: block;
width: 100%;
height: 100%;
}
}
.clearer {
clear: both;
}
br.clearer {
line-height: 0;
}
.leftcol {
float: left;
}
.rightcol {
float: right;
}
.nl {
margin: 0;
padding: 0;
background-color: $nl-background;
text-align: center;
list-style-type: none;
li {
display: inline;
margin: 0;
padding: 0 0.5ex;
color: $text-normal;
}
a {
color: $text-normal;
text-decoration: none;
&:link, &:visited {
color: $text-normal;
}
&:hover {
color: $link-hover;
}
}
}
.content {
margin-top: 1em;
margin-bottom: 1em;
background-color: $nl-background;
color: $text-normal;
div {
/* Satisfy internal floated elements */
overflow: hidden;
height: 100%;
border: solid 5px $nl-background;
background-color: $infobox;
padding: 5px;
}
.clearer {
border: none;
padding: 0;
}
}
/* Correct a word wrapping bug in the ad bar */
#adbar {
position: relative;
height: 90px;
text-align: center;
font-size: 1px;
letter-spacing: 500px;
#megagear-ad, #kickstarter-ad, #cologuys-ad {
position: absolute;
top: 14px;
}
#megagear-ad {
left: 0;
}
#kickstarter-ad {
left: 115px;
}
#cologuys-ad {
right: 0;
}
.glowwrap {
position: absolute;
display: block;
top: 0;
left: 50%;
width: 468px;
margin-left: -246px;
background-image: url(../parts/banner_bg.gif);
padding: 14px 12px;
}
}
/* Style the top banner */
#banner {
background-color: $nl-background;
text-align: center;
h2 {
color: $text-normal;
font-family: $banner-font;
}
.nl {
padding-bottom: 5px;
padding-top: 5px;
}
}
/* Style the footer */
#credits {
background-color: $foreground;
color: $text-credits;
padding-bottom: 0.5ex;
margin-top: 1em;
p {
margin: 0;
text-align: center;
padding: 0.5ex;
font-family: $credits-font;
font-size: x-small;
}
}
/* Overload header texts */
#banner .blackbar span {
background: url(../parts/mt3-bar-comic.gif) no-repeat
}
#credits h2 span {
background: url(../parts/mt-blk_bar-credits.png) no-repeat
}