fixes #529: daisy

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

diff --git a/wolnelektury/static/css/master.css b/wolnelektury/static/css/master.css
index ba6e0aa..263a4fa 100644 (file)
--- a/wolnelektury/static/css/master.css
+++ b/wolnelektury/static/css/master.css
@@ -88,6 +88,36 @@ em {
     color: #777;
 }
 
+.lang-menu {
+       margin-right: 0.7em;
+       line-height: 24px;
+} 
+
+.lang-menu button {
+       color: blue;
+       border: none;
+       border-right: 1px solid gray;
+       -moz-border-radius: 2px;
+       background: inherit;    
+       cursor: pointer;
+       padding: 0.2em 0.5em;   
+       font-size: 10px;
+}
+
+.lang-menu button:hover {
+       color: blue;
+       text-decoration: underline;     
+}
+
+.lang-menu button.active {
+       color: black;
+       text-decoration: none;
+}
+
+.lang-menu button.last {
+       border-right: none;
+}
+
 /* ======================== */
 /* = Footer with sponsors = */
 /* ======================== */
@@ -116,6 +146,13 @@ em {
     margin: 0.5em 0;
     padding: 0.5em;
     background-color: rgb(132, 191, 42);
+}
+
+#searchContainer {
+    width: 100%;
+    min-height: 65px;
+    background-color: rgb(132, 191, 42);
+    padding: 0px 5px;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     border-radius: 4px;
@@ -123,6 +160,11 @@ em {
     border-right: 0.15em solid #7B9C2D;
 }
 
+#searchContainer #search-form {
+    padding: 0;
+    margin: 0;
+}
+
 #search-form p {
     margin: 0em 0 0 0;
 }
@@ -133,11 +175,12 @@ em {
 }
 
 #search-form li {
-    margin: 0;
+    margin: 2px 0 0 5px;
     padding: 0;
     list-style: none;
     display: block;
     float: left;
+    /*margin-left: 5px;*/
 }
 
 #search-form li.category, #search-form li.book-title {
@@ -164,13 +207,26 @@ em {
 }
 
 .ac_input {
-    width: 18em;
+    width: 300px;
+    border: 0;
 }
 
 p .ac_input {
     width: 28em;
 }
 
+#searchSubmit {
+    float: left; 
+    margin-top: 10px; 
+    height: 33px;
+}
+/* ================== */
+/* = Search matches = */
+/* ================== */
+
+.matches li:first-letter {
+    text-transform: uppercase;
+}
 
 /* ============= */
 /* = Tags list = */
@@ -351,6 +407,10 @@ div.shown-tags p, div.all-tags p {
 #description {
     margin-top: 0.5em;
     text-align: justify;
+    overflow: hidden;
+}
+#description-short {
+       display:none;
 }
 
 #description .meta {
@@ -459,6 +519,36 @@ div.shown-tags p, div.all-tags p {
     color: #900;    
 }
 
+#toggle-share-shelf {
+    display: block;
+    width: 100%;
+    height: 1.5em;
+    background-color: #EEE;
+    margin-top: 0.5em;
+    padding: 0.5em 0;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    text-align: center;   
+    outline: none; 
+}
+#toggle-share-shelf p {
+       margin:0;
+}
+
+#share-shelf {
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    border: 3px solid #EEE;
+    padding: 5px;
+    margin-top: -5px;
+}
+#share-shelf input {
+       width: 100%;
+}
+
+
 /* ============================ */
 /* = Books and fragments list = */
 /* ============================ */
@@ -550,6 +640,7 @@ div.shown-tags p, div.all-tags p {
 
 .cuteform .error {
     color: #BF3024;
+       display: block;
 }
 
 /* ================ */
@@ -659,21 +750,81 @@ div.shown-tags p, div.all-tags p {
     text-decoration: none;
 }
 
+#suggest-window {
+    position: absolute;
+    display: none;
+    width: 35em;
+    background-color: transparent;
+    margin-top: -0.5em;
+    margin-left: 1em;
+}
+
+#suggest-window div.header {
+    background-color: #FFF;
+    border-right: 0.3em solid #DDD;
+    width: 4em;
+    right: 0;
+    left: auto;
+    padding: 0.5em 1em 0.5em 1em;
+    float: right;
+    text-align: center;
+}
+
+#suggest-window div.target {
+    clear: both;
+    background-color: #FFF;
+    border-right: 0.3em solid #DDD;
+    border-bottom: 0.3em solid #DDD;
+    padding: 1em;
+}
+#suggest-form textarea {
+       width: 30em;
+}
+
 /* ======================== */
 /* = Alphabetic book list = */
 /* ======================== */
-#book-a-list #book-list {
-    -moz-column-width: 24em;
-    -webkit-column-width: 24em;
-    column-width: 24em;
+#book-list-nav {
+    position: absolute;
+    right: 50px;
+    width: 200px;
+    border: 2px #325F70 solid;
+    padding: 10px;
+    font-size: 1.2em;
 }
 
-#book-a-list #book-list ol {
+#book-list-nav ul {
+    list-style-type: none;
+    margin: 5px;
+    padding: 0;
+}
+
+.book-list-show-index {
+    display: none;
+    margin: 0;
     padding: 0;
+}
+
+
+#book-a-list #book-list ol {
+    padding-left: 1em;
     margin: 0.3em 0 1.2em 0;
     list-style: none;
 }
 
+#book-a-list #book-list h2 a {
+    color: black;
+}
+
+#book-list-up {
+    position: fixed;
+    bottom: 50px;
+    right: 50px;
+    border: 2px #325F70 solid;
+    padding: 10px;
+    background-color: white;    
+}
+
 #top-message {
     background-color: #2F4110;
     color: #FFF;
@@ -751,6 +902,14 @@ div.shown-tags p, div.all-tags p {
     display: block;
 }
 
+#document-list ul {
+  padding-left: 30px;
+  list-style: disc;
+}
+#document-list li li a {
+  width: 340px;
+}
+
 #document-list li a:hover, #document-list li a.active {
     text-decoration: none;
     background-color: #EEE;
@@ -810,4 +969,11 @@ div.shown-tags p, div.all-tags p {
     font-size: 12px;
     color: #FFF;
     text-decoration: none;
-}
\ No newline at end of file
+}
+#createNewShelf {
+display: none;
+}
+
+.widget-code {
+    overflow: hidden;
+}