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 margin-bottom: 15px;
  31 }
  32
  33 h3 {
  34 margin-top:15px;
  35 font-family:MuseoSlab500;
  36 }
  37
  38 h1,h2 {
  39 font-size:150%;
  40 font-family:MuseoSlab500;
  41 }
  42
  43 a {
  44 text-decoration:none;
  45 }
  46
  47 li {
  48 list-style:none;
  49 display:block;
  50 }
  51
  52 #structure {
  53 width:960px;
  54 margin:30px auto 0;
  55 }
  56
  57 #banner {
  58 margin-left:15px;
  59 }
  60
  61 #content {
  62 width:725px;
  63 min-height:300px;
  64 margin-bottom:20px;
  65 margin-right:15px;
  66 text-align:left;
  67 padding:5px 5px 25px 20px;
  68 }
  69
  70 #portfolio {
  71 float:left;
  72 width:350px;
  73 }
  74
  75 #portfolio li {
  76 font-family:InconsolataMedium;
  77 }
  78
  79 #exhibit {
  80 float:right;
  81 margin-left:17px;
  82 font-family:InconsolataMedium;
  83 }
  84
  85 #exhibit h1 {
  86 margin-bottom:15px;
  87 }
  88
  89 .exhibit {
  90 width:300px;
  91 min-height:475px;
  92 border:1px solid #000;
  93 display:none;
  94 text-align:left;
  95 padding:10px;
  96 }
  97
  98 .shownDiv {
  99 border:1px solid #000;
 100 }
 101
 102 #contact_me {
 103 margin-top:100px;
 104 text-align:left;
 105 clear:both;
 106 }
 107
 108 #notes,#note {
 109 text-align:left;
 110 margin-top:40px;
 111 font-family:InconsolataMedium;
 112 }
 113
 114 #notes h1 {
 115 margin-bottom:10px;
 116 }
 117
 118 .date {
 119 color:grey;
 120 }
 121
 122 #comment_link {
 123 font-size:80%;
 124 }
 125
 126 .note {
 127 margin-bottom:40px;
 128 font-family:InconsolataMedium;
 129 }
 130
 131 p {
 132 margin-top:15px;
 133 }
 134
 135 pre {
 136 margin-top:20px;
 137 margin-bottom:20px;
 138 width:100%;
 139 overflow:auto;
 140 }
 141
 142 #navigation {
 143 text-align:left;
 144 }
 145
 146 #comments {
 147 margin-top:30px;
 148 border-left:1px solid #000;
 149 padding-left:15px;
 150 }
 151
 152 .comment {
 153 margin-bottom:30px;
 154 }
 155
 156 #comment {
 157 padding-left:15px;
 158 border-left:1px solid #000;
 159 margin-top:15px;
 160 text-align:left;
 161 }
 162
 163 #comment .submit {
 164 border:none;
 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, #powermate_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,#powermate_entry,#cellular-automaton_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 }