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