use html5 placeholder and hide labels,
[wolnelektury.git] / 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 /* a long cite displays smaller */ 
28 .cite-small .cite-body span {
29         font-size: 1.4em;
30 }
31
32
33
34 #big-cite {
35     background-color: #5f3e1c; /* average image color */
36     color: white;
37     padding: 0;
38     margin: 0;
39     background-image: url(/static/img/backdrop/boltron-3212284622.jpg);
40     background-size: 100%;
41     background-position: 50% 50%;
42 }
43
44 #big-cite .cite {
45     padding: 4.6em 4em 4.8em 0;
46     background: none;
47     color: white;
48 }
49
50 #big-cite h2 {
51     margin: 0;
52     font-size: 1.1em;
53     color: #575c63;
54 }
55
56
57 #big-cite .cite-body {
58     margin: .05em .05em .05em 17.5em;
59 }
60 #big-cite .cite-body span {
61     font-size: 3em;
62     line-height: 1.16em;
63 }
64
65 #big-cite .vip {
66         float:left;
67         text-align:right;
68         width: 14.7em;
69         margin-top: .25em;
70 }
71
72 #big-cite .vip span {
73         font-size:1.1em;
74 }
75
76 #big-cite .cite-body span,
77 #big-cite .vip span,
78 #big-cite .source span
79 {
80         color: white;
81         background-color: rgb(0, 0, 0);
82         background-color: rgba(0, 0, 0, 0.6);
83         /* For IE 5.5 - 7*/
84         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
85         /* For IE 8*/
86         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
87 }
88 /* a long cite displays smaller */ 
89 #big-cite .cite-small .cite-body span {
90         font-size: 2em;
91 }
92
93
94 #big-cite .source {
95     margin: 1.6em 0.2em 1.6em 17.5em;
96 }
97 #big-cite .source span {
98     font-size: 1.1em;
99 }
100
101
102
103
104
105 .cite blockquote p {
106     margin: 0;
107 }
108
109 .cite blockquote {
110     padding: 0;
111     margin: 0;
112 }
113
114 .book-wide-box .cite {
115     position: relative;
116     top: -0.8em;
117     right: -1em;
118     background-color: #f7f7f7;
119     vertical-align: middle;
120     width: 39.5em;
121     margin: 0;
122     padding: 1em;
123 }
124
125
126 .Fragment-item .fragment {
127         color: black;
128         display: block;
129 }
130 .Fragment-item .toggle {
131         font-size: 1.1em;
132         display:block;
133         padding: .5em 0;
134 }
135 .Fragment-item {
136         margin-bottom: 2em;
137 }