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 auto 0; max-width: 60em; background-size: 100% 100%; height: 6.667em; background-image: url(/img/unlimited-pizza-animated-logo.gif)}
   3 a.logo span {display:none}
   4 em {color:#99a3a4}
   5
   6 nav ul{
   7   list-style: none;
   8   margin: 1.536em auto;
   9   max-width: 60em;
  10   justify-content: space-between;
  11   display: flex;
  12 }
  13
  14 nav ul li{
  15   display: inline;
  16   font-family: 'Oswald', sans-serif;
  17   text-transform: uppercase;
  18   font-weight: 400;
  19   font-size: 2.769em;
  20   margin: 0.555em 0;
  21 }
  22
  23 nav ul li a{
  24   color: #54575a;
  25   text-decoration: none;
  26 }
  27
  28 nav ul li a:hover,
  29 nav ul li a:active,
  30 nav ul li a:focus {
  31   color: #74777a;
  32   text-decoration: none;
  33 }
  34
  35 .main-container {
  36   margin: 3.077em 0;
  37 }
  38
  39 .postcontainer{
  40   margin: 2em 0;
  41   font-family: 'Signika', sans-serif;
  42   letter-spacing: 0.03em;
  43   font-weight: 300;
  44   color: #03090f;
  45 }
  46
  47 .postcontainer h1,
  48 .postcontainer h2,
  49 .postcontainer h3 {
  50   font-family: 'Oswald', sans-serif;
  51   text-transform: uppercase;
  52   font-weight: 300;
  53 }
  54
  55 .postcontainer h1{
  56   color: #d30058;
  57   margin: 0.666em 1.333em 0;
  58   font-size: 3.692em;
  59   line-height: 1.0833em;
  60 }
  61
  62 .postcontainer h2 {
  63   color:#99a3a4;
  64   font-size: 1.692em;
  65 }
  66
  67 .postcontainer h3{
  68   color:#99a3a4;
  69   font-size: 1.384em;
  70 }
  71
  72 .postcontainer.blue h1 {color: #0081cb}
  73 .postcontainer.green h1 {color: #43da30}
  74 .postcontainer.grey h1 {color: #9e978e}
  75 .postcontainer.yellow h1 {color: #ffda00}
  76 .postcontainer.orange h1 {color: #fd3839}
  77 .postcontainer.red h1 {color: #f32240}
  78 .postcontainer.cyan h1 {color: #74d0eb}
  79 .postcontainer.purple h1 {color: #400098}
  80
  81 .post-meta {
  82   margin: 0.714em 4.643em 4.285em;
  83   font-size: 1.077em;
  84 }
  85
  86 .post-meta > div {
  87   display: inline-block;
  88   font-size: 1.077em;
  89 }
  90
  91 .post-meta .post-date{width: 5.714em}
  92 .post-date a {color:#99a3a4}
  93 .post-tags a {color:#d30058; text-decoration: underline}
  94
  95 .postcontainer.blue .post-tags a {color: #0081cb}
  96 .postcontainer.green .post-tags a {color: #43da30}
  97 .postcontainer.grey .post-tags a {color: #9e978e}
  98 .postcontainer.yellow .post-tags a {color: #ffda00}
  99 .postcontainer.orange .post-tags a {color: #fd3839}
 100 .postcontainer.red .post-tags a {color: #f32240}
 101 .postcontainer.cyan .post-tags a {color: #74d0eb}
 102 .postcontainer.purple .post-tags a {color: #400098}
 103
 104 .post-image {max-height: 36.923em; background-color: #d30058; margin-top: 3.077em; background-size: auto 100%}
 105
 106 .postcontainer.blue .post-image {background-color: #0081cb}
 107 .postcontainer.green .post-image {background-color: #43da30}
 108 .postcontainer.grey .post-image {background-color: #9e978e}
 109 .postcontainer.yellow .post-image {background-color: #ffda00}
 110 .postcontainer.orange .post-image {background-color: #fd3839}
 111 .postcontainer.red .post-image {background-color: #f32240}
 112 .postcontainer.cyan .post-image {background-color: #74d0eb}
 113 .postcontainer.purple .post-image {background-color: #400098}
 114
 115 .postcontent {margin: 1.538em 3.077em;
 116   -webkit-column-width: 36em;
 117      -moz-column-width: 36em;
 118           column-width: 36em;
 119   -webkit-column-gap: 2em;
 120      -moz-column-gap: 2em;
 121           column-gap: 2em;
 122 }
 123
 124 .related p, .related li,
 125 .postcontent p, .postcontent li{
 126   font-size: 1.307em;
 127   line-height: 1.6em;
 128   padding: 5px 0;
 129   color: #54575a;
 130   font-family: "Lato", sans-serif;
 131 }
 132
 133 .related p, .postcontent p {
 134   padding: 10px 0;
 135 }
 136
 137 .postcontent a {color: #d30058}
 138 .blue .postcontent a {color: #0081cb}
 139 .green .postcontent a {color: #43da30}
 140 .grey .postcontent a {color: #9e978e}
 141 .yellow .postcontent a {color: #ffda00}
 142 .orange .postcontent a {color: #fd3839}
 143 .red .postcontent a {color: #f32240}
 144 .cyan .postcontent a {color: #74d0eb}
 145 .purple .postcontent a {color: #400098}
 146
 147 .postcontent strong{
 148   font-weight: 400;
 149 }
 150
 151 .postcontent iframe{
 152   display: block;
 153 }
 154
 155 .go-to-top {color:#99a3a4; margin: 1.538em 3.077em; display: block}
 156
 157 .main-container section,
 158 .main-container aside{ text-align: left}
 159
 160 /* List pages */
 161
 162 .related  {margin: 0 3.077em}
 163 .related ul {margin: 0 1.538em}
 164 .related a {color: #d30058}
 165
 166 .related a.blue {color: #0081cb}
 167 .related a.green {color: #43da30}
 168 .related a.grey {color: #9e978e}
 169 .related a.yellow {color: #ffda00}
 170 .related a.orange {color: #fd3839}
 171 .related a.red {color: #f32240}
 172 .related a.cyan {color: #74d0eb}
 173 .related a.purple {color: #400098}
 174
 175 .related h1{
 176   font-family: 'Oswald', sans-serif;
 177   text-transform: uppercase;
 178   font-weight: 300;
 179   padding-bottom: 0.666em;
 180   color:#99a3a4;
 181 }
 182
 183 /* Paginator */
 184
 185 .paginator {font-size: 1.077em; margin: 2.857em; font-family: "Lato", sans-serif}
 186 .paginator a{color:#99a3a4}
 187
 188 .postcontent pre code {font-size: 1.333em; line-height: 1.5em}
 189 code {overflow-wrap: normal}
 190
 191 /* Guestbook */
 192 .guestbook-feed, .guestbook-form ul {
 193   list-style: none;
 194 }
 195
 196 .guestbook-form li {
 197   display: block;
 198 }
 199
 200 .guestbook-form .guestbook-label {
 201   width: 8.571em;
 202   float: left;
 203   text-align: right;
 204   padding: 1.071em;
 205 }
 206
 207 .guestbook-form .guestbook-control {
 208   float: left;
 209 }
 210
 211 .guestbook-form .guestbook-control-group {
 212   clear: both;
 213 }
 214
 215 .guestbook-form .comment-control {
 216   width: 42.857em;
 217   height: 10em;
 218 }
 219
 220 .guestbook-content, .guestbook-form {
 221   clear: both;
 222   padding: 2.142em 0;
 223 }
 224
 225 .guestbook-feed .guestbook-post {
 226   display: block;
 227   border-bottom: 0.071em solid #99a3a4;
 228   padding: 1.071em;
 229 }
 230
 231 .guestbook-post .author {
 232   font-weight: bold;
 233 }