git.r.bdr.sh - rbdr/dasein/blob - static/css/app.css

   1 * {
   2   margin: 0;
   3   padding: 0;
   4 }
   5
   6 /* General styles */
   7
   8 body {
   9   font-family: "VT323", sans-serif;
  10 }
  11
  12 a {
  13         color: #00e;
  14 }
  15
  16 a:active {
  17         color: #e00;
  18 }
  19
  20 a:visited {
  21         color: #551a8b;
  22 }
  23
  24 h1 {
  25         font-size: 48px;
  26 }
  27
  28 section {
  29         padding: 24px;
  30 }
  31
  32 /* Header */
  33
  34 #dasein .dasein-header {
  35         text-align: center;
  36 }
  37
  38 #dasein .dasein-header a {
  39   font-size: 96px;
  40 }
  41
  42 .welcome-container,
  43 .login-container {
  44   font-size: 24px;
  45   padding: 50px 10px 10px;
  46 }
  47
  48 /* The stream */
  49
  50 .posts-container .post .post-meta {
  51   background-color: lightgray;
  52   display: flex;
  53   align-items: center;
  54 }
  55
  56 .post-meta time, .post-meta a {
  57   padding: 0 10px;
  58 }
  59
  60 .posts-container .post .post-content,
  61 .post-form-container .post-content-input,
  62 .post-form-container .post-submit {
  63   font-family: -apple-system, BlinkMacSystemFont,
  64       "Segoe UI", "Roboto", "Oxygen",
  65       "Ubuntu", "Cantarell", "Fira Sans",
  66       "Droid Sans", "Helvetica Neue", sans-serif;
  67   font-size: 24px;
  68   padding: 10px;
  69 }
  70
  71 .post-form-container .post-content-input {
  72   display: block;
  73   margin: 10px;
  74   width: 90%;
  75   resize: none;
  76   height: 140px;
  77 }
  78
  79 .post-form-container .post-submit {
  80   margin: 10px auto;
  81   display: block;
  82   background-color: lightgray;
  83 }
  84
  85 .post-form-container .post-submit:active {
  86   background-color: cyan;
  87 }
  88
  89 .posts-error,
  90 .post-form-error {
  91   color: red;
  92   padding: 10px;
  93 }