X-Git-Url: https://disinclined.org/git/?a=blobdiff_plain;f=includes%2Fstyle.css;h=fd03cb30a6fe058d060e113884b386a46b8818c1;hb=45f27e1125b0d039ad96ea612fb61f5957cda0ae;hp=019bc0c7062be40a316fd6e762489c414fa6d315;hpb=268795ba61ed5adaa452c551e1c3bd58505d16a0;p=dylansserver.git diff --git a/includes/style.css b/includes/style.css index 019bc0c..fd03cb3 100644 --- a/includes/style.css +++ b/includes/style.css @@ -1,3 +1,25 @@ +@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; @@ -5,12 +27,12 @@ h3 { margin-top:15px; - font-family:sans-serif; + font-family:'MuseoSlab500'; } h1, h2 { - font-family:sans-serif; font-size:150%; + font-family:'MuseoSlab500'; } a { @@ -29,9 +51,6 @@ li { } #banner { -/* float:left; - margin-right:15px; -*/ margin-left:15px; } @@ -47,17 +66,18 @@ li { } #portfolio { - float:right; + float:left; width:350px; } #portfolio li{ - font-family:sans-serif; + font-family:'InconsolataMedium'; } #exhibit { float:right; margin-left:17px; + font-family:'InconsolataMedium'; } #exhibit h1 { @@ -66,7 +86,7 @@ li { .exhibit { width:300px; - min-height:600px; + min-height:475px; border:1px solid black; padding:10px; display:none; @@ -79,70 +99,42 @@ li { #contact_me { margin-top:100px; - font-family:sans-serif; text-align:left; clear:both; } -/* reprap */ -#reprap_entry { - font: 1.5em georgia, times; - text-decoration: none; - display: block; -} - -/* peepshow */ -#peepshow_ { - font-style:italic; -} -#peepshow_title_1 { - font-style:italic; - margin-top:0px; -} - -#peephow_title_2 { - font-size:3em; -} - -#peepshow_entry { - font:1.4em "lucida console"; -} - -#peepshow_entry { - font:1.4em "lucida console"; -} - /* drawcss */ #drawcss_title { - font:1.6em "lucida console"; + font-size:1.6em; } #drawcss_entry { - font:1.6em "lucida console"; + font-size:1.6em; } /* youtube_backup */ #youtube_backup_title { - font:1.6em "lucida console"; + font-size:1.6em; } #youtube_backup_entry { - font:1.4em "lucida console"; + font-size:1.4em; } /* i_like_pandora */ #i_like_pandora_title { - font:1.6em "lucida console"; + font-size:1.6em; } #i_like_pandora_entry { - font:1.4em "lucida console"; + font-size:1.4em; } /* notes */ #notes, #note { text-align:left; margin-top:20px; + font-family:'InconsolataMedium'; } #notes h1 { @@ -160,6 +152,7 @@ li { .note { margin-bottom:40px; + font-family:'InconsolataMedium'; } p { @@ -169,14 +162,16 @@ p { pre { margin-top:20px; margin-bottom:20px; + width:100%; + overflow:auto; } #navigation { text-align:left; - font-family:sans-serif; } #comments { + margin-top:30px; border-left:1px solid black; padding-left:15px; } @@ -194,10 +189,12 @@ pre { #comment input { border:1px solid grey; + font-family:'InconsolataMedium'; } #comment textarea { border:1px solid grey; + font-family:'InconsolataMedium'; } #comment .submit { @@ -218,24 +215,31 @@ pre { position:absolute; top:0px; right:0px; + float:left; + position:relative; + width:100px; } #recaptcha_widget { display:none; } +.recaptcha_help { + font-family:'MuseoSlab500'; + font-size:80%; +} + #not_human { display:none; font-weight:bold; - font-family:sans-serif; color:red; margin-top:15px; margin-bottom:15px; } -#blank_comment { display:none; +#blank_comment { + display:none; font-weight:bold; - font-family:sans-serif; color:red; margin-top:15px; margin-bottom:15px;