backdrop change
[wolnelektury.git] / wolnelektury / static / css / base.css
index dd686c7..70bf83d 100755 (executable)
@@ -1,8 +1,8 @@
 /* Logo font */
 @font-face {
     /* IE version */
-    font-family: WL-Logo;
-    src: url(/static/fonts/WL.eot);
+    font-family: WL-Nav;
+    src: url(/static/fonts/WL-Nav.eot);
 }
 @font-face {
   font-family: WL-Nav;
@@ -23,9 +23,11 @@ body {
     /*line-height: 1.4em;*/
 }
 
-
+a img {
+       border: 0;
+}
 a {
-    color: #01adba;
+    color: #0d7e85; /*#1199a2;*/ /* #01adba; */
     text-decoration: none;
 }
 
@@ -34,14 +36,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 +67,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,82 +117,69 @@ 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;
-    padding: 1em;
+    padding: 1em 1em .5em 1em;
     background: #fff;
     -moz-box-shadow: 2px 2px 2px #ddd;
     -webkit-box-shadow: 2px 2px 2px #ddd;
     box-shadow: 2px 2px 2px #ddd;
-    z-index: 2;
+    z-index: 500;
 }
-#themes-list ul {
+.hidden-box ul {
     list-style: none;
     padding: 0;
     margin: 0;
     font-size: 1.1em;
+    column-width: 12em;
     -moz-column-width: 12em;
+    -webkit-column-width: 12em;
     width: 48em;
 }
-
-
-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;
+.hidden-box li {
+       margin-bottom: .5em;
 }
 
-.see-also {
-    margin-left: 8em;
-    float: left;
-    width: 14.3em;
-}
-.download {
-    margin-left: 2em;
-    float: left;
-}
 
-.see-also, .download {
-    margin-top: 2em;
-    margin-bottom: 2em;
+.pagination {
+       display: block;
+       font-size: 1.2em;
+       padding: .5em;
+       text-align:center;
 }
-.see-also h2, .download h2 {
-    font-size: 1.1em;
-}
-.see-also ul, .download ul {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-    font-size: 1.1em;
-}
-
 
 #footer {
-    color: #777;
-    border-top: 1px solid #ddd;
-    margin-top: 2.5em;
+    color: #767676;
+    margin-top: 5em;
+    padding-top:3em;
+    background: #fff;
+}
+
+/* just on search page */
+.top-tag-list {
+    margin-top: 2.2em;
+    margin-bottom: 1.6em;
 }