X-Git-Url: https://disinclined.org/git/?a=blobdiff_plain;f=includes%2Fstyle.css;h=fd03cb30a6fe058d060e113884b386a46b8818c1;hb=7fb9127556aee383b43329807aceb29e62db0c01;hp=abdbb98fb789a9a9bd84d94b7126d3c96206b477;hpb=32b53fe9b8a5903e32e0552c097b3035dc39c5d5;p=dylansserver.git

diff --git a/includes/style.css b/includes/style.css
index abdbb98..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,7 +27,12 @@
 
 h3 {
 	margin-top:15px;
-	font-family:sans-serif;
+    font-family:'MuseoSlab500';
+}
+
+h1, h2 {
+    font-size:150%;
+    font-family:'MuseoSlab500';
 }
 
 a {
@@ -24,12 +51,10 @@ li {
 }
 
 #banner {
-	float:right;
-	margin-right:15px;
+    margin-left:15px;
 }
 
 #content {
-	float:right;
 	width:725px;
 	min-height:300px;
 	margin-bottom: 20px;
@@ -37,21 +62,22 @@ li {
 	padding:5px;
 	padding-left:20px;
 	padding-bottom:25px;
-	text-align:right;
+	text-align:left;
 }
 
 #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 {
@@ -60,7 +86,7 @@ li {
 
 .exhibit {
 	width:300px;
-	min-height:600px;
+	min-height:475px;
 	border:1px solid black;
 	padding:10px;
 	display:none;
@@ -73,80 +99,51 @@ 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 {
-	float:right;
-	text-align:right;
+	text-align:left;
 	margin-top:20px;
+    font-family:'InconsolataMedium';
 }
 
-#notes h2 {
+#notes h1 {
 	margin-bottom:10px;
-	font-family:sans-serif;
 }
 
-#note h2 {
-	font-family:sans-serif;
+
+.date {
+    color:grey;
 }
 
 #comment_link {
@@ -155,38 +152,49 @@ li {
 
 .note {
 	margin-bottom:40px;
+    font-family:'InconsolataMedium';
 }
 
-.note p {
-	margin-bottom:5px;
+p {
+	margin-top:15px;
 }
 
 pre {
-	margin-top:10px;
+	margin-top:20px;
+	margin-bottom:20px;
+    width:100%;
+    overflow:auto;
 }
 
 #navigation {
-	text-align:right;
+	text-align:left;
 }
 
 #comments {
-	border-right:1px solid black;
-	padding-right:15px;
+    margin-top:30px;
+	border-left:1px solid black;
+	padding-left:15px;
+}
+
+.comment {
+	margin-bottom:30px;
 }
 
 #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 {
 	border:1px solid grey;
+    font-family:'InconsolataMedium';
 }
 
 #comment textarea {
 	border:1px solid grey;
+    font-family:'InconsolataMedium';
 }
 
 #comment .submit {
@@ -196,6 +204,7 @@ pre {
 	cursor:pointer;
 	font-size:120%;
 	font-weight:bold;
+    margin-top:20px;
 }
 
 #recaptcha_widget {
@@ -206,7 +215,32 @@ 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;
+    color:red;
+    margin-top:15px;
+    margin-bottom:15px;
 }
 
-#recaptcha_div {
+#blank_comment {
+    display:none;
+    font-weight:bold;
+    color:red;
+    margin-top:15px;
+    margin-bottom:15px;
 }