disinclined.org / git / dylansserver.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
formatting, indent projects etc
[dylansserver.git] / includes / style.css
diff --git a/includes/style.css b/includes/style.css
index 7f2e6cd..858498e 100644 (file)
--- 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,234 +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;
+margin-top:100px;
+text-align:left;
+clear:both;
 }
 
-#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;
-}
-
-/* notes */
-#notes, #note {
-       text-align:left;
-       margin-top:20px;
-    font-family:'InconsolataMedium';
+#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;
-    width:100%;
-    overflow:auto;
+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;
+padding-left:15px;
+border-left:1px solid #000;
+margin-top:15px;
+text-align:left;
 }
 
-#comment input {
-       border:1px solid grey;
-    font-family:'InconsolataMedium';
+#comment .submit {
+border:none;
+color:blue;
+cursor:pointer;
+font-size:120%;
+font-weight:700;
+margin-top:20px;
 }
 
-#comment textarea {
-       border:1px solid grey;
-    font-family:'InconsolataMedium';
+#recaptcha_widget {
+position:relative;
+display:none;
 }
 
-#comment .submit {
-       background:#FFF;
-       border:1px solid white;
-       color:blue;
-       cursor:pointer;
-       font-size:120%;
-       font-weight:bold;
-    margin-top:20px;
+#recaptcha_image {
+top:0;
+right:0;
+float:left;
+position:relative;
+width:100px;
 }
 
-#recaptcha_widget {
-       position:relative;
+.recaptcha_help {
+font-family:MuseoSlab500;
+font-size:80%;
 }
 
-#recaptcha_image {
-       position:absolute;
-       top:0px;
-       right:0px;
-    float:left;
-    position:relative;
-    width:100px;
+.project_title {
+font-size:1.6em;
 }
 
-#recaptcha_widget {
-       display:none;
+.project_entry {
+font-size:1.4em;
 }
 
-.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;
+#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;
 }
my (old) website