174 lines
3.4 KiB
CSS
174 lines
3.4 KiB
CSS
|
|
/*
|
|
* main green: #99cc66
|
|
* */
|
|
|
|
:root {
|
|
--main-bg-color: #101010;
|
|
--main-text: #ffffff;
|
|
--main-sec: #7B1FA2; /* main secondary color for the site */
|
|
--code-quote-bg: #1D1F21; /* background color for quotes and code blocks */
|
|
--copyright: #808080; /* copyright text color */
|
|
}
|
|
|
|
body {
|
|
background: var(--main-bg-color);
|
|
color: var(--main-text);
|
|
}
|
|
|
|
a {
|
|
color: var(--main-text);
|
|
}
|
|
|
|
.__h_instagram.card {
|
|
border: 1px solid #303030 !important;
|
|
}
|
|
|
|
.__h_instagram .card-text {
|
|
color: var(--main-text);
|
|
}
|
|
|
|
.__h_instagram .card-header {
|
|
color: var(--main-bg-color);
|
|
background-color: #101010;
|
|
}
|
|
|
|
.__h_instagram .card-body {
|
|
color: var(--main-bg-color);
|
|
background-color: #101010;
|
|
}
|
|
|
|
pre {
|
|
background: var(--main-bg-color);
|
|
border: 1px solid #303030;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
code {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/*
|
|
* syntax highlight code block table backround
|
|
* looks better if overwritten.
|
|
* */
|
|
.post .content .highlight table {
|
|
background-color: #202020 !important;
|
|
}
|
|
|
|
blockquote {
|
|
background: var(--main-bg-color);
|
|
border-left: 3px solid var(--main-sec);
|
|
}
|
|
|
|
table { margin: 1em auto; border-collapse: collapse; }
|
|
table, th, td { border: 1px solid #5C5C5C; }
|
|
tr:hover { background: #1D1F21; }
|
|
th { background: #101010; }
|
|
.siteTitle a {
|
|
color: var(--main-sec);
|
|
}
|
|
|
|
.post {
|
|
background: #202020;
|
|
border-left: 1px solid #303030;
|
|
border-right: 1px solid #303030;
|
|
border-top: 1px solid #303030;
|
|
border-radius: 0.2em;
|
|
box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
|
|
}
|
|
|
|
.post .content h1{ color: var(--main-sec); }
|
|
.post .content h2{ color: var(--main-sec); }
|
|
.post .content h3{ color: var(--main-sec); }
|
|
.post .content h4{ color: var(--main-sec); }
|
|
.post .content h5{ color: var(--main-sec); }
|
|
.post .content h6{ color: var(--main-sec); }
|
|
.post .content a:hover { color: var(--main-sec); }
|
|
.social-link:hover { color: var(--main-sec); }
|
|
.nav-item-title:hover { color: var(--main-sec); }
|
|
.tag a:hover { color: var(--main-sec); }
|
|
.copyright { color: var(--copyright); }
|
|
.poweredby { color: var(--copyright); }
|
|
.poweredby a { color: var(--copyright); }
|
|
|
|
.post-preview {
|
|
border: 1px solid #303030;
|
|
border-radius: 0.2em;
|
|
box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
|
|
background: #202020;
|
|
}
|
|
|
|
.post-preview .meta {
|
|
border-bottom: 1px solid #303030;
|
|
}
|
|
|
|
.post-preview .title a {
|
|
color: var(--main-sec);
|
|
}
|
|
|
|
.post-footer-data {
|
|
background-color: #101010;
|
|
border-bottom: 1px solid #303030;
|
|
}
|
|
|
|
.post-footer hr {
|
|
color: #303030;
|
|
}
|
|
|
|
.content-item {
|
|
background: #202020;
|
|
border: 1px solid #303030;
|
|
border-radius: 0.2em;
|
|
box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
|
|
}
|
|
|
|
.content-item .meta {
|
|
border-top: 1px dotted #303030;
|
|
}
|
|
|
|
.content-item a:hover{
|
|
text-decoration: underline;
|
|
color: var(--main-sec);
|
|
}
|
|
|
|
.post-list .title {
|
|
color: var(--main-sec);
|
|
}
|
|
|
|
.rmore {
|
|
color: var(--main-text);
|
|
}
|
|
|
|
.rmore a {
|
|
background: var(--main-bg-color);
|
|
border: 1px solid #303030;
|
|
}
|
|
|
|
.rmore a:hover {
|
|
background: #202020;
|
|
color: var(--main-text);
|
|
}
|
|
|
|
.terms {
|
|
background: #202020;
|
|
border: 1px solid #303030;
|
|
box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
|
|
}
|
|
|
|
.terms .term {
|
|
border-bottom: 1px dotted #303030;
|
|
}
|
|
|
|
.term a:hover {
|
|
text-decoration: underline;
|
|
color: var(--main-sec);
|
|
}
|
|
|
|
.err-404 {
|
|
border: 1px solid #303030;
|
|
border-radius: 0.2em;
|
|
background: #202020;
|
|
box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
|
|
}
|