use html5 placeholder and hide labels,

[wolnelektury.git] / wolnelektury / static / css / base.css

diff --git a/wolnelektury/static/css/base.css b/wolnelektury/static/css/base.css
index f55a39e..a7145ec 100755 (executable)
--- a/wolnelektury/static/css/base.css
+++ b/wolnelektury/static/css/base.css
@@ -25,7 +25,7 @@ body {
 
 
 a {
-    color: #01adba;
+    color: #1199a2; /* #01adba; */
     text-decoration: none;
 }
 
@@ -34,14 +34,27 @@ h1 {
     font-weight: normal;
     margin-top: .4em
 }
+h1 a {
+       color: inherit;
+}
+
+ul.plain {
+    list-style:none;
+    margin: 0;
+    padding: 0;
+}
 
 .left-column {
-    width: 48em;
+    width: 47em;
     float: left;
 }
 .right-column {
     float:right;
-    width: 48em;
+    width: 47em;
+}
+.normal-text {
+    font-size: 1.3em;
+    line-height: 1.3em;
 }
 
 h2 {
@@ -52,15 +65,48 @@ h2 {
 
 
 .mono {
-    font-family: "Lucida Sans Typewriter", courier;
+    font-family: "Andale Mono", "Lucida Sans Typewriter", "Courier New";
+/*    font-weight: bold; */
+}
+
+.accent1 {
+    color: #191919;
 }
 
+.accent2 {
+    color: #242424;
+}
+
+.accent3 {
+    color: #575c63;
+}
+
+
+.accent4 {
+    color: #707b7a;
+}
+
+.contrast {
+    #1199a2;
+}
+
+/* #281d1c */
 
 .clearboth {
     clear: both;
 }
 
-#header-content, div#main-content, div#half-header-content {
+.white-box {
+    border: 1px solid #ddd;
+    padding: 1em;
+    background: #fff;
+    -moz-box-shadow: 2px 2px 2px #ddd;
+    -webkit-box-shadow: 2px 2px 2px #ddd;
+    box-shadow: 2px 2px 2px #ddd;
+}
+
+
+#header-content, div#main-content, div#half-header-content, #footer-content {
     width: 97.5em;
     margin: auto;
 }
@@ -69,19 +115,28 @@ h2 {
 .page-desc {
     margin-left: 1.5em;
 }
+
+.inline-tag-lists p span:first-child {
+    color: #281d1c;
+}
+
 .inline-tag-lists {
     font-size: 1.1em;
 }
-#themes-list-toggle:after {
+
+.theme-list-link:after {
     padding-left: 1em;
     content: "↓";
     font-family: WL-Nav;
     vertical-align: middle;
 }
-#themes-list-wrapper {
+.theme-list-link {
+    font-size: 1.1em;
+}
+.hidden-box-wrapper {
     position: relative;
 }
-#themes-list {
+.hidden-box {
     position: absolute;
     display: none;
     border: 1px solid #ddd;
@@ -90,8 +145,9 @@ h2 {
     -moz-box-shadow: 2px 2px 2px #ddd;
     -webkit-box-shadow: 2px 2px 2px #ddd;
     box-shadow: 2px 2px 2px #ddd;
+    z-index: 500;
 }
-#themes-list ul {
+.hidden-box ul {
     list-style: none;
     padding: 0;
     margin: 0;
@@ -101,22 +157,6 @@ h2 {
 }
 
 
-a.cite {
-    display: block;
-    color: black;
-    background: white;
-    padding: 3em 2em .1em 8em;
-}
-.cite-body {
-    font-size: 1.8em;
-    line-height: 1.3em;
-}
-.cite p {
-    color: #444;
-    font-size: 1.1em;
-    margin-top: 1.6em;
-}
-
 .see-also {
     margin-left: 8em;
     float: left;
@@ -141,9 +181,16 @@ a.cite {
     font-size: 1.1em;
 }
 
+.pagination {
+       display: block;
+       font-size: 1.2em;
+       padding: .5em;
+       text-align:center;
+}
 
 #footer {
-    color: #777;
-    border-top: 1px solid #ddd;
-    margin-top: 2.5em;
+    color: #767676;
+    margin-top: 5em;
+    padding-top:3em;
+    background: #fff;
 }