diff options
Diffstat (limited to 'public/posts/css/style.css')
-rw-r--r-- | public/posts/css/style.css | 306 |
1 files changed, 306 insertions, 0 deletions
diff --git a/public/posts/css/style.css b/public/posts/css/style.css new file mode 100644 index 0000000..42a55cc --- /dev/null +++ b/public/posts/css/style.css @@ -0,0 +1,306 @@ +/* bootstrap overrides */ + +html { + min-height: 100%; + position: relative; + overflow-y: scroll; +} + +pre {o + color: #aaa !important; + white-space: pre-wrap; + white-space: -moz-pre-wrap; + white-space: -pre-wrap; + white-space: -o-pre-wrap; + word-wrap: break-word; + overflow: hidden; +} +jama +body { + background-color: #2c2c2c !important; + background-image: url("https://res.cloudinary.com/dpszgzqjb/image/upload/v1532227754/Images/overlay.png"), linear-gradient(0deg, rgb(44, 44, 44), rgba(44, 44, 44)); + color: #fff !important; + font-family: system-ui, sans-serif !important; +} + +a { + color: #46afff; +} + +a.active { + color: #f00 !important; +} + +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; +} + +.container { + min-height: 100vh; + 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; +} + +h2 { + font-size: 1.6rem; +} + +.text-dark { + color: #fff !important; +} + +a.text-dark:focus, a.text-dark:hover { + color: #fff !important; +} + +/* 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: 598px) { + .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: #222; + 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; + font-weight: 400; + display: block; + color: #fff; +} + +.sidenav a.active { + background-color: #333; +} + +@media screen and (max-height: 450px) { + .sidenav {padding-top: 15px;} + .sidenav a {font-size: 18px;} +} + +/* navigation bar */ + +nav { + background-color: #232323; + background-color: rgba(34, 34, 34, 0.85); + margin-bottom: 2em; +} + +.navicon { + border-radius: 3px; + border: 1px solid #333; + background-color: #333; + position: absolute; + cursor: pointer; + top: 5px; + right: 10px; + font-size: 19px !important; + padding: 14px 20px !important; + margin-top: 0.3em; + 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: #f2f2f2; + display: block; + float: left; + font-size: 16px; + font-weight: 400; + line-height: 1.4; + padding: 14px 16px; + text-align: center; + text-decoration: none; +} + +.topnav-left a:nth-child(1) { + display: none; +} + +.topnav-right a { + float: right; +} + +@media screen and (max-width: 598px) { + .fa {font-size: 1em; padding: 0.6em 0 1.6em 1em; background-color: #333; border-radius: 3px; width: 3em; height: 0.9em; } + .topnav a.active {background-color: transparent; color: #fff !important;} + .topnav a {font-size: 20px; padding: 24px 16px 0 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: #aaa; + margin: 0 auto; + max-width: 1392px; + padding: 2em 2em; +} + +.footer { + background-color: #232323; + background-color: rgba(34, 34, 34, 0.85); + font-size: 12px; + line-height: 1.5; + text-align: left; +} + +.footer a { + color: #aaa; +} + +.text-muted { + color: #aaa !important; +} + +.footer a:hover { + color: #f00; +} + +@media screen and (max-width: 598px) { + nav { background-color: #2c2c2c; background-color: rgba(0, 0, 0, 0); } + .footer { background-color: #2c2c2c; background-color: rgba(0, 0, 0, 0); padding-left: unset; text-align: center; } +} + +/* system-font.css v2.0.2 | CC0-1.0 License | github.com/jonathantneal/system-font-css */ + +@font-face { + font-family: system-ui; + font-style: normal; + font-weight: 300; + src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Segoe UI Light"), local("Ubuntu Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma"); +} + +@font-face { + font-family: system-ui; + font-style: italic; + font-weight: 300; + src: local(".SFNSText-LightItalic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Light Italic"), local("Ubuntu Light Italic"), local("Roboto-LightItalic"), local("DroidSans"), local("Tahoma"); +} + +@font-face { + font-family: system-ui; + font-style: normal; + font-weight: 400; + src: local(".SFNSText-Regular"), local(".HelveticaNeueDeskInterface-Regular"), local(".LucidaGrandeUI"), local("Segoe UI"), local("Ubuntu"), local("Roboto-Regular"), local("DroidSans"), local("Tahoma"); +} + +@font-face { + font-family: system-ui; + font-style: italic; + font-weight: 400; + src: local(".SFNSText-Italic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Italic"), local("Ubuntu Italic"), local("Roboto-Italic"), local("DroidSans"), local("Tahoma"); +} + +@font-face { + font-family: system-ui; + font-style: normal; + font-weight: 500; + src: local(".SFNSText-Medium"), local(".HelveticaNeueDeskInterface-MediumP4"), local(".LucidaGrandeUI"), local("Segoe UI Semibold"), local("Ubuntu Medium"), local("Roboto-Medium"), local("DroidSans-Bold"), local("Tahoma Bold"); +} + +@font-face { + font-family: system-ui; + font-style: italic; + font-weight: 500; + src: local(".SFNSText-MediumItalic"), local(".HelveticaNeueDeskInterface-MediumItalicP4"), local(".LucidaGrandeUI"), local("Segoe UI Semibold Italic"), local("Ubuntu Medium Italic"), local("Roboto-MediumItalic"), local("DroidSans-Bold"), local("Tahoma Bold"); +} + +@font-face { + font-family: system-ui; + font-style: normal; + font-weight: 700; + src: local(".SFNSText-Bold"), local(".HelveticaNeueDeskInterface-Bold"), local(".LucidaGrandeUI"), local("Segoe UI Bold"), local("Ubuntu Bold"), local("Roboto-Bold"), local("DroidSans-Bold"), local("Tahoma Bold"); +} + +@font-face { + font-family: system-ui; + font-style: italic; + font-weight: 700; + src: local(".SFNSText-BoldItalic"), local(".HelveticaNeueDeskInterface-BoldItalic"), local(".LucidaGrandeUI"), local("Segoe UI Bold Italic"), local("Ubuntu Bold Italic"), local("Roboto-BoldItalic"), local("DroidSans-Bold"), local("Tahoma Bold"); +} |