aboutsummaryrefslogtreecommitdiff
path: root/public/posts/css/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'public/posts/css/style.css')
-rw-r--r--public/posts/css/style.css306
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");
+}