X-Git-Url: https://disinclined.org/git/?a=blobdiff_plain;f=includes%2Fstyle.css;h=a9219d2c316d30441e34615f4e83c33ad4e8636c;hb=e6bbdb3c10ef5df7989b45c0b2a60ddb1178e4fe;hp=3613b69e8986c9b5b1ba6399bb0dcf5379bb44fb;hpb=324771372e1f7a0db79f0036efccea14e3716bd5;p=dylansserver.git diff --git a/includes/style.css b/includes/style.css index 3613b69..a9219d2 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; @@ -6,11 +28,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,12 +52,13 @@ li { } #banner { - float:right; +/* float:left; margin-right:15px; +*/ + margin-left:15px; } #content { - float:right; width:725px; min-height:300px; margin-bottom: 20px; @@ -42,11 +66,11 @@ li { padding:5px; padding-left:20px; padding-bottom:25px; - text-align:right; + text-align:left; } #portfolio { - float:right; + float:left; width:350px; } @@ -57,6 +81,7 @@ li { #exhibit { float:right; margin-left:17px; + font-family:'InconsolataMedium'; } #exhibit h1 { @@ -65,7 +90,7 @@ li { .exhibit { width:300px; - min-height:600px; + min-height:475px; border:1px solid black; padding:10px; display:none; @@ -79,69 +104,42 @@ li { #contact_me { margin-top:100px; font-family:sans-serif; - text-align:right; + 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:right; + text-align:left; margin-top:20px; + font-family:'InconsolataMedium'; } #notes h1 { @@ -159,6 +157,7 @@ li { .note { margin-bottom:40px; + font-family:'InconsolataMedium'; } p { @@ -171,13 +170,14 @@ pre { } #navigation { - text-align:right; + text-align:left; font-family:sans-serif; } #comments { - border-right:1px solid black; - padding-right:15px; + margin-top:30px; + border-left:1px solid black; + padding-left:15px; } .comment { @@ -185,10 +185,10 @@ pre { } #comment { - padding-right:15px; - border-right:1px solid black; + padding-left:15px; + border-left:1px solid black; margin-top:15px; - text-align:right; + text-align:left; } #comment input { @@ -206,6 +206,7 @@ pre { cursor:pointer; font-size:120%; font-weight:bold; + margin-top:20px; } #recaptcha_widget { @@ -216,12 +217,19 @@ pre { position:absolute; top:0px; right:0px; + float:left; + position:relative; + width:100px; } #recaptcha_widget { display:none; } +.recaptcha_help { + font-size:80%; +} + #not_human { display:none; font-weight:bold;