X-Git-Url: https://disinclined.org/git/?a=blobdiff_plain;f=includes%2Fstyle.css;h=7f2e6cd09c3be5eff87b8836e8c8d6a62015bff0;hb=2cf7880d4afdde09707d4fc62e82597d6bfea7a0;hp=991dcc18e9a8c4245873cd1402d582caa3b9fb15;hpb=c859e46f6001f570b85456e49770d16dfc36a569;p=dylansserver.git

diff --git a/includes/style.css b/includes/style.css
index 991dcc1..7f2e6cd 100644
--- a/includes/style.css
+++ b/includes/style.css
@@ -1,128 +1,254 @@
+@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:sans-serif;
+    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;
 	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;
+/*	float:left;
 	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:sans-serif;
 }
 
 #exhibit {
 	float:right;
+	margin-left:17px;
+    font-family:'InconsolataMedium';
+}
+
+#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;
+	font-family:sans-serif;
+	text-align:left;
+	clear:both;
 }
 
-.active_tab {
-	/*margin-right:15px;*/
+/* drawcss */
+#drawcss_title {
+	font-size:1.6em;
 }
 
-.reprap_entry-title {
-	font: 1.5em georgia, times;
-	text-decoration: none;
-	display: block;
+#drawcss_entry {
+	font-size:1.6em;
+ }
+
+/* youtube_backup */
+#youtube_backup_title {
+	font-size:1.6em;
 }
 
-.peepshow_entry {
-	font:1.6em verdana;
+#youtube_backup_entry {
+	font-size:1.4em;
 }
 
-.readoo_entry{
-	font:1.6em arial;
+/* i_like_pandora */
+#i_like_pandora_title {
+	font-size:1.6em;
 }
 
-.drawcss_entry{
-	font:1.6em "lucida console";
+#i_like_pandora_entry {
+	font-size:1.4em;
 }
 
-.youtube_backup-entry-title{
-	font:1.6em "lucida console";
+/* notes */
+#notes, #note {
+	text-align:left;
+	margin-top:20px;
+    font-family:'InconsolataMedium';
 }
 
-.youtube_backup-entry{
-	font:1.3em "lucida console";
+#notes h1 {
+	margin-bottom:10px;
 }
 
-.i_like_pandora-entry-title{
-	font:2em "lucida console";
+
+.date {
+    color:grey;
 }
 
-.i_like_pandora-entry{
-	font:1.4em "lucida console";
+#comment_link {
+	font-size:80%;
 }
 
-.shownDiv{
-	border:1px solid black;
+.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;
+	font-family:sans-serif;
+}
+
+#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;
+}
+
+#recaptcha_widget {
+	display:none;
+}
+
+.recaptcha_help {
+    font-family:'MuseoSlab500';
+    font-size:80%;
+}
+
+#not_human {
+    display:none;
+    font-weight:bold;
+    font-family:sans-serif;
+    color:red;
+    margin-top:15px;
+    margin-bottom:15px;
+}
+
+#blank_comment {
+    display:none;
+    font-weight:bold;
+    font-family:sans-serif;
+    color:red;
+    margin-top:15px;
+    margin-bottom:15px;
 }