mirror of
https://git.kittycat.homes/zoe/hugo-batsite.git
synced 2024-08-15 03:18:24 +00:00
make theme look more modern
This commit is contained in:
parent
618d5e639f
commit
3888d39a01
3 changed files with 119 additions and 33 deletions
|
@ -9,3 +9,5 @@ sectionPagesMenu = "main"
|
|||
identifier = "home"
|
||||
name = ''
|
||||
url = '/'
|
||||
title = 'home'
|
||||
|
||||
|
|
|
@ -1,15 +1,15 @@
|
|||
@charset "UTF-8";
|
||||
body {
|
||||
background-color: #4b3d44;
|
||||
color: #d2c9a5;
|
||||
background-color: #27234c;
|
||||
color: #e88dc3;
|
||||
transition: 1s; }
|
||||
body.light {
|
||||
background-color: #d2c9a5;
|
||||
color: #4b3d44; }
|
||||
|
||||
a {
|
||||
background-color: #c77b58;
|
||||
color: #4b3d44;
|
||||
background-color: #f2504b;
|
||||
color: #27234c;
|
||||
transition: 1s; }
|
||||
a.light {
|
||||
background-color: #79444a;
|
||||
|
@ -17,9 +17,9 @@ a {
|
|||
|
||||
a.footer-nav-item.active,
|
||||
a.footer-nav-item:hover {
|
||||
color: #8caba1;
|
||||
background-color: #4b3d44;
|
||||
border-color: #4b3d44;
|
||||
color: #f2504b;
|
||||
background-color: #27234c;
|
||||
border-color: #27234c;
|
||||
transition: 0.24s; }
|
||||
a.footer-nav-item.active.light,
|
||||
a.footer-nav-item:hover.light {
|
||||
|
@ -28,24 +28,24 @@ a.footer-nav-item:hover {
|
|||
border-color: #d2c9a5; }
|
||||
|
||||
footer {
|
||||
background-color: #8caba1;
|
||||
color: #4b3d44;
|
||||
background-color: #f2504b;
|
||||
color: #27234c;
|
||||
transition: 1s; }
|
||||
footer.light {
|
||||
background-color: #4b726e;
|
||||
color: #d2c9a5; }
|
||||
|
||||
footer a {
|
||||
color: #4b3d44;
|
||||
background-color: #8caba1;
|
||||
color: #27234c;
|
||||
background-color: #f2504b;
|
||||
transition: 1s; }
|
||||
footer a.light {
|
||||
color: #d2c9a5;
|
||||
background-color: #4b726e; }
|
||||
|
||||
.togglelabel {
|
||||
background-color: #8caba1;
|
||||
border-color: #4b3d44;
|
||||
background-color: #f2504b;
|
||||
border-color: #27234c;
|
||||
transition: 1s; }
|
||||
.togglelabel.light {
|
||||
background-color: #4b726e;
|
||||
|
@ -57,8 +57,8 @@ footer a {
|
|||
transition: 1s; }
|
||||
|
||||
.togglelabel::after {
|
||||
background-color: #4b3d44;
|
||||
color: #8caba1;
|
||||
background-color: #27234c;
|
||||
color: #f2504b;
|
||||
transition: 1s; }
|
||||
|
||||
body.light #title {
|
||||
|
@ -67,26 +67,72 @@ body.light #title {
|
|||
transition: 1s; }
|
||||
|
||||
body #title {
|
||||
color: #4b3d44;
|
||||
background-color: #8caba1;
|
||||
color: #27234c;
|
||||
background-color: #f2504b;
|
||||
transition: 1s; }
|
||||
|
||||
article {
|
||||
background-color: #4b3d44;
|
||||
border-color: #8caba1; }
|
||||
background-color: #27234c;
|
||||
border-color: #f2504b;
|
||||
transition: 1s; }
|
||||
article.light {
|
||||
background-color: #d2c9a5;
|
||||
border-color: #4b726e; }
|
||||
|
||||
article h2,
|
||||
article h3 {
|
||||
background-color: #8caba1;
|
||||
color: #4b3d44; }
|
||||
article h2 {
|
||||
background-color: #b296ff;
|
||||
color: #27234c;
|
||||
transition: 1s; }
|
||||
|
||||
article h3 {
|
||||
background-color: #39b8a3;
|
||||
color: #27234c;
|
||||
transition: 1s; }
|
||||
|
||||
article.light h2,
|
||||
article.light h3 {
|
||||
background-color: #4b726e;
|
||||
color: #d2c9a5; }
|
||||
background-color: #733c7c;
|
||||
color: #d2c9a5;
|
||||
transition: 1s; }
|
||||
|
||||
article h4 {
|
||||
background-color: #dde4ff;
|
||||
color: #27234c;
|
||||
transition: 1s; }
|
||||
|
||||
article.light h4 {
|
||||
background-color: #007582;
|
||||
color: #d2c9a5;
|
||||
transition: 1s; }
|
||||
|
||||
article.light h2 {
|
||||
background-color: #225091;
|
||||
color: #d2c9a5;
|
||||
transition: 1s; }
|
||||
|
||||
article h5,
|
||||
article h6,
|
||||
article a {
|
||||
background-color: #f2504b;
|
||||
color: #27234c;
|
||||
transition: 1s; }
|
||||
|
||||
article.light h5,
|
||||
article.light h6,
|
||||
article.light a {
|
||||
background-color: #79444a;
|
||||
color: #d2c9a5;
|
||||
transition: 1s; }
|
||||
|
||||
a:hover {
|
||||
color: #f2504b;
|
||||
background-color: transparent; }
|
||||
a:hover.light {
|
||||
color: #79444a;
|
||||
background-color: transparent; }
|
||||
|
||||
article.light a:hover {
|
||||
color: #79444a;
|
||||
background-color: transparent; }
|
||||
|
||||
html,
|
||||
body {
|
||||
|
@ -104,13 +150,14 @@ footer {
|
|||
#content {
|
||||
min-height: calc(100% - 42pt * 3);
|
||||
right: auto;
|
||||
padding-bottom: 84pt; }
|
||||
margin-bottom: 84pt; }
|
||||
|
||||
#content p,
|
||||
#content ul,
|
||||
#content ol,
|
||||
#content table {
|
||||
padding-inline: 4em; }
|
||||
margin-right: 24%;
|
||||
margin-left: 24%; }
|
||||
|
||||
#footer-left {
|
||||
margin-top: auto;
|
||||
|
@ -156,13 +203,35 @@ footer {
|
|||
justify-content: center;
|
||||
align-items: center; }
|
||||
|
||||
h2, h3, h4, h5, h6 {
|
||||
margin-top: 1em; }
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
padding-right: 6%;
|
||||
padding-top: 12pt;
|
||||
padding-bottom: 12pt;
|
||||
margin-right: 6%;
|
||||
justify-content: right;
|
||||
display: flex;
|
||||
align-items: center; }
|
||||
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em; }
|
||||
|
||||
article {
|
||||
margin-top: 42pt;
|
||||
margin-inline: auto; }
|
||||
|
||||
.titlecontainer {
|
||||
width: 100%;
|
||||
padding-top: 42pt; }
|
||||
|
||||
@font-face {
|
||||
font-family: CaskaydiaCove;
|
||||
src: url(/font/CaskaydiaCove.ttf); }
|
||||
|
@ -199,6 +268,9 @@ label::after {
|
|||
font-family: CaskaydiaCoveMono;
|
||||
font-size: 24pt; }
|
||||
|
||||
h6 {
|
||||
font-style: italic; }
|
||||
|
||||
* {
|
||||
border-width: 2pt; }
|
||||
|
||||
|
@ -213,7 +285,7 @@ input[type="checkbox"] {
|
|||
.togglelabel {
|
||||
width: 42pt;
|
||||
height: 24pt;
|
||||
border-radius: 24pt;
|
||||
border-radius: 48pt;
|
||||
cursor: pointer;
|
||||
align-items: center;
|
||||
display: flex; }
|
||||
|
@ -252,3 +324,15 @@ input:checked + label::after {
|
|||
|
||||
.togglelabel {
|
||||
border: solid; }
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
border-top-right-radius: 48pt;
|
||||
border-bottom-right-radius: 48pt; }
|
||||
|
||||
#content p,
|
||||
#content ul,
|
||||
#content ol,
|
||||
#content table {
|
||||
border-left-style: solid;
|
||||
border-width: 0.24em;
|
||||
padding-left: 2em; }
|
||||
|
|
|
@ -1 +1 @@
|
|||
Subproject commit f62a00c10fd2690c3cc6f9792a382d8a7438484c
|
||||
Subproject commit 7e8352b90ea5dd1b22e0d7ac014698cb09933383
|
Loading…
Reference in a new issue