Second commit

[app-web-oof.git] / static / style.css

diff --git a/static/style.css b/static/style.css
index ba7af922c29f0e2100fd7a62ed328881787ccde3..dfc299fb23317dfd54960c04e747da5df2391b6f 100644 (file)
--- a/static/style.css
+++ b/static/style.css
@@ -1,16 +1,43 @@
 @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;
@@ -18,6 +45,18 @@ body {
        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%;
 }
@@ -35,15 +74,16 @@ a.title {
        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;
 }
 
@@ -53,4 +93,15 @@ a.title {
 
 #total {
        font-weight: bold;
+}
+
+#pictures li {
+       list-style-type: none;
+       margin: 0;
+}
+
+footer {
+       padding-top: 1em;
+       font-size: 0.8em;
+       text-align: center;
 }
\ No newline at end of file