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