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