api media fix
[wolnelektury.git] / wolnelektury / static / css / master.css
index 8513065..48fa387 100644 (file)
@@ -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,10 +49,10 @@ 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 {
@@ -52,6 +60,13 @@ em {
     background-color: #F5DC7D;
 }
 
     background-color: #F5DC7D;
 }
 
+hr {
+    border: 0;
+    border-top: 1px solid #2F4110;
+    margin: 2em 0;
+    height: 0;
+}
+
 .clearboth {
     clear: both;
 }
 .clearboth {
     clear: both;
 }
@@ -71,6 +86,16 @@ em {
 #header #logo {
     float: left;
 }
 #header #logo {
     float: left;
 }
+#header #logo img {
+    margin-bottom: -1.25em;
+}
+#header #logo a {
+    display:block;
+    color: #777;
+}
+#logo a:hover {
+    text-decoration: none;
+}
 
 #header #user-info {
     margin: 0 0 0 auto;
 
 #header #user-info {
     margin: 0 0 0 auto;
@@ -272,6 +297,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;
 }
@@ -311,34 +337,22 @@ p .ac_input {
     display: block;
     width: 100%;
     height: 1.9em;
     display: block;
     width: 100%;
     height: 1.9em;
-    background-color: #FFF;
-    border: 1px solid #EEE;
+    background-color: #EEE;
+    border-bottom: 1px solid #EEE;
     margin: 0;
     margin: 0;
-    padding: 0;
-    -moz-border-radius: 4px 4px 0 0;
-    -webkit-border-radius: 4px 4px 0 0;
-    border-radius: 4px 4px 0 0;
+    padding-bottom: 2px;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
     color:#2F4110;
     margin-top: 40px;
 }
 
     color:#2F4110;
     margin-top: 40px;
 }
 
-#formats .wrap .header span.active {
-    display: block;
-    height: 1.5em;
+.audiotabs span.active {
     background-color:#FFF;
     background-color:#FFF;
-    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;
-    border: 1px solid #EEE;    
 }
 
 }
 
-#formats .wrap .header span {
+.audiotabs span {
     display: block;
     height: 1.6em;
     background-color:#EEE;
     display: block;
     height: 1.6em;
     background-color:#EEE;
@@ -349,10 +363,10 @@ p .ac_input {
     -webkit-border-radius: 4px;
     border-radius: 4px;
     color: #2F4110;
     -webkit-border-radius: 4px;
     border-radius: 4px;
     color: #2F4110;
-    font-weight: bold;    
+    font-weight: bold;
     float:left;
     cursor: pointer;
     float:left;
     cursor: pointer;
-    border: 1px solid #EEE;    
+    border: 1px solid #DDD;
 }
 
 #formats .wrap .header span.desc {
 }
 
 #formats .wrap .header span.desc {
@@ -362,31 +376,29 @@ p .ac_input {
     width: 100px;
     text-align: center;
     padding: 2px 0;
     width: 100px;
     text-align: center;
     padding: 2px 0;
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
-    border-radius: 4px;
     color: #2F4110;
     color: #2F4110;
-    font-weight: bold;    
+    font-weight: bold;
     float:left;
     float:left;
-    cursor: normal;
-    margin-right: 20px;
-    border:0px;
+    border: solid #eee;
+    border-width: 1px;
+}
+
+.audiotabs {
+    float: right;
 }
 
 
 }
 
 
-#formats .wrap p.online {
+#formats .wrap .online {
     display: block;
     width: 100%;
     display: block;
     width: 100%;
-    height: 1.5em;
     background-color: #EEE;
     background-color: #EEE;
-    margin-top: 0.5em;
+    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;
     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 {
 }
 
 #formats .wrap div.download {
@@ -415,6 +427,10 @@ div.audiobooks li {
     list-style-type: none;
 }
 
     list-style-type: none;
 }
 
+div.audiobooks li.mp3Player {
+    margin-bottom: 1em;
+}
+
 div.audiobooks {
     padding: 15px;
     float: left;
 div.audiobooks {
     padding: 15px;
     float: left;
@@ -903,6 +919,46 @@ 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 = */
 /* ======================== */
@@ -1022,7 +1078,7 @@ 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;
 }
@@ -1031,8 +1087,13 @@ div.shown-tags p, div.all-tags p {
   padding-left: 30px;
   list-style: disc;
 }
   padding-left: 30px;
   list-style: disc;
 }
+
+#document-list li {
+  padding: 5px;
+}
+
 #document-list li li a {
 #document-list li li a {
-  width: 340px;
+  width: 300px;
 }
 
 #document-list li a:hover, #document-list li a.active {
 }
 
 #document-list li a:hover, #document-list li a.active {
@@ -1058,6 +1119,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 = */
 /* ====================== */
@@ -1095,10 +1161,15 @@ 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;
 }
 }
 
 .widget-code {
     overflow: hidden;
 }
+
+#presentation-frame {
+    border: 0px none white;
+}