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 tr.highlight {
  77         background-color: rgba(255,240,0,0.5);
  78 }
  79
  80 th,td {
  81         padding: 0.2em;
  82 }
  83
  84 a.title {
  85         font-weight: bold;
  86         text-decoration: none;
  87 }
  88
  89 #continue, #place_order {
  90         font-size: 1.2em;
  91         margin: auto;
  92         cursor: pointer;
  93         font-weight: bold;
  94         padding: 1em;
  95         color: black;
  96         background-color: lightgreen;
  97         border-radius: 2em;
  98         border-style: solid;
  99         border-width: medium;
 100         display: block;
 101 }
 102
 103 .stock {
 104         text-align: center;
 105 }
 106
 107 #total {
 108         font-weight: bold;
 109 }
 110
 111 #pictures {
 112         margin-left: 0;
 113         padding-left: 0;
 114 }
 115
 116 #pictures li {
 117         list-style-type: none;
 118         margin: 0;
 119         padding: 0.2em;
 120         display: inline-block;
 121 }
 122
 123 footer {
 124         padding-top: 1em;
 125         font-size: 0.8em;
 126         text-align: center;
 127 }
 128
 129 dt {
 130         font-weight: bold;
 131 }