2 font-family: "Source Code Pro", monospace; }
5 background-color: #fef8f8;
9 pre code, table.sourcetable pre, .source pre {
15 display: inline-block;
21 pre code, div[class^='brush: '] {
22 background-color: #fef8f8;
25 -webkit-overflow-scrolling: touch; }
29 table.sourcetable td.linenos {
34 table.sourcetable pre {
37 pre code, table.sourcetable {
41 padding-right: 15px; }
44 background-color: #fffcfc;
45 font-family: "Merriweather", serif; }
48 -webkit-box-sizing: border-box;
49 box-sizing: border-box;
50 -webkit-text-size-adjust: 100%;
51 -moz-text-size-adjust: 100%;
52 -ms-text-size-adjust: 100%; }
64 -webkit-box-orient: vertical;
65 -webkit-box-direction: normal;
66 -ms-flex-direction: column;
67 flex-direction: column;
71 #page-content > section[role=main] {
76 #page-content > section[role=main] > .content {
80 @media (max-width: 550px) {
81 #page-content > section[role=main] > .content {
83 #page-content > section[role=main] p {
85 #page-content > section[role=main] li {
87 #page-content > section[role=main] a {
89 #page-content > section[role=main] a:hover {
91 text-decoration: none; }
93 @media (max-width: 550px) {
97 #page-content > footer {
98 background-color: #e45b5b;
100 font-family: "Merriweather Sans", sans-serif;
101 text-align: center; }
102 #page-content > footer > .content {
106 #page-content > footer a {
109 text-decoration: underline; }
110 #page-content > footer h2, #page-content > footer h3 {
113 #page-content > footer h2 {
115 #page-content > footer h3 {
118 article > header .date-and-tags time {
123 article > header .tags a {
126 article.inline > header .title {
128 margin-bottom: 10px; }
129 @media (max-width: 550px) {
130 article.inline > header .title {
133 article.inline > header .date-and-tags {
134 margin-bottom: 20px; }
136 article.main > header .title {
140 @media (max-width: 550px) {
141 article.main > header .title {
142 font-size: 2.2em; } }
144 article.main > header .date-and-tags {
145 margin-bottom: 2em; }
155 article.main > footer {
158 h1, h2, h3, h4, h5, h6 {
159 font-family: "Merriweather Sans", sans-serif; }
162 text-decoration: none;
163 -webkit-transition: color 0.15s ease-in-out;
164 transition: color 0.15s ease-in-out; }
166 text-decoration: underline; }
169 background-color: #F6F6F6;
171 padding: 0.5em 35px; }
174 -webkit-box-align: center;
175 -ms-flex-align: center;
177 background-color: #e45b5b;
178 display: -webkit-box;
179 display: -ms-flexbox;
182 font-family: "Merriweather Sans", sans-serif;
188 letter-spacing: 0.1em;
189 text-transform: uppercase;
190 text-decoration: none; }
191 .navigation-bar a:hover {
195 text-decoration: none;
197 font-weight: inherit; }
198 .navigation-bar .navigation-items {
200 .navigation-bar .navigation-items.left, .navigation-bar .navigation-items.right {
202 .navigation-bar .navigation-items.center {
206 .navigation-bar .navigation-items li {
207 display: inline-block;
211 display: -webkit-box;
212 display: -ms-flexbox;
221 text-align: center; }
224 -webkit-transition: background-color 0.25s ease-in-out;
225 transition: background-color 0.25s ease-in-out;
227 .pagination li.active a {
229 .pagination li a:hover, .pagination li.active a {
230 background-color: #e45b5b;
231 color: white !important; }
233 div.figure > img, article.main > p > a > img {