]>
Commit | Line | Data |
---|---|---|
1 | @font-face { | |
2 | font-family: "Gravity"; | |
3 | font-weight: 200; | |
4 | src: url("/static/Gravity-UltraLight.otf"); | |
5 | } | |
6 | ||
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 | ||
29 | body { | |
30 | font-family: "Eligible"; | |
31 | background: url("/static/pattern.png"); | |
32 | padding: 1em; | |
33 | padding-top: 0.2em; | |
34 | line-height: 1.4; | |
35 | font-size: 1.1em; | |
36 | } | |
37 | ||
38 | #title { | |
39 | font-family: "Gravity"; | |
40 | font-weight: 200; | |
41 | text-align: center; | |
42 | font-size: 5em; | |
43 | font-weight: normal; | |
44 | margin: 0; | |
45 | margin-bottom: 5px; | |
46 | } | |
47 | ||
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 | ||
60 | #items, #order { | |
61 | width: 100%; | |
62 | } | |
63 | ||
64 | #items td:nth-child(2), #order td:nth-child(3) { | |
65 | text-align: center; | |
66 | } | |
67 | ||
68 | .freepost { | |
69 | color: green; | |
70 | } | |
71 | ||
72 | table,th,td { | |
73 | border-collapse: collapse; | |
74 | } | |
75 | ||
76 | th,td { | |
77 | padding: 0.2em; | |
78 | } | |
79 | ||
80 | a.title { | |
81 | font-weight: bold; | |
82 | text-decoration: none; | |
83 | } | |
84 | ||
85 | #continue, #place_order { | |
86 | font-size: 1.2em; | |
87 | margin: auto; | |
88 | cursor: pointer; | |
89 | font-weight: bold; | |
90 | padding: 1em; | |
91 | color: black; | |
92 | background-color: lightgreen; | |
93 | border-radius: 2em; | |
94 | border-style: solid; | |
95 | border-width: medium; | |
96 | display: block; | |
97 | } | |
98 | ||
99 | .stock { | |
100 | text-align: center; | |
101 | } | |
102 | ||
103 | #total { | |
104 | font-weight: bold; | |
105 | } | |
106 | ||
107 | #pictures { | |
108 | margin-left: 0; | |
109 | padding-left: 0; | |
110 | } | |
111 | ||
112 | #pictures li { | |
113 | list-style-type: none; | |
114 | margin: 0; | |
115 | padding: 0.2em; | |
116 | display: inline-block; | |
117 | } | |
118 | ||
119 | footer { | |
120 | padding-top: 1em; | |
121 | font-size: 0.8em; | |
122 | text-align: center; | |
123 | } |