X-Git-Url: https://disinclined.org/git/?a=blobdiff_plain;f=includes%2Fstyle.css;h=858498ec87b15de1e7d19bb182e58bdfff07d204;hb=36305ff45aa8ce8f53b3509e0976ed008233fbad;hp=86c452912891d119eab37732b5df92a2f7b0aab6;hpb=6180732356fed9af09ef55c26a8133c11e9c2e5a;p=dylansserver.git diff --git a/includes/style.css b/includes/style.css index 86c4529..858498e 100644 --- a/includes/style.css +++ b/includes/style.css @@ -1,129 +1,224 @@ +@font-face { + font-family: 'bree_serifregular'; + src: url('/font/breeserif-regular-webfont.eot'); + src: url('/font/breeserif-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('/font/breeserif-regular-webfont.woff2') format('woff2'), + url('/font/breeserif-regular-webfont.woff') format('woff'), + url('/font/breeserif-regular-webfont.ttf') format('truetype'), + url('/font/breeserif-regular-webfont.svg#bree_serifregular') format('svg'); + font-weight: normal; + font-style: normal; + +} + +@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; +} -a { - text-decoration:none; +body { +background-image: url('../images/noisy.png'); +font-family:InconsolataMedium; +margin-bottom: 15px; } -li { - list-style:none; +h3 { +margin-top:15px; +margin-bottom:5px; +font-family:'bree_serifregular'; } -#structure { - padding-top:1px; - background-color:#fff; - width:960px; - margin: 0 auto; - margin-top: 30px; - text-align: left; - border: 10px solid #fff; - } +.title { +margin-left:17px; +color:black; +font-family:'bree_serifregular'; +font-size: 404%; +} -#logo_box { - background-image:url('../images/logo.png'); - margin-top:25px; - margin-left:25px; - width:150px; - min-height:150px; +.indent { +margin-left:10px; } -#about_bar { - background-image:url('../images/logo.png'); - margin-top:25px; - margin-left:25px; - width:150px; - min-height:500px; +h1,h2 { +font-size:256%; +font-family:'bree_serifregular'; } -#banner { - float:right; - margin-top:25px; - margin-right:15px; +a { +text-decoration:none; +} + +li { +list-style:none; +display:block; +} + +#structure { +width:960px; +margin:30px auto 0; } #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; +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; +margin-left:10px; } -.portfolio li a { - text-decoration:none; +#exhibit { +float:right; +margin-left:17px; +font-family:InconsolataMedium; } -#exhibit { - float:right; - width:150px: - margin-top:25px; - margin-right:17px; +#exhibit h1 { +margin-bottom:15px; } .exhibit { - +width:300px; +min-height:475px; +border:1px solid #000; +display:none; +text-align:left; +padding:10px; +} + +#contact_me { +margin-top:100px; +text-align:left; +clear:both; +} + +#notes,#note { +text-align:left; +margin-top:40px; +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; } -.tabs { - width:300px; - min-height:600px; - border:1px solid black; - padding:10px; +#comments { +margin-top:30px; +border-left:1px solid #000; +padding-left:15px; } -.project { - float:right; - list-style:none; +.comment { +margin-bottom:30px; } -.active_project { - display:block; - /*margin-right:-15px;*/ +#comment { +padding-left:15px; +border-left:1px solid #000; +margin-top:15px; +text-align:left; } -.active_tab { - /*margin-right:15px;*/ +#comment .submit { +border:none; +color:blue; +cursor:pointer; +font-size:120%; +font-weight:700; +margin-top:20px; } -.reprap_entry-title { - font: 1.5em georgia, times; - text-decoration: none; - color: black; - display: block; +#recaptcha_widget { +position:relative; +display:none; } -.peepshow_entry { - font:1.6em verdana; +#recaptcha_image { +top:0; +right:0; +float:left; +position:relative; +width:100px; } -.readoo_entry{ - font:1.6em arial; +.recaptcha_help { +font-family:MuseoSlab500; +font-size:80%; } -.drawcss_entry{ - font:1.6em "lucida console"; +.project_title { +font-size:1.6em; } -.youtube_backup-entry-title{ - font:1.6em "lucida console"; +.project_entry { +font-size:1.4em; } -.youtube_backup-entry{ - font:1.3em "lucida console"; +#comment input,#comment textarea { +border:1px solid grey; +font-family:InconsolataMedium; } -.shownDiv{ - border:1px solid black; +#not_human,#blank_comment { +color:red; +display:none; +font-weight:700; +margin-bottom:15px; +margin-top:15px; }