first search demo

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

diff --git a/wolnelektury/static/css/master.css b/wolnelektury/static/css/master.css
index cc7ca37..f4a93e7 100644 (file)
--- a/wolnelektury/static/css/master.css
+++ b/wolnelektury/static/css/master.css
@@ -23,6 +23,14 @@ a:hover, a:active {
     text-decoration: underline;
 }
 
     text-decoration: underline;
 }
 

+a.banner {
+    display: block;
+    white-space: nowrap;
+}
+a.banner:hover {
+    text-decoration: none;
+}
+

 input {
     font: 1em Verdana, Arial, Helvetica, sans-serif; 
 }
 input {
     font: 1em Verdana, Arial, Helvetica, sans-serif; 
 }


@@ -41,15 +49,20 @@ h2 {
 }
 
 h3 {
 }
 
 h3 {

-    font-size: 1em;
+    font-size: 1.15em;

     font-weight: bold;
     font-weight: bold;

-    margin: 0.2em 0 -1em 0;
-    color: #333;
+    margin: 2em 0 .5em 0;
+    color: #2F4110;

 }
 
 em {
 }
 
 em {

-    font-style: normal;
-    background-color: #F5DC7D;
+}
+
+hr {
+    border: 0;
+    border-top: 1px solid #2F4110;
+    margin: 2em 0;
+    height: 0;

 }
 
 .clearboth {
 }
 
 .clearboth {


@@ -71,6 +84,22 @@ em {
 #header #logo {
     float: left;
 }
 #header #logo {
     float: left;
 }

+#header #logo img {
+    margin-bottom: -1.25em;
+}
+#header a.logo {
+    display:block;
+    color: #777;
+}
+
+#tagline {
+    color: #777;
+    position: absolute;
+}
+
+#logo a:hover {
+    text-decoration: none;
+}

 
 #header #user-info {
     margin: 0 0 0 auto;
 
 #header #user-info {
     margin: 0 0 0 auto;


@@ -228,6 +257,17 @@ p .ac_input {
     text-transform: uppercase;
 }
 
     text-transform: uppercase;
 }
 

+/* ============== */
+/* = Search bar = */
+/* ============== */
+
+.collections a {
+    color: white;
+    margin: 0 0.5em;
+}
+
+
+

 /* ============= */
 /* = Tags list = */
 /* ============= */
 /* ============= */
 /* = Tags list = */
 /* ============= */


@@ -261,6 +301,7 @@ p .ac_input {
     border-right: 0.15em solid #E3D888;
 }
 
     border-right: 0.15em solid #E3D888;
 }
 

+#lesmianator #tags-list,

 #tagged-object-list #tags-list, #book-detail #tags-list {
     margin-left: 39em;
 }
 #tagged-object-list #tags-list, #book-detail #tags-list {
     margin-left: 39em;
 }


@@ -281,18 +322,95 @@ p .ac_input {
 #book-detail #formats .change-sets {
     margin-right: 0.5em;
 }
 #book-detail #formats .change-sets {
     margin-right: 0.5em;
 }

+/*
+#formats .wrap ul {
+    margin: 0;
+    padding: 0;
+}

 
 

-#formats .wrap a {
+#formats .wrap li {

     display: block;
     width: 100%;
     display: block;
     width: 100%;

-    height: 1.5em;
+    height: 1.9em;
+    background-color: #F2F2F2;
+    border: 1px solid #EEE;
+    text-align: center;    
+}
+*/
+#formats .wrap .header {
+    display: block;
+    width: 100%;
+    height: 1.9em;

     background-color: #EEE;
     background-color: #EEE;

-    margin-top: 0.5em;
-    padding: 0.5em 0;
+    border-bottom: 1px solid #EEE;
+    margin: 0;
+    padding-bottom: 2px;

     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     border-radius: 4px;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     border-radius: 4px;

-    text-align: center;    
+    color:#2F4110;
+    margin-top: 40px;
+}
+
+.audiotabs span.active {
+    background-color:#FFF;
+}
+
+.audiotabs span {
+    display: block;
+    height: 1.6em;
+    background-color:#EEE;
+    width: 80px;
+    text-align: center;
+    padding: 2px 0;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    color: #2F4110;
+    font-weight: bold;
+    float:left;
+    cursor: pointer;
+    border: 1px solid #DDD;
+}
+
+#formats .wrap .header span.desc {
+    display: block;
+    height: 1.6em;
+    background-color: #EEE;
+    width: 100px;
+    text-align: center;
+    padding: 2px 0;
+    color: #2F4110;
+    font-weight: bold;
+    float:left;
+    border: solid #eee;
+    border-width: 1px;
+}
+
+.audiotabs {
+    float: right;
+}
+
+
+#formats .wrap .online {
+    display: block;
+    width: 100%;
+    background-color: #EEE;
+    margin: 0.5em 0 1em 0;
+    padding: 1em 0;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    text-align: center;
+    font-size: 1.6em;
+}
+
+#formats .wrap div.download {
+    text-align: center;   
+    margin-bottom: 10px; 
+}
+#formats .wrap div.download img {
+    padding: 0 10px 0 10px;    

 }
 
 #czytamysluchajac {
 }
 
 #czytamysluchajac {


@@ -309,6 +427,29 @@ p .ac_input {
     padding-top: 1em;
     padding-bottom: 0em;
 }
     padding-top: 1em;
     padding-bottom: 0em;
 }

+div.audiobooks li {
+    list-style-type: none;
+}
+
+div.audiobooks li.mp3Player {
+    margin-bottom: 1em;
+}
+
+div.audiobooks {
+    padding: 15px;
+    float: left;
+}
+
+.audiobook-list {
+    float: left; width: 270px;
+    position: relative;
+    left: 10px;
+}
+
+#speaker {
+    float: left; 
+    padding:5px 10px;
+}

 
 #formats #czytamysluchajac-logo {
     background: white;
 
 #formats #czytamysluchajac-logo {
     background: white;


@@ -319,6 +460,7 @@ p .ac_input {
     -moz-border-radius: 0px;
     -webkit-border-radius: 0px;
     border-radius: 0px;
     -moz-border-radius: 0px;
     -webkit-border-radius: 0px;
     border-radius: 0px;

+    margin: 0px 20px 10px 10px;

 }
 
 #tagged-object-list #themes-list, #book-detail #themes-list {
 }
 
 #tagged-object-list #themes-list, #book-detail #themes-list {


@@ -406,7 +548,6 @@ div.shown-tags p, div.all-tags p {
 /* =============== */
 #description {
     margin-top: 0.5em;
 /* =============== */
 #description {
     margin-top: 0.5em;

-    text-align: justify;

     overflow: hidden;
 }
 #description-short {
     overflow: hidden;
 }
 #description-short {


@@ -781,21 +922,93 @@ div.shown-tags p, div.all-tags p {
        width: 30em;
 }
 
        width: 30em;
 }
 

+
+.big-top-link {
+    margin-top: .6em;
+    font-size: 2em;
+    /*max-width: 15em;*/
+    line-height: 1.2em;
+}
+
+#suggest-publishing-window {
+    position: absolute;
+    display: none;
+    width: 45em;
+    background-color: transparent;
+    margin-top: -0.5em;
+    margin-left: 1em;
+}
+
+#suggest-publishing-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-publishing-window div.target {
+    clear: both;
+    background-color: #FFF;
+    border-right: 0.3em solid #DDD;
+    border-bottom: 0.3em solid #DDD;
+    padding: 1em;
+}
+#suggest-publishing-form textarea {
+       width: 40em;
+    height: 6em;
+}
+

 /* ======================== */
 /* = Alphabetic book list = */
 /* ======================== */
 /* ======================== */
 /* = Alphabetic book list = */
 /* ======================== */

-#book-a-list #book-list {
-    -moz-column-width: 24em;
-    -webkit-column-width: 24em;
-    column-width: 24em;
+#book-list {
+   padding-left: 50px;
+}
+#book-list-nav {
+    position: absolute;
+    right: 50px;
+    width: 200px;
+    border-left: 1px #cfcfcf 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;
     padding: 0;

+}
+
+
+#book-a-list #book-list ol {
+    padding-left: 1em;

     margin: 0.3em 0 1.2em 0;
     list-style: none;
 }
 
     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-left: 1px #cfcfcf solid;
+    padding: 10px;
+    background-color: white;    
+}
+

 #top-message {
     background-color: #2F4110;
     color: #FFF;
 #top-message {
     background-color: #2F4110;
     color: #FFF;


@@ -815,13 +1028,11 @@ div.shown-tags p, div.all-tags p {
 .column-left {
     width: 37em;
     float: left;
 .column-left {
     width: 37em;
     float: left;

-    text-align: justify;

     margin-top: 1em;
 }
 
 .column-right {
     margin-left: 40em;
     margin-top: 1em;
 }
 
 .column-right {
     margin-left: 40em;

-    text-align: justify;

     margin-top: 1em;
 }
 
     margin-top: 1em;
 }
 


@@ -868,11 +1079,24 @@ div.shown-tags p, div.all-tags p {
     border-radius: 3px;
 /*    font-size: 1.2em;*/
     font-weight: bold;
     border-radius: 3px;
 /*    font-size: 1.2em;*/
     font-weight: bold;

-    width: 370px;
+    width: 330px;

     margin-bottom: 0.25em;
     display: block;
 }
 
     margin-bottom: 0.25em;
     display: block;
 }
 

+#document-list ul {
+  padding-left: 30px;
+  list-style: disc;
+}
+
+#document-list li {
+  padding: 5px;
+}
+
+#document-list li li a {
+  width: 300px;
+}
+

 #document-list li a:hover, #document-list li a.active {
     text-decoration: none;
     background-color: #EEE;
 #document-list li a:hover, #document-list li a.active {
     text-decoration: none;
     background-color: #EEE;


@@ -896,6 +1120,11 @@ div.shown-tags p, div.all-tags p {
     padding: 0
 }
 
     padding: 0
 }
 

+#document-list .download-doc {
+    display: none;
+    color: #00F;
+}
+

 /* ====================== */
 /* = One percent banner = */
 /* ====================== */
 /* ====================== */
 /* = One percent banner = */
 /* ====================== */


@@ -933,6 +1162,26 @@ div.shown-tags p, div.all-tags p {
     color: #FFF;
     text-decoration: none;
 }
     color: #FFF;
     text-decoration: none;
 }

+

 #createNewShelf {
 #createNewShelf {

-display: none;
+    display: none;
+}
+
+.widget-code {
+    overflow: hidden;
+}
+
+#presentation-frame {
+    border: 0px none white;
+}
+
+
+/* dictionary */
+
+.dictionary-note-source {
+    margin-top: -1em;
+}
+
+#footnotes .pagination {
+    margin-top: 1em;

 }
 }