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