X-Git-Url: https://disinclined.org/git/?a=blobdiff_plain;f=includes%2Fstyle.css;h=858498ec87b15de1e7d19bb182e58bdfff07d204;hb=36305ff45aa8ce8f53b3509e0976ed008233fbad;hp=a37057116c3a254aa033e1d21be8fb21d5be6f56;hpb=77ad7d89369ca16171b87014f32b72ade198a144;p=dylansserver.git

diff --git a/includes/style.css b/includes/style.css
index a370571..858498e 100644
--- a/includes/style.css
+++ b/includes/style.css
@@ -1,92 +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;
+}
+
+body {
+background-image: url('../images/noisy.png');
+font-family:InconsolataMedium;
+margin-bottom: 15px;
+}
+
+h3 {
+margin-top:15px;
+margin-bottom:5px;
+font-family:'bree_serifregular';
+}
+
+.title {
+margin-left:17px;
+color:black;
+font-family:'bree_serifregular';
+font-size: 404%;
+}
+
+.indent {
+margin-left:10px;
+}
+
+h1,h2 {
+font-size:256%;
+font-family:'bree_serifregular';
+}
+
+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;
-	}
+width:960px;
+margin:30px auto 0;
+}
 
-#logo_box {
-	background-image:url('../images/logo.png');
-	margin-top:25px;
-	margin-left:25px;
-	width:150px;
-	min-height:150px;
+#content {
+width:725px;
+min-height:300px;
+margin-bottom:20px;
+margin-right:15px;
+text-align:left;
+padding:5px 5px 25px 20px;
 }
 
-#about_bar {
-	background-image:url('../images/logo.png');
-	margin-top:25px;
-	margin-left:25px;
-	width:150px;
-	min-height:500px;
+.portfolio {
+float:left;
+width:350px;
+margin-left:10px;
 }
 
-#banner {
-	float:right;
-	margin-top:25px;
-	margin-right:15px;
+#exhibit {
+float:right;
+margin-left:17px;
+font-family:InconsolataMedium;
 }
 
-#nav_bar {
-	float:right;
-	width:750px;
-	margin-top:25px;
-	margin-right:17px;
+#exhibit h1 {
+margin-bottom:15px;
 }
 
-#nav_bar ul.tabs {
-	width:750px;
-	border-left: 1px solid black;
-	border-bottom: 1px solid black;
-	height:40px;
-	text-align:center;
+.exhibit {
+width:300px;
+min-height:475px;
+border:1px solid #000;
+display:none;
+text-align:left;
+padding:10px;
 }
 
-#nav_bar li {
-	text-align:center;
-	float:left;
-	border-top: 1px solid black;
-	border-right: 1px solid black;
-	list-style:none;
-	line-height: 40px;
-	height: 39px;
-	margin-bottom: -1px;
+#contact_me {
+margin-top:100px;
+text-align:left;
+clear:both;
 }
 
-#nav_bar a {
-	display:block;
-	padding-left:3px;
-	padding-right:3px;
-	margin-left:1px;
-	margin-right:1px;
-	text-decoration:none;
-	color:black;
+#notes,#note {
+text-align:left;
+margin-top:40px;
+font-family:InconsolataMedium;
 }
 
-#nav_bar ul.tabs li.active {
-	border-bottom: 1px solid #fff;
+#notes h1 {
+margin-bottom:10px;
 }
 
-#nav_bar ul.tabs li.active a {
-	font-weight:bold;
+.date {
+color:grey;
 }
 
-#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;
+#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 #000;
+padding-left:15px;
+}
+
+.comment {
+margin-bottom:30px;
+}
+
+#comment {
+padding-left:15px;
+border-left:1px solid #000;
+margin-top:15px;
+text-align:left;
+}
+
+#comment .submit {
+border:none;
+color:blue;
+cursor:pointer;
+font-size:120%;
+font-weight:700;
+margin-top:20px;
+}
+
+#recaptcha_widget {
+position:relative;
+display:none;
+}
+
+#recaptcha_image {
+top:0;
+right:0;
+float:left;
+position:relative;
+width:100px;
+}
+
+.recaptcha_help {
+font-family:MuseoSlab500;
+font-size:80%;
+}
+
+.project_title {
+font-size:1.6em;
+}
+
+.project_entry {
+font-size:1.4em;
+}
+
+#comment input,#comment textarea {
+border:1px solid grey;
+font-family:InconsolataMedium;
+}
+
+#not_human,#blank_comment {
+color:red;
+display:none;
+font-weight:700;
+margin-bottom:15px;
+margin-top:15px;
 }