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         padding: 0;
  25         margin: 0;
  26         }
  27
  28 h3 {
  29         margin-top:15px;
  30         font-family:sans-serif;
  31     font-family:'MuseoSlab500';
  32 }
  33
  34 h1, h2 {
  35     font-size:150%;
  36     font-family:'MuseoSlab500';
  37 }
  38
  39 a {
  40         text-decoration:none;
  41 }
  42
  43 li {
  44         list-style:none;
  45         display:block;
  46 }
  47
  48 #structure {
  49         width:960px;
  50         margin: 0 auto;
  51         margin-top: 30px;
  52 }
  53
  54 #banner {
  55 /*      float:left;
  56         margin-right:15px;
  57 */
  58     margin-left:15px;
  59 }
  60
  61 #content {
  62         width:725px;
  63         min-height:300px;
  64         margin-bottom: 20px;
  65         margin-right:15px;
  66         padding:5px;
  67         padding-left:20px;
  68         padding-bottom:25px;
  69         text-align:left;
  70 }
  71
  72 #portfolio {
  73         float:left;
  74         width:350px;
  75 }
  76
  77 #portfolio li{
  78         font-family:sans-serif;
  79 }
  80
  81 #exhibit {
  82         float:right;
  83         margin-left:17px;
  84     font-family:'InconsolataMedium';
  85 }
  86
  87 #exhibit h1 {
  88         margin-bottom:15px;
  89 }
  90
  91 .exhibit {
  92         width:300px;
  93         min-height:475px;
  94         border:1px solid black;
  95         padding:10px;
  96         display:none;
  97         text-align:left;
  98 }
  99
 100 .shownDiv {
 101         border:1px solid black;
 102 }
 103
 104 #contact_me {
 105         margin-top:100px;
 106         font-family:sans-serif;
 107         text-align:left;
 108         clear:both;
 109 }
 110
 111 /* drawcss */
 112 #drawcss_title {
 113         font-size:1.6em;
 114 }
 115
 116 #drawcss_entry {
 117         font-size:1.6em;
 118  }
 119
 120 /* youtube_backup */
 121 #youtube_backup_title {
 122         font-size:1.6em;
 123 }
 124
 125 #youtube_backup_entry {
 126         font-size:1.4em;
 127 }
 128
 129 /* i_like_pandora */
 130 #i_like_pandora_title {
 131         font-size:1.6em;
 132 }
 133
 134 #i_like_pandora_entry {
 135         font-size:1.4em;
 136 }
 137
 138 /* notes */
 139 #notes, #note {
 140         text-align:left;
 141         margin-top:20px;
 142     font-family:'InconsolataMedium';
 143 }
 144
 145 #notes h1 {
 146         margin-bottom:10px;
 147 }
 148
 149
 150 .date {
 151     color:grey;
 152 }
 153
 154 #comment_link {
 155         font-size:80%;
 156 }
 157
 158 .note {
 159         margin-bottom:40px;
 160     font-family:'InconsolataMedium';
 161 }
 162
 163 p {
 164         margin-top:15px;
 165 }
 166
 167 pre {
 168         margin-top:20px;
 169         margin-bottom:20px;
 170 }
 171
 172 #navigation {
 173         text-align:left;
 174         font-family:sans-serif;
 175 }
 176
 177 #comments {
 178     margin-top:30px;
 179         border-left:1px solid black;
 180         padding-left:15px;
 181 }
 182
 183 .comment {
 184         margin-bottom:30px;
 185 }
 186
 187 #comment {
 188         padding-left:15px;
 189         border-left:1px solid black;
 190         margin-top:15px;
 191         text-align:left;
 192 }
 193
 194 #comment input {
 195         border:1px solid grey;
 196     font-family:'InconsolataMedium';
 197 }
 198
 199 #comment textarea {
 200         border:1px solid grey;
 201     font-family:'InconsolataMedium';
 202 }
 203
 204 #comment .submit {
 205         background:#FFF;
 206         border:1px solid white;
 207         color:blue;
 208         cursor:pointer;
 209         font-size:120%;
 210         font-weight:bold;
 211     margin-top:20px;
 212 }
 213
 214 #recaptcha_widget {
 215         position:relative;
 216 }
 217
 218 #recaptcha_image {
 219         position:absolute;
 220         top:0px;
 221         right:0px;
 222     float:left;
 223     position:relative;
 224     width:100px;
 225 }
 226
 227 #recaptcha_widget {
 228         display:none;
 229 }
 230
 231 .recaptcha_help {
 232     font-family:'MuseoSlab500';
 233     font-size:80%;
 234 }
 235
 236 #not_human {
 237     display:none;
 238     font-weight:bold;
 239     font-family:sans-serif;
 240     color:red;
 241     margin-top:15px;
 242     margin-bottom:15px;
 243 }
 244
 245 #blank_comment {
 246     display:none;
 247     font-weight:bold;
 248     font-family:sans-serif;
 249     color:red;
 250     margin-top:15px;
 251     margin-bottom:15px;
 252 }