X-Git-Url: https://disinclined.org/git/?a=blobdiff_plain;f=includes%2Fstyle.css;h=fd03cb30a6fe058d060e113884b386a46b8818c1;hb=45f27e1125b0d039ad96ea612fb61f5957cda0ae;hp=a84482ed45a9058fca7a93b624a4c07201e46a7d;hpb=9ee0f3050a7ac673f88812fcdd71fe434ff42a47;p=dylansserver.git diff --git a/includes/style.css b/includes/style.css index a84482e..fd03cb3 100644 --- a/includes/style.css +++ b/includes/style.css @@ -1,109 +1,246 @@ +@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; } +h3 { + margin-top:15px; + font-family:'MuseoSlab500'; +} + +h1, h2 { + font-size:150%; + font-family:'MuseoSlab500'; +} + a { text-decoration:none; } +li { + list-style:none; + display:block; +} + #structure { - padding-top:1px; - background-color:#fff; width:960px; margin: 0 auto; margin-top: 30px; - text-align: left; - border: 10px solid #fff; - } - -#logo_box { - background-image:url('../images/logo.png'); - margin-top:25px; - margin-left:25px; - width:150px; - min-height:150px; -} - -#about_bar { - background-image:url('../images/logo.png'); - margin-top:25px; - margin-left:25px; - width:150px; - min-height:500px; } #banner { - float:right; - margin-top:25px; - 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-top:25px; padding-bottom:25px; + text-align:left; } -.portfolio { - float:right; +#portfolio { + float:left; width:350px; - margin-right:17px; } -.portfolio li a { - text-decoration:none; +#portfolio li{ + font-family:'InconsolataMedium'; } #exhibit { float:right; - width:150px: - margin-top:25px; - margin-right:17px; + margin-left:17px; + font-family:'InconsolataMedium'; } -.exhibit { - +#exhibit h1 { + margin-bottom:15px; } -.tabs { +.exhibit { width:300px; - min-height:600px; + min-height:475px; border:1px solid black; padding:10px; + display:none; + text-align:left; } -.project { - float:right; - list-style:none; +.shownDiv { + border:1px solid black; } -.active_project { - display:block; - /*margin-right:-15px;*/ +#contact_me { + margin-top:100px; + text-align:left; + clear:both; +} + +/* drawcss */ +#drawcss_title { + font-size:1.6em; +} + +#drawcss_entry { + font-size:1.6em; + } + +/* youtube_backup */ +#youtube_backup_title { + font-size:1.6em; +} + +#youtube_backup_entry { + font-size:1.4em; +} + +/* i_like_pandora */ +#i_like_pandora_title { + font-size:1.6em; +} + +#i_like_pandora_entry { + font-size:1.4em; +} + +/* notes */ +#notes, #note { + text-align:left; + margin-top:20px; + font-family:'InconsolataMedium'; +} + +#notes h1 { + margin-bottom:10px; +} + + +.date { + color:grey; +} + +#comment_link { + font-size:80%; +} + +.note { + margin-bottom:40px; + font-family:'InconsolataMedium'; +} + +p { + margin-top:15px; +} + +pre { + margin-top:20px; + margin-bottom:20px; + width:100%; + overflow:auto; +} + +#navigation { + text-align:left; +} + +#comments { + margin-top:30px; + border-left:1px solid black; + padding-left:15px; +} + +.comment { + margin-bottom:30px; +} + +#comment { + padding-left:15px; + border-left:1px solid black; + margin-top:15px; + text-align:left; +} + +#comment input { + border:1px solid grey; + font-family:'InconsolataMedium'; +} + +#comment textarea { + border:1px solid grey; + font-family:'InconsolataMedium'; +} + +#comment .submit { + background:#FFF; + border:1px solid white; + color:blue; + cursor:pointer; + font-size:120%; + font-weight:bold; + margin-top:20px; +} + +#recaptcha_widget { + position:relative; +} + +#recaptcha_image { + position:absolute; + top:0px; + right:0px; + float:left; + position:relative; + width:100px; } -.active_tab { - /*margin-right:15px;*/ +#recaptcha_widget { + display:none; } -.reprap_entry-title { - font: 1.5em georgia, times, serif; - text-decoration: none; - color: black; - display: block; +.recaptcha_help { + font-family:'MuseoSlab500'; + font-size:80%; } -.peepshow_entry { - font:1.6em verdana; +#not_human { + display:none; + font-weight:bold; + color:red; + margin-top:15px; + margin-bottom:15px; } -.readoo_entry{ - font:1.6em arial; +#blank_comment { + display:none; + font-weight:bold; + color:red; + margin-top:15px; + margin-bottom:15px; }