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.03em;
  40   font-weight: 300;
  41   color: #03090f;
  42 }
  43
  44 .postcontainer h1,
  45 .postcontainer h2,
  46 .postcontainer h3 {
  47   font-family: 'Oswald', sans-serif;
  48   text-transform: uppercase;
  49   font-weight: 300;
  50 }
  51
  52 .postcontainer h1{
  53   color: #d30058;
  54   margin: 0.666em 1.333em 0;
  55 }
  56
  57 .postcontainer h2 {
  58   color:#99a3a4;
  59   font-size: 1.692em;
  60 }
  61
  62 .postcontainer h3{
  63   color:#99a3a4;
  64   font-size: 1.384em;
  65 }
  66
  67 .postcontainer.blue h1 {color: #0081cb}
  68 .postcontainer.green h1 {color: #43da30}
  69 .postcontainer.grey h1 {color: #9e978e}
  70 .postcontainer.yellow h1 {color: #ffda00}
  71 .postcontainer.orange h1 {color: #fd3839}
  72 .postcontainer.red h1 {color: #f32240}
  73 .postcontainer.cyan h1 {color: #74d0eb}
  74 .postcontainer.purple h1 {color: #400098}
  75
  76 .post-meta {
  77   margin-left: 3.077em;
  78 }
  79
  80 .post-meta > div {
  81   display: inline-block;
  82   font-size: 1.077em;
  83 }
  84
  85 .post-meta .post-date{width: 5.714em}
  86 .post-date a {color:#99a3a4}
  87 .post-tags a {color:#d30058; text-decoration: underline}
  88
  89 .postcontainer.blue .post-tags a {color: #0081cb}
  90 .postcontainer.green .post-tags a {color: #43da30}
  91 .postcontainer.grey .post-tags a {color: #9e978e}
  92 .postcontainer.yellow .post-tags a {color: #ffda00}
  93 .postcontainer.orange .post-tags a {color: #fd3839}
  94 .postcontainer.red .post-tags a {color: #f32240}
  95 .postcontainer.cyan .post-tags a {color: #74d0eb}
  96 .postcontainer.purple .post-tags a {color: #400098}
  97
  98 .post-image {height: 36.923em; background-color: #d30058; margin-top: 3.077em}
  99
 100 .postcontainer.blue .post-image {background-color: #0081cb}
 101 .postcontainer.green .post-image {background-color: #43da30}
 102 .postcontainer.grey .post-image {background-color: #9e978e}
 103 .postcontainer.yellow .post-image {background-color: #ffda00}
 104 .postcontainer.orange .post-image {background-color: #fd3839}
 105 .postcontainer.red .post-image {background-color: #f32240}
 106 .postcontainer.cyan .post-image {background-color: #74d0eb}
 107 .postcontainer.purple .post-image {background-color: #400098}
 108
 109 .postcontent {margin: 1.538em 3.077em;
 110   -webkit-column-width: 36.923em;
 111      -moz-column-width: 36.923em;
 112           column-width: 36.923em;
 113   -webkit-column-gap: 6.154em;
 114      -moz-column-gap: 6.154em;
 115           column-gap: 6.154em;
 116 }
 117
 118 .related p, .related li,
 119 .postcontent p, .postcontent li{
 120   font-size: 1.077em;
 121   line-height: 1.6em;
 122   padding: 5px 0;
 123   color: #54575a;
 124   font-family: "Lato", sans-serif;
 125 }
 126
 127 .postcontent a {color: #d30058}
 128 .blue .postcontent a {color: #0081cb}
 129 .green .postcontent a {color: #43da30}
 130 .grey .postcontent a {color: #9e978e}
 131 .yellow .postcontent a {color: #ffda00}
 132 .orange .postcontent a {color: #fd3839}
 133 .red .postcontent a {color: #f32240}
 134 .cyan .postcontent a {color: #74d0eb}
 135 .purple .postcontent a {color: #400098}
 136
 137 .postcontent strong{
 138   font-weight: 400;
 139 }
 140
 141 .postcontent iframe{
 142   display: block;
 143 }
 144
 145 .go-to-top {color:#99a3a4; margin: 1.538em 3.077em; display: block}
 146
 147 .main-container section,
 148 .main-container aside{ text-align: left}
 149
 150 /* List pages */
 151
 152 .related  {margin: 0 3.077em}
 153 .related ul {margin: 0 1.538em}
 154 .related li {font-size: 1.077em; font-family: "Lato"}
 155 .related a {color: #d30058}
 156
 157 .related a.blue {color: #0081cb}
 158 .related a.green {color: #43da30}
 159 .related a.grey {color: #9e978e}
 160 .related a.yellow {color: #ffda00}
 161 .related a.orange {color: #fd3839}
 162 .related a.red {color: #f32240}
 163 .related a.cyan {color: #74d0eb}
 164 .related a.purple {color: #400098}
 165
 166 .related h1{
 167   font-family: 'Oswald', sans-serif;
 168   text-transform: uppercase;
 169   font-weight: 300;
 170   padding-bottom: 0.666em;
 171   color:#99a3a4;
 172 }
 173
 174 /* Paginator */
 175
 176 .paginator {font-size: 1.077em; margin: 2.857em; font-family: "Lato", sans-serif}
 177 .paginator a{color:#99a3a4}
 178
 179 code {overflow-wrap: normal}