]>
Commit | Line | Data |
---|---|---|
6e33dd68 | 1 | @font-face { |
1576fc41 MG |
2 | font-family: "Gravity"; |
3 | font-weight: 200; | |
6e33dd68 MG |
4 | src: url("/static/Gravity-UltraLight.otf"); |
5 | } | |
6 | ||
1576fc41 MG |
7 | @font-face { |
8 | font-family: "Gravity"; | |
9 | font-weight: 700; | |
10 | src: url("/static/Gravity-Bold.otf"); | |
11 | } | |
12 | ||
13 | @font-face { | |
14 | font-family: "Eligible"; | |
15 | font-weight: 400; | |
16 | src: url("/static/Eligible-Regular.ttf"); | |
17 | } | |
18 | ||
19 | @font-face { | |
20 | font-family: "Eligible"; | |
21 | font-weight: 700; | |
22 | src: url("/static/Eligible-Bold.ttf"); | |
23 | } | |
24 | ||
25 | html, body{ | |
26 | margin: 0; | |
27 | } | |
28 | ||
6e33dd68 | 29 | body { |
1576fc41 | 30 | font-family: "Eligible"; |
6e33dd68 | 31 | background: url("/static/pattern.png"); |
1576fc41 MG |
32 | padding: 1em; |
33 | padding-top: 0.2em; | |
6e33dd68 | 34 | line-height: 1.4; |
1576fc41 | 35 | font-size: 1.1em; |
6e33dd68 MG |
36 | } |
37 | ||
38 | #title { | |
1576fc41 MG |
39 | font-family: "Gravity"; |
40 | font-weight: 200; | |
6e33dd68 MG |
41 | text-align: center; |
42 | font-size: 5em; | |
43 | font-weight: normal; | |
44 | margin: 0; | |
45 | margin-bottom: 5px; | |
46 | } | |
47 | ||
1576fc41 MG |
48 | #subtitle { |
49 | display: block; | |
50 | text-align: center; | |
51 | } | |
52 | ||
53 | h2 { | |
54 | font-family: "Gravity"; | |
55 | font-weight: 700; | |
56 | font-size: 2em; | |
57 | margin: 0.0em 0; | |
58 | } | |
59 | ||
6e33dd68 MG |
60 | #items, #order { |
61 | width: 100%; | |
62 | } | |
63 | ||
8bbff1bc MG |
64 | #items td:nth-child(2), #order td:nth-child(3) { |
65 | text-align: center; | |
66 | } | |
67 | ||
68 | .freepost { | |
69 | color: green; | |
70 | } | |
71 | ||
6e33dd68 MG |
72 | table,th,td { |
73 | border-collapse: collapse; | |
74 | } | |
75 | ||
fc536c37 MG |
76 | tr.highlight { |
77 | background-color: rgba(255,240,0,0.5); | |
78 | } | |
79 | ||
6e33dd68 MG |
80 | th,td { |
81 | padding: 0.2em; | |
82 | } | |
83 | ||
84 | a.title { | |
85 | font-weight: bold; | |
86 | text-decoration: none; | |
87 | } | |
88 | ||
1576fc41 | 89 | #continue, #place_order { |
6e33dd68 | 90 | font-size: 1.2em; |
1576fc41 MG |
91 | margin: auto; |
92 | cursor: pointer; | |
6e33dd68 MG |
93 | font-weight: bold; |
94 | padding: 1em; | |
315758b1 | 95 | color: black; |
6e33dd68 MG |
96 | background-color: lightgreen; |
97 | border-radius: 2em; | |
98 | border-style: solid; | |
99 | border-width: medium; | |
6e33dd68 MG |
100 | display: block; |
101 | } | |
102 | ||
103 | .stock { | |
104 | text-align: center; | |
105 | } | |
106 | ||
107 | #total { | |
108 | font-weight: bold; | |
1576fc41 MG |
109 | } |
110 | ||
001cdb80 MG |
111 | #pictures { |
112 | margin-left: 0; | |
113 | padding-left: 0; | |
114 | } | |
115 | ||
1576fc41 MG |
116 | #pictures li { |
117 | list-style-type: none; | |
118 | margin: 0; | |
001cdb80 MG |
119 | padding: 0.2em; |
120 | display: inline-block; | |
1576fc41 MG |
121 | } |
122 | ||
123 | footer { | |
124 | padding-top: 1em; | |
125 | font-size: 0.8em; | |
126 | text-align: center; | |
6e33dd68 | 127 | } |