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 }
  35
  36 p, ul, ol, img {
  37   width: 100%;
  38   margin: 1.414em 0;
  39   max-width: 30em;
  40 }
  41
  42 ul, ol { margin-left: 1.414em; }
  43
  44 h1 { font-size: 3.998em; }
  45 h2 { font-size: 2.827em; }
  46 h3 { font-size: 1.999em; }
  47 h4 { font-size: 1.414em; }
  48
  49 code {
  50   background-color: whitesmoke;
  51   padding: 0.2em 0.5em;
  52 }
  53
  54 pre {
  55   background-color: whitesmoke;
  56   padding: 1em;
  57   max-width: 40em;
  58 }
  59
  60 footer {
  61   background-color: pink;
  62   padding: 1.414em;
  63 }