Highlight product when coming from details page

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

diff --git a/static/style.css b/static/style.css
index ba7af922c29f0e2100fd7a62ed328881787ccde3..0c289f1962cce6b2258ee5e4b7835b3d29e3a5db 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,14 +45,38 @@ 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%;
 }
 
+#items td:nth-child(2), #order td:nth-child(3) {
+       text-align: center;
+}
+
+.freepost {
+       color: green;
+}
+
 table,th,td {
        border-collapse: collapse;
 }
 
+tr.highlight {
+       background-color: rgba(255,240,0,0.5);
+}
+
 th,td {
        padding: 0.2em;
 }
@@ -35,15 +86,17 @@ a.title {
        text-decoration: none;
 }
 
-#continue, #place_order{
+#continue, #place_order {
        font-size: 1.2em;
+       margin: auto;
+       cursor: pointer;
        font-weight: bold;
        padding: 1em;
+       color: black;
        background-color: lightgreen;
        border-radius: 2em;
        border-style: solid;
        border-width: medium;
-       margin: auto;
        display: block;
 }
 
@@ -53,4 +106,22 @@ a.title {
 
 #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