git.r.bdr.sh - rbdr/blog/blob - static/css/style.css

   1 * {
   2   margin: 0;
   3   padding: 0;
   4 }
   5
   6 body {
   7   background-image: url('/images/header_background.png');
   8   background-size: auto 300px;
   9   background-attachment: fixed;
  10   line-height: 1.45;
  11 }
  12
  13 header {
  14   background-image: url('/images/header_foreground.png');
  15   background-repeat: no-repeat;
  16   background-size: auto 300px;
  17   height: 300px;
  18 }
  19
  20 header a {
  21   color: transparent;
  22   display: block;
  23   max-height: 500px;
  24 }
  25
  26 main {
  27   background-color: white;
  28   padding: 1.414em;
  29 }
  30
  31 h1, h2, h3, h4 {
  32   margin: 1.414em 0 0.5em;
  33   font-weight: 400;
  34   width: 100%;
  35   max-width: 640px;
  36 }
  37
  38 p, ul, ol, img {
  39   width: 100%;
  40   margin: 1.414em 0;
  41   max-width: 480px;;
  42 }
  43
  44 ul, ol { margin-left: 1.414em; }
  45
  46 h1 { font-size: 3.998em; }
  47 h2 { font-size: 2.827em; }
  48 h3 { font-size: 1.999em; }
  49 h4 { font-size: 1.414em; }
  50
  51 code {
  52   background-color: whitesmoke;
  53   padding: 0.2em 0.5em;
  54 }
  55
  56 pre {
  57   background-color: whitesmoke;
  58   padding: 1em;
  59   max-width: 40em;
  60 }
  61
  62 footer {
  63   background-color: pink;
  64   padding: 1.414em;
  65 }