X-Git-Url: https://disinclined.org/git/?a=blobdiff_plain;f=includes%2Fstyle.css;h=5329f689fc52bbe9d29cb5d9882466697fe028d2;hb=5bcb138ac97476619e78aaa52e9f5507003d5caf;hp=2b1fc6c065f1e7ebaef013f025fab22dcad39a3b;hpb=fce547203c304e3e39d0e4095b5de84741148942;p=dylansserver.git diff --git a/includes/style.css b/includes/style.css index 2b1fc6c..5329f68 100644 --- a/includes/style.css +++ b/includes/style.css @@ -1,127 +1,205 @@ +@font-face { + font-family: 'InconsolataMedium'; + src: url('/font/inconsolata-webfont.eot'); + src: url('/font/inconsolata-webfont.eot?#iefix') format('embedded-opentype'), + url('/font/inconsolata-webfont.woff') format('woff'), + url('/font/inconsolata-webfont.ttf') format('truetype'), + url('/font/inconsolata-webfont.svg#InconsolataMedium') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'MuseoSlab500'; + src: url('/font/museo_slab_500-webfont.eot'); + src: url('/font/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'), + url('/font/museo_slab_500-webfont.woff') format('woff'), + url('/font/museo_slab_500-webfont.ttf') format('truetype'), + url('/font/museo_slab_500-webfont.svg#MuseoSlab500') format('svg'); + font-weight: normal; + font-style: normal; +} + * { - padding: 0; - margin: 0; - } +margin:0; +padding:0; +} h3 { - margin-top:15px; +margin-top:15px; +font-family:MuseoSlab500; +} + +h1,h2 { +font-size:150%; +font-family:MuseoSlab500; } a { - text-decoration:none; +text-decoration:none; } li { - list-style:none; - display:block; +list-style:none; +display:block; } #structure { - width:960px; - margin: 0 auto; - margin-top: 30px; +width:960px; +margin:30px auto 0; } #banner { - float:right; - margin-right:15px; +margin-left:15px; } #content { - float:right; - width:725px; - min-height:300px; - margin-bottom: 20px; - margin-right:15px; - padding:5px; - padding-left:20px; - padding-bottom:25px; +width:725px; +min-height:300px; +margin-bottom:20px; +margin-right:15px; +text-align:left; +padding:5px 5px 25px 20px; } #portfolio { - float:right; - width:350px; - margin-right:17px; +float:left; +width:350px; +} + +#portfolio li { +font-family:InconsolataMedium; } #exhibit { - float:right; +float:right; +margin-left:17px; +font-family:InconsolataMedium; } #exhibit h1 { - margin-bottom:15px; +margin-bottom:15px; } .exhibit { - width:300px; - min-height:600px; - border:1px solid black; - padding:10px; +width:300px; +min-height:475px; +border:1px solid #000; +display:none; +text-align:left; +padding:10px; } .shownDiv { - border:1px solid black; +border:1px solid #000; } #contact_me { - margin-top:100px; +margin-top:100px; +text-align:left; +clear:both; +} + +#notes,#note { +text-align:left; +margin-top:20px; +font-family:InconsolataMedium; +} + +#notes h1 { +margin-bottom:10px; } -/* reprap */ -#reprap_entry { - font: 1.5em georgia, times; - text-decoration: none; - display: block; +.date { +color:grey; } -/* peepshow */ -#peepshow_title_1 { - font-style:italic; - margin-top:0px; +#comment_link { +font-size:80%; } -#peephow_title_2 { - font-style:italic; /* not sure why this isn't working :( */ - background-color:red; - font:3em; +.note { +margin-bottom:40px; +font-family:InconsolataMedium; } -#peepshow_entry { - font:1.4em "lucida console"; +p { +margin-top:15px; } -/* readoo */ -#readoo_title { - font:1.6em arial; +pre { +margin-top:20px; +margin-bottom:20px; +width:100%; +overflow:auto; } -#readoo_entry { - font:1.6em arial; +#navigation { +text-align:left; } -/* drawcss */ -#drawcss_title { - font:1.6em "lucida console"; +#comments { +margin-top:30px; +border-left:1px solid #000; +padding-left:15px; } -#drawcss_entry { - font:1.6em "lucida console"; - } +.comment { +margin-bottom:30px; +} + +#comment { +padding-left:15px; +border-left:1px solid #000; +margin-top:15px; +text-align:left; +} + +#comment .submit { +background:#FFF; +border:1px solid #FFF; +color:blue; +cursor:pointer; +font-size:120%; +font-weight:700; +margin-top:20px; +} + +#recaptcha_widget { +position:relative; +display:none; +} + +#recaptcha_image { +top:0; +right:0; +float:left; +position:relative; +width:100px; +} + +.recaptcha_help { +font-family:MuseoSlab500; +font-size:80%; +} -/* youtube_backup */ -#youtube_backup_title { - font:1.6em "lucida console"; +#drawcss_title,#drawcss_entry,#youtube_backup_title,#i_like_pandora_title,#fvlc_title,#irssi-notify_title { +font-size:1.6em; } -#youtube_backup_entry { - font:1.4em "lucida console"; +#youtube_backup_entry,#i_like_pandora_entry,#matrixnullspace_entry,#fvlc_entry,#irssi-notify_entry,#dylansserver_entry,#metadata_writer_entry { +font-size:1.4em; } -/* i_like_pandora */ -#i_like_pandora_title { - font:1.6em "lucida console"; +#comment input,#comment textarea { +border:1px solid grey; +font-family:InconsolataMedium; } -#i_like_pandora_entry { - font:1.4em "lucida console"; +#not_human,#blank_comment { +color:red; +display:none; +font-weight:700; +margin-bottom:15px; +margin-top:15px; }