mt-site
RSS
Add meta tags for fedi
Add meta tags for fedi
darkmorford - - Load All Authors

File last commit:

3e13274f606b
9a7b5ccfb025 master
Show More
main.scss
224 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";
darkmorford
Import fonts sheet, fix a couple validation errors.
 r32 @import "fonts";
darkmorford
Replace hard-coded colors with variables.
 r31 @import "palette";
darkmorford
Add root-directory files.
 r2 /* Set basic element styles */
darkmorford
SASS-ify style sheets.
 r33 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
SASS-ify style sheets.
 r33 &:visited {
color: $link-visited;
}
&:hover {
color: $link-hover;
}
}
darkmorford
Add root-directory files.
 r2
body {
darkmorford
SASS-ify style sheets.
 r33 /* Make IE not hate positioned elements */
position: relative;
darkmorford
Add root-directory files.
 r2
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
darkmorford
SASS-ify style sheets.
 r33 div {
/* Set default widths for page boxes */
position: relative;
margin: auto;
width: 700px;
div {
width: auto;
}
}
darkmorford
Add root-directory files.
 r2 }
/* Make the headers look nice */
darkmorford
SASS-ify style sheets.
 r33 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 {
darkmorford
SASS-ify style sheets.
 r33 /* Take that, old gecko! */
height: 18px;
darkmorford
Replace hard-coded colors with variables.
 r31 margin: 0;
padding: 0 1ex;
darkmorford
Add root-directory files.
 r2
overflow: hidden;
darkmorford
Import fonts sheet, fix a couple validation errors.
 r32 background-color: $nl-background;
darkmorford
Add root-directory files.
 r2
font-size: 16px;
darkmorford
Import fonts sheet, fix a couple validation errors.
 r32 font-weight: 100;
darkmorford
SASS-ify style sheets.
 r33 font-family: $banner-font;
darkmorford
Add root-directory files.
 r2 letter-spacing: 0.5ex;
darkmorford
SASS-ify style sheets.
 r33
span {
display: block;
width: 100%;
height: 100%;
}
}
.clearer {
clear: both;
darkmorford
Add root-directory files.
 r2 }
darkmorford
SASS-ify style sheets.
 r33 br.clearer {
line-height: 0;
darkmorford
Add root-directory files.
 r2 }
darkmorford
SASS-ify style sheets.
 r33 .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;
darkmorford
SASS-ify style sheets.
 r33
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;
}
}
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
SASS-ify style sheets.
 r33
div {
/* Satisfy internal floated elements */
overflow: hidden;
height: 100%;
border: solid 5px $nl-background;
background-color: $infobox;
padding: 5px;
}
.clearer {
border: none;
padding: 0;
}
darkmorford
Add root-directory files.
 r2 }
/* 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
SASS-ify style sheets.
 r33
#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;
}
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;
darkmorford
SASS-ify style sheets.
 r33
h2 {
color: $text-normal;
font-family: $banner-font;
}
.nl {
padding-bottom: 5px;
padding-top: 5px;
}
darkmorford
Add root-directory files.
 r2 }
/* 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;
darkmorford
SASS-ify style sheets.
 r33
p {
margin: 0;
text-align: center;
padding: 0.5ex;
font-family: $credits-font;
font-size: x-small;
}
darkmorford
Add root-directory files.
 r2 }
darkmorford
SASS-ify style sheets.
 r33 /* Overload header texts */
#banner .blackbar span {
background: url(../parts/mt3-bar-comic.gif) no-repeat
darkmorford
Add root-directory files.
 r2 }
darkmorford
SASS-ify style sheets.
 r33 #credits h2 span {
background: url(../parts/mt-blk_bar-credits.png) no-repeat
}