'Put on the shelf' usability improvement.

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

diff --git a/wolnelektury/static/css/master.css b/wolnelektury/static/css/master.css
index d7d741a..98a96c0 100644 (file)
--- a/wolnelektury/static/css/master.css
+++ b/wolnelektury/static/css/master.css
@@ -6,6 +6,10 @@ body {
     color: #2F4110;
 }
 
     color: #2F4110;
 }
 

+#header {
+    margin-top: -20px;
+}
+

 img {
     border: none;
 }
 img {
     border: none;
 }


@@ -129,11 +133,12 @@ em {
 }
 
 #search-form li {
 }
 
 #search-form li {

-    margin: 0;
+    margin: 2px 0 0 5px;

     padding: 0;
     list-style: none;
     display: block;
     float: left;
     padding: 0;
     list-style: none;
     display: block;
     float: left;

+    /*margin-left: 5px;*/

 }
 
 #search-form li.category, #search-form li.book-title {
 }
 
 #search-form li.category, #search-form li.book-title {


@@ -347,6 +352,7 @@ div.shown-tags p, div.all-tags p {
 #description {
     margin-top: 0.5em;
     text-align: justify;
 #description {
     margin-top: 0.5em;
     text-align: justify;

+    overflow: hidden;

 }
 
 #description .meta {
 }
 
 #description .meta {


@@ -393,9 +399,98 @@ div.shown-tags p, div.all-tags p {
     -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;    
+    text-align: center;   
+    outline: none; 
+}
+
+#download-shelf-menu {
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    border: 3px solid #EEE;
+    padding: 5px;
+    margin-top: -5px;
+}
+
+#download-formats-form li {
+    float: left;
+    height: 2em;
+}
+
+#download-formats-form input {
+    float: left;
+}
+
+#download-formats-form label {
+    display: block;
+    background-color: #EEE;
+    float: left;
+    width: 8em;
+    margin-right: 0.5em;
+    margin-top: -0.5em;
+    padding-top: 0.5em;
+    padding-bottom: 0.75em;
+}
+
+#download-formats-form li {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+#download-formats-form em {
+    color: #999;
+    background-color: #FFF;
+}
+
+#download-formats-form em strong {
+    color: #000;
+    font-weight: normal;

 }
 
 }
 

+#download-formats-form-submit {
+    margin-left: 0.5em;
+    
+}
+
+#download-formats-form #download-formats-form-submit-li {
+    margin-top: 0.75em;
+}
+
+#download-formats-form-cancel {
+    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 = */
 /* ============================ */
 /* ============================ */
 /* = Books and fragments list = */
 /* ============================ */


@@ -487,6 +582,7 @@ div.shown-tags p, div.all-tags p {
 
 .cuteform .error {
     color: #BF3024;
 
 .cuteform .error {
     color: #BF3024;

+       display: block;

 }
 
 /* ================ */
 }
 
 /* ================ */


@@ -596,6 +692,37 @@ div.shown-tags p, div.all-tags p {
     text-decoration: none;
 }
 
     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 = */
 /* ======================== */
 /* ======================== */
 /* = Alphabetic book list = */
 /* ======================== */


@@ -655,4 +782,99 @@ div.shown-tags p, div.all-tags p {
     color: #FFF;
     background-color: #900;
     text-decoration: none;
     color: #FFF;
     background-color: #900;
     text-decoration: none;

-}
\ No newline at end of file
+}
+
+/* =========== */
+/* = Lessons = */
+/* =========== */
+#lessons {
+    margin-top: 2.5em;
+}
+
+#document-list {
+    width: 380px;
+    float: left;
+}
+
+#document-list ol {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+#document-list li a {
+    padding: 0.5em;
+    background-color: #FFF;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+/*    font-size: 1.2em;*/
+    font-weight: bold;
+    width: 370px;
+    margin-bottom: 0.25em;
+    display: block;
+}
+
+#document-list li a:hover, #document-list li a.active {
+    text-decoration: none;
+    background-color: #EEE;
+}
+
+#document-list-body #document-detail {
+    margin-left: 390px;
+}
+
+#document-detail {    
+    width: 480px;
+}
+
+#document-detail h2 {
+    margin: 0.75em 0 0.75em 0;
+}
+
+#document-list-body #document-detail .download {
+    float: right;
+    margin: 0;
+    padding: 0
+}
+
+/* ====================== */
+/* = One percent banner = */
+/* ====================== */
+#onepercent-banner {
+    color: #FFF;
+    margin: 0 -1.1em;
+    padding: 0 1.1em;
+    vertical-align: middle;
+    background-color: #FF6B3C;
+    height: 60px;
+    font-size: 1.8em;
+    line-height: 1.5em;
+    position: relative;
+}
+
+#onepercent-text, #onepercent-line:visited, #onepercent-text:hover, #onepercent-text:active {
+    display: block;
+    line-height: 60px;
+    color: #FFF;
+    text-decoration: none;
+}
+
+#onepercent-text strong {
+    font-weight: normal;
+    text-decoration: underline;
+}
+
+#onepercent-see-more, #onepercent-see-more:visited, #onepercent-see-more:hover, #onepercent-see-more:active {
+    position: absolute;
+    right: 2em;
+    width: 9em;
+    text-align: right;
+    bottom: 0;
+    font-size: 12px;
+    color: #FFF;
+    text-decoration: none;
+}
+#createNewShelf {
+display: none;
+}