some templates

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

diff --git a/wolnelektury/static/css/cite.css b/wolnelektury/static/css/cite.css
index c06777f..69c28a7 100755 (executable)
--- a/wolnelektury/static/css/cite.css
+++ b/wolnelektury/static/css/cite.css
@@ -1,19 +1,22 @@
-a.cite {
+.cite {

     display: block;
     color: black;
     background: white;
     padding: 3em 2em .1em 8em;
 }
     display: block;
     color: black;
     background: white;
     padding: 3em 2em .1em 8em;
 }

-.cite-body {
+.book-wide-box .cite-body,
+#tagged-object-list .cite-body
+ {

     font-size: 1.8em;
     line-height: 1.3em;
 }
     font-size: 1.8em;
     line-height: 1.3em;
 }

-.cite p {
+.book-wide-box .source,
+#tagged-object-list .source
+{

     color: #444;
     font-size: 1.1em;
     margin-top: 1.6em;
 }
     color: #444;
     font-size: 1.1em;
     margin-top: 1.6em;
 }

-

 .cite .vip {
     margin: 0;
     color: #575C63;
 .cite .vip {
     margin: 0;
     color: #575C63;


@@ -21,21 +24,22 @@ a.cite {
 }
 
 
 }
 
 

-/* a long cite displays smaller */ 
-.cite-small .cite-body {
-       font-size: 1.4em;
-}
-
-

 
 #big-cite {
 
 #big-cite {

-    background-color: white;
+    background-color: white; /* #bd9a89; /* average image color */
+    color: black;

     padding: 0;
     margin: 0;
     padding: 0;
     margin: 0;

+    background-image: url(/static/img/backdrop/horiavarlan-4268896468.jpg);
+    background-size: 100%;
+    background-position: 50% 70%;
+    background-repeat: no-repeat;

 }
 
 #big-cite .cite {
 }
 
 #big-cite .cite {

-    padding: 10.75em 10em 8.5em 18.2em;
+    padding: 4.6em 4em 4.8em 0;
+    background: none;
+    color: white;

 }
 
 #big-cite h2 {
 }
 
 #big-cite h2 {


@@ -46,27 +50,51 @@ a.cite {
 
 
 #big-cite .cite-body {
 
 
 #big-cite .cite-body {

-    margin: .05em;
-    font-size: 2.8em;
-    line-height: 1.2em;
-    color: #191919;
+    margin: .05em .05em .05em 1em;
+}
+#big-cite .cite-body span {
+    font-size: 3em;
+    line-height: 1.16em;
+}
+
+#big-cite .vip {
+       margin-left: 1em;
+       margin-top: .25em;
+}
+
+#big-cite .vip span {
+       font-size:1.1em;
+}
+
+#big-cite .cite-body span,
+#big-cite .vip span,
+#big-cite .source span
+{
+       color: white;
+       background-color: rgb(0, 0, 0);
+       background-color: rgba(0, 0, 0, 0.6);
+       /* For IE 5.5 - 7*/
+       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
+       /* For IE 8*/
+       -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

 }
 /* a long cite displays smaller */ 
 }
 /* a long cite displays smaller */ 

-#big-cite .cite-small .cite-body {
+#big-cite .cite-small .cite-body span {

        font-size: 2em;
 }
 
 
 #big-cite .source {
        font-size: 2em;
 }
 
 
 #big-cite .source {

-    color: #00a1ac;
-    margin: 0;
-    font-size: 1.1em;
-    margin: 1.1em 0.2em;
+    margin: 1.6em 0.2em 1.6em 1em;
+}
+#big-cite .source span {
+    font-size: 1.2em;

 }
 
 
 
 
 }
 
 
 
 

+

 .cite blockquote p {
     margin: 0;
 }
 .cite blockquote p {
     margin: 0;
 }


@@ -81,8 +109,28 @@ a.cite {
     top: -0.8em;
     right: -1em;
     background-color: #f7f7f7;
     top: -0.8em;
     right: -1em;
     background-color: #f7f7f7;

-    vertical-align: center;
+    vertical-align: middle;

     width: 39.5em;
     margin: 0;
     padding: 1em;
 }
     width: 39.5em;
     margin: 0;
     padding: 1em;
 }

+
+
+.Fragment-item .fragment {
+       color: black;
+       display: block;
+}
+.Fragment-item .toggle {
+       font-size: 1.1em;
+       display:block;
+       padding: .5em 0;
+}
+.Fragment-item {
+       margin-bottom: 2em;
+       /* white-box */
+       border: 1px solid #ddd;
+    background: #fff;
+    -moz-box-shadow: 2px 2px 2px #ddd;
+    -webkit-box-shadow: 2px 2px 2px #ddd;
+    box-shadow: 2px 2px 2px #ddd;
+}