X-Git-Url: https://disinclined.org/git/?a=blobdiff_plain;f=main.scss;fp=main.scss;h=8e16e960c9b52b01eab28e2fa2025107f722a9fd;hb=eeee0af1a25001353eac235cbb880486f2796e2d;hp=0000000000000000000000000000000000000000;hpb=0f54d858cf8eb4fb72a38c22647bcf299bc14c9f;p=disinclined.org.git diff --git a/main.scss b/main.scss new file mode 100644 index 0000000..8e16e96 --- /dev/null +++ b/main.scss @@ -0,0 +1,118 @@ +--- +--- + + +// ---------------------------------- +// Fonts +// ---------------------------------- + +@font-face { + font-family: 'bree_serifregular'; + src: url('/assets/fonts/breeserif-regular-webfont.eot'); + src: url('/assets/fonts/breeserif-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('/assets/fonts/breeserif-regular-webfont.woff2') format('woff2'), + url('/assets/fonts/breeserif-regular-webfont.woff') format('woff'), + url('/assets/fonts/breeserif-regular-webfont.ttf') format('truetype'), + url('/assets/fonts/breeserif-regular-webfont.svg#bree_serifregular') format('svg'); + font-weight: normal; + font-style: normal; + +} + +@font-face { + font-family: 'InconsolataMedium'; + src: url('/assets/fonts/inconsolata-webfont.eot'); + src: url('/assets/fonts/inconsolata-webfont.eot?#iefix') format('embedded-opentype'), + url('/assets/fonts/inconsolata-webfont.woff') format('woff'), + url('/assets/fonts/inconsolata-webfont.ttf') format('truetype'), + url('/assets/fonts/inconsolata-webfont.svg#InconsolataMedium') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'MuseoSlab500'; + src: url('/assets/fonts/museo_slab_500-webfont.eot'); + src: url('/assets/fonts/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'), + url('/assets/fonts/museo_slab_500-webfont.woff') format('woff'), + url('/assets/fonts/museo_slab_500-webfont.ttf') format('truetype'), + url('/assets/fonts/museo_slab_500-webfont.svg#MuseoSlab500') format('svg'); + font-weight: normal; + font-style: normal; +} + + +// ---------------------------------- +// Base Elements +// ---------------------------------- + + +* { + margin:0; + padding:0; +} + +body { + background-image: url('/assets/noisy.png'); + font-family:InconsolataMedium; + margin-bottom: 15px; +} + +h1,h2 { + font-size:256%; + font-family:'bree_serifregular'; +} + +h3 { + margin-top:15px; + margin-bottom:5px; + font-family:'bree_serifregular'; +} + + +a { + text-decoration:none; +} + +li { + list-style:none; + display:block; + margin-left:10px; +} + + +// ---------------------------------- +// Primary Structure +// ---------------------------------- + + +body { + margin-top: 30px; +} + +main { + width:960px; + margin:0px auto 0; +} + +.title { + margin-left:17px; + color:black; + font-family:'bree_serifregular'; + font-size: 404%; +} + +#wrapper { + width:725px; + min-height:300px; + margin-bottom:20px; + margin-right:15px; + text-align:left; + padding:5px 5px 25px 20px; +} + + + + + +