formatting, indent projects etc
[dylansserver.git] / includes / style.css
index 8128933..858498e 100644 (file)
@@ -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');
@@ -26,17 +39,31 @@ padding:0;
 }
 
 body {
-    background-image: url('../images/gray_jean.png');
+background-image: url('../images/noisy.png');
+font-family:InconsolataMedium;
+margin-bottom: 15px;
 }
 
 h3 {
 margin-top:15px;
-font-family:MuseoSlab500;
+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:150%;
-font-family:MuseoSlab500;
+font-size:256%;
+font-family:'bree_serifregular';
 }
 
 a {
@@ -53,10 +80,6 @@ width:960px;
 margin:30px auto 0;
 }
 
-#banner {
-margin-left:15px;
-}
-
 #content {
 width:725px;
 min-height:300px;
@@ -66,13 +89,10 @@ text-align:left;
 padding:5px 5px 25px 20px;
 }
 
-#portfolio {
+.portfolio {
 float:left;
 width:350px;
-}
-
-#portfolio li {
-font-family:InconsolataMedium;
+margin-left:10px;
 }
 
 #exhibit {
@@ -94,10 +114,6 @@ text-align:left;
 padding:10px;
 }
 
-.shownDiv {
-border:1px solid #000;
-}
-
 #contact_me {
 margin-top:100px;
 text-align:left;
@@ -106,7 +122,7 @@ clear:both;
 
 #notes,#note {
 text-align:left;
-margin-top:20px;
+margin-top:40px;
 font-family:InconsolataMedium;
 }
 
@@ -160,8 +176,7 @@ text-align:left;
 }
 
 #comment .submit {
-background:#FFF;
-border:1px solid #FFF;
+border:none;
 color:blue;
 cursor:pointer;
 font-size:120%;
@@ -187,11 +202,11 @@ font-family:MuseoSlab500;
 font-size:80%;
 }
 
-#drawcss_title,#drawcss_entry,#youtube_backup_title,#i_like_pandora_title,#fvlc_title,#irssi-notify_title {
+.project_title {
 font-size:1.6em;
 }
 
-#youtube_backup_entry,#i_like_pandora_entry,#matrixnullspace_entry,#fvlc_entry,#irssi-notify_entry,#dylansserver_entry,#metadata_writer_entry {
+.project_entry {
 font-size:1.4em;
 }