n07070/blogotheme
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Updated the style of the menu, removed useless CSS

Browse Source
This commit is contained in:
n07070 2022-07-18 01:10:21 +02:00
parent 0cc8958173
commit d6a4bb4bb3
3 changed files with 28 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
assets/css/override.css
View File

@ -5,6 +5,21 @@
* You should not modify this file. * You should not modify this file.
*/ */
/* Enable smooth scrolling for footnotes. */
html {
scroll-behavior: smooth;
}
ol > li > ::first-line {
line-height: 3.1em;
}
/*
* Dark theme
*/
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
body { body {
color: #eee; color: #eee;

26
assets/css/style.css
View File

@ -18,7 +18,8 @@ body {
"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
/* color: #454545; */ /* color: #454545; */
font-size: 1.1em; font-size: 1.1em;
/* background: linear-gradient(90deg, #000 21px, transparent 1%) center, linear-gradient(#000 21px, transparent 1%) center, white; */ background: linear-gradient(90deg, #000 21px, transparent 1%) center, linear-gradient(#000 21px, transparent 1%) center, white;
background-color: #C9C8C8;
background-size: 22px 22px; background-size: 22px 22px;
margin: 0; margin: 0;
display: flex; display: flex;
@ -29,7 +30,6 @@ body {
word-break: break-word; word-break: break-word;
} }
}
p { p {
margin: 1.5em 0; margin: 1.5em 0;
} }
@ -86,7 +86,7 @@ p {
.nav-header { .nav-header {
margin: 0; margin: 0;
padding: 0.4em; padding: 0.4em;
font-size: 1.4em; font-size: 1.5em;
} }
.nav-text { .nav-text {
font-weight: normal; font-weight: normal;
@ -94,7 +94,8 @@ p {
z-index: 105; z-index: 105;
color: black; color: black;
font-weight: bolder; font-weight: bolder;
font-size: 3rem; font-size: 5rem;
transition: font-size 0.4s;
} }
@ -102,6 +103,7 @@ p {
.menu-container { .menu-container {
align-content: space-between; align-content: space-between;
display: flex;
} }
#menu { #menu {
@ -193,11 +195,11 @@ p {
margin: 5em 0; margin: 5em 0;
line-height: 1.6em; line-height: 1.6em;
} }
.card-container {
}
/* .card-container > a:first-of-type { /* .card-container > a:first-of-type {
margin-top: 5em; margin-top: 5em;
} */ } */
.card { .card {
display: block; display: block;
/* margin: 3rem 0; */ /* margin: 3rem 0; */
@ -230,7 +232,7 @@ p {
flex-direction: column; flex-direction: column;
align-items: stretch; align-items: stretch;
border-style: none; border-style: none;
margin: 1em; /* margin: 1em; */
} }
/* .blog-card-feed { /* .blog-card-feed {
@ -500,7 +502,6 @@ footer h3 {
.nav-header { .nav-header {
margin: 0; margin: 0;
font-size: 1.4em;
background-color: white; background-color: white;
} }
@ -538,9 +539,8 @@ footer h3 {
height: 100%; height: 100%;
width: 16em; width: 16em;
} }
.card-img-overlay {
/* border-radius: 0.8rem 0.8rem 0 0; */
}
.card-body { .card-body {
margin: 1.3em 1.7em; margin: 1.3em 1.7em;
} }
@ -555,9 +555,7 @@ footer h3 {
font-size: 0.7em; font-size: 0.7em;
margin-bottom: 0.7em; margin-bottom: 0.7em;
} }
.content {
/* border-radius: 1.2rem; */
}
.post { .post {
margin: 1em 1.8em 2em 1.8em; margin: 1em 1.8em 2em 1.8em;
} }

2
layouts/partials/nav-bar.html
View File

@ -1,6 +1,6 @@
<nav class="nav-bar card-container"> <nav class="nav-bar card-container">
<div class="card blog-card menu-container"> <div class="menu-container">
<h1 class="nav-header"> <h1 class="nav-header">
<a href="{{ .Site.BaseURL }}" class="nav-text"> <a href="{{ .Site.BaseURL }}" class="nav-text">
{{- if isset $.Site.Params "brand"}} {{- if isset $.Site.Params "brand"}}