apps/wolnelektury_core/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: #444;
  30     color: white;
  31     padding: 0;
  32     margin: 0;
  33     background-image: url(/static/img/backdrop/book-drawer2.jpg);
  34     background-size: 100%;
  35     background-position: 50% 68%;
  36     background-repeat: no-repeat;
  37 }
  38
  39 #big-cite .cite {
  40     padding: 4.6em 4em 4.8em 0;
  41     background: none;
  42     color: white;
  43 }
  44
  45 #big-cite h2 {
  46     margin: 0;
  47     font-size: 1.1em;
  48     color: #575c63;
  49 }
  50
  51
  52 #big-cite .cite-body {
  53     margin: .05em .05em .05em 1em;
  54 }
  55 #big-cite .cite-body span {
  56     font-size: 3em;
  57     line-height: 1.16em;
  58 }
  59
  60 #big-cite .vip {
  61         margin-left: 1em;
  62         margin-top: .25em;
  63 }
  64
  65 #big-cite .vip span {
  66         font-size:1.1em;
  67 }
  68
  69 #big-cite .cite-body span,
  70 #big-cite .vip span,
  71 #big-cite .source span
  72 {
  73         color: white;
  74         background-color: rgb(0, 0, 0);
  75         background-color: rgba(0, 0, 0, 0.6);
  76         /* For IE 5.5 - 7*/
  77         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  78         /* For IE 8*/
  79         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  80 }
  81 /* a long cite displays smaller */
  82 #big-cite .cite-small .cite-body span {
  83         font-size: 2em;
  84 }
  85
  86
  87 #big-cite .source {
  88     margin: 1.6em 0.2em 1.6em 1em;
  89 }
  90 #big-cite .source span {
  91     font-size: 1.2em;
  92 }
  93
  94
  95
  96
  97
  98 .cite blockquote p {
  99     margin: 0;
 100 }
 101
 102 .cite blockquote {
 103     padding: 0;
 104     margin: 0;
 105 }
 106
 107 .book-wide-box .cite {
 108     position: relative;
 109     top: -1em;
 110     right: -1em;
 111     background-color: #f7f7f7;
 112     vertical-align: middle;
 113     width: 39.5em;
 114     margin: 0;
 115     padding: 1em;
 116 }
 117
 118
 119 .Fragment-item .fragment {
 120         color: black;
 121         display: block;
 122 }
 123 .Fragment-item .toggle, .PictureArea-item .toggle {
 124         font-size: 1.1em;
 125         display:block;
 126         padding: .5em 0;
 127 }
 128 .Fragment-item, .PictureArea-item {
 129         margin-bottom: 2em;
 130         /* white-box */
 131         border: 1px solid #ddd;
 132     background: #fff;
 133     -moz-box-shadow: 2px 2px 2px #ddd;
 134     -webkit-box-shadow: 2px 2px 2px #ddd;
 135     box-shadow: 2px 2px 2px #ddd;
 136 }
 137
 138 .area {
 139     display: block;
 140     color: black;
 141     background: white;
 142     padding: 3em 2em 2em 2em;
 143     position:relative;
 144     clear: both;
 145 }
 146
 147 .area .area-thumbnail {
 148     display:block;
 149     width:100px;
 150     float: left;
 151 }
 152
 153 .area .area-description {
 154     float: right;
 155     padding: 1em 1em;
 156     width: 16rem; /* FIX */
 157 }