Create pages for individual reviews
[books.alexwlchan.net] / src / 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 {
14   float: right;
15   max-width:  150px;
16   max-height: 250px;
17   margin-left: 10px;
18   margin-bottom: 10px;
19 }
20
21 aside {
22   background: url('/static/specktre_tQt7j.png') #333366;
23   background-size: auto 100%;
24   color: white;
25   padding: 8px 1em;
26   font-size: 12pt;
27   line-height: 1.35em;
28 }
29
30 aside h1 {
31   margin-top: 0;
32   margin-bottom: 0;
33   display: inline;
34   font-size: 1em;
35 }
36
37 aside h1::after {
38   content: " 📚";
39 }
40
41 main, aside #aside_inner, footer #footer_inner {
42   max-width: 750px;
43   margin-left:  auto;
44   margin-right: auto;
45 }
46
47 main {
48   padding: 1em;
49 }
50
51 a {
52   color: #4c3dae;
53 }
54
55 a:hover {
56   background: rgba(76, 61, 174, 0.3);
57 }
58
59 aside a {
60   color: white;
61 }
62
63 aside a:hover {
64   background: rgba(255, 255, 255, 0.3);
65 }
66
67 table {
68   border-collapse: collapse;
69   margin-bottom: 1em;
70 }
71
72 td {
73   padding-right: 6px;
74   padding-top:    2px;
75   padding-bottom: 2px;
76 }
77
78 th {
79   text-align: left;
80 }
81
82 footer {
83   border-top: 0.25px solid #bfbfbf;
84   color: #999;
85   font-size: 0.75em;
86   margin-top: 2em;
87   padding: 1em;
88   padding-bottom: 2em;
89 }
90
91 footer a {
92   color: gray;
93 }
94
95 footer a:hover {
96   background: rgba(128, 128, 128, 0.3);
97 }