mt-site
RSS
Replace hard-coded colors with variables.
Replace hard-coded colors with variables.
darkmorford - - Load All Authors

File last commit:

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