diff options
Diffstat (limited to '_site/assets/css')
| -rw-r--r-- | _site/assets/css/main.css | 254 | ||||
| -rw-r--r-- | _site/assets/css/skeleton.css | 372 |
2 files changed, 0 insertions, 626 deletions
diff --git a/_site/assets/css/main.css b/_site/assets/css/main.css deleted file mode 100644 index 1b4341b..0000000 --- a/_site/assets/css/main.css +++ /dev/null @@ -1,254 +0,0 @@ -:root { - --main-bg-color: #202020; - --main-fg-color: #00B140; -} - -*, -*:before, -*:after { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -body { - height: 100%; - text-decoration-skip: ink; - color: var(--main-fg-color); - padding-top: 10px; - font-family: 'Roboto Mono', monospace; - background-color: var(--main-bg-color); - background-size: 2px 2px; - text-shadow: 0 0 1px var(--main-fg-color), 0 0 6px var(--main-fg-color); -} - -::selection { - color: var(--main-bg-color); - background: var(--main-fg-color); - text-shadow: 0 0 1px var(--main-bg-color), 0 0 6px var(--main-bg-color); -} -::-moz-selection { - color: var(--main-bg-color); - background: var(--main-fg-color); - text-shadow: 0 0 1px var(--main-bg-color), 0 0 6px var(--main-bg-color); -} - -.footer { - position: relative; - bottom: 0; - width: 100%; - padding-top: 10px; - padding-bottom: 10px; - color: rgba(47, 47, 47, 0.6) -} - -a { - cursor: default; - color: var(--main-fg-color); - text-decoration: underline 1.5px; - text-underline-offset: 2.5px; -} - -.link-decor-none { - text-decoration: none; -} - -img { - width: 100%; -} - -table { - width: 100%; -} - -table, tr, td { - border: none !important; -} - -td { - background-color: transparent; -} - -.project-item { - border: none; - vertical-align: top; - width: 50%; -} - -#navlist -{ - list-style-type: none; - margin-left: 0 !important; -} - -#navlist li -{ - display: inline; - list-style-type: none inside; - padding-right: 20px; -} - -#navlist > .active > a { - font-weight: 600; - text-decoration: none; -} - -@media (min-width: 400px) { - #nav-container { - padding: 0 6px; - } - .container-2 { - padding: 0 3px; - } -} - -@media (min-width: 550px) { - .post-container { - padding: 0; - } -} - -.author { - font-size: 1.3em; - padding-top: 20px; -} - -.tagline { - padding-top: 20px; -} - -.cursor::after { - height: 2.5rem; -} - -.center { - text-align: center; -} - -.right { - text-align: right; -} - -.justify { - text-align: justify; -} - -.twocol::first-letter { - font-size: 2.5em; -} - -.twocol { - -ms-word-break: keep-all; - word-break: keep-all; - hyphens: auto; - -webkit-hyphens: auto; - -moz-hyphens: auto; -} - -@media only screen -and (min-device-width : 768px) { - .twocol { - -moz-column-count: 2; - -moz-column-gap: 20px; - -webkit-column-count: 2; - -webkit-column-gap: 20px; - column-count: 2; - column-gap: 20px; - width: 100%; - } - .tag{ - width: 23%; - margin-right:0; - } -} - -.posts-td { - border: none; - vertical-align: top; -} - -.posts-td-time { - min-width: 100px; - white-space: nowrap; -} - -.author { - margin-bottom: 2rem; -} - -#footer-text { - font-size: 14px; -} - -.post-author { - margin-top: 4px; -} - -pre { - border: none; - max-height: 400px; - overflow-y: auto; - scrollbar-width: none; - -ms-overflow-style: none; -} - -pre::-webkit-scrollbar { - display: none; -} - -.typewriter-1 { - overflow: hidden; - white-space: nowrap; - margin: 0 auto; - animation: typing 3s steps(40, end); -} - -.typewriter-2 { - overflow: hidden; - visibility: hidden; - white-space: nowrap; - margin: 0 auto; - animation: typing 3s steps(40, end); - animation-delay: 2.5s; - animation-fill-mode: forwards; -} - -@keyframes typing { - 0% { width: 0; visibility: visible; } - 100% { width: 100%; visibility: visible; } -} - -.typewriter-2::after { - filter: brightness(0.9); - background-color: var(--main-fg-color); - box-shadow: 0 0 1px var(--main-fg-color), 0 0 6px var(--main-fg-color); - content: ''; - display: inline-block; - width: 1.3rem; - height: 1.9rem; - margin-left: -8px; - animation: cursor-blink 1s steps(1, start) infinite; - animation-delay: 3.5s; -} - -@keyframes cursor-blink { - 0% { visibility: visible; } - 50% { visibility: hidden; } - 100% { visibility: visible; } -} - -#search-box { - border-radius: 0; - border-color: var(--main-fg-color); - color: var(--main-fg-color) !important; - background-color: var(--main-bg-color); - text-shadow: 0 0 1px var(--main-fg-color), 0 0 6px var(--main-fg-color); -} - -#search-btn { - border-radius: 0; - border-color: var(--main-fg-color); - color: var(--main-fg-color); - background-color: var(--main-bg-color); - text-shadow: 0 0 1px var(--main-fg-color), 0 0 6px var(--main-fg-color); -} diff --git a/_site/assets/css/skeleton.css b/_site/assets/css/skeleton.css deleted file mode 100644 index 87b0050..0000000 --- a/_site/assets/css/skeleton.css +++ /dev/null @@ -1,372 +0,0 @@ -/* -* Skeleton V2.0.4 -* Copyright 2014, Dave Gamache -* www.getskeleton.com -* Free to use under the MIT license. -* http://www.opensource.org/licenses/mit-license.php -* 12/29/2014 -*/ - - -/* Table of contents -–––––––––––––––––––––––––––––––––––––––––––––––––– -- Grid -- Base Styles -- Typography -- Links -- Buttons -- Forms -- Lists -- Code -- Tables -- Spacing -- Utilities -- Clearing -- Media Queries -*/ - - -/* Grid -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -.container { - position: relative; - width: 100%; - max-width: 960px; - margin: 0 auto; - box-sizing: border-box; } -.column, -.columns { - width: 100%; - float: left; - box-sizing: border-box; } - -/* For devices larger than 400px */ -@media (min-width: 400px) { - .container { - padding: 0 3px; } -} - -/* For devices larger than 550px */ -@media (min-width: 550px) { - .container { - width: 80%; - padding: 0; } - .column, - .columns { - margin-left: 4%; } - .column:first-child, - .columns:first-child { - margin-left: 0; } - - .one.column, - .one.columns { width: 4.66666666667%; } - .two.columns { width: 13.3333333333%; } - .three.columns { width: 22%; } - .four.columns { width: 30.6666666667%; } - .five.columns { width: 39.3333333333%; } - .six.columns { width: 48%; } - .seven.columns { width: 56.6666666667%; } - .eight.columns { width: 65.3333333333%; } - .nine.columns { width: 74.0%; } - .ten.columns { width: 82.6666666667%; } - .eleven.columns { width: 91.3333333333%; } - .twelve.columns { width: 100%; margin-left: 0; } - - .one-third.column { width: 30.6666666667%; } - .two-thirds.column { width: 65.3333333333%; } - - .one-half.column { width: 48%; } - - /* Offsets */ - .offset-by-one.column, - .offset-by-one.columns { margin-left: 8.66666666667%; } - .offset-by-two.column, - .offset-by-two.columns { margin-left: 17.3333333333%; } - .offset-by-three.column, - .offset-by-three.columns { margin-left: 26%; } - .offset-by-four.column, - .offset-by-four.columns { margin-left: 34.6666666667%; } - .offset-by-five.column, - .offset-by-five.columns { margin-left: 43.3333333333%; } - .offset-by-six.column, - .offset-by-six.columns { margin-left: 52%; } - .offset-by-seven.column, - .offset-by-seven.columns { margin-left: 60.6666666667%; } - .offset-by-eight.column, - .offset-by-eight.columns { margin-left: 69.3333333333%; } - .offset-by-nine.column, - .offset-by-nine.columns { margin-left: 78.0%; } - .offset-by-ten.column, - .offset-by-ten.columns { margin-left: 86.6666666667%; } - .offset-by-eleven.column, - .offset-by-eleven.columns { margin-left: 95.3333333333%; } - - .offset-by-one-third.column, - .offset-by-one-third.columns { margin-left: 34.6666666667%; } - .offset-by-two-thirds.column, - .offset-by-two-thirds.columns { margin-left: 69.3333333333%; } - - .offset-by-one-half.column, - .offset-by-one-half.columns { margin-left: 52%; } - -} - - -/* Typography -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -/* NOTE -html is set to 62.5% so that all the REM measurements throughout Skeleton -are based on 10px sizing. So basically 1.5rem = 15px :) */ -html { - font-size: 62.5%; } -body { - font-size: 1.8em; /* currently ems cause chrome bug misinterpreting rems on body element */ - line-height: 1.4; -} - -h1, h2, h3, h4, h5, h6 { - margin-top: 0; - margin-bottom: 2rem; - font-weight: 300; -} - -h1 { font-size: 4.0rem; line-height: 1.2; letter-spacing: -.1rem;} -h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; } -h3 { font-size: 3.0rem; line-height: 1.3; letter-spacing: -.1rem; } -h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; } -h5 { font-size: 1.8rem; line-height: 1.5; letter-spacing: -.05rem; } -h6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; } - -/* Larger than phablet */ -@media (min-width: 550px) { - h1 { font-size: 5.0rem; } - h2 { font-size: 3.4rem; } - h3 { font-size: 3.0rem; } - h4 { font-size: 2.6rem; } - h5 { font-size: 2.4rem; } - h6 { font-size: 1.5rem; } -} - -p { - margin-top: 0; } - -/* Buttons -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -.button, -button, -input[type="submit"], -input[type="reset"], -input[type="button"] { - display: inline-block; - height: 38px; - padding: 0 30px; - color: #555; - text-align: center; - font-size: 11px; - font-weight: 600; - line-height: 38px; - letter-spacing: .1rem; - text-transform: uppercase; - text-decoration: none; - white-space: nowrap; - background-color: transparent; - border-radius: 4px; - border: 1px solid #bbb; - cursor: pointer; - box-sizing: border-box; } -.button:hover, -button:hover, -input[type="submit"]:hover, -input[type="reset"]:hover, -input[type="button"]:hover, -.button:focus, -button:focus, -input[type="submit"]:focus, -input[type="reset"]:focus, -input[type="button"]:focus { - color: #333; - border-color: #888; - outline: 0; } -.button.button-primary, -button.button-primary, -input[type="submit"].button-primary, -input[type="reset"].button-primary, -input[type="button"].button-primary { - color: #FFF; - background-color: #33C3F0; - border-color: #33C3F0; } -.button.button-primary:hover, -button.button-primary:hover, -input[type="submit"].button-primary:hover, -input[type="reset"].button-primary:hover, -input[type="button"].button-primary:hover, -.button.button-primary:focus, -button.button-primary:focus, -input[type="submit"].button-primary:focus, -input[type="reset"].button-primary:focus, -input[type="button"].button-primary:focus { - color: #FFF; - background-color: #1EAEDB; - border-color: #1EAEDB; } - - -/* Forms -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -input[type="email"], -input[type="number"], -input[type="search"], -input[type="text"], -input[type="tel"], -input[type="url"], -input[type="password"], -textarea, -select { - height: 38px; - padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */ - background-color: #fff; - border: 1px solid #D1D1D1; - border-radius: 4px; - box-shadow: none; - box-sizing: border-box; } -/* Removes awkward default styles on some inputs for iOS */ -input[type="email"], -input[type="number"], -input[type="search"], -input[type="text"], -input[type="tel"], -input[type="url"], -input[type="password"], -textarea { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; } -textarea { - min-height: 65px; - padding-top: 6px; - padding-bottom: 6px; } -input[type="email"]:focus, -input[type="number"]:focus, -input[type="search"]:focus, -input[type="text"]:focus, -input[type="tel"]:focus, -input[type="url"]:focus, -input[type="password"]:focus, -textarea:focus, -select:focus { - border: 1px solid #33C3F0; - outline: 0; } -label, -legend { - display: block; - margin-bottom: .5rem; - font-weight: 600; } -fieldset { - padding: 0; - border-width: 0; } -input[type="checkbox"], -input[type="radio"] { - display: inline; } -label > .label-body { - display: inline-block; - margin-left: .5rem; - font-weight: normal; } - - -/* Lists -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -ul { - list-style: circle outside; } -ol { - list-style: decimal outside; } -ol, ul { - padding-left: 0; - margin-top: 0; - margin-left: 1em; } -ul ul, -ul ol, -ol ol, -ol ul { - margin: 1.5rem 0 1.5rem 3rem; - font-size: 90%; } -li { - margin-bottom: 0.6rem; } - -ol { - margin-left: 1.8em; } - -/* Code -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -code { - padding: .2rem .5rem; - margin: 0 .2rem; - font-size: 95%; - white-space: nowrap; - border-radius: 4px; } - -pre > code { - display: block; - padding: 1rem 1.5rem; - white-space: pre; } - - -/* Tables -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -th, -td { - padding: 12px 15px; - text-align: left; - border-bottom: 1px solid #E1E1E1; } -th:first-child, -td:first-child { - padding-left: 0; } -th:last-child, -td:last-child { - padding-right: 0; } - - -/* Spacing -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -button, -.button { - margin-bottom: 1rem; } -input, -textarea, -select, -fieldset { - margin-bottom: 1.5rem; } -pre, -blockquote, -dl, -figure, -table, -p, -ul, -ol, -form { - margin-bottom: 1.5rem; } - - -/* Utilities -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -.u-full-width { - width: 100%; - box-sizing: border-box; } -.u-max-full-width { - max-width: 100%; - box-sizing: border-box; } -.u-pull-right { - float: right; } -.u-pull-left { - float: left; } - -/* Clearing -–––––––––––––––––––––––––––––––––––––––––––––––––– */ - -/* Self Clearing Goodness */ -.container:after, -.row:after, -.u-cf { - content: ""; - display: table; - clear: both; } - |