f38b4fae58bcde1733ef9a315a054f89a25ad572
[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_preview a, .reading_inner {
121   grid-template-columns: 135px auto;
122   display: grid;
123   grid-gap: 8px;
124   height: 100%;
125   width: 100%;
126   color: black;
127   text-decoration: none;
128 }
129
130 .review_preview a:hover {
131   background: rgba(0, 255, 221, 0.2);
132 }
133
134 .review_preview img, .reading_inner img {
135   max-width: 120px;
136   max-height: 110px;
137   margin-top: 12px;
138   margin-bottom: 7px;
139   box-shadow: 0px 2.5px 2.5px rgba(0,0,0,0.25);
140 }
141
142 .book_thumbnail {
143   text-align: center;
144 }
145
146 .book_metadata {
147   grid-row: 1/1;
148   grid-column: 2/2;
149   display: inline-block;
150   margin-top:    auto;
151   margin-bottom: auto;
152   line-height: 1.25em;
153 }
154
155 .book_metadata p.title {
156   font-style: italic;
157   font-size: 1.15em;
158   margin-bottom: 0.65em;
159 }
160
161 .book_metadata p {
162   margin: 0;
163 }
164
165 .nav {
166   margin-top: 0;
167 }
168
169 .nav .selected {
170   font-weight: bold;
171 }
172
173 .note {
174   margin-left:  1em;
175   margin-right: 1em;
176 }
177
178 .note p:first-child {
179   margin-top: 0;
180 }
181
182 .note p:last-child {
183   margin-bottom: 0.75em;
184 }
185
186 .divider {
187   color: #bbb;
188   text-align: center;
189   font-size: 2em;
190   margin-top:    1em;
191   margin-bottom: 1em;
192 }