diff options
Diffstat (limited to 'assets/css/posts.css')
| -rw-r--r-- | assets/css/posts.css | 214 |
1 files changed, 0 insertions, 214 deletions
diff --git a/assets/css/posts.css b/assets/css/posts.css index d65e853..e69de29 100644 --- a/assets/css/posts.css +++ b/assets/css/posts.css @@ -1,214 +0,0 @@ -/* bootstrap overrides */ - -html { - min-height: 100%; - position: relative; - overflow-y: scroll; - background-color: #252b30; -} - -body { - background-color: #333b42 !important; - background-image: url("/images/overlay.png"), linear-gradient(0deg, #333b42, #333b42); - color: #fff !important; - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, - Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important; -} - -a, a:hover { color: #46afff; } - -.paragraph__serif { - font-family: 'Georgia', 'Baskerville', 'TimesNewRoman', 'Times New Roman', 'Times', serif; - font-size: 20px; - line-height: 1.8; -} - -.paragraph__quote { - color: #aaa; - font-style: oblique; - padding: 1em; -} - -hr { - border-top: 1px solid rgb(40, 40, 40) !important; - border-top: 1px solid rgba(0, 0, 0, 0) !important; - margin-top: 0 !important; - margin-bottom: 0 !important; -} - -h2 { font-size: 1.6rem; } - -.container { min-height: calc(100vh - 166px); } - -.blog-post { font-size: 0.95rem; } - -.blog-post-tags { display: none; } - -.blog-post-categories { display: none; } - -.text-secondary { - color: #ccc !important; - margin-bottom: 1em; -} - -/* buttons */ - -.badge-primary { - background-color: #d63d3d; -} - -.badge-primary[href]:focus, .badge-primary[href]:hover { - background-color: #D50000; -} - -/* paginator */ - -.page-item.active .page-link { - color: #000 !important; - border-color: #aaa !important; - background-color: #aaa !important; -} - -.page-link { - color: #000 !important; - background-color: #fff; -} - -/* image sizes */ - -.blog-post img { - max-width: 100%; -} - -.blog-header, .blog-post, .blog-pagination { - margin-bottom: 2rem; -} - -@media screen and (max-width: 768px) { - .blog-header, .blog-post, .blog-pagination { - max-width: 90vw; - } -} - -/* sidebar navigation */ - -#main { - transition: margin-left .25s; -} - -.sidenav { - height: 100%; - width: 0; - position: fixed; - z-index: 1; - top: 0; - right: 0; - background-color: #252B30; - overflow-x: hidden; - transition: 0.25s; -} - -.sidenav a { - padding: 12px 8px 12px 32px; - text-decoration: none; - text-align: left; - font-size: 16px; - line-height: 1; - display: block; - color: #fff; -} - -.sidenav__container { margin-top: 4.2em; } - -.sidenav a.active { background-color: #3b444c; color: #ffffff; font-weight: bold; } - -@media screen and (max-height: 450px) { - .sidenav {padding-top: 15px;} - .sidenav a {font-size: 18px;} -} - -/* navigation bar */ - -nav { - background-color: #282e34; - margin-bottom: 2em; -} - -.navicon { - border-radius: 0; - border: none; - background-color: transparent; - position: absolute; - cursor: pointer; - top: 10px; - right: 10px; - font-size: 19px !important; - padding: 14px 20px !important; - line-height: 1; - -webkit-backface-visibility: hidden; - -moz-transform: translateZ(0) scale(1.0, 1.0); - -ms-transform: translateZ(0) scale(1.0, 1.0); - -webkit-transform: translateZ(0) scale(1.0, 1.0); - transform: translateZ(0) scale(1.0, 1.0); -} - -.topnav { - margin: 0 auto; - max-width: 1344px; - overflow: hidden; -} - -.topnav-left a { - color: #ffffff; - display: block; - float: left; - font-size: 18px; - font-weight: 400; - line-height: 1.4; - padding: 22px 16px; - text-align: center; - text-decoration: none; -} - -.topnav .active { color: red; } - -.topnav a:hover { color: red; } - -.topnav-left a:nth-child(1) { display: none; } - -.topnav-right a { float: right; } - -@media screen and (max-width: 768px) { - .fa { font-size: 1em; padding: 0.6em 0 1.6em 1em; background-color: #3B444C; border-radius: 3px; width: 3em; height: 1em; } - .topnav a.active { background-color: transparent; color: #fff !important; } - .topnav a { font-size: 20px; padding: 24px 16px; } - .topnav a:not(:first-child) { display: none; } - .topnav-left a:nth-child(1) { display: block; line-height: 1; } - .topnav-right a { display: none; } - .topnav .navicon { display: block; } -} - -/* footer */ - -.footer-container { - color: #ccc; - margin: 0 auto; - max-width: 1392px; - padding: 2em 2em; -} - -.footer { - background-color: #282e34; - font-size: 12px; - line-height: 1.5; - text-align: left; -} - -.footer a { color: #ccc; } - -.footer a:hover { color: #f00; } - -@media screen and (max-width:768px) { - .footer { background-color: #282e34; background-color: rgba(0, 0, 0, 0); padding-left: unset; text-align: center; } - nav { background-color: rgba(0, 0, 0, 0); } -} |