Better fragment styles.

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

diff --git a/media/css/master.css b/media/css/master.css
index 942111c..2fe2e34 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,6 +281,23 @@ em {
     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;
 }


@@ -312,6 +330,15 @@ em {
     display: block;
 }
 
     display: block;
 }
 

+.cuteform span.help-text {
+    display: block;
+    font-size: 0.8em;
+    color: #999;
+}
+
+.cuteform .error {
+    color: #BF3024;
+}

 
 /* ================ */
 /* = Modal Window = */
 
 /* ================ */
 /* = Modal Window = */


@@ -379,3 +406,11 @@ em {
     list-style: none;
 }
 
     list-style: none;
 }
 

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