X-Git-Url: https://disinclined.org/git/?a=blobdiff_plain;f=includes%2Fstyle.css;h=858498ec87b15de1e7d19bb182e58bdfff07d204;hb=36305ff45aa8ce8f53b3509e0976ed008233fbad;hp=832307e278e0121cd5042a850ab9dd02961be4e7;hpb=898bd8561cbfe6c97653b307b46aac46d3bfe170;p=dylansserver.git diff --git a/includes/style.css b/includes/style.css index 832307e..858498e 100644 --- a/includes/style.css +++ b/includes/style.css @@ -1,3 +1,16 @@ +@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'); @@ -21,227 +34,191 @@ } * { - padding: 0; - margin: 0; - } +margin:0; +padding:0; +} + +body { +background-image: url('../images/noisy.png'); +font-family:InconsolataMedium; +margin-bottom: 15px; +} h3 { - margin-top:15px; - font-family:sans-serif; - font-family:'MuseoSlab500'; +margin-top:15px; +margin-bottom:5px; +font-family:'bree_serifregular'; } -h1, h2 { - font-size:150%; - font-family:'MuseoSlab500'; +.title { +margin-left:17px; +color:black; +font-family:'bree_serifregular'; +font-size: 404%; } -a { - text-decoration:none; +.indent { +margin-left:10px; } -li { - list-style:none; - display:block; +h1,h2 { +font-size:256%; +font-family:'bree_serifregular'; } -#structure { - width:960px; - margin: 0 auto; - margin-top: 30px; +a { +text-decoration:none; } -#banner { -/* float:left; - margin-right:15px; -*/ - margin-left:15px; +li { +list-style:none; +display:block; } -#content { - width:725px; - min-height:300px; - margin-bottom: 20px; - margin-right:15px; - padding:5px; - padding-left:20px; - padding-bottom:25px; - text-align:left; +#structure { +width:960px; +margin:30px auto 0; } -#portfolio { - float:left; - width:350px; +#content { +width:725px; +min-height:300px; +margin-bottom:20px; +margin-right:15px; +text-align:left; +padding:5px 5px 25px 20px; } -#portfolio li{ - font-family:sans-serif; +.portfolio { +float:left; +width:350px; +margin-left:10px; } #exhibit { - float:right; - margin-left:17px; - font-family:'InconsolataMedium'; +float:right; +margin-left:17px; +font-family:InconsolataMedium; } #exhibit h1 { - margin-bottom:15px; +margin-bottom:15px; } .exhibit { - width:300px; - min-height:475px; - border:1px solid black; - padding:10px; - display:none; - text-align:left; -} - -.shownDiv { - border:1px solid black; +width:300px; +min-height:475px; +border:1px solid #000; +display:none; +text-align:left; +padding:10px; } #contact_me { - margin-top:100px; - font-family:sans-serif; - 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; +margin-top:100px; +text-align:left; +clear:both; } -/* notes */ -#notes, #note { - text-align:left; - margin-top:20px; +#notes,#note { +text-align:left; +margin-top:40px; +font-family:InconsolataMedium; } #notes h1 { - margin-bottom:10px; +margin-bottom:10px; } - .date { - color:grey; +color:grey; } #comment_link { - font-size:80%; +font-size:80%; } .note { - margin-bottom:40px; - font-family:'InconsolataMedium'; +margin-bottom:40px; +font-family:InconsolataMedium; } p { - margin-top:15px; +margin-top:15px; } pre { - margin-top:20px; - margin-bottom:20px; +margin-top:20px; +margin-bottom:20px; +width:100%; +overflow:auto; } #navigation { - text-align:left; - font-family:sans-serif; +text-align:left; } #comments { - margin-top:30px; - border-left:1px solid black; - padding-left:15px; +margin-top:30px; +border-left:1px solid #000; +padding-left:15px; } .comment { - margin-bottom:30px; +margin-bottom:30px; } #comment { - padding-left:15px; - border-left:1px solid black; - margin-top:15px; - text-align:left; -} - -#comment input { - border:1px solid grey; -} - -#comment textarea { - border:1px solid grey; +padding-left:15px; +border-left:1px solid #000; +margin-top:15px; +text-align:left; } #comment .submit { - background:#FFF; - border:1px solid white; - color:blue; - cursor:pointer; - font-size:120%; - font-weight:bold; - margin-top:20px; +border:none; +color:blue; +cursor:pointer; +font-size:120%; +font-weight:700; +margin-top:20px; } #recaptcha_widget { - position:relative; +position:relative; +display:none; } #recaptcha_image { - position:absolute; - top:0px; - right:0px; - float:left; - position:relative; - width:100px; +top:0; +right:0; +float:left; +position:relative; +width:100px; } -#recaptcha_widget { - display:none; +.recaptcha_help { +font-family:MuseoSlab500; +font-size:80%; } -.recaptcha_help { - font-size:80%; +.project_title { +font-size:1.6em; +} + +.project_entry { +font-size:1.4em; } -#not_human { - display:none; - font-weight:bold; - font-family:sans-serif; - color:red; - margin-top:15px; - margin-bottom:15px; +#comment input,#comment textarea { +border:1px solid grey; +font-family:InconsolataMedium; } -#blank_comment { display:none; - font-weight:bold; - font-family:sans-serif; - color:red; - margin-top:15px; - margin-bottom:15px; +#not_human,#blank_comment { +color:red; +display:none; +font-weight:700; +margin-bottom:15px; +margin-top:15px; }