wolnelektury/static/css/cite.css

   1 .cite {
   2     display: block;
   3     color: black;
   4     background: white;
   5     padding: 3em 2em .1em 8em;
   6 }
   7 .book-wide-box .cite-body,
   8 #tagged-object-list .cite-body
   9  {
  10     font-size: 1.8em;
  11     line-height: 1.3em;
  12 }
  13 .book-wide-box .source,
  14 #tagged-object-list .source
  15 {
  16     color: #444;
  17     font-size: 1.1em;
  18     margin-top: 1.6em;
  19 }
  20 .cite .vip {
  21     margin: 0;
  22     color: #575C63;
  23     font-size: 1.1em;
  24 }
  25
  26
  27
  28 #big-cite {
  29     background-color: #bd9a89; /* average image color */
  30     color: white;
  31     padding: 0;
  32     margin: 0;
  33     background-image: url(/static/img/backdrop/horiavarlan-4268896468.jpg);
  34     background-size: 100%;
  35     background-position: 50% 70%;
  36 }
  37
  38 #big-cite .cite {
  39     padding: 4.6em 4em 4.8em 0;
  40     background: none;
  41     color: white;
  42 }
  43
  44 #big-cite h2 {
  45     margin: 0;
  46     font-size: 1.1em;
  47     color: #575c63;
  48 }
  49
  50
  51 #big-cite .cite-body {
  52     margin: .05em .05em .05em 17.5em;
  53 }
  54 #big-cite .cite-body span {
  55     font-size: 3em;
  56     line-height: 1.16em;
  57 }
  58
  59 #big-cite .vip {
  60         float:left;
  61         text-align:right;
  62         width: 14.7em;
  63         margin-top: .25em;
  64 }
  65
  66 #big-cite .vip span {
  67         font-size:1.1em;
  68 }
  69
  70 #big-cite .cite-body span,
  71 #big-cite .vip span,
  72 #big-cite .source span
  73 {
  74         color: white;
  75         background-color: rgb(0, 0, 0);
  76         background-color: rgba(0, 0, 0, 0.6);
  77         /* For IE 5.5 - 7*/
  78         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  79         /* For IE 8*/
  80         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  81 }
  82 /* a long cite displays smaller */
  83 #big-cite .cite-small .cite-body span {
  84         font-size: 2em;
  85 }
  86
  87
  88 #big-cite .source {
  89     margin: 1.6em 0.2em 1.6em 17.5em;
  90 }
  91 #big-cite .source span {
  92     font-size: 1.2em;
  93 }
  94
  95
  96
  97
  98
  99 .cite blockquote p {
 100     margin: 0;
 101 }
 102
 103 .cite blockquote {
 104     padding: 0;
 105     margin: 0;
 106 }
 107
 108 .book-wide-box .cite {
 109     position: relative;
 110     top: -0.8em;
 111     right: -1em;
 112     background-color: #f7f7f7;
 113     vertical-align: middle;
 114     width: 39.5em;
 115     margin: 0;
 116     padding: 1em;
 117 }
 118
 119
 120 .Fragment-item .fragment {
 121         color: black;
 122         display: block;
 123 }
 124 .Fragment-item .toggle {
 125         font-size: 1.1em;
 126         display:block;
 127         padding: .5em 0;
 128 }
 129 .Fragment-item {
 130         margin-bottom: 2em;
 131         /* white-box */
 132         border: 1px solid #ddd;
 133     background: #fff;
 134     -moz-box-shadow: 2px 2px 2px #ddd;
 135     -webkit-box-shadow: 2px 2px 2px #ddd;
 136     box-shadow: 2px 2px 2px #ddd;
 137 }