Add a "Currently reading" for GCHQ
[books.alexwlchan.net] / static / style.css
1 body {
2   margin: 0;
3   padding: 0;
4   font: 13pt monospace;
5   line-height: 1.4em;
6
7   /* Background from https://www.toptal.com/designers/subtlepatterns/light-paper-fibers/ */
8   background: url('/static/lightpaperfibers.png');
9 }
10
11 h1 .book-title {
12   font-style: italic;
13   line-height: 1.2em;
14 }
15
16 .book-cover img {
17   float: right;
18   max-width:  180px;
19   max-height: 300px;
20   margin-top: 10px;
21   margin-left: 10px;
22   margin-bottom: 10px;
23   box-shadow: 0px 5px 5px rgba(0,0,0,0.25);
24 }
25
26 aside {
27   background: url('/static/specktre_tQt7j.png') #333366;
28   background-size: auto 100%;
29   color: white;
30   padding: 6px 1em;
31   font-size: 12pt;
32   line-height: 1.35em;
33 }
34
35 aside a {
36   text-decoration: none;
37 }
38
39 aside h1 {
40   margin-top: 0;
41   margin-bottom: 0;
42   display: inline;
43   font-size: 1em;
44 }
45
46 aside h1::after {
47   content: " 📚";
48 }
49
50 main, aside #aside_inner, footer #footer_inner {
51   max-width: 780px;
52   margin-left:  auto;
53   margin-right: auto;
54 }
55
56 main {
57   padding: 1em;
58 }
59
60 a {
61   color: #4c3dae;
62 }
63
64 a:hover {
65   background: rgba(76, 61, 174, 0.3);
66 }
67
68 aside a {
69   color: white;
70 }
71
72 aside a:hover {
73   background: rgba(255, 255, 255, 0.3);
74 }
75
76 table.book_metadata {
77   border-collapse: collapse;
78   margin-bottom: 1em;
79 }
80
81 td {
82   padding-right: 10px;
83   padding-top:    3px;
84   padding-bottom: 3px;
85 }
86
87 th {
88   text-align: left;
89 }
90
91 footer {
92   border-top: 0.25px solid #bfbfbf;
93   color: #999;
94   font-size: 0.75em;
95   margin-top: 2em;
96   padding: 1em;
97   padding-bottom: 2em;
98 }
99
100 footer a {
101   color: gray;
102 }
103
104 footer a:hover {
105   background: rgba(128, 128, 128, 0.3);
106 }
107
108 .review_preview {
109   height: 161px;
110 }
111
112 .reading {
113   min-height: 161px;
114 }
115
116 .review_preview, .reading {
117   border: 2px solid #00a892;
118   background: rgba(0, 255, 221, 0.05);
119   border-radius: 6px;
120   margin-bottom: 1em;
121 }
122
123 .review_fave {
124   background: rgba(0, 255, 221, 0.2);
125 }
126
127 .review_preview a, .reading_inner {
128   grid-template-columns: 135px auto;
129   display: grid;
130   grid-gap: 8px;
131   height: 100%;
132   width: 100%;
133   color: black;
134   text-decoration: none;
135 }
136
137 .review_preview a:hover {
138   background: rgba(0, 255, 221, 0.3);
139 }
140
141 .review_preview img, .reading_inner img {
142   max-width: 140px;
143   max-height: 130px;
144   margin-top: 12px;
145   margin-bottom: 7px;
146   box-shadow: 0px 2.5px 2.5px rgba(0,0,0,0.25);
147 }
148
149 .book_thumbnail {
150   text-align: center;
151 }
152
153 .book_metadata {
154   grid-row: 1/1;
155   grid-column: 2/2;
156   display: inline-block;
157   margin-top:    auto;
158   margin-bottom: auto;
159   line-height: 1.25em;
160 }
161
162 .book_metadata p.title {
163   font-style: italic;
164   font-size: 1.15em;
165   margin-bottom: 0.5em;
166   line-height: 1.2em;
167 }
168
169 .book_metadata .did_not_finish {
170   font-weight: normal;
171 }
172
173 .book_metadata p {
174   margin: 0;
175 }
176
177 .nav {
178   margin-top: 0;
179 }
180
181 .nav .selected {
182   font-weight: bold;
183 }
184
185 .note {
186   margin-left:  1em;
187   margin-right: 1em;
188 }
189
190 .note p:first-child {
191   margin-top: 0;
192 }
193
194 .note p:last-child {
195   margin-bottom: 0.75em;
196 }
197
198 .divider {
199   color: #bbb;
200   text-align: center;
201   font-size: 2em;
202   margin-top:    1em;
203   margin-bottom: 1em;
204 }
205
206 #jump_to {
207   margin-bottom: -0.5em;
208 }