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 // Header
  87 // ----------------------------------
  88
  89 #header a:visited {
  90     color: black;
  91 }
  92
  93
  94 // ----------------------------------
  95 // Primary Structure
  96 // ----------------------------------
  97
  98 html {
  99     margin: 20px;
 100 }
 101
 102 body {
 103     margin-top: 30px;
 104     font-size: 110%;
 105 }
 106
 107 main {
 108     width:960px;
 109     margin:0px auto 0;
 110 }
 111
 112 #header, #site-title {
 113     font-family:'bree_serifregular';
 114     font-size: 204%;
 115     margin-left: -1%;
 116 }
 117
 118 #wrapper {
 119     width:725px;
 120     min-height:300px;
 121     margin-bottom:20px;
 122     text-align:left;
 123 }
 124
 125
 126 // ----------------------------------
 127 // Index Specific
 128 // ----------------------------------
 129
 130
 131 #exhibit {
 132     float:right;
 133     margin-top:55px;
 134     margin-left:17px;
 135     font-family:InconsolataMedium;
 136     font-size:1.2em;
 137 }
 138
 139 .exhibit {
 140     width:300px;
 141     min-height:475px;
 142     border:1px solid #000;
 143     display:none;
 144     text-align:left;
 145     padding:10px;
 146 }
 147
 148 .exhibit h1 {
 149     margin-bottom:15px;
 150     font-size: 180%;
 151 }
 152
 153 .page-header {
 154     margin-top:30px;
 155     margin-bottom:30px;
 156     font-size: 300%;
 157 }
 158
 159
 160 // ----------------------------------
 161 // Notes
 162 // ----------------------------------
 163
 164
 165 .article {
 166     margin-bottom:30px;
 167 }
 168
 169 .page-date {
 170     color:grey;
 171 }
 172
 173 .page-title {
 174     margin-top:30px;
 175     margin-bottom:30px;
 176     font-size: 150%;
 177     font-family: 'bree_serifregular';
 178 }
 179
 180 article {
 181     margin-bottom: 40px;
 182     margin-left: 10px;
 183     font-family: InconsolataMedium;
 184 }
 185
 186 .pagination {
 187     font-size: 150%;
 188 }
 189
 190 pre {
 191     margin-top: 20px;
 192     margin-bottom: 20px;
 193     width: 100%;
 194     overflow: auto;
 195 }
 196
 197
 198
 199
 200
 201
 202
 203
 204
 205
 206