static/style.css

   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         background-color: lightgreen;
  92         border-radius: 2em;
  93         border-style: solid;
  94         border-width: medium;
  95         display: block;
  96 }
  97
  98 .stock {
  99         text-align: center;
 100 }
 101
 102 #total {
 103         font-weight: bold;
 104 }
 105
 106 #pictures {
 107         margin-left: 0;
 108         padding-left: 0;
 109 }
 110
 111 #pictures li {
 112         list-style-type: none;
 113         margin: 0;
 114         padding: 0.2em;
 115         display: inline-block;
 116 }
 117
 118 footer {
 119         padding-top: 1em;
 120         font-size: 0.8em;
 121         text-align: center;
 122 }