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 table,th,td {
  65         border-collapse: collapse;
  66 }
  67
  68 th,td {
  69         padding: 0.2em;
  70 }
  71
  72 a.title {
  73         font-weight: bold;
  74         text-decoration: none;
  75 }
  76
  77 #continue, #place_order {
  78         font-size: 1.2em;
  79         margin: auto;
  80         cursor: pointer;
  81         font-weight: bold;
  82         padding: 1em;
  83         background-color: lightgreen;
  84         border-radius: 2em;
  85         border-style: solid;
  86         border-width: medium;
  87         display: block;
  88 }
  89
  90 .stock {
  91         text-align: center;
  92 }
  93
  94 #total {
  95         font-weight: bold;
  96 }
  97
  98 #pictures li {
  99         list-style-type: none;
 100         margin: 0;
 101 }
 102
 103 footer {
 104         padding-top: 1em;
 105         font-size: 0.8em;
 106         text-align: center;
 107 }