includes/style.css

   1 @font-face {
   2     font-family: 'bree_serifregular';
   3     src: url('/font/breeserif-regular-webfont.eot');
   4     src: url('/font/breeserif-regular-webfont.eot?#iefix') format('embedded-opentype'),
   5          url('/font/breeserif-regular-webfont.woff2') format('woff2'),
   6          url('/font/breeserif-regular-webfont.woff') format('woff'),
   7          url('/font/breeserif-regular-webfont.ttf') format('truetype'),
   8          url('/font/breeserif-regular-webfont.svg#bree_serifregular') format('svg');
   9     font-weight: normal;
  10     font-style: normal;
  11
  12 }
  13
  14 @font-face {
  15     font-family: 'InconsolataMedium';
  16     src: url('/font/inconsolata-webfont.eot');
  17     src: url('/font/inconsolata-webfont.eot?#iefix') format('embedded-opentype'),
  18          url('/font/inconsolata-webfont.woff') format('woff'),
  19          url('/font/inconsolata-webfont.ttf') format('truetype'),
  20          url('/font/inconsolata-webfont.svg#InconsolataMedium') format('svg');
  21     font-weight: normal;
  22     font-style: normal;
  23 }
  24
  25 @font-face {
  26     font-family: 'MuseoSlab500';
  27     src: url('/font/museo_slab_500-webfont.eot');
  28     src: url('/font/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'),
  29          url('/font/museo_slab_500-webfont.woff') format('woff'),
  30          url('/font/museo_slab_500-webfont.ttf') format('truetype'),
  31          url('/font/museo_slab_500-webfont.svg#MuseoSlab500') format('svg');
  32     font-weight: normal;
  33     font-style: normal;
  34 }
  35
  36 * {
  37 margin:0;
  38 padding:0;
  39 }
  40
  41 body {
  42 background-image: url('../images/noisy.png');
  43 font-family:InconsolataMedium;
  44 margin-bottom: 15px;
  45 }
  46
  47 h3 {
  48 margin-top:15px;
  49 margin-bottom:5px;
  50 font-family:'bree_serifregular';
  51 }
  52
  53 .title {
  54 margin-left:17px;
  55 color:black;
  56 font-family:'bree_serifregular';
  57 font-size: 404%;
  58 }
  59
  60 .indent {
  61 margin-left:10px;
  62 }
  63
  64 h1,h2 {
  65 font-size:256%;
  66 font-family:'bree_serifregular';
  67 }
  68
  69 a {
  70 text-decoration:none;
  71 }
  72
  73 li {
  74 list-style:none;
  75 display:block;
  76 }
  77
  78 #structure {
  79 width:960px;
  80 margin:30px auto 0;
  81 }
  82
  83 #content {
  84 width:725px;
  85 min-height:300px;
  86 margin-bottom:20px;
  87 margin-right:15px;
  88 text-align:left;
  89 padding:5px 5px 25px 20px;
  90 }
  91
  92 .portfolio {
  93 float:left;
  94 width:350px;
  95 margin-left:10px;
  96 }
  97
  98 #exhibit {
  99 float:right;
 100 margin-left:17px;
 101 font-family:InconsolataMedium;
 102 }
 103
 104 #exhibit h1 {
 105 margin-bottom:15px;
 106 }
 107
 108 .exhibit {
 109 width:300px;
 110 min-height:475px;
 111 border:1px solid #000;
 112 display:none;
 113 text-align:left;
 114 padding:10px;
 115 }
 116
 117 #contact_me {
 118 margin-top:100px;
 119 text-align:left;
 120 clear:both;
 121 }
 122
 123 #notes,#note {
 124 text-align:left;
 125 margin-top:40px;
 126 font-family:InconsolataMedium;
 127 }
 128
 129 #notes h1 {
 130 margin-bottom:10px;
 131 }
 132
 133 .date {
 134 color:grey;
 135 }
 136
 137 #comment_link {
 138 font-size:80%;
 139 }
 140
 141 .note {
 142 margin-bottom:40px;
 143 font-family:InconsolataMedium;
 144 }
 145
 146 p {
 147 margin-top:15px;
 148 }
 149
 150 pre {
 151 margin-top:20px;
 152 margin-bottom:20px;
 153 width:100%;
 154 overflow:auto;
 155 }
 156
 157 #navigation {
 158 text-align:left;
 159 }
 160
 161 #comments {
 162 margin-top:30px;
 163 border-left:1px solid #000;
 164 padding-left:15px;
 165 }
 166
 167 .comment {
 168 margin-bottom:30px;
 169 }
 170
 171 #comment {
 172 padding-left:15px;
 173 border-left:1px solid #000;
 174 margin-top:15px;
 175 text-align:left;
 176 }
 177
 178 #comment .submit {
 179 border:none;
 180 color:blue;
 181 cursor:pointer;
 182 font-size:120%;
 183 font-weight:700;
 184 margin-top:20px;
 185 }
 186
 187 #recaptcha_widget {
 188 position:relative;
 189 display:none;
 190 }
 191
 192 #recaptcha_image {
 193 top:0;
 194 right:0;
 195 float:left;
 196 position:relative;
 197 width:100px;
 198 }
 199
 200 .recaptcha_help {
 201 font-family:MuseoSlab500;
 202 font-size:80%;
 203 }
 204
 205 .project_title {
 206 font-size:1.6em;
 207 }
 208
 209 .project_entry {
 210 font-size:1.4em;
 211 }
 212
 213 #comment input,#comment textarea {
 214 border:1px solid grey;
 215 font-family:InconsolataMedium;
 216 }
 217
 218 #not_human,#blank_comment {
 219 color:red;
 220 display:none;
 221 font-weight:700;
 222 margin-bottom:15px;
 223 margin-top:15px;
 224 }