Merge branch 'pretty' of github.com:fnp/wolnelektury into pretty

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

diff --git a/wolnelektury/static/css/base.css b/wolnelektury/static/css/base.css
index 067d9fd..7c3b682 100755 (executable)
--- a/wolnelektury/static/css/base.css
+++ b/wolnelektury/static/css/base.css
@@ -1,3 +1,15 @@
+/* Logo font */
+@font-face {
+    /* IE version */
+    font-family: WL-Logo;
+    src: url(/static/fonts/WL.eot);
+}
+@font-face {
+  font-family: WL-Nav;
+  src: url(/static/fonts/WL-Nav.ttf) format("truetype");
+}
+
+

 html {
     margin: 0;
     padding: 0;
 html {
     margin: 0;
     padding: 0;


@@ -6,16 +18,32 @@ html {
 body {
     margin: 0;
     background: #f7f7f7;
 body {
     margin: 0;
     background: #f7f7f7;

-    font-size: .9em;
-    line-height: 1.4em;
+    font-size: .625em;
+    font-family: Georgia;
+    /*line-height: 1.4em;*/

 }
 
 
 a {
 }
 
 
 a {

-    color: #02adb7;
+    color: #01adba;

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

+h1 {
+    font-size: 3.5em;
+    font-weight: normal;
+    margin-top: .4em
+}
+
+.left-column {
+    width: 48em;
+    float: left;
+}
+.right-column {
+    float:right;
+    width: 48em;
+}
+

 h2 {
     margin: 0;
     font-size: 1em;
 h2 {
     margin: 0;
     font-size: 1em;


@@ -23,15 +51,8 @@ h2 {
 }
 
 
 }
 
 

-.grid-line {
-    height: 2.6em;
-    padding-top: 1.4em;
-    padding-bottom: 0;
-}
-
-.mono, .mono-small {
+.mono {

     font-family: "Lucida Sans Typewriter", courier;
     font-family: "Lucida Sans Typewriter", courier;

-    font-size: .9em;

 }
 
 
 }
 
 


@@ -40,15 +61,91 @@ h2 {
 }
 
 #header-content, div#main-content, div#half-header-content {
 }
 
 #header-content, div#main-content, div#half-header-content {

-    width: 75em;
+    width: 97.5em;

     margin: auto;
 }
 
 
     margin: auto;
 }
 
 

+.page-desc {
+    margin-left: 1.5em;
+}
+
+.inline-tag-lists {
+    font-size: 1.1em;
+}
+
+#themes-list-toggle:after {
+    padding-left: 1em;
+    content: "↓";
+    font-family: WL-Nav;
+    vertical-align: middle;
+}
+#themes-list-wrapper {
+    position: relative;
+}
+#themes-list {
+    position: absolute;
+    display: none;
+    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;
+    z-index: 500;
+}
+#themes-list ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    font-size: 1.1em;
+    -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;
+}
+
+.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;
+}
+.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 {
 
 
 #footer {

-    font-size: .75em;

     color: #777;
     border-top: 1px solid #ddd;
     margin-top: 2.5em;
     color: #777;
     border-top: 1px solid #ddd;
     margin-top: 2.5em;