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 556d926..a7145ec 100755 (executable)
--- a/wolnelektury/static/css/base.css
+++ b/wolnelektury/static/css/base.css
@@ -34,6 +34,15 @@ h1 {
     font-weight: normal;
     margin-top: .4em
 }
+h1 a {
+       color: inherit;
+}
+
+ul.plain {
+    list-style:none;
+    margin: 0;
+    padding: 0;
+}
 
 .left-column {
     width: 47em;
@@ -87,6 +96,16 @@ h2 {
     clear: both;
 }
 
+.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;
@@ -105,17 +124,19 @@ h2 {
     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 {
-    position: relative;
+.theme-list-link {
     font-size: 1.1em;
 }
-#themes-list {
+.hidden-box-wrapper {
+    position: relative;
+}
+.hidden-box {
     position: absolute;
     display: none;
     border: 1px solid #ddd;
@@ -126,7 +147,7 @@ h2 {
     box-shadow: 2px 2px 2px #ddd;
     z-index: 500;
 }
-#themes-list ul {
+.hidden-box ul {
     list-style: none;
     padding: 0;
     margin: 0;
@@ -136,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;
@@ -176,10 +181,15 @@ a.cite {
     font-size: 1.1em;
 }
 
+.pagination {
+       display: block;
+       font-size: 1.2em;
+       padding: .5em;
+       text-align:center;
+}
 
 #footer {
-    color: #777;
-    eborder-top: 1px solid #ddd;
+    color: #767676;
     margin-top: 5em;
     padding-top:3em;
     background: #fff;