includes/style.css

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