@font-face {
- font-family: "Gravity Ultra Light";
+ font-family: "Gravity";
+ font-weight: 200;
src: url("/static/Gravity-UltraLight.otf");
}
+@font-face {
+ font-family: "Gravity";
+ font-weight: 700;
+ src: url("/static/Gravity-Bold.otf");
+}
+
+@font-face {
+ font-family: "Eligible";
+ font-weight: 400;
+ src: url("/static/Eligible-Regular.ttf");
+}
+
+@font-face {
+ font-family: "Eligible";
+ font-weight: 700;
+ src: url("/static/Eligible-Bold.ttf");
+}
+
+html, body{
+ margin: 0;
+}
+
body {
+ font-family: "Eligible";
background: url("/static/pattern.png");
- padding: 0.3em 1em;
+ padding: 1em;
+ padding-top: 0.2em;
line-height: 1.4;
+ font-size: 1.1em;
}
#title {
- font-family: "Gravity Ultra Light";
+ font-family: "Gravity";
+ font-weight: 200;
text-align: center;
font-size: 5em;
font-weight: normal;
margin-bottom: 5px;
}
+#subtitle {
+ display: block;
+ text-align: center;
+}
+
+h2 {
+ font-family: "Gravity";
+ font-weight: 700;
+ font-size: 2em;
+ margin: 0.0em 0;
+}
+
#items, #order {
width: 100%;
}
+#items td:nth-child(2), #order td:nth-child(3) {
+ text-align: center;
+}
+
+.freepost {
+ color: green;
+}
+
table,th,td {
border-collapse: collapse;
}
text-decoration: none;
}
-#continue, #place_order{
+#continue, #place_order {
font-size: 1.2em;
+ margin: auto;
+ cursor: pointer;
font-weight: bold;
padding: 1em;
background-color: lightgreen;
border-radius: 2em;
border-style: solid;
border-width: medium;
- margin: auto;
display: block;
}
#total {
font-weight: bold;
+}
+
+#pictures {
+ margin-left: 0;
+ padding-left: 0;
+}
+
+#pictures li {
+ list-style-type: none;
+ margin: 0;
+ padding: 0.2em;
+ display: inline-block;
+}
+
+footer {
+ padding-top: 1em;
+ font-size: 0.8em;
+ text-align: center;
}
\ No newline at end of file