Imported it infopages to fixture
[wolnelektury.git] / wolnelektury / static / css / base.css
index 33223b0..cdb8b4f 100755 (executable)
@@ -1,8 +1,8 @@
 /* Logo font */
 @font-face {
     /* IE version */
 /* 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;
 }
 @font-face {
   font-family: WL-Nav;
@@ -23,17 +23,40 @@ body {
     /*line-height: 1.4em;*/
 }
 
     /*line-height: 1.4em;*/
 }
 
+a img {
+       border: 0;
+}
 
 a {
 
 a {
-    color: #1199a2; /* #01adba; */
+    color: #0d7e85; /*#1199a2;*/ /* #01adba; */
     text-decoration: none;
 }
 
     text-decoration: none;
 }
 
+/* jquery UI overrides us */
+.ui-menu .ui-menu-item a {
+    color: #0d7e85 !important;
+    line-height: 1.636em !important;
+}
+
+.ui-widget {
+    font-family: Georgia !important;
+    font-size: 1em !important;
+}
+
+.ui-widget-content {
+    background: #EEEEEE !important; /* #E2E2E2 ? */
+    border-radius: 0px !important;
+}
+
+
 h1 {
     font-size: 3.5em;
     font-weight: normal;
     margin-top: .4em
 }
 h1 {
     font-size: 3.5em;
     font-weight: normal;
     margin-top: .4em
 }
+h1 a {
+       color: inherit;
+}
 
 ul.plain {
     list-style:none;
 
 ul.plain {
     list-style:none;
@@ -41,14 +64,6 @@ ul.plain {
     padding: 0;
 }
 
     padding: 0;
 }
 
-.left-column {
-    width: 47em;
-    float: left;
-}
-.right-column {
-    float:right;
-    width: 47em;
-}
 .normal-text {
     font-size: 1.3em;
     line-height: 1.3em;
 .normal-text {
     font-size: 1.3em;
     line-height: 1.3em;
@@ -93,12 +108,15 @@ h2 {
     clear: both;
 }
 
     clear: both;
 }
 
-#header-content, div#main-content, div#half-header-content, #footer-content {
-    width: 97.5em;
-    margin: auto;
+.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;
 }
 
 }
 
-
 .page-desc {
     margin-left: 1.5em;
 }
 .page-desc {
     margin-left: 1.5em;
 }
@@ -111,66 +129,64 @@ h2 {
     font-size: 1.1em;
 }
 
     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 {
-    position: relative;
+.theme-list-link {
     font-size: 1.1em;
 }
     font-size: 1.1em;
 }
-#themes-list {
+.hidden-box-wrapper {
+    position: relative;
+}
+.hidden-box {
     position: absolute;
     position: absolute;
+    left: 0;
     display: none;
     border: 1px solid #ddd;
     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;
     font-size: 1.1em;
     list-style: none;
     padding: 0;
     margin: 0;
     font-size: 1.1em;
+    column-width: 12em;
     -moz-column-width: 12em;
     -moz-column-width: 12em;
-    width: 48em;
-}
-
-
-.see-also {
-    margin-left: 8em;
-    float: left;
-    width: 14.3em;
+    -webkit-column-width: 12em;
 }
 }
-.download {
-    margin-left: 2em;
-    float: left;
+.hidden-box li {
+       margin-bottom: .5em;
 }
 
 }
 
-.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;
-}
 
 
+.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;
+    border-top: 1px solid #ddd;
+}
+#footer p {
+       margin: .25em 0;
+}
+
+/* just on search page */
+.top-tag-list {
+    margin-top: 2.2em;
+    margin-bottom: 1.6em;
 }
 }