main.scss

   1 ---
   2 ---
   3
   4
   5 // ----------------------------------
   6 // Fonts
   7 // ----------------------------------
   8
   9 @font-face {
  10     font-family: 'bree_serifregular';
  11     src: url('/assets/fonts/breeserif-regular-webfont.eot');
  12     src: url('/assets/fonts/breeserif-regular-webfont.eot?#iefix') format('embedded-opentype'),
  13          url('/assets/fonts/breeserif-regular-webfont.woff2') format('woff2'),
  14          url('/assets/fonts/breeserif-regular-webfont.woff') format('woff'),
  15          url('/assets/fonts/breeserif-regular-webfont.ttf') format('truetype'),
  16          url('/assets/fonts/breeserif-regular-webfont.svg#bree_serifregular') format('svg');
  17     font-weight: normal;
  18     font-style: normal;
  19
  20 }
  21
  22 @font-face {
  23     font-family: 'InconsolataMedium';
  24     src: url('/assets/fonts/inconsolata-webfont.eot');
  25     src: url('/assets/fonts/inconsolata-webfont.eot?#iefix') format('embedded-opentype'),
  26          url('/assets/fonts/inconsolata-webfont.woff') format('woff'),
  27          url('/assets/fonts/inconsolata-webfont.ttf') format('truetype'),
  28          url('/assets/fonts/inconsolata-webfont.svg#InconsolataMedium') format('svg');
  29     font-weight: normal;
  30     font-style: normal;
  31 }
  32
  33 @font-face {
  34     font-family: 'MuseoSlab500';
  35     src: url('/assets/fonts/museo_slab_500-webfont.eot');
  36     src: url('/assets/fonts/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'),
  37          url('/assets/fonts/museo_slab_500-webfont.woff') format('woff'),
  38          url('/assets/fonts/museo_slab_500-webfont.ttf') format('truetype'),
  39          url('/assets/fonts/museo_slab_500-webfont.svg#MuseoSlab500') format('svg');
  40     font-weight: normal;
  41     font-style: normal;
  42 }
  43
  44
  45 // ----------------------------------
  46 // Base Elements
  47 // ----------------------------------
  48
  49
  50 * {
  51     margin:0;
  52     padding:0;
  53 }
  54
  55 body {
  56     background-image: url('/assets/noisy.png');
  57     font-family:InconsolataMedium;
  58     margin-bottom: 15px;
  59 }
  60
  61 h1,h2 {
  62     font-size:256%;
  63     font-family:'bree_serifregular';
  64 }
  65
  66 h3 {
  67     margin-top:15px;
  68     margin-bottom:5px;
  69     font-family:'bree_serifregular';
  70 }
  71
  72
  73 a {
  74     text-decoration:none;
  75 }
  76
  77 li {
  78     list-style:none;
  79     display:block;
  80     margin-left:10px;
  81 }
  82
  83
  84 // ----------------------------------
  85 // Primary Structure
  86 // ----------------------------------
  87
  88
  89 body {
  90     margin-top: 30px;
  91 }
  92
  93 main {
  94     width:960px;
  95     margin:0px auto 0;
  96 }
  97
  98 .title {
  99     margin-left:17px;
 100     color:black;
 101     font-family:'bree_serifregular';
 102     font-size: 404%;
 103 }
 104
 105 #wrapper {
 106     width:725px;
 107     min-height:300px;
 108     margin-bottom:20px;
 109     margin-right:15px;
 110     text-align:left;
 111     padding:5px 5px 25px 20px;
 112 }
 113
 114
 115
 116
 117
 118