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 }
 143
 144 #notes h1 {
 145         margin-bottom:10px;
 146 }
 147
 148
 149 .date {
 150     color:grey;
 151 }
 152
 153 #comment_link {
 154         font-size:80%;
 155 }
 156
 157 .note {
 158         margin-bottom:40px;
 159     font-family:'InconsolataMedium';
 160 }
 161
 162 p {
 163         margin-top:15px;
 164 }
 165
 166 pre {
 167         margin-top:20px;
 168         margin-bottom:20px;
 169 }
 170
 171 #navigation {
 172         text-align:left;
 173         font-family:sans-serif;
 174 }
 175
 176 #comments {
 177     margin-top:30px;
 178         border-left:1px solid black;
 179         padding-left:15px;
 180 }
 181
 182 .comment {
 183         margin-bottom:30px;
 184 }
 185
 186 #comment {
 187         padding-left:15px;
 188         border-left:1px solid black;
 189         margin-top:15px;
 190         text-align:left;
 191 }
 192
 193 #comment input {
 194         border:1px solid grey;
 195 }
 196
 197 #comment textarea {
 198         border:1px solid grey;
 199 }
 200
 201 #comment .submit {
 202         background:#FFF;
 203         border:1px solid white;
 204         color:blue;
 205         cursor:pointer;
 206         font-size:120%;
 207         font-weight:bold;
 208     margin-top:20px;
 209 }
 210
 211 #recaptcha_widget {
 212         position:relative;
 213 }
 214
 215 #recaptcha_image {
 216         position:absolute;
 217         top:0px;
 218         right:0px;
 219     float:left;
 220     position:relative;
 221     width:100px;
 222 }
 223
 224 #recaptcha_widget {
 225         display:none;
 226 }
 227
 228 .recaptcha_help {
 229     font-size:80%;
 230 }
 231
 232 #not_human {
 233     display:none;
 234     font-weight:bold;
 235     font-family:sans-serif;
 236     color:red;
 237     margin-top:15px;
 238     margin-bottom:15px;
 239 }
 240
 241 #blank_comment { display:none;
 242     font-weight:bold;
 243     font-family:sans-serif;
 244     color:red;
 245     margin-top:15px;
 246     margin-bottom:15px;
 247 }