new cover

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

diff --git a/wolnelektury/static/css/base.css b/wolnelektury/static/css/base.css
index fde0115..b6395e5 100755 (executable)
--- a/wolnelektury/static/css/base.css
+++ b/wolnelektury/static/css/base.css
@@ -25,7 +25,7 @@ body {
 
 
 a {
 
 
 a {

-    color: #01adba;
+    color: #1199a2; /* #01adba; */

     text-decoration: none;
 }
 
     text-decoration: none;
 }
 


@@ -34,14 +34,23 @@ h1 {
     font-weight: normal;
     margin-top: .4em
 }
     font-weight: normal;
     margin-top: .4em
 }

+h1 a {
+       color: inherit;
+}
+
+ul.plain {
+    list-style:none;
+    margin: 0;
+    padding: 0;
+}

 
 .left-column {
 
 .left-column {

-    width: 48em;
+    width: 47em;

     float: left;
 }
 .right-column {
     float:right;
     float: left;
 }
 .right-column {
     float:right;

-    width: 48em;
+    width: 47em;

 }
 .normal-text {
     font-size: 1.3em;
 }
 .normal-text {
     font-size: 1.3em;


@@ -56,14 +65,47 @@ h2 {
 
 
 .mono {
 
 
 .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;
 }
 
 
 .clearboth {
     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;
 #header-content, div#main-content, div#half-header-content, #footer-content {
     width: 97.5em;
     margin: auto;


@@ -74,31 +116,38 @@ h2 {
     margin-left: 1.5em;
 }
 
     margin-left: 1.5em;
 }
 

+.inline-tag-lists p span:first-child {
+    color: #281d1c;
+}
+

 .inline-tag-lists {
     font-size: 1.1em;
 }
 
 .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;
 }
     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;
 }
     position: relative;
 }

-#themes-list {
+.hidden-box {

     position: absolute;
     display: none;
     border: 1px solid #ddd;
     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: 500;
 }
     background: #fff;
     -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;
     list-style: none;
     padding: 0;
     margin: 0;


@@ -106,24 +155,11 @@ h2 {
     -moz-column-width: 12em;
     width: 48em;
 }
     -moz-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;
 .see-also {
     margin-left: 8em;
     float: left;


@@ -148,10 +184,15 @@ a.cite {
     font-size: 1.1em;
 }
 
     font-size: 1.1em;
 }
 

+.pagination {
+       display: block;
+       font-size: 1.2em;
+       padding: .5em;
+       text-align:center;
+}

 
 #footer {
 
 #footer {

-    color: #777;
-    eborder-top: 1px solid #ddd;
+    color: #767676;

     margin-top: 5em;
     padding-top:3em;
     background: #fff;
     margin-top: 5em;
     padding-top:3em;
     background: #fff;