git.squeep.com Git - websub-hub/blob - static/theme.css

   1 html {
   2         height: 100vh;
   3 }
   4 body {
   5         background-color: #fff;
   6         font-family: Helvetica, Verdana, sans-serif;
   7         margin: 0 1em 0 1em;
   8         min-height: 100vh;
   9         display: flex;
  10         flex-direction: column;
  11 }
  12 header {}
  13 header nav {
  14         margin-bottom: 1em;
  15 }
  16 header nav ol {
  17         list-style-type: none;
  18         margin: 0;
  19         padding: 0;
  20 }
  21 header nav ol li {
  22         display: inline;
  23         text-align: center;
  24         border-top: 2px solid #666;
  25         border-bottom: 2px solid #666;
  26         border-left: 1px solid #666;
  27         border-right: 1px solid #666;
  28         padding: .3em .5em .2em .5em;
  29 }
  30 header nav ol > li:first-child {
  31         border-left: 2px solid #666;
  32 }
  33 header nav ol > li:last-child {
  34         border-right: 2px solid #666;
  35 }
  36 header nav ol li:hover {
  37         background-color: #ddd;
  38 }
  39 header nav ol a {
  40         font-variant-caps: small-caps;
  41         text-decoration: none;
  42         font-weight: bold;
  43 }
  44 h1 {
  45         margin-top: 1em;
  46         margin-bottom: 1.25em;
  47         text-align: center;
  48 }
  49 h2 {
  50         background-color: #ddd;
  51         padding: .25em 0 .1em 0.25em;
  52 }
  53 main {
  54         flex-grow: 1;
  55 }
  56 section {}
  57 section + section {
  58         margin-top: 2em;
  59 }
  60 .logo {
  61         vertical-align: middle;
  62         height: 2em;
  63 }
  64 .about {}
  65 .usage {}
  66 .copyright {
  67         font-size: small;
  68 }
  69 .topics {}
  70 .subscriptions {}
  71 .history img {
  72         width: 100%;
  73 }
  74 .external {
  75         background-image: url("external-link.svg");
  76         background-position: right center;
  77         background-repeat: no-repeat;
  78         padding-right: 13px;
  79 }
  80 .hidden {
  81         display: none;
  82 }
  83 .h-app img {
  84         vertical-align: middle;
  85 }
  86 .errors ul {
  87         border: 1px solid red;
  88 }
  89 .otp-key-qr svg {
  90         height: 30vh;
  91 }
  92 table {
  93         border: 0;
  94         width: 100%;
  95 }
  96 thead tr th {
  97         background-color: #ddd;
  98 }
  99 tbody tr:nth-child(even) td, tbody tr:nth-child(even) th {
 100         background-color: #eee;
 101 }
 102 tbody tr:nth-child(odd) td, tbody tr:nth-child(odd) th {}
 103 footer {
 104         text-align: center;
 105         width: 100%;
 106         border-top: 4px dotted #666;
 107 }
 108 footer ol {
 109         list-style-type: none;
 110         margin: .5em;
 111         padding: 0;
 112 }