git.r.bdr.sh - rbdr/r.bdr.sh/blob - jekyll/css/application.css

   1 body {background-color: #fff}
   2 a.logo {display: block; margin: 1.538em 0 0 1.538em; width: 44.615em; height: 7.692em; background-image: url(/img/header.gif)}
   3 a.logo span {display:none}
   4 em {color:#99a3a4}
   5
   6 nav ul{
   7   list-style: none;
   8   margin: 1.536em;
   9 }
  10
  11 nav ul li{
  12   display: inline;
  13   font-family: 'Oswald', sans-serif;
  14   text-transform: uppercase;
  15   font-weight: 400;
  16   font-size: 2.769em;
  17   margin: 0.555em;
  18 }
  19
  20 nav ul li a{
  21   color: #54575a;
  22   text-decoration: none;
  23 }
  24
  25 nav ul li a:hover,
  26 nav ul li a:active,
  27 nav ul li a:focus {
  28   color: #74777a;
  29   text-decoration: none;
  30 }
  31
  32 .main-container {
  33   margin: 3.077em 0;
  34 }
  35
  36 .postcontainer{
  37   margin: 2em 0;
  38   font-family: 'Signika', sans-serif;
  39   letter-spacing: 0.05em;
  40   font-weight: 300;
  41   color: #03090f;
  42 }
  43
  44 .postcontainer h1{
  45   font-family: 'Oswald', sans-serif;
  46   text-transform: uppercase;
  47   font-weight: 300;
  48   color: #d30058;
  49   margin: 0.666em 1.333em 0;
  50 }
  51
  52 .postcontainer.blue h1 {color: #0081cb}
  53 .postcontainer.green h1 {color: #43da30}
  54 .postcontainer.grey h1 {color: #9e978e}
  55 .postcontainer.yellow h1 {color: #ffda00}
  56 .postcontainer.orange h1 {color: #fd3839}
  57 .postcontainer.red h1 {color: #f32240}
  58 .postcontainer.cyan h1 {color: #74d0eb}
  59 .postcontainer.purple h1 {color: #400098}
  60
  61 .post-meta {
  62   margin-left: 3.077em;
  63 }
  64
  65 .post-meta > div {
  66   display: inline-block;
  67   font-size: 1.077em;
  68 }
  69
  70 .post-meta .post-date{width: 5.714em}
  71 .post-date a {color:#99a3a4}
  72 .post-tags a {color:#d30058; text-decoration: underline}
  73
  74 .postcontainer.blue .post-tags a {color: #0081cb}
  75 .postcontainer.green .post-tags a {color: #43da30}
  76 .postcontainer.grey .post-tags a {color: #9e978e}
  77 .postcontainer.yellow .post-tags a {color: #ffda00}
  78 .postcontainer.orange .post-tags a {color: #fd3839}
  79 .postcontainer.red .post-tags a {color: #f32240}
  80 .postcontainer.cyan .post-tags a {color: #74d0eb}
  81 .postcontainer.purple .post-tags a {color: #400098}
  82
  83 .post-image {height: 36.923em; background-color: #d30058; margin-top: 3.077em}
  84
  85 .postcontainer.blue .post-image {background-color: #0081cb}
  86 .postcontainer.green .post-image {background-color: #43da30}
  87 .postcontainer.grey .post-image {background-color: #9e978e}
  88 .postcontainer.yellow .post-image {background-color: #ffda00}
  89 .postcontainer.orange .post-image {background-color: #fd3839}
  90 .postcontainer.red .post-image {background-color: #f32240}
  91 .postcontainer.cyan .post-image {background-color: #74d0eb}
  92 .postcontainer.purple .post-image {background-color: #400098}
  93
  94 .postcontent {margin: 1.538em 3.077em;
  95   -webkit-column-width: 36.923em;
  96      -moz-column-width: 36.923em;
  97           column-width: 36.923em;
  98   -webkit-column-gap: 6.154em;
  99      -moz-column-gap: 6.154em;
 100           column-gap: 6.154em;
 101 }
 102
 103 .postcontent p, .postcontent li{
 104   font-size: 1.077em;
 105   line-height: 1.6em;
 106   padding: 8px 0;
 107 }
 108
 109 .postcontent a {color: #d30058}
 110 .blue .postcontent a {color: #0081cb}
 111 .green .postcontent a {color: #43da30}
 112 .grey .postcontent a {color: #9e978e}
 113 .yellow .postcontent a {color: #ffda00}
 114 .orange .postcontent a {color: #fd3839}
 115 .red .postcontent a {color: #f32240}
 116 .cyan .postcontent a {color: #74d0eb}
 117 .purple .postcontent a {color: #400098}
 118
 119 .postcontent strong{
 120   font-weight: 400;
 121 }
 122
 123 .go-to-top {color:#99a3a4; margin: 1.538em 3.077em; display: block}
 124
 125 .main-container section,
 126 .main-container aside{ text-align: left}
 127
 128 /* List pages */
 129
 130 .related  {margin: 0 3.077em}
 131 .related ul {margin: 0 1.538em}
 132 .related li {font-size: 1.077em; font-family: "Lato"}
 133 .related a {color: #d30058}
 134
 135 .related a.blue {color: #0081cb}
 136 .related a.green {color: #43da30}
 137 .related a.grey {color: #9e978e}
 138 .related a.yellow {color: #ffda00}
 139 .related a.orange {color: #fd3839}
 140 .related a.red {color: #f32240}
 141 .related a.cyan {color: #74d0eb}
 142 .related a.purple {color: #400098}
 143
 144 .related h1{
 145   font-family: 'Oswald', sans-serif;
 146   text-transform: uppercase;
 147   font-weight: 300;
 148   padding-bottom: 0.666em;
 149   color:#99a3a4;
 150 }
 151
 152 /* Paginator */
 153
 154 .paginator {font-size: 1.077em; margin: 2.857em; font-family: "Lato", sans-serif}
 155 .paginator a{color:#99a3a4}