Smaller icons.
[wolnelektury.git] / src / wolnelektury / static / scss / main / cite.scss
1 .big-cite {
2         overflow: hidden;
3         height: (315 / 975) * 100vw;
4         width: 100%;
5
6         @media screen and (min-width: 62.5em) {
7                 height: 315px;
8                 width: 975px;
9         }
10
11         .cite-box,.cite-box-text,.cite-text {
12                 display: block;
13                 height: 100%;
14                 position: relative;
15         }
16 }
17
18 .box-c {
19         position: absolute;
20         text-align: center;
21         img.picture {
22                 max-height: 100%;
23                 max-width: 100%;
24         }
25 }
26 .cite-box {
27         .box-c {
28                 top: 0;
29                 left: 0;
30                 bottom: 0;
31                 right: 0;
32         }
33 }
34
35 .cite-box-text {
36         padding: 30/975*100vw 20/975*100vw 1/975*100vw (975 / 2 + 45)/975*100vw;
37         @media screen and (min-width: 62.5em) {
38                 @include size(padding, 30px 20px 1px 975px / 2 + 45px);
39         }
40         .box-c {
41                 /*top: 45/975*100vw;
42                 left: 45/975*100vw;
43                 bottom: 45/975*100vw;
44                 width: (975 / 2 - 90)/975 * 100vw;
45                 @media screen and (min-width: 62.5em) {
46                 top: 45px;
47                 left: 45px;
48                 bottom: 45px;
49                 width: 975px / 2 - 90px;
50                 }*/
51         top:0;
52         left:0;
53         bottom:0;
54         width:50%;
55         }
56 }
57
58 .cite-text {
59         @include size(padding, 30px 20px 1px 80px);
60 }
61
62 .cite-box-text, .cite-text {
63     display: block;
64     color: black;
65     background: white;
66
67     .vip {
68         margin: 0;
69         color: #575C63;
70         @include size(font-size, 11px);
71     }
72
73     .cite-body {
74         @include size(font-size, 18px);
75         line-height: 1.3em;
76
77         h4 {
78             margin: 0;
79         }
80         .didaskalia {
81             font-style: italic;
82         }
83         .verse {
84             // Cancel any indentation.
85             padding-left: 0 !important;
86         }
87         .person {
88             font-style: inherit;
89         }
90     }
91
92     blockquote {
93         padding: 0;
94         margin: 0;
95
96         p {
97             margin: 0;
98         }
99     }
100
101     .source
102     {
103         color: #444;
104         @include mono;
105         @include size(font-size, 11px);
106         @include size(margin-top, 16px);
107     }
108 }
109
110
111
112
113 .book-wide-box .cite {
114     background-color: #f7f7f7;
115     vertical-align: middle;
116     @include min-screen(1000px) {
117         @include size(width, 395px);
118     }
119     margin: 0;
120     @include size(padding, 10px);
121 }