diff options
Diffstat (limited to 'src/main.scss')
-rw-r--r-- | src/main.scss | 126 |
1 files changed, 126 insertions, 0 deletions
diff --git a/src/main.scss b/src/main.scss new file mode 100644 index 0000000..ab62e0a --- /dev/null +++ b/src/main.scss @@ -0,0 +1,126 @@ +body { + margin: 0; + padding: 0; +} + +header { + width: 100%; + background-color: black; + color: white; + h1 { + font-size: 50px; + height: 50px; + margin: 0px 0px 0px 0px; + padding: 0px 0px 0px 10px; + } +} + +nav { + /* layout */ + line-height: 1; + width: 100%; + ul { + padding: 0; + margin: 0; + list-style: none; + } + li { + display: inline-block; + } + a { + display: block; + } + + /* pretty */ + background-color: Maroon; + a { + padding: 0.2em 1em; + + font-size: 40px; + color: GoldenRod; + text-decoration: none; + + &:hover, &:focus { + background-color: white; + } + &:hover, &:visited { + color: GoldenRod; + } + &:active { + color: Black; + } + } + + form { + padding: 0.2 1em; + display: block; + input { + font-size: 25px; + border: solid 1px #333333; + } + input[type="search"] { + max-width: 10em; + } + input:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + } + input:not(:last-child) { + border-right: 0; + } + input:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + } +} + +body > article { + #constructionBanner { + height: 50px; + background-color: #f89406; + } + + #constructionMessage { + text-align: center; + padding: 12px; + } + + #search { + padding: 10px; + } + + #sidebar { + border: 1px solid black; + padding: 5px; + margin: 5px; + float: right; + } + + li { + font-size: 14px; + } + + .spacer { + width: 50px; + display: inline; + padding: 0px 50px 0px 50px; + } + + .tag { + font-size: 11px; + height: 13px; + padding: 4px 7px 5px 7px; + border-radius: 2px; + text-align: center; + text-decoration: none; + color: white; + } + + .FF { background: FireBrick; } + .SS { background: SeaGreen; } + .ES { background: DarkViolet; } + .HB { background: DimGray; } + .DM { background: DarkSlateGray; } + .WP { background: GhostWhite; color: black; } +} |