/*
-
Many of the syles included in this file is a direct copy from main.css
-
which used to be a default file when create a base Jekyll application.
*/
/*
* Remove text-shadow in selection highlight: * https://twitter.com/miketaylr/status/12228805301 * * These selection rule sets have to be separate. * Customize the background color to match your design. */
::-moz-selection {
background: #b3d4fc; text-shadow: none;
}
::selection {
background: #b3d4fc; text-shadow: none;
}
/**
* Basic styling */
html {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
*, *:before, *:after {
-webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;
}
html, body{
margin: 0 !important; height: 100%;
}
body {
font: 400 16px/1.5 "PT Sans", 'Nanum Gothic', Helvetica, Arial, sans-serif; color: #111; background-color: map-get($colors, _grey-background); -webkit-text-size-adjust: 100%; -webkit-font-feature-settings: "kern" 1; -moz-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1; font-kerning: normal; }
/**
* Set `margin-bottom` to maintain vertical rhythm */
h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure, .highlight {
margin-bottom: 15px; }
/**
* Images */
img {
max-width: 100%; vertical-align: middle; }
/**
* Figures */
figure > img {
display: block; }
figcaption {
font-size: 14px; }
/**
* Lists */
ul, ol {
margin-left: 30px; }
li > ul, li > ol {
margin-bottom: 0; }
/**
* Headings */
h1, h2, h3, h4, h5, h6 {
font-weight: 400; }
/**
* Links */
a {
color: map-get($colors, _white); text-decoration: none;
} a:visited {
color: map-get($colors, _white);
} a:hover {
color: map-get($colors, _white); text-decoration: none;
}
/**
* Blockquotes */
blockquote {
color: #828282; border-left: 4px solid #e8e8e8; padding-left: 15px; font-size: 18px; letter-spacing: -1px; font-style: italic;
}
blockquote > :last-child {
margin-bottom: 0;
}
/**
* Code formatting */
pre, code {
font-size: 15px; border: 1px solid #e8e8e8; border-radius: 3px; background-color: #eef; }
code {
padding: 1px 5px; }
pre {
padding: 8px 12px; overflow-x: auto; } pre > code { border: 0; padding-right: 0; padding-left: 0; }
/**
* Wrapper */
.wrapper {
height: 70%; max-width: -webkit-calc(800px - (30px * 2)); max-width: calc(800px - (30px * 2)); margin-right: auto; margin-left: auto; padding: 25px; a { color: map-get($colors, _blue-cobalt); text-decoration: none; } a:visited { color: map-get($colors,_blue-cello); } a:hover { color: map-get($colors, _blue-cello); text-decoration: none; } &-title{ flex-basis: 100%; display: flex; justify-content: center; align-items: center; } &:after{ content: ""; display: table; clear: both; } @include breakpoint(computers){ max-width: -webkit-calc(800px - (30px)); max-width: calc(800px - (30px)); padding-right: 15px; padding-left: 15px; }
}
/**
* Icons */
.icon > svg {
display: inline-block; vertical-align: middle; } .icon > svg path { fill: #828282; }
.footer{
&-col{ padding-left: 5px; &-wrapper{ font-size: 15px; color: map-get($colors, _white); display: flex; &:after{ content: ""; display: table; clear: both; } } }
}
/**
* Page content */
.page-content {
padding: 30px 0; }
.page-heading {
font-size: 20px; }
.post-list > li {
margin-top: 30px; }
/**
* Blicking effect */
blink { animation: blinker 0.7s infinite alternate; } @keyframes blinker {
from { visibility: hidden; } 50% { visibility: hidden; } to { visibility: visible; }
} @-webkit-keyframes blinker {
from { visibility: hidden; } 50% { visibility: hidden; } to { visibility: visible; }
}
/**
* Syntax highlighting styles */ .highlighter-rouge .highlight { background: #eef; } .highlight .c { color: #998; font-style: italic; } .highlight .err { color: #a61717; background-color: #e3d2d2; } .highlight .k { font-weight: bold; } .highlight .o { font-weight: bold; } .highlight .cm { color: #998; font-style: italic; } .highlight .cp { color: #999; font-weight: bold; } .highlight .c1 { color: #998; font-style: italic; } .highlight .cs { color: #999; font-weight: bold; font-style: italic; } .highlight .gd { color: #000; background-color: #fdd; } .highlight .gd .x { color: #000; background-color: #faa; } .highlight .ge { font-style: italic; } .highlight .gr { color: #a00; } .highlight .gh { color: #999; } .highlight .gi { color: #000; background-color: #dfd; } .highlight .gi .x { color: #000; background-color: #afa; } .highlight .go { color: #888; } .highlight .gp { color: #555; } .highlight .gs { font-weight: bold; } .highlight .gu { color: #aaa; } .highlight .gt { color: #a00; } .highlight .kc { font-weight: bold; } .highlight .kd { font-weight: bold; } .highlight .kp { font-weight: bold; } .highlight .kr { font-weight: bold; } .highlight .kt { color: #458; font-weight: bold; } .highlight .m { color: #099; } .highlight .s { color: #d14; } .highlight .na { color: #008080; } .highlight .nb { color: #0086B3; } .highlight .nc { color: #458; font-weight: bold; } .highlight .no { color: #008080; } .highlight .ni { color: #800080; } .highlight .ne { color: #900; font-weight: bold; } .highlight .nf { color: #900; font-weight: bold; } .highlight .nn { color: #555; } .highlight .nt { color: #000080; } .highlight .nv { color: #008080; } .highlight .ow { font-weight: bold; } .highlight .w { color: #bbb; } .highlight .mf { color: #099; } .highlight .mh { color: #099; } .highlight .mi { color: #099; } .highlight .mo { color: #099; } .highlight .sb { color: #d14; } .highlight .sc { color: #d14; } .highlight .sd { color: #d14; } .highlight .s2 { color: #d14; } .highlight .se { color: #d14; } .highlight .sh { color: #d14; } .highlight .si { color: #d14; } .highlight .sx { color: #d14; } .highlight .sr { color: #009926; } .highlight .s1 { color: #d14; } .highlight .ss { color: #990073; } .highlight .bp { color: #999; } .highlight .vc { color: #008080; } .highlight .vg { color: #008080; } .highlight .vi { color: #008080; } .highlight .il { color: #099; }