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

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