diff --git a/.gitignore b/.gitignore index 7ceb526..530579e 100644 --- a/.gitignore +++ b/.gitignore @@ -3,3 +3,4 @@ _site .jekyll-metadata .bundle node_modules +resources diff --git a/assets/css/parts/_front-flex.scss b/assets/css/parts/_front-flex.scss index 357a87a..563849e 100644 --- a/assets/css/parts/_front-flex.scss +++ b/assets/css/parts/_front-flex.scss @@ -36,7 +36,7 @@ .front-flex { display: block; - div, div div { + div, .hero, .hero div { display: inline-block; width: 100%; } diff --git a/resources/_gen/assets/scss/css/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/css/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content deleted file mode 100644 index 7494638..0000000 --- a/resources/_gen/assets/scss/css/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ /dev/null @@ -1,1452 +0,0 @@ -@charset "UTF-8"; -@import url("https://fonts.googleapis.com/css?family=Gentium+Book+Basic"); -.highlight { - background-color: #faf9f9; - border-radius: 3px; - margin: 0; } - -.highlighter-rouge { - color: #87314e; - font-weight: 400; - border: 1px solid #607D8B; - border-radius: 3px; - padding: 0.1rem 0.5rem; } - -.highlight .hll { - background-color: #ffc; } - -.highlight .c { - color: #999; } - -/* Comment */ -.highlight .err { - color: #a00; - background-color: #faa; } - -/* Error */ -.highlight .k { - color: #069; } - -/* Keyword */ -.highlight .o { - color: #555; } - -/* Operator */ -.highlight .cm { - color: #09f; - font-style: italic; } - -/* Comment.Multiline */ -.highlight .cp { - color: #099; } - -/* Comment.Preproc */ -.highlight .c1 { - color: #999; } - -/* Comment.Single */ -.highlight .cs { - color: #999; } - -/* Comment.Special */ -.highlight .gd { - background-color: #fcc; - border: 1px solid #c00; } - -/* Generic.Deleted */ -.highlight .ge { - font-style: italic; } - -/* Generic.Emph */ -.highlight .gr { - color: #f00; } - -/* Generic.Error */ -.highlight .gh { - color: #030; } - -/* Generic.Heading */ -.highlight .gi { - background-color: #cfc; - border: 1px solid #0c0; } - -/* Generic.Inserted */ -.highlight .go { - color: #aaa; } - -/* Generic.Output */ -.highlight .gp { - color: #009; } - -/* Generic.Prompt */ -/* Generic.Strong */ -.highlight .gu { - color: #030; } - -/* Generic.Subheading */ -.highlight .gt { - color: #9c6; } - -/* Generic.Traceback */ -.highlight .kc { - color: #069; } - -/* Keyword.Constant */ -.highlight .kd { - color: #069; } - -/* Keyword.Declaration */ -.highlight .kn { - color: #069; } - -/* Keyword.Namespace */ -.highlight .kp { - color: #069; } - -/* Keyword.Pseudo */ -.highlight .kr { - color: #069; } - -/* Keyword.Reserved */ -.highlight .kt { - color: #078; } - -/* Keyword.Type */ -.highlight .m { - color: #f60; } - -/* Literal.Number */ -.highlight .s { - color: #d44950; } - -/* Literal.String */ -.highlight .na { - color: #4f9fcf; } - -/* Name.Attribute */ -.highlight .nb { - color: #366; } - -/* Name.Builtin */ -.highlight .nc { - color: #0a8; } - -/* Name.Class */ -.highlight .no { - color: #360; } - -/* Name.Constant */ -.highlight .nd { - color: #99f; } - -/* Name.Decorator */ -.highlight .ni { - color: #999; } - -/* Name.Entity */ -.highlight .ne { - color: #c00; } - -/* Name.Exception */ -.highlight .nf { - color: #c0f; } - -/* Name.Function */ -.highlight .nl { - color: #99f; } - -/* Name.Label */ -.highlight .nn { - color: #0cf; } - -/* Name.Namespace */ -.highlight .nt { - color: #2f6f9f; } - -/* Name.Tag */ -.highlight .nv { - color: #033; } - -/* Name.Variable */ -.highlight .ow { - color: #000; } - -/* Operator.Word */ -.highlight .w { - color: #bbb; } - -/* Text.Whitespace */ -.highlight .mf { - color: #f60; } - -/* Literal.Number.Float */ -.highlight .mh { - color: #f60; } - -/* Literal.Number.Hex */ -.highlight .mi { - color: #f60; } - -/* Literal.Number.Integer */ -.highlight .mo { - color: #f60; } - -/* Literal.Number.Oct */ -.highlight .sb { - color: #c30; } - -/* Literal.String.Backtick */ -.highlight .sc { - color: #c30; } - -/* Literal.String.Char */ -.highlight .sd { - color: #c30; - font-style: italic; } - -/* Literal.String.Doc */ -.highlight .s2 { - color: #c30; } - -/* Literal.String.Double */ -.highlight .se { - color: #c30; } - -/* Literal.String.Escape */ -.highlight .sh { - color: #c30; } - -/* Literal.String.Heredoc */ -.highlight .si { - color: #a00; } - -/* Literal.String.Interpol */ -.highlight .sx { - color: #c30; } - -/* Literal.String.Other */ -.highlight .sr { - color: #3aa; } - -/* Literal.String.Regex */ -.highlight .s1 { - color: #c30; } - -/* Literal.String.Single */ -.highlight .ss { - color: #fc3; } - -/* Literal.String.Symbol */ -.highlight .bp { - color: #366; } - -/* Name.Builtin.Pseudo */ -.highlight .vc { - color: #033; } - -/* Name.Variable.Class */ -.highlight .vg { - color: #033; } - -/* Name.Variable.Global */ -.highlight .vi { - color: #033; } - -/* Name.Variable.Instance */ -.highlight .il { - color: #f60; } - -/* Literal.Number.Integer.Long */ -.css .o, -.css .o + .nt, -.css .nt + .nt { - color: #999; } - -/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ -/* Document - ========================================================================== */ -/** - * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in - * IE on Windows Phone and in iOS. - */ -html { - line-height: 1.15; - /* 1 */ - -ms-text-size-adjust: 100%; - /* 2 */ - -webkit-text-size-adjust: 100%; - /* 2 */ } - -/* Sections - ========================================================================== */ -/** - * Remove the margin in all browsers (opinionated). - */ -body { - margin: 0; } - -/** - * Add the correct display in IE 9-. - */ -article, -aside, -footer, -header, -nav, -section { - display: block; } - -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ -h1 { - font-size: 2em; - margin: 0.67em 0; } - -/* Grouping content - ========================================================================== */ -/** - * Add the correct display in IE 9-. - * 1. Add the correct display in IE. - */ -figcaption, -figure, -main { - /* 1 */ - display: block; } - -/** - * Add the correct margin in IE 8. - */ -figure { - margin: 1em 40px; } - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -pre { - font-family: monospace, monospace; - /* 1 */ - font-size: 1em; - /* 2 */ } - -/* Text-level semantics - ========================================================================== */ -/** - * 1. Remove the gray background on active links in IE 10. - * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. - */ -a { - background-color: transparent; - /* 1 */ - -webkit-text-decoration-skip: objects; - /* 2 */ } - -/** - * 1. Remove the bottom border in Chrome 57- and Firefox 39-. - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ -abbr[title] { - border-bottom: none; - /* 1 */ - text-decoration: underline; - /* 2 */ - text-decoration: underline dotted; - /* 2 */ } - -/** - * Prevent the duplicate application of `bolder` by the next rule in Safari 6. - */ -b, -strong { - font-weight: inherit; } - -/** - * Add the correct font weight in Chrome, Edge, and Safari. - */ -b, -strong { - font-weight: bolder; } - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -code, -kbd, -samp { - font-family: monospace, monospace; - /* 1 */ - font-size: 1em; - /* 2 */ } - -/** - * Add the correct font style in Android 4.3-. - */ -dfn { - font-style: italic; } - -/** - * Add the correct background and color in IE 9-. - */ -mark { - background-color: #ff0; - color: #000; } - -/** - * Add the correct font size in all browsers. - */ -small { - font-size: 80%; } - -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; } - -sub { - bottom: -0.25em; } - -sup { - top: -0.5em; } - -/* Embedded content - ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -audio, -video { - display: inline-block; } - -/** - * Add the correct display in iOS 4-7. - */ -audio:not([controls]) { - display: none; - height: 0; } - -/** - * Remove the border on images inside links in IE 10-. - */ -img { - border-style: none; } - -/** - * Hide the overflow in IE. - */ -svg:not(:root) { - overflow: hidden; } - -/* Forms - ========================================================================== */ -/** - * 1. Change the font styles in all browsers (opinionated). - * 2. Remove the margin in Firefox and Safari. - */ -button, -input, -optgroup, -select, -textarea { - font-family: sans-serif; - /* 1 */ - font-size: 100%; - /* 1 */ - line-height: 1.15; - /* 1 */ - margin: 0; - /* 2 */ } - -/** - * Show the overflow in IE. - * 1. Show the overflow in Edge. - */ -button, -input { - /* 1 */ - overflow: visible; } - -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ -button, -select { - /* 1 */ - text-transform: none; } - -/** - * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` - * controls in Android 4. - * 2. Correct the inability to style clickable types in iOS and Safari. - */ -button, -html [type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; - /* 2 */ } - -/** - * Remove the inner border and padding in Firefox. - */ -button::-moz-focus-inner, -[type="button"]::-moz-focus-inner, -[type="reset"]::-moz-focus-inner, -[type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; } - -/** - * Restore the focus styles unset by the previous rule. - */ -button:-moz-focusring, -[type="button"]:-moz-focusring, -[type="reset"]:-moz-focusring, -[type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; } - -/** - * Correct the padding in Firefox. - */ -fieldset { - padding: 0.35em 0.75em 0.625em; } - -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - */ -legend { - box-sizing: border-box; - /* 1 */ - color: inherit; - /* 2 */ - display: table; - /* 1 */ - max-width: 100%; - /* 1 */ - padding: 0; - /* 3 */ - white-space: normal; - /* 1 */ } - -/** - * 1. Add the correct display in IE 9-. - * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ -progress { - display: inline-block; - /* 1 */ - vertical-align: baseline; - /* 2 */ } - -/** - * Remove the default vertical scrollbar in IE. - */ -textarea { - overflow: auto; } - -/** - * 1. Add the correct box sizing in IE 10-. - * 2. Remove the padding in IE 10-. - */ -[type="checkbox"], -[type="radio"] { - box-sizing: border-box; - /* 1 */ - padding: 0; - /* 2 */ } - -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; } - -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ -[type="search"] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ } - -/** - * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. - */ -[type="search"]::-webkit-search-cancel-button, -[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; } - -/** - * 1. Correct the inability to style clickable types in iOS and Safari. - * 2. Change font properties to `inherit` in Safari. - */ -::-webkit-file-upload-button { - -webkit-appearance: button; - /* 1 */ - font: inherit; - /* 2 */ } - -/* Interactive - ========================================================================== */ -/* - * Add the correct display in IE 9-. - * 1. Add the correct display in Edge, IE, and Firefox. - */ -details, -menu { - display: block; } - -/* - * Add the correct display in all browsers. - */ -summary { - display: list-item; } - -/* Scripting - ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -canvas { - display: inline-block; } - -/** - * Add the correct display in IE. - */ -template { - display: none; } - -/* Hidden - ========================================================================== */ -/** - * Add the correct display in IE 10-. - */ -[hidden] { - display: none; } - -/* = = = = = = = = = = Main Styles = = = = = = = = = = */ -*, *::after, *::before { - box-sizing: border-box; } - -html, body { - height: 100%; - overflow-x: hidden; } - -html { - line-height: 1.5; } - -body { - font-family: 'Montserrat', sans-serif; - color: #fff; - margin: 0; - background-color: #252529; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } - body.invert { - color: #252529; - background-color: #fff; } - -h1, h2, h3, h4, h5, h6 { - font-family: 'Lato', sans-serif; - color: #cbb4da; - font-weight: 400; } - .invert h1, .invert h2, .invert h3, .invert h4, .invert h5, .invert h6 { - color: #311e3e; } - -hr { - border: none; - width: 3em; - margin: 1em auto; } - hr::before { - content: 'ยง'; - display: block; - text-align: center; } - hr.fin::before { - content: '~ Fin ~'; - font-variant: small-caps; - display: block; - font-style: italic; - text-align: center; } - -img { - height: auto; - max-width: 100%; } - -a { - color: #dfa5b9; } - .invert a { - color: #87314e; } - -blockquote { - border-left: 3px solid #3e3e43; - padding-left: 18px; - margin-left: 21px; - font-style: italic; - color: #d9d9d9; } - .invert blockquote { - border-left-color: #311e3e; - color: #311e3e; } - -pre { - padding: 16px 32px; - overflow-x: auto; } - pre code { - border: 0; - padding-right: 0; - padding-left: 0; } - -.flex-container { - display: flex; - flex-direction: column; - min-height: 100vh; - transition: transform 0.4s cubic-bezier(0.16, 0.68, 0.43, 0.99); } - -.flex-container.active { - transform: translate3d(300px, 0, 0); } - .flex-container.active::after { - content: ""; - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 2; - background-color: rgba(0, 0, 0, 0.5); } - -.content { - flex-grow: 1; } - -.wrapper { - width: 960px; - max-width: 90%; - margin: 0 auto; - position: relative; } - -::-moz-selection { - background: rgba(49, 30, 62, 0.7); - color: #ffffff; } - .invert ::-moz-selection { - background: rgba(149, 130, 162, 0.7); } - -::selection { - background: rgba(49, 30, 62, 0.7); - color: #ffffff; } - .invert ::selection { - background: rgba(149, 130, 162, 0.7); } - -.clearfix::before, .clearfix::after { - content: ""; - display: table; - clear: both; } - -.clearfix::before { - clear: both; } - -/* = = = = = = = = = = Header Styles = = = = = = = = = = */ -.main-header { - font-family: 'Lato', sans-serif; - padding: 15px 0; - background-color: #252529; - box-shadow: 0px -5px 15px rgba(0, 0, 0, 0.3); } - .main-header .header-flex { - display: flex; - justify-content: space-between; - align-items: center; } - .main-header .logo { - width: 50%; - text-align: center; } - .main-header .logo a { - text-decoration: none; - text-transform: uppercase; - font-size: 27px; - font-weight: 300; - color: #cbb4da; } - -.main-nav { - position: fixed; - top: 0; - left: 0; - z-index: 10; - width: 300px; - height: 100%; - background-color: #252529; - padding: 25px 30px; - transform: translate3d(-300px, 0, 0); } - .main-nav ul { - background-color: #252529; - padding: 15px 0 0; - margin: 0 -30px 0 -30px; - list-style: none; } - .main-nav ul li { - border-bottom: 1px solid #000; - background-color: #252529; } - .main-nav ul li a { - display: block; - margin: 0 30px; - padding: 15px 0; - text-decoration: none; - text-transform: uppercase; - font-weight: 400; - font-size: 16px; - color: #cbb4da; } - .main-nav ul li a:hover { - opacity: .8; - color: #dfa5b9; } - -.menu-icon-container { - width: 25%; - text-align: left; } - -.search-icon-container { - width: 25%; - text-align: right; } - -.menu-icon, -.menu-icon-close, -.search-icon a, -.search-icon-close { - cursor: pointer; - font-size: 18px; - color: #cbb4da; - transition: all .4s; } - .menu-icon:hover, - .menu-icon-close:hover, - .search-icon a:hover, - .search-icon-close:hover { - opacity: .8; } - -/* = = = = = = = = = = Search Styles = = = = = = = = = = */ -.search-box { - padding-top: 40px; - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 100; - background: #fff; - transition: all .4s ease-in-out; - transform: translate(0, -100%) scale(0, 0); } - -.search-grid { - width: 60%; - margin: 0 auto; } - -.search-form { - margin-bottom: 15px; } - .search-form .search { - width: 100%; - padding: 15px; - border: none; - border-bottom: 1px solid #d9d9d9; - outline: none; - font-size: 21px; - color: #3e3e43; } - -.results-search { - list-style: none; - overflow: auto; - height: 90vh; - margin: 0; - padding: 0; } - .results-search li { - padding-bottom: 15px; - margin-bottom: 15px; - border-bottom: 1px solid #d9d9d9; } - .results-search li a { - text-decoration: none; - color: #3e3e43; } - .results-search li a:hover { - color: #87314e; - opacity: .8; } - -.search-box.search-active { - transform: translate(0, 0) scale(1, 1); } - -.icon-close-container { - position: absolute; - top: 0; - right: 0; } - -/* = = = = = = = = = = Post-Card Styles = = = = = = = = = = */ -.post-card-box { - margin: 20px 0 20px; - padding: 0; } - .post-card-box li { - position: relative; - list-style: none; - float: left; - width: 50%; - transition: all .3s; - padding: 0 10px 10px 0; } - .post-card-box li:hover { - opacity: 0.9; } - .post-card-box li .light-gray { - background-color: #d9d9d9; } - .post-card-box li .light-purple { - background-color: #cbb4da; } - .post-card-box li .light-pink { - background-color: #dfa5b9; } - -.post-card { - position: relative; } - .post-card .post-card-image { - display: block; - width: 100%; - min-height: 150px; - background-size: cover; - background-position: center; - background-repeat: no-repeat; } - .post-card .post-card-image::after { - content: ""; - display: block; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: rgba(0, 0, 0, 0.3); } - .post-card .post-card-body { - position: absolute; - left: 5%; - bottom: 5%; } - .post-card .post-card-body .post-card-link { - text-decoration: none; - display: block; } - .post-card .post-card-body .post-card-title { - font-family: 'Lato', sans-serif; - font-weight: 700; - text-transform: uppercase; - font-size: 18px; - color: #fff; - margin: 0 0 10px; } - .post-card .post-card-body .post-card-title:hover { - opacity: .8; } - .post-card .post-card-body .tag { - text-decoration: none; - font-size: 10px; - text-transform: uppercase; - color: #fff; } - .post-card .post-card-body .tag:hover { - text-decoration: underline; } - -/* = = = = = = = = = = Pagination Styles = = = = = = = = = = */ -ul.pagination { - list-style-type: none; - display: block; - padding: 0px; - margin: 1rem 0 1rem calc(-2rem + 10px) !important; - text-align: center; } - -ul.pagination li { - display: inline-block; - border: 1px solid #3e3e43; - min-width: 2rem; - text-align: center; - margin-right: -5px; } - -ul.pagination li:last-of-type { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; } - -ul.pagination li:first-of-type { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; } - -ul.pagination .page-item.disabled a { - color: #666; - border: none; - cursor: text; } - -ul.pagination .page-item.active a { - text-decoration: none; - border: none; - cursor: text; } - -/* = = = = = = = = = = Footer Styles = = = = = = = = = = */ -.main-footer { - padding: 15px 0; - background-color: #black; } - .main-footer .copyright { - text-align: center; - color: #cbb4da; - font-size: 16px; } - -/* = = = = = = = = = = Post-Page Styles = = = = = = = = = = */ -.page-image { - position: relative; - padding: 0; - margin: 0; - height: 500px; - background-color: #252529; - overflow: hidden; } - .page-image .cover-image { - height: 100%; - width: 100%; } - -.page-content { - font-family: "Gentium Book Basic", serif; - font-size: 14pt; - line-height: 1.75; - margin-top: -5px; - margin-bottom: 100px; - background-color: #252529; - padding: 20px 50px; - box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.1); } - .page-content .verse { - white-space: pre-wrap; } - .invert .page-content { - background-color: #fff; - color: #000; - box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1); } - .with-image .page-content { - margin-top: -80px; - border-top-left-radius: 20px; - border-top-right-radius: 20px; } - .page-content .cw { - display: block; - color: #300; - background-color: #fcc; - border: 2px solid #a66; - border-radius: 2px; - padding: 1rem; - position: relative; - margin-bottom: 5rem; } - .page-content .cw::before { - content: "Content Warning"; - display: block; - position: absolute; - top: -3.15rem; - left: -0.14rem; - font-weight: bold; - color: #300; - background-color: #fcc; - border: 2px solid #a66; - border-radius: 2px; - border-bottom: none; - padding: 0.5rem; } - .page-content > p { - margin: 0; - text-indent: 2em; } - .page-content > p > img { - margin-left: -2em; } - .page-content p:first-of-type, .page-content hr + p, .page-content blockquote + p { - text-indent: 0em; } - .page-content p:first-of-type > img, .page-content hr + p > img, .page-content blockquote + p > img { - margin-left: 0; } - -.header-page { - position: relative; - margin-bottom: 30px; } - .header-page h1 { - font-family: 'Lato', sans-serif; - font-weight: 400; - font-size: 36px; - text-align: center; - margin: 0 0 20px; - color: #cbb4da; } - .invert .header-page h1 { - color: #311e3e; } - .header-page .page-meta { - text-align: center; - font-size: 14px; - text-transform: uppercase; - font-weight: 300; } - .header-page .page-meta .pdf { - text-decoration: none; } - -.page-footer { - margin-top: 30px; - padding-bottom: 30px; - padding-bottom: 30px; - border-bottom: 1px solid #3e3e43; } - .page-footer .page-tag, - .page-footer .page-share { - text-transform: uppercase; - font-size: 12px; - color: #cbb4da; } - .page-footer .page-tag { - margin-bottom: 10px; } - .page-footer .page-tag a { - text-decoration: none; - color: #dfa5b9; } - .page-footer .page-tag a:hover { - opacity: .8; } - .page-footer .page-share { - margin: 0 auto; - text-align: center; } - .page-footer .page-share a { - text-decoration: none; - color: #3e3e43; - margin-left: 10px; - font-size: 18px; } - .page-footer .page-share a:hover { - opacity: .8; } - -.recent-box { - margin-top: 30px; - padding-bottom: 30px; - border-bottom: 1px solid #d9d9d9; } - .recent-box .recent-title { - font-family: 'Lato', sans-serif; - font-weight: 400; - color: #cbb4da; - text-align: center; - margin: 0 0 30px; } - .recent-box .recent-list .recent-item { - position: relative; - display: inline-block; - width: 24%; - height: 150px; - margin-left: 0.5%; - margin-bottom: 0.5%; - transition: all .3s; } - .recent-box .recent-list .recent-item span { - position: absolute; - font-size: 12px; - left: 2.5%; - bottom: 10%; - color: #000; } - .recent-box .recent-list .recent-item:hover { - opacity: 0.8; } - -.newsletter { - text-align: center; - margin-top: 30px; - padding-bottom: 60px; - margin-bottom: 30px; - border-bottom: 1px solid #efefef; } - .newsletter .newsletter-title { - font-weight: 400; } - .newsletter .form-container { - padding: 30px; - background-color: #efefef; - width: 720px; - max-width: 100%; - margin: 0 auto; } - .newsletter .form-container p { - margin: 0; } - .newsletter .screen-reader-text { - clip: rect(1px, 1px, 1px, 1px); - height: 1px; - overflow: hidden; - position: absolute !important; - width: 1px; - word-wrap: normal !important; } - .newsletter .newsletter-box { - position: relative; - max-width: 100%; - margin: 25px 0; - display: flex; - align-items: stretch; } - .newsletter .newsletter-box .email-input { - flex-grow: 1; - height: 40px; - padding: 8px 10px; - width: 100%; - max-width: 100%; - color: #3e3e43; - border: none; - border-radius: 2px; - font-size: 14px; - outline: none; } - .newsletter .newsletter-box .subscribe-btn { - flex-shrink: 0; - width: 100px; - height: 40px; - font-size: 14px; - text-align: center; - color: #000; - background-color: #cbb4da; - vertical-align: baseline; - cursor: pointer; - border: none; - border-radius: 2px; - outline: none; - transition: all .3s; } - .newsletter .newsletter-box .subscribe-btn:hover { - background-color: #dfa5b9; } - -/* = = = = = = = = = = Author Box Styles = = = = = = = = = = */ -.author-box { - display: flex; - justify-content: center; - align-items: center; - margin-top: 30px; - padding-bottom: 30px; - border-bottom: 1px solid #3e3e43; } - .author-box .author-img { - width: 120px; - height: 120px; - margin-right: 30px; - border-radius: 100%; } - .author-box .author-desc h2 { - margin: 0 0 10px; } - .author-box .author-desc p { - margin: 0 0 10px; } - .author-box .author-desc ul { - list-style: none; - margin: 0; - padding: 0; } - .author-box .author-desc li { - display: inline-block; - margin-left: 10px; } - .author-box .author-desc li:first-child { - margin-left: 0; } - .author-box .author-desc li a { - font-size: 18px; - color: #999999; } - .author-box .author-desc li a:hover { - opacity: .8; } - -/* = = = = = = = = = = Donate Box Styles = = = = = = = = = = */ -.donate-box { - width: 100%; - text-align: center; } - .donate-box h4 { - text-transform: uppercase; - font-size: 12px; } - -/* = = = = = = = = = = About Page Styles = = = = = = = = = = */ -.small-wrapper { - width: 700px; - max-width: 90%; - margin: 0 auto; } - -.about-container { - margin: 100px 0 100px; } - -.about-header { - position: relative; - text-align: center; - padding-bottom: 30px; - margin-bottom: 30px; } - .about-header:after { - content: ""; - position: absolute; - bottom: 0; - left: 50%; - transform: translateX(-50%); - display: block; - height: 1px; - width: 80px; - background-color: #cbb4da; } - .about-header .author-image-container { - width: 100px; - height: 100px; - border-radius: 100%; - overflow: hidden; - margin: 0 auto 30px; } - .about-header .subtitle { - color: #cbb4da; - font-weight: 300; - margin: 0; } - -.about-body .contact-list { - margin: 0; - padding: 0; - list-style: none; - text-align: center; } - .about-body .contact-list li { - display: inline-block; - margin-left: 10px; } - .about-body .contact-list li:first-child { - margin-left: 0; } - .about-body .contact-list li a { - display: block; - color: #3e3e43; - font-size: 21px; - text-decoration: none; - padding: 5px; - transition: all 350ms cubic-bezier(0.13, 0.43, 0.54, 1.82); } - .about-body .contact-list li a:hover { - color: #dfa5b9; - transform: scale(1.3); } - -/* = = = = = = = = = = Tags Styles = = = = = = = = = = */ -.blog-tags { - margin: 100px 0 100px; } - .invert .blog-tags h1 { - color: #311e3e; } - .invert .blog-tags .tags li a { - color: #311e3e; } - .invert .blog-tags .tag-list span a { - color: #87314e; } - .invert .blog-tags .tag-list small { - color: #311e3e; } - .blog-tags h1 { - text-align: center; - font-family: 'Lato', sans-serif; - font-weight: 400; - font-size: 36px; - text-align: center; - margin: 0 0 30px; - color: #cbb4da; } - .blog-tags .tags { - margin: 0; - padding: 0; - list-style: none; } - .blog-tags .tags li a { - display: inline-block; - color: #cbb4da; } - .blog-tags .tags li a:hover { - opacity: .8; } - .blog-tags .tag-list span a { - display: inline-block; - color: #dfa5b9; - text-decoration: none; - text-transform: uppercase; - font-size: 12px; - margin-bottom: 10px; } - .blog-tags .tag-list span a:hover { - text-decoration: underline; - opacity: .8; } - .blog-tags .tag-list small { - color: #cbb4da; } - -/* = = = = = = = = = = Animate Styles = = = = = = = = = = */ -.center-list { - list-style-type: none; - margin: 0 auto; - text-align: center; - padding: 0; } - .center-list li { - margin: 0.5rem 1rem; - display: inline-block; } - -.front-flex { - display: flex; - flex-wrap: wrap; - align-items: stretch; } - .front-flex .hero { - display: flex; - background-color: rgba(255, 255, 255, 0.1); - padding: 1rem; } - .front-flex .third { - flex: 1 1 30%; - padding: 0.5rem; } - .front-flex .small { - flex: 1 1 38%; - padding: 0.5rem; } - .front-flex .large { - flex: 1 1 61%; - padding: 0.5rem; } - .front-flex .odd { - background-color: rgba(255, 255, 255, 0.05); } - -/* = = = = = = = = = = Media = = = = = = = = = = */ -/* Small Devices, Tablets */ -@media only screen and (max-width: 768px) { - .main-header .logo a { - font-size: 24px; } - .post-card-box li { - width: 100%; - margin-bottom: 20px; } - .post-card-box li:last-child { - margin-bottom: 0; } - .recent-box .recent-list .recent-item { - position: relative; - display: inline-block; - width: 49%; - height: 150px; - margin-left: 0.5%; - margin-bottom: 0.5%; } - .recent-box .recent-list .recent-item span { - position: absolute; - font-size: 12px; - left: 2.5%; - bottom: 10%; - color: #fff; } } - -@media only screen and (max-width: 480px) { - .wrapper { - max-width: 95%; } - .page-content { - margin-top: -20px; - padding: 15px; } - .header-page { - margin-bottom: 20px; } - .header-page h1 { - font-size: 27px; - margin: 0 0 10px; } - .header-page .page-date { - font-size: 14px; } - .main-header .logo a { - font-size: 21px; } - .menu-icon, - .menu-icon-close, - .search-icon, - .search-icon-close { - font-size: 16px; } - .page-image { - height: 380px; } - .recent-box .recent-list .recent-item { - position: relative; - display: inline-block; - width: 99%; - height: 150px; - margin-left: 0.5%; - margin-bottom: 0.5%; } - .recent-box .recent-list .recent-item span { - position: absolute; - font-size: 12px; - left: 2.5%; - bottom: 10%; - color: #fff; } - .newsletter .newsletter-box .subscribe-btn { - width: 80px; - height: 40px; - font-size: 12px; } - .about-body .contact-list li { - display: inline-block; - margin-left: 5px; } - .about-body .contact-list li:first-child { - margin-left: 0; } - .about-body .contact-list li a { - display: block; - color: #999999; - font-size: 16px; - text-decoration: none; - padding: 5px; - transition: all 350ms cubic-bezier(0.13, 0.43, 0.54, 1.82); } - .about-body .contact-list li a:hover { - color: #87314e; - transform: scale(1.3); } - .author-box { - display: flex; - flex-direction: column; - align-items: center; - text-align: center; } - .author-box .author-img { - height: 100px; - width: 100px; - margin: 0 0 10px; } - .author-box .author-desc h2 { - margin: 0 0 10px; } - .author-box .author-desc p { - margin: 0 0 15px; } } - -@media print { - .main-nav { - display: none; } - html, body { - height: auto; } - .page-content { - box-shadow: none; } } diff --git a/resources/_gen/assets/scss/css/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.json b/resources/_gen/assets/scss/css/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.json deleted file mode 100644 index d514d9a..0000000 --- a/resources/_gen/assets/scss/css/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.json +++ /dev/null @@ -1 +0,0 @@ -{"Target":"css/main.css","MediaType":"text/css","Data":{}} \ No newline at end of file