liddlelab-theme 0.0.1

data/assets/css/main.css

@@ -0,0 +1,572 @@
+body{
+    background-color: #011736;
+    color: #d3d3d3;
+}
+
+img {
+    max-width: 100%;
+}
+
+.navbar-brand h1 {
+    color: #44ff00;
+}
+
+nav {
+    background: #011736;
+    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .15);
+    transition: top 0.2s ease-in-out;
+}
+
+.navbar-brand img {
+    max-height: 30px;
+    margin-right: 5px;
+}
+
+.site-content {
+    min-height: 60vh;
+    padding-top: 1.5rem;
+    margin-top: 57px;
+    transition: all 0.4s;
+}
+
+section {
+    margin-bottom: 20px;
+}
+
+section.recent-posts {
+    margin-bottom: 0;
+}
+
+.section-title h2 {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.125);
+    margin-bottom: 25px;
+    font-weight: 700;
+    font-size: 1.4rem;
+    margin-bottom: 27px;
+}
+
+.section-title span {
+    border-bottom: 1px solid rgba(0, 0, 0, .44);
+    display: inline-block;
+    padding-bottom: 20px;
+    margin-bottom: -1px;
+}
+
+.bottompagination span.navigation {
+    display: block;
+    font-size: 0.93rem;
+    padding: 15px 0 0 0;
+    text-align: center;
+    margin-bottom: 0rem;
+    color: #999;
+    border-top: 1px solid #ddd;
+}
+
+.pointerup {
+    margin-bottom: -17px;
+    margin-left: 49%;
+    font-size: 30px;
+}
+
+.pointerup i.fa {
+    color: #eaeaea;
+}
+
+.bottompagination span.navigation i {
+    display: inline-block;
+}
+
+span.navigation {
+    display: inline-block;
+    font-size: 0.93rem;
+    font-weight: 700;
+    text-align: center;
+}
+
+.pagination {
+    display: block;
+}
+
+.mb-30px {
+    margin-bottom: 30px;
+}
+
+iframe {
+    max-width: 1
+}
+
+.mainheading {
+    padding: 1rem 0rem;
+}
+
+.mainheading h1.sitetitle {
+    font-family: Righteous;
+}
+
+.mainheading h1.posttitle {
+    font-weight: 700;
+    margin-bottom: 1rem;
+}
+
+.post-top-meta .author-description {
+    margin-bottom: 5px;
+    margin-top: 5px;
+    font-size: 0.95rem;
+    color: rgba(255, 255, 255, 0.6);
+}
+
+.authorpage .author-description {
+    font-size: 1rem;
+    color: rgba(255, 255, 255, 0.6);
+}
+
+.share {
+    text-align: center;
+}
+
+.share,
+.share a {
+    color: #ffffff;
+    fill: rgba(255, 255, 255, .44);
+}
+
+.share p {
+    margin-bottom: 10px;
+    font-size: 0.95rem;
+}
+
+.share ul li {
+    display: inline-block;
+    margin-bottom: 9px;
+}
+
+.share ul {
+    padding-left: 0;
+    margin-left: 0;
+}
+
+.share ul li i.fa {
+    border: 1px solid #ddd;
+    width: 30px;
+    height: 30px;
+    line-height: 30px;
+    text-align: center;
+    border-radius: 50%;
+}
+
+.svgIcon {
+    vertical-align: middle;
+}
+
+.sticky-top-80 {
+    top: 80px;
+}
+
+.sticky-top-offset {
+    top: 100px;
+}
+
+.card {
+    color: #d3d3d3;
+}
+
+.card-title a {
+    color: #d3d3d3;
+}
+
+.featured-image {
+    display: block;
+    margin-bottom: 1.5rem;
+}
+
+.card .img-fluid {
+    width: 100%;
+}
+
+.listfeaturedtag {
+    background-color: #353a40;
+    border: 1px solid rgba(0, 0, 0, .125);
+    border-radius: .25rem;
+    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
+}
+
+.listfeaturedtag .wrapthumbnail {
+    height: 290px;
+    flex: 0 0 auto;
+    height: 100%;
+}
+
+.maxthumb {
+    max-height: 300px;
+    overflow: hidden;
+}
+
+.listfeaturedtag .card,
+.card-footer {
+    border: 0;
+}
+
+.listfeaturedtag .thumbnail {
+    background-size: cover;
+    height: 100%;
+    display: block;
+    background-position: 38% 22% !important;
+    background-origin: border-box !important;
+    border-top-left-radius: .25rem;
+    border-bottom-left-radius: .25rem;
+}
+
+.listfeaturedtag .card-block {
+    padding-left: 0;
+}
+
+.listfeaturedtag h2.card-title,
+.listrecent h2.card-title {
+    font-size: 1.3rem;
+    font-weight: 700;
+    line-height: 1.25;
+}
+
+.listfeaturedtag h4.card-text,
+.listrecent h4.card-text {
+    font-size: 0.95rem;
+    line-height: 1.6;
+    font-weight: 400;
+}
+
+.listfeaturedtag .card,
+.card-footer {
+    border: 0;
+}
+
+.author-thumb {
+    width: 40px;
+    height: 40px;
+    margin-right: 13px;
+    border-radius: 100%;
+}
+
+.post-top-meta {
+    margin-bottom: 2rem;
+}
+
+.post-top-meta .author-thumb {
+    width: 72px;
+    height: 72px;
+}
+
+.post-top-meta.authorpage .author-thumb {
+    margin-top: 40px;
+}
+
+.post-top-meta span {
+    font-size: 0.9rem;
+    color: rgba(0, 0, 0, .44);
+    display: inline-block;
+}
+
+.footer {
+    border-top: 1px solid #d3d3d3 !important;
+    padding-top: 15px;
+    padding-bottom: 12px;
+    font-size: 0.8rem;
+    color: #d3d3d3;
+    margin-top: 50px;
+    margin-bottom: 62px;
+    position: relative;
+    background: #011736;
+}
+
+.featured-box-img-cover {
+    object-fit: cover;
+    width: 100%;
+    height: 100%;
+    max-height: 100%;
+}
+
+blockquote {
+    border-left: 4px solid #00ab6b;
+    padding: 0 20px;
+    font-style: italic;
+    color: rgba(255, 255, 255, 0.5);
+}
+
+.article-post p,
+.article-post blockquote {
+    margin: 0 0 1.5rem 0;
+}
+
+ul.tags {
+    list-style: none;
+    padding-left: 0;
+    margin: 0 0 3rem 0;
+}
+
+ul.tags li {
+    display: inline-block;
+    font-size: 0.9rem;
+}
+
+ul.tags li a {
+    background: rgba(255, 255, 255, 0.05);
+    color: rgba(255, 255, 255, .6);
+    border-radius: 3px;
+    padding: 5px 10px;
+}
+
+ul.tags li a:hover {
+    background: rgba(255, 255, 255, .07);
+    text-decoration: none;
+}
+
+/* Rouge (rb) CSS theme based on VS Code color theme */
+pre.highlight {
+    display: block;
+    padding: 1em;
+    overflow-x: auto;
+    background: #000000; /* VS Code default background */
+    color: #d4d4d4; /* Default text color */
+    font-family: Consolas, Monaco, 'Courier New', monospace;
+    font-size: 14px;
+    line-height: 1.5;
+}
+
+.highlight .c { /* Comment */
+    color: #6a9955; /* Green for comments */
+}
+
+.highlight .err { /* Error */
+    color: #f44747; /* Red for errors */
+}
+
+.highlight .k { /* Keyword */
+    color: #c586c0; /* Purple for keywords */
+}
+
+.highlight .o { /* Operator */
+    color: #d4d4d4; /* Default operator color */
+}
+
+.highlight .cm { /* Comment multiline */
+    color: #6a9955; /* Green for comments */
+}
+
+.highlight .cp { /* Preprocessor */
+    color: #569cd6; /* Blue for preprocessor directives */
+}
+
+.highlight .c1 { /* Comment single-line */
+    color: #6a9955; /* Green for comments */
+}
+
+.highlight .cs { /* Comment special */
+    color: #6a9955; /* Green for comments */
+}
+
+.highlight .gd { /* Deleted */
+    color: #f44747; /* Red for deleted text */
+}
+
+.highlight .ge { /* Emphasis */
+    font-style: italic;
+}
+
+.highlight .gr { /* Regex */
+    color: #9cdcfe; /* Light blue for regex */
+}
+
+.highlight .gh { /* Heading */
+    color: #dcdcaa; /* Yellow for headings */
+}
+
+.highlight .gi { /* Inserted */
+    color: #b5cea8; /* Light green for inserted text */
+}
+
+.highlight .go { /* Output */
+    color: #d4d4d4; /* Default text color */
+}
+
+.highlight .gp { /* Prompt */
+    color: #569cd6; /* Blue for prompts */
+}
+
+.highlight .gs { /* Strong */
+    font-weight: bold;
+}
+
+.highlight .gu { /* Underline */
+    text-decoration: underline;
+}
+
+.highlight .kc { /* Keyword constant */
+    color: #c586c0; /* Purple for keywords */
+}
+
+.highlight .kd { /* Keyword declaration */
+    color: #c586c0; /* Purple for keywords */
+}
+
+.highlight .kn { /* Keyword namespace */
+    color: #c586c0; /* Purple for keywords */
+}
+
+.highlight .kp { /* Keyword pseudo */
+    color: #c586c0; /* Purple for keywords */
+}
+
+.highlight .kr { /* Keyword reserved */
+    color: #c586c0; /* Purple for keywords */
+}
+
+.highlight .kt { /* Keyword type */
+    color: #569cd6; /* Blue for types */
+}
+
+.highlight .m { /* Number */
+    color: #b5cea8; /* Light green for numbers */
+}
+
+.highlight .s { /* String */
+    color: #ce9178; /* Orange for strings */
+}
+
+.highlight .na { /* Name attribute */
+    color: #ce9178; /* Orange for attributes */
+}
+
+.highlight .nb { /* Name builtin */
+    color: #569cd6; /* Blue for built-in names */
+}
+
+.highlight .nc { /* Name class */
+    color: #dcdcaa; /* Yellow for class names */
+}
+
+.highlight .no { /* Name constant */
+    color: #569cd6; /* Blue for constants */
+}
+
+.highlight .nd { /* Name decorator */
+    color: #569cd6; /* Blue for decorators */
+}
+
+.highlight .ni { /* Name identifier */
+    color: #d4d4d4; /* Default text color */
+}
+
+.highlight .ne { /* Name entity */
+    color: #9cdcfe; /* Light blue for entities */
+    cursor: help;
+}
+
+.highlight .nf { /* Name function */
+    color: #dcdcaa; /* Yellow for functions */
+}
+
+.highlight .nl { /* Name label */
+    color: #d4d4d4; /* Default text color */
+}
+
+.highlight .nn { /* Name namespace */
+    color: #569cd6; /* Blue for namespaces */
+}
+
+.highlight .nt { /* Name tag */
+    color: #569cd6; /* Blue for tags */
+}
+
+.highlight .nv { /* Name variable */
+    color: #9cdcfe; /* Light blue for variables */
+}
+
+.highlight .ow { /* Operator word */
+    color: #c586c0; /* Purple for operator words */
+}
+
+.highlight .w { /* Whitespace */
+    color: #d4d4d4; /* Default text color */
+}
+
+.highlight .mf { /* Literal float */
+    color: #b5cea8; /* Light green for floats */
+}
+
+.highlight .mh { /* Literal hex */
+    color: #b5cea8; /* Light green for hex values */
+}
+
+.highlight .mi { /* Literal integer */
+    color: #b5cea8; /* Light green for integers */
+}
+
+.highlight .mo { /* Literal octal */
+    color: #b5cea8; /* Light green for octal values */
+}
+
+.highlight .sb { /* String backtick */
+    color: #ce9178; /* Orange for strings */
+}
+
+.highlight .sc { /* String char */
+    color: #ce9178; /* Orange for strings */
+}
+
+.highlight .sd { /* String doc */
+    color: #ce9178; /* Orange for strings */
+}
+
+.highlight .s2 { /* String double */
+    color: #ce9178; /* Orange for strings */
+}
+
+.highlight .se { /* String escape */
+    color: #9cdcfe; /* Light blue for escapes */
+}
+
+.highlight .sh { /* String heredoc */
+    color: #ce9178; /* Orange for strings */
+}
+
+.highlight .si { /* String interpolated */
+    color: #ce9178; /* Orange for strings */
+}
+
+.highlight .sx { /* String other */
+    color: #ce9178; /* Orange for strings */
+}
+
+.highlight .sr { /* String regex */
+    color: #9cdcfe; /* Light blue for regex */
+}
+
+.highlight .s1 { /* String single */
+    color: #ce9178; /* Orange for strings */
+}
+
+.highlight .ss { /* String symbol */
+    color: #ce9178; /* Orange for strings */
+}
+
+.highlight .bp { /* Builtin pseudo */
+    color: #569cd6; /* Blue for built-in pseudo elements */
+}
+
+.highlight .vc { /* Variable constant */
+    color: #9cdcfe; /* Light blue for constants */
+}
+
+.highlight .vg { /* Variable global */
+    color: #9cdcfe; /* Light blue for global variables */
+}
+
+.highlight .vi { /* Variable instance */
+    color: #9cdcfe; /* Light blue for instance variables */
+}
+
+.highlight .il { /* Literal integer long */
+    color: #b5cea8; /* Light green for long integers */
+}
+
+td.rouge-code { width: 100%;}
+pre.lineno { color: #ffffff;}