Move the static directory to the top level
[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: 8px 1em;
28   font-size: 12pt;
29   line-height: 1.35em;
30 }
31
32 aside h1 {
33   margin-top: 0;
34   margin-bottom: 0;
35   display: inline;
36   font-size: 1em;
37 }
38
39 aside h1::after {
40   content: " 📚";
41 }
42
43 main, aside #aside_inner, footer #footer_inner {
44   max-width: 750px;
45   margin-left:  auto;
46   margin-right: auto;
47 }
48
49 main {
50   padding: 1em;
51 }
52
53 a {
54   color: #4c3dae;
55 }
56
57 a:hover {
58   background: rgba(76, 61, 174, 0.3);
59 }
60
61 aside a {
62   color: white;
63 }
64
65 aside a:hover {
66   background: rgba(255, 255, 255, 0.3);
67 }
68
69 table.book_metadata {
70   border-collapse: collapse;
71   margin-bottom: 1em;
72 }
73
74 td {
75   padding-right: 8px;
76   padding-top:    2px;
77   padding-bottom: 2px;
78 }
79
80 th {
81   text-align: left;
82 }
83
84 footer {
85   border-top: 0.25px solid #bfbfbf;
86   color: #999;
87   font-size: 0.75em;
88   margin-top: 2em;
89   padding: 1em;
90   padding-bottom: 2em;
91 }
92
93 footer a {
94   color: gray;
95 }
96
97 footer a:hover {
98   background: rgba(128, 128, 128, 0.3);
99 }