]> git.decadent.org.uk Git - maypole.git/blobdiff - templates/maypole.css
Zero search fix and sweet new templates, wheee...
[maypole.git] / templates / maypole.css
index c6dba91d87dc89149304ac3a903803f153784122..124130f0d77ae49ebefdcb8eccb5c4fd79589dc2 100644 (file)
@@ -6,12 +6,31 @@ html {
     padding-top: 0px
 }
 body {
+    font-family: sans-serif;
     padding-right: 0px; 
     padding-left: 0px; 
     padding-bottom: 0px;
     margin: 0px; padding-top: 0px;
-    background-color: #ffffea;
+    background-color: #fff;
 }
+#frontpage_list {
+    position: absolute;
+    z-index: 5;
+    padding: 0px 100px 0px 0px;
+    margin:0 0.5%;     
+    margin-bottom:1em; 
+    margin-top: 1em;
+    background-color: #fff;
+}
+
+#frontpage_list a:hover {
+    background-color: #d0d8e4;
+}
+
+#frontpage_list ul {
+    list-style-type: square;
+}
+
 .content {
     padding: 12px;
     margin-top: 1px;  
@@ -24,23 +43,6 @@ body {
     border-left: 1px;
     border-right: 1px;
 }
-h1 {
-    font-size: 30pt; 
-    margin: 0px;
-    font-family: Optima, "Lucida Grande",Sans-serif;
-    text-align: center;
-    padding-bottom: 1em;
-}
-h2 {
-    padding-right: 0.25em; 
-    padding-left: 0.25em; 
-    font-size: 16pt;
-    padding-bottom: 0.5em; 
-    margin: 0px; 
-    padding-top: 0.1em;
-    font-family: Optima, "Lucida Grande",Sans-serif;
-    text-align: center;
-}
 
 A { 
     text-decoration: none; 
@@ -51,23 +53,121 @@ A:hover {
     color:#222 
 }
 
+#title {
+    z-index: 6;
+    width: 100%;
+    height: 18px;
+    margin-top: 10px;
+    font-size: 90%;
+    border-bottom: 1px solid #ddf;
+    text-align: left;
+}
+
+#subtitle {
+    postion: absolute;
+    z-index: 6;
+    padding: 10px;
+    margin-top: 2em;
+    height: 18px;
+    text-align: left;
+    background-color: #fff;
+}
+
+input[type=text] {
+    height: 16px;
+    width: 136px;
+    font-family: sans-serif;
+    font-size: 11px;
+    color: #2E415A;
+    padding: 0px;
+    margin-bottom: 5px;
+}
+
+input[type=submit] {
+    height: 18px;
+    width: 60px;
+    font-family: sans-serif;
+    font-size: 11px;
+    border: 1px outset;
+    background-color: #fff;
+    color: #2E415A;
+    padding: 0px 0px 2px 0px;
+    margin-bottom: 5px;
+}
+
+textarea {
+    width: 136px;
+    font-family: sans-serif;
+    font-size: 11px;
+    color: #2E415A;
+    padding: 0px;
+    margin-bottom: 5px;
+}
+
+select {
+    height: 16px;
+    width: 140px;
+    font-family: sans-serif;
+    font-size: 12px;
+    color: #202020;
+    padding: 0px;
+    margin-bottom: 5px;
+}
+
+.deco1 {
+    font-size: 0px;
+    z-index:1;
+    border:0px;
+    border-style:solid;
+    border-color:#4d6d99;
+    background-color:#4d6d99;
+}
+
+.deco2 {
+    z-index:2;
+    border:0px;
+    border-style:solid;
+    border-color:#627ea5;
+    background-color:#627ea5;
+}
+
+
+.deco3 {
+    z-index:3;
+    border:0px;
+    border-style:solid;
+    border-color:#7d95b5;
+    background-color:#7d95b5;
+}
+                   
+.deco4 {
+    z-index:4;
+    border:0px;
+    border-style:solid;
+    border-color:#d0d8e4;
+    background-color:#d0d8e4;
+}
+                   
+
 table { 
     border: 0px solid; 
     background-color: #ffffff;
 }
 
 #matrix th {
-    background-color: #DDE;
-    border: 1px solid;
+    background-color: #b5cadc;
+    border: 1px solid #778;
     font: bold 12px Verdana, sans-serif;
 }
 
-#matrix tr.alternate { background-color:#EEF; }
+#matrix tr.alternate { background-color:#e3eaf0; }
+#matrix tr:hover { background-color: #b5cadc; }
 #matrix td { font: 12px Verdana, sans-serif; }
 
 #navlist {
     padding: 3px 0;
     margin-left: 0;
+    margin-top:3em;
     border-bottom: 1px solid #778;
     font: bold 12px Verdana, sans-serif;
 }
@@ -83,7 +183,7 @@ table {
     margin-left: 3px;
     border: 1px solid #778;
     border-bottom: none;
-    background: #DDE;
+    background: #b5cadc;
     text-decoration: none;
 }
 
@@ -92,26 +192,31 @@ table {
 
 #navlist li a:hover {
     color: #000;
-    background: #AAE;
+    background: #eef;
+    border-top: 4px solid #7d95b5;
     border-color: #227;
 }
 
 #navlist #active a {
     background: white;
     border-bottom: 1px solid white;
+    border-top: 4px solid;
 }
 
 td { font: 12px Verdana, sans-serif; }
 
 
 fieldset {
+    margin-top: 1em;
     padding: 1em;
+    background-color: #f3f6f8;
     font:80%/1 sans-serif;
     border:1px solid #8484ce;
 }
 
 legend {
     padding: 0.2em 0.5em;
+    background-color: #fff;
     border:1px solid #8484ce;
     font-size:90%;
     text-align:right;
@@ -148,20 +253,49 @@ label .field {
 #vlist li a {
     display: block;
     padding: 0.25em 0.5em 0.25em 0.75em;
-    border-left: 1em solid #AAB;
-    background: #CCD;
+    border-left: 1em solid #7d95b5;
+    background: #d0d8e4;
     text-decoration: none;
 }
+
 #vlist li a:hover { 
     border-color: #227;
 }
-.search {width: 25%;border:1px outset #000;float:right; background: #eef;}
-.search legend {border:none;}
+
+.view .field {
+    background-color: #f3f6f8;
+    border-left: 1px solid #7695b5;
+    border-top: 1px solid #7695b5;
+    padding: 1px 10px 0px 2px;
+}
+
+#addnew {
+    width: 50%;
+    float: left;
+}
+
+#search {
+    width: 50%;
+    float:right;
+}
 
 .error { color: #d00; }
 
-.list { width: 70%; }
 .action { 
+    border: 1px outset #7d95b5;
     style:block;
 }
-.pager { text-align:center;}
+
+.action:hover {
+    text-decoration: none;
+    background-color: #7d95b5;
+}
+
+.pager {
+    font:80%/1 sans-serif;
+    background-color: #f3f6f8;
+    padding: 2px;
+    border: 1px solid #8484ce;
+    text-align:center;
+}
+