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     width:100%;
 171     overflow:auto;
 172 }
 173
 174 #navigation {
 175         text-align:left;
 176         font-family:sans-serif;
 177 }
 178
 179 #comments {
 180     margin-top:30px;
 181         border-left:1px solid black;
 182         padding-left:15px;
 183 }
 184
 185 .comment {
 186         margin-bottom:30px;
 187 }
 188
 189 #comment {
 190         padding-left:15px;
 191         border-left:1px solid black;
 192         margin-top:15px;
 193         text-align:left;
 194 }
 195
 196 #comment input {
 197         border:1px solid grey;
 198     font-family:'InconsolataMedium';
 199 }
 200
 201 #comment textarea {
 202         border:1px solid grey;
 203     font-family:'InconsolataMedium';
 204 }
 205
 206 #comment .submit {
 207         background:#FFF;
 208         border:1px solid white;
 209         color:blue;
 210         cursor:pointer;
 211         font-size:120%;
 212         font-weight:bold;
 213     margin-top:20px;
 214 }
 215
 216 #recaptcha_widget {
 217         position:relative;
 218 }
 219
 220 #recaptcha_image {
 221         position:absolute;
 222         top:0px;
 223         right:0px;
 224     float:left;
 225     position:relative;
 226     width:100px;
 227 }
 228
 229 #recaptcha_widget {
 230         display:none;
 231 }
 232
 233 .recaptcha_help {
 234     font-family:'MuseoSlab500';
 235     font-size:80%;
 236 }
 237
 238 #not_human {
 239     display:none;
 240     font-weight:bold;
 241     font-family:sans-serif;
 242     color:red;
 243     margin-top:15px;
 244     margin-bottom:15px;
 245 }
 246
 247 #blank_comment {
 248     display:none;
 249     font-weight:bold;
 250     font-family:sans-serif;
 251     color:red;
 252     margin-top:15px;
 253     margin-bottom:15px;
 254 }