code.kerkeslager.com Git - txt.house/blob - txt_house/templates/base.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3   <head>
   4     <meta charset="utf-8"/>
   5     <meta name="viewport" content="width=device-width, initial-scale=1"/>
   6     <title>txt.house</title>
   7
   8     <style>
   9       html {
  10         margin: 0;
  11         padding: 0;
  12
  13         font-size: 16px;
  14
  15         display: flex;
  16         flex-direction: column;
  17         align-items: center;
  18       }
  19
  20       body {
  21         margin: 0 3rem;
  22         padding: 0;
  23
  24         display: flex;
  25         flex-direction: column;
  26         align-items: center;
  27
  28         font-family: Candara, Roboto, "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
  29
  30         width: calc(100% - 6rem);
  31         max-width: 40rem;
  32       }
  33
  34       nav {
  35         display: flex;
  36         flex-direction: row;
  37         align-items: center;
  38
  39         width: 40rem;
  40         height: 5rem;
  41       }
  42
  43       nav a {
  44         margin-right: 2rem;
  45       }
  46
  47       nav a:active,
  48       nav a:hover,
  49       nav a:link,
  50       nav a:visited {
  51         color: black;
  52       }
  53
  54       nav label {
  55         margin-right: 0.2rem;
  56       }
  57
  58       nav select {
  59         border: none;
  60         font-size: 16px;
  61         font-family: Candara, Roboto, "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
  62       }
  63
  64       form.editor {
  65         margin-top: 3.6rem;
  66         width: 100%;
  67
  68         display: flex;
  69         flex-direction: column;
  70         align-items: center;
  71       }
  72
  73       form.editor span {
  74         display: flex;
  75         flex-direction: row;
  76         align-items: center;
  77
  78         margin-bottom: 1rem;
  79         width: 100%;
  80       }
  81
  82       form.editor label {
  83         margin-right: 0.5rem;
  84       }
  85
  86       form.editor input[type=text] {
  87         flex-grow: 1;
  88         border: 1.5px solid black;
  89         border-radius: 0;
  90         padding: 0.3rem;
  91       }
  92
  93       form.editor textarea {
  94         width: calc(100% - 3px - 1rem);
  95         height: 20rem;
  96
  97         border: 1.5px solid black;
  98
  99         padding: 0.5rem;
 100         margin: 0;
 101         margin-bottom: 3rem;
 102       }
 103
 104       form.editor input[type=submit] {
 105         border: 1.5px solid black;
 106         border-radius: 8px;
 107         padding: 1rem;
 108
 109         font-family: Roboto, "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
 110         font-size: 16px;
 111
 112         color: black;
 113         background: white;
 114
 115         cursor: pointer;
 116       }
 117
 118       form.editor input[type=submit]:hover {
 119         background: #dddddd;
 120       }
 121     </style>
 122   </head>
 123
 124   <body>
 125     {% block body %}{% endblock %}
 126   </body>
 127 </html>