@import 'normalize'; @import 'syntax'; @import 'variables';
*, *::after, *::before {
box-sizing: border-box;
}
html {
line-height: 1.5;
}
body {
font-family: 'Lato', sans-serif; color: $body-color; background-color: #fbfbfb; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
h1 {
font-weight: 400;
}
img {
max-width: 100%; vertical-align: middle; display: inline-block;
}
img + em {
text-align: center; display: block; margin-top: 10px; font-style: normal; font-weight: bold; font-size: 14px;
}
blockquote {
border-left: 5px solid #000; padding-left: 1.1rem; margin-left: 1rem; font-style: italic; color: #ada8a8;
}
pre {
padding: 1rem 2rem; overflow: auto; white-space: pre-wrap; word-wrap: break-word; word-break: break-all; code { border: 0; padding-right: 0; padding-left: 0; overflow: auto; white-space: pre-wrap; word-wrap: break-word; word-break: break-all; }
}
table {
border: 1px solid #aaa; background-color: #eee; width: 100%; text-align: left; border-collapse: collapse;
} table td, table.blueTable th {
border: 1px solid #aaa; padding: 3px 2px;
} table tbody td {
font-size: 13px;
} table tr:nth-child(even) {
background: #adbecc;
} table thead {
background: #a9c4d1; background: linear-gradient(to bottom, #bed3dc 0%, #b1cad5 66%, #A9C4D1 100%); border-bottom: 1px solid #8c8c8c;
} table thead th {
font-size: 14px; font-weight: bold; color: #fff; border-left: 1px solid #d0e4f5;
} table thead th:first-child {
border-left: none;
}
table tfoot {
font-size: 14px; font-weight: bold; color: #fff; background: #d0e4f5; background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%); border-top: 2px solid #444;
} table tfoot td {
font-size: 14px;
}
.wrapper {
max-width: 1250px; position: relative;
}
.post, .article-page {
background-color: #fff;
}
::-moz-selection {
background: rgba(38, 57, 89, 0.8); color: $white;
}
::selection {
background: rgba(38, 57, 89, 0.8); color: $white;
}
.clearfix::before, .clearfix::after {
content: ""; display: table;
}
.clearfix::after {
clear: both;
}
/* - - - - - - - - - - Home Page Styles - - - - - - - - - - */ @import 'parts/home-page';
/* - - - - - - - - - - Post Page Styles - - - - - - - - - - */ @import 'parts/post-page';
/* - - - - - - - - - - Tag Styles - - - - - - - - - - */ @import 'parts/tag';
/* - - - - - - - - - - Media Styles - - - - - - - - - - */ @import 'media';