wiki/src/about.css

   1 #pagebody {
   2   font-family: "Source Sans Pro Regular", "DejaVu Sans", "Verdana", sans-serif;
   3 }
   4
   5 h1 {
   6   font-size: 40px;
   7 }
   8
   9 h2 {
  10   font-size: 32px;
  11 }
  12
  13 section {
  14   display: flex;
  15   flex-wrap: wrap;
  16   justify-content: space-evenly;
  17 }
  18
  19 .image, .text {
  20   width: 80%;
  21 }
  22
  23 .image img {
  24   width: 100%;
  25 }
  26
  27 .text {
  28   margin-bottom: 4em;
  29 }
  30
  31 @media (min-width: 579px) {
  32   .image, .text {
  33     width: 463px;
  34     padding: 0 30px;
  35   }
  36 }
  37
  38 /* Content is always ordered image → title → text in the HTML but images
  39  * are displayed alternatively on the left and on the right on big
  40  * screens. */
  41 @media (min-width: 986px) {
  42   section {
  43     justify-content: space-between;
  44   }
  45   .image {
  46     margin-bottom: 4em;
  47     margin-top: 100px !important;
  48   }
  49   .order-1 {
  50     order: 1;
  51   }
  52   .order-2 {
  53     order: 2;
  54   }
  55 }
  56
  57 h1 {
  58   color: #56347c;
  59 }
  60
  61 .metaphor {
  62   color: #999;
  63   font-size: 15px;
  64 }
  65
  66 .big {
  67   font-size: 20px;
  68 }
  69
  70 .medium {
  71   color: #666;
  72 }
  73
  74 .links {
  75   margin-top: 2em;
  76 }
  77
  78 .links p, .links ul {
  79   display: inline-block;
  80   vertical-align: top;
  81 }