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 h1,h2 {
  61 font-size:256%;
  62 font-family:'bree_serifregular';
  63 }
  64
  65 a {
  66 text-decoration:none;
  67 }
  68
  69 li {
  70 list-style:none;
  71 display:block;
  72 }
  73
  74 #structure {
  75 width:960px;
  76 margin:30px auto 0;
  77 }
  78
  79 #content {
  80 width:725px;
  81 min-height:300px;
  82 margin-bottom:20px;
  83 margin-right:15px;
  84 text-align:left;
  85 padding:5px 5px 25px 20px;
  86 }
  87
  88 .portfolio {
  89 float:left;
  90 width:350px;
  91 margin-left:10px;
  92 }
  93
  94 #exhibit {
  95 float:right;
  96 margin-left:17px;
  97 font-family:InconsolataMedium;
  98 }
  99
 100 #exhibit h1 {
 101 margin-bottom:15px;
 102 }
 103
 104 .exhibit {
 105 width:300px;
 106 min-height:475px;
 107 border:1px solid #000;
 108 display:none;
 109 text-align:left;
 110 padding:10px;
 111 }
 112
 113 #contact_me {
 114 margin-top:100px;
 115 text-align:left;
 116 clear:both;
 117 }
 118
 119 #notes,#note {
 120 text-align:left;
 121 margin-top:40px;
 122 font-family:InconsolataMedium;
 123 }
 124
 125 #notes h1 {
 126 margin-bottom:10px;
 127 }
 128
 129 .date {
 130 color:grey;
 131 }
 132
 133 #comment_link {
 134 font-size:80%;
 135 }
 136
 137 .note {
 138 margin-bottom:40px;
 139 font-family:InconsolataMedium;
 140 }
 141
 142 p {
 143 margin-top:15px;
 144 }
 145
 146 pre {
 147 margin-top:20px;
 148 margin-bottom:20px;
 149 width:100%;
 150 overflow:auto;
 151 }
 152
 153 #navigation {
 154 text-align:left;
 155 }
 156
 157 #comments {
 158 margin-top:30px;
 159 border-left:1px solid #000;
 160 padding-left:15px;
 161 }
 162
 163 .comment {
 164 margin-bottom:30px;
 165 }
 166
 167 #comment {
 168 padding-left:15px;
 169 border-left:1px solid #000;
 170 margin-top:15px;
 171 text-align:left;
 172 }
 173
 174 #comment .submit {
 175 border:none;
 176 color:blue;
 177 cursor:pointer;
 178 font-size:120%;
 179 font-weight:700;
 180 margin-top:20px;
 181 }
 182
 183 #recaptcha_widget {
 184 position:relative;
 185 display:none;
 186 }
 187
 188 #recaptcha_image {
 189 top:0;
 190 right:0;
 191 float:left;
 192 position:relative;
 193 width:100px;
 194 }
 195
 196 .recaptcha_help {
 197 font-family:MuseoSlab500;
 198 font-size:80%;
 199 }
 200
 201 .project_title {
 202 font-size:1.6em;
 203 }
 204
 205 .project_entry {
 206 font-size:1.4em;
 207 }
 208
 209 #comment input,#comment textarea {
 210 border:1px solid grey;
 211 font-family:InconsolataMedium;
 212 }
 213
 214 #not_human,#blank_comment {
 215 color:red;
 216 display:none;
 217 font-weight:700;
 218 margin-bottom:15px;
 219 margin-top:15px;
 220 }