index page fixed

[dylansserver.git] / includes / style.css

diff --git a/includes/style.css b/includes/style.css
index 30f50fb..c685799 100644 (file)
--- a/includes/style.css
+++ b/includes/style.css
@@ -3,118 +3,240 @@
        margin: 0;
        }
 
+h3 {
+       margin-top:15px;
+       font-family:sans-serif;
+}
+
+h1, h2 {
+    font-family:sans-serif;
+    font-size:150%;
+}
+
 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;
 }
 
-.tabs {
+#exhibit h1 {
+       margin-bottom:15px;
+}
+
+.exhibit {
        width:300px;
        min-height:600px;
        border:1px solid black;
        padding:10px;
+       display:none;
+       text-align:left;
 }
 
-.project {
-       float:right;
-       list-style:none;
-}
-
-.active_project {
-       display:block;
-       /*margin-right:-15px;*/
+.shownDiv {
+       border:1px solid black;
 }
 
-.active_tab {
-       /*margin-right:15px;*/
+#contact_me {
+       margin-top:100px;
+       font-family:sans-serif;
+       text-align:left;
+       clear:both;
 }
 
-.reprap_entry-title {
+/* reprap */
+#reprap_entry {
        font: 1.5em georgia, times;
        text-decoration: none;
        display: block;
 }
 
-.peepshow_entry {
-       font:1.6em verdana;
+/* 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";
 }
 
-.readoo_entry{
-       font:1.6em arial;
+/* drawcss */
+#drawcss_title {
+       font:1.6em "lucida console";
 }
 
-.drawcss_entry{
+#drawcss_entry {
+       font:1.6em "lucida console";
+ }
+
+/* youtube_backup */
+#youtube_backup_title {
        font:1.6em "lucida console";
 }
 
-.youtube_backup-entry-title{
+#youtube_backup_entry {
+       font:1.4em "lucida console";
+}
+
+/* i_like_pandora */
+#i_like_pandora_title {
        font:1.6em "lucida console";
 }
 
-.youtube_backup-entry{
-       font:1.3em "lucida console";
+#i_like_pandora_entry {
+       font:1.4em "lucida console";
 }
 
-.shownDiv{
-       border:1px solid black;
+/* notes */
+#notes, #note {
+       text-align:left;
+       margin-top:20px;
+}
+
+#notes h1 {
+       margin-bottom:10px;
+}
+
+
+.date {
+    color:grey;
+}
+
+#comment_link {
+       font-size:80%;
+}
+
+.note {
+       margin-bottom:40px;
+}
+
+p {
+       margin-top:15px;
+}
+
+pre {
+       margin-top:20px;
+       margin-bottom:20px;
+}
+
+#navigation {
+       text-align:left;
+       font-family:sans-serif;
+}
+
+#comments {
+       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;
+}
+
+#comment textarea {
+       border:1px solid grey;
+}
+
+#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;
+}
+
+#recaptcha_widget {
+       display:none;
+}
+
+#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;
 }