]>
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 | tr.highlight { | |
77 | background-color: rgba(255,240,0,0.5); | |
78 | } | |
79 | ||
80 | th,td { | |
81 | padding: 0.2em; | |
82 | } | |
83 | ||
84 | a.title { | |
85 | font-weight: bold; | |
86 | text-decoration: none; | |
87 | } | |
88 | ||
89 | #continue, #place_order { | |
90 | font-size: 1.2em; | |
91 | margin: auto; | |
92 | cursor: pointer; | |
93 | font-weight: bold; | |
94 | padding: 1em; | |
95 | color: black; | |
96 | background-color: lightgreen; | |
97 | border-radius: 2em; | |
98 | border-style: solid; | |
99 | border-width: medium; | |
100 | display: block; | |
101 | } | |
102 | ||
103 | .stock { | |
104 | text-align: center; | |
105 | } | |
106 | ||
107 | #total { | |
108 | font-weight: bold; | |
109 | } | |
110 | ||
111 | #pictures { | |
112 | margin-left: 0; | |
113 | padding-left: 0; | |
114 | } | |
115 | ||
116 | #pictures li { | |
117 | list-style-type: none; | |
118 | margin: 0; | |
119 | padding: 0.2em; | |
120 | display: inline-block; | |
121 | } | |
122 | ||
123 | footer { | |
124 | padding-top: 1em; | |
125 | font-size: 0.8em; | |
126 | text-align: center; | |
127 | } |