main.scss

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