b6a80e4a8252ef162ba8bca16d94074e72568742
[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:    2px;
81   padding-bottom: 2px;
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   border: 2px solid #00a892;
107   background: rgba(0, 255, 221, 0.05);
108   border-radius: 6px;
109   margin-bottom: 1em;
110 }
111
112 .review_preview a {
113   grid-template-columns: 110px auto;
114   display: grid;
115   grid-gap: 15px;
116   width: 100%;
117   color: black;
118   text-decoration: none;
119 }
120
121 .review_preview a:hover {
122   background: rgba(0, 255, 221, 0.2);
123 }
124
125 .review_preview img {
126   max-height: 110px;
127   border: 0.5px solid rgba(0, 255, 221, 0.6);
128   margin-top: 12px;
129   margin-bottom: 7px;
130 }
131
132 .review_preview .book_thumbnail {
133   text-align: center;
134 }
135
136 .review_preview .book_metadata {
137   grid-row: 1/1;
138   grid-column: 2/2;
139   display: inline-block;
140   margin-top:    auto;
141   margin-bottom: auto;
142   line-height: 1.25em;
143 }
144
145 .review_preview .book_metadata p.title {
146   font-style: italic;
147   font-size: 1.15em;
148   margin-bottom: 0.65em;
149 }
150
151 .review_preview .book_metadata p {
152   margin: 0;
153 }
154
155 .nav {
156   margin-top: 0;
157 }
158
159 .nav .selected {
160   font-weight: bold;
161 }