Created fragment_sets view and template.

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

diff --git a/media/css/master.css b/media/css/master.css
index f9ff895..2fe2e34 100644 (file)
--- a/media/css/master.css
+++ b/media/css/master.css
@@ -1,9 +1,9 @@
 body {
 body {

-    margin: 2em;
+    margin: 0 2em 2em 2em;

     font: 70% Verdana, Arial, Helvetica, sans-serif;
     line-height: 1.5em;
     font: 70% Verdana, Arial, Helvetica, sans-serif;
     line-height: 1.5em;

-    background: #FFF url(/pliki/img/bg.png) repeat-x;
-    color: #000;
+    background: #FFF url(/media/img/bg.png) repeat-x;
+    color: #2F4110;

 }
 
 img {
 }
 
 img {


@@ -24,9 +24,9 @@ input {
 }
 
 h1 {
 }
 
 h1 {

-    font: normal normal bold 2em Arial, sans-serif;
+    font: normal normal bold 1.75em Arial, sans-serif;

     color: #2F4110;
     color: #2F4110;

-    margin: 0.5em 0 0 0;
+    margin: 0.55em 0 0 0;

 }
 
 h2 {
 }
 
 h2 {


@@ -43,12 +43,17 @@ h3 {
     color: #333;
 }
 
     color: #333;
 }
 

+em {
+    font-style: normal;
+    background-color: #F5DC7D;
+}
+

 .clearboth {
     clear: both;
 }
 
 .blur {
 .clearboth {
     clear: both;
 }
 
 .blur {

-    color: #999;
+    color: #777;

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


@@ -56,6 +61,7 @@ h3 {
 /* ================================== */
 #header {
     position: relative;
 /* ================================== */
 #header {
     position: relative;

+    margin-top: 1.5em;

 }
 
 #header #logo {
 }
 
 #header #logo {


@@ -68,6 +74,15 @@ h3 {
     text-align: right;
 }
 
     text-align: right;
 }
 

+#site-description {
+    margin-top: -1.5em;
+    height:4.5em;
+    overflow: hidden;
+    float: right;
+    width: 42em;
+    text-align: right;
+    color: #777;
+}

 
 /* ======================== */
 /* = Footer with sponsors = */
 
 /* ======================== */
 /* = Footer with sponsors = */


@@ -245,9 +260,9 @@ h3 {
     color: #999;
 }
 
     color: #999;
 }
 

-/* ============== */
-/* = Books list = */
-/* ============== */
+/* ============================ */
+/* = Books and fragments list = */
+/* ============================ */

 #books-list {
     margin: 0;
 }
 #books-list {
     margin: 0;
 }


@@ -266,6 +281,23 @@ h3 {
     border-radius: 3px;
 }
 
     border-radius: 3px;
 }
 

+.fragment {
+    border-bottom: 0.1em solid #EEE;
+    margin-top: 0.5em;
+}
+
+.fragment-text, .fragment-short-text {
+    padding: 0.5em;
+    background-color: #FFF;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+}
+
+.fragment-metadata {
+    padding: 0.5em 0.5em 1.5em 0.5em;
+}
+

 .book .change-sets {
     float: right;
 }
 .book .change-sets {
     float: right;
 }


@@ -275,7 +307,7 @@ h3 {
 }
 
 .book-thumbnail {
 }
 
 .book-thumbnail {

-    background: transparent url(/pliki/img/book.png) no-repeat 0 0;
+    background: transparent url(/media/img/book.png) no-repeat 0 0;

     width: 3em;
     height: 3em;
     float: left;
     width: 3em;
     height: 3em;
     float: left;


@@ -284,14 +316,28 @@ h3 {
 /* =============== */
 /* = Simple form = */
 /* =============== */
 /* =============== */
 /* = Simple form = */
 /* =============== */

-.simple-form ol, .simple-form ul {
+.cuteform ol, .cuteform ul {

     padding: 0;
     margin: 0;
     list-style: none;
 }
 
     padding: 0;
     margin: 0;
     list-style: none;
 }
 

-.simple-form ol li, .simple-form ul li {
-    margin-top: 0.5em;
+.cuteform ol li, .cuteform ul li {
+    margin-top: 0.7em;
+}
+
+.cuteform label {
+    display: block;
+}
+
+.cuteform span.help-text {
+    display: block;
+    font-size: 0.8em;
+    color: #999;
+}
+
+.cuteform .error {
+    color: #BF3024;

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


@@ -302,33 +348,69 @@ h3 {
     display: none;
     width: 32em;
     background-color: transparent;
     display: none;
     width: 32em;
     background-color: transparent;

-    color: #333;

     margin-top: -0.5em;
     margin-left: -1em;
 }
 
 #set-window div.header {
     background-color: #FFF;
     margin-top: -0.5em;
     margin-left: -1em;
 }
 
 #set-window div.header {
     background-color: #FFF;

-    border-right: 0.5em solid #DDD;
+    border-right: 0.25em solid #DDD;

     width: 4em;
     padding: 0.5em 1em 0.5em 1em;
 }
 
 #set-window div.target {
     background-color: #FFF;
     width: 4em;
     padding: 0.5em 1em 0.5em 1em;
 }
 
 #set-window div.target {
     background-color: #FFF;

-    border-right: 0.5em solid #DDD;
-    border-bottom: 0.5em solid #DDD;
+    border-right: 0.3em solid #DDD;
+    border-bottom: 0.3em solid #DDD;

     padding: 1em;
 }
 
 .jqmOverlay { background-color: #000; }
 
 
     padding: 1em;
 }
 
 .jqmOverlay { background-color: #000; }
 
 

+#login-register-window {
+    position: absolute;
+    display: none;
+    width: 24em;
+    background-color: transparent;
+    margin-top: -0.5em;
+    margin-left: 1em;
+}
+
+#login-register-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;
+}
+
+#login-register-window div.target {
+    clear: both;
+    background-color: #FFF;
+    border-right: 0.3em solid #DDD;
+    border-bottom: 0.3em solid #DDD;
+    padding: 1em;
+}
+

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

-#book-a-list ol {
+#book-a-list #book-list ol {

     padding: 0;
     margin: 0.3em 0 1.2em 0;
     list-style: none;
 }
     padding: 0;
     margin: 0.3em 0 1.2em 0;
     list-style: none;
 }

+
+#top-message {
+    background-color: #2F4110;
+    color: #FFF;
+    margin: 0 -2em;
+    padding: 0 2em;
+    line-height: 2em;
+}
+