Moved fragment metadata to the right.

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

diff --git a/media/css/master.css b/media/css/master.css
index 41c40c0..6615ee6 100644 (file)
--- a/media/css/master.css
+++ b/media/css/master.css
@@ -1,5 +1,5 @@
 body {
 body {

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

     font: 70% Verdana, Arial, Helvetica, sans-serif;
     line-height: 1.5em;
     background: #FFF url(/media/img/bg.png) repeat-x;
     font: 70% Verdana, Arial, Helvetica, sans-serif;
     line-height: 1.5em;
     background: #FFF url(/media/img/bg.png) repeat-x;


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

+    margin-top: 1.5em;

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


@@ -259,9 +260,9 @@ em {
     color: #999;
 }
 
     color: #999;
 }
 

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

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


@@ -280,7 +281,25 @@ em {
     border-radius: 3px;
 }
 
     border-radius: 3px;
 }
 

-.book .change-sets {
+.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;
+    float: right;
+}
+
+.change-sets {

     float: right;
 }
 
     float: right;
 }
 


@@ -325,6 +344,8 @@ em {
 /* ================ */
 /* = Modal Window = */
 /* ================ */
 /* ================ */
 /* = Modal Window = */
 /* ================ */

+.jqmOverlay { background-color: #000; }
+

 #set-window {
     position: absolute;
     display: none;
 #set-window {
     position: absolute;
     display: none;


@@ -348,9 +369,6 @@ em {
     padding: 1em;
 }
 
     padding: 1em;
 }
 

-.jqmOverlay { background-color: #000; }
-
-

 #login-register-window {
     position: absolute;
     display: none;
 #login-register-window {
     position: absolute;
     display: none;


@@ -379,6 +397,44 @@ em {
     padding: 1em;
 }
 
     padding: 1em;
 }
 

+#user-shelves-window {
+    position: absolute;
+    display: none;
+    width: 28em;
+    background-color: transparent;
+    margin-top: -0.5em;
+    margin-left: 1em;
+}
+
+#user-shelves-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;
+}
+
+#user-shelves-window div.target {
+    clear: both;
+    background-color: #FFF;
+    border-right: 0.3em solid #DDD;
+    border-bottom: 0.3em solid #DDD;
+    padding: 1em;
+}
+
+#user-shelves-window ul {
+    list-style: none;
+    padding: 0;
+}
+
+#user-shelves-window a.delete-shelf {
+    color: #900;
+    float: right;
+}
+

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


@@ -388,3 +444,11 @@ em {
     list-style: none;
 }
 
     list-style: none;
 }
 

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