ref: mostly space -> tab, with some css fixes.

This commit is contained in:
manunamz
2023-10-05 13:52:29 -04:00
parent 0f03a74047
commit 78c303a597
+76 -74
View File
@@ -1,7 +1,7 @@
/*
The CSS in this style tag is based off of Bear Blog's default CSS.
https://github.com/HermanMartinus/bearblog/blob/297026a877bc2ab2b3bdfbd6b9f7961c350917dd/templates/styles/blog/default.css
License MIT: https://github.com/HermanMartinus/bearblog/blob/master/LICENSE.md
The CSS in this style tag is based off of Bear Blog's default CSS.
https://github.com/HermanMartinus/bearblog/blob/297026a877bc2ab2b3bdfbd6b9f7961c350917dd/templates/styles/blog/default.css
License MIT: https://github.com/HermanMartinus/bearblog/blob/master/LICENSE.md
*/
:root {
@@ -14,16 +14,16 @@
--gray-gradient: rgba(var(--gray-light), 50%), #fff;
--box-shadow: 0 2px 6px rgba(var(--gray), 25%), 0 8px 24px rgba(var(--gray), 33%),
0 16px 32px rgba(var(--gray), 33%);
/* wiki colors */
--text-color-wiki: #009c7b;
--text-color-wiki-visited: #008064;
--text-color-invalid-wikilink: #8c8c8c;
/* for dark themes */
/* --text-color-wiki: #a0e4a0;
--text-color-wiki-visited: #90f390;
--text-color-invalid-wikilink: #8c8c8c;
/* wiki colors */
--text-color-wiki: #009c7b;
--text-color-wiki-visited: #008064;
--text-color-invalid-wikilink: #8c8c8c;
/* for dark themes */
/* --text-color-wiki: #a0e4a0;
--text-color-wiki-visited: #90f390;
--text-color-invalid-wikilink: #8c8c8c;
--background-color: #27262b; */
--background-color: #27262b; */
}
@font-face {
font-family: 'Atkinson';
@@ -166,8 +166,8 @@ hr {
/* tag map / semantic tree */
.branch {
color: var(--text-color-wiki);
list-style: "#";
color: var(--text-color-wiki);
list-style: "#";
}
/******************/
@@ -178,109 +178,111 @@ hr {
/* attrbox */
aside.attrbox {
text-align: center;
border: 1px double #ccc;
color: #4F534F;
border-radius: 25px;
border-spacing: 1em;
/* @noflip */
margin: 0.5em;
padding: 0.2em;
/* @noflip */
float: right;
text-align: center;
border: 1px double #ccc;
color: #4F534F;
border-radius: 25px;
border-spacing: 1em;
/* @noflip */
margin: 0.5em;
padding: 0.2em;
/* @noflip */
float: right;
}
span.attrbox-title {
margin: 0.5em;
color: #4F534F;
margin: 0.5em;
color: #4F534F;
}
/* from: https://www.the-art-of-web.com/css/format-dl/ */
dl {
margin: 0.5em;
margin: 0.5em;
}
dt {
width: 100px;
float: left;
clear: left;
text-align: right;
font-weight: bold;
width: 100px;
float: left;
clear: left;
text-align: right;
font-weight: bold;
}
dt::after {
content: ":";
content: ":";
}
dd {
margin: 0 0 0 110px;
padding: 0 0 0.5em 0;
margin: 0 0 0 110px;
padding: 0 0 0.5em 0;
}
/* (internal) wiki links */
a.wiki[href] {
color: var(--text-color-wiki);
color: var(--text-color-wiki);
}
a.wiki[href]:visited {
color: var(--text-color-wiki-visited);
color: var(--text-color-wiki-visited);
}
a.invalid {
color: var(--text-color-invalid-wikilink);
cursor: help;
color: var(--text-color-invalid-wikilink);
cursor: help;
}
/* !wikiembed */
.embed-wrapper {
border: 1px solid #535353;
border-radius: 6px;
padding: 5px 20px 15px 20px;
margin: 0 20px;
position: relative;
border: 1px solid #535353;
border-radius: 6px;
padding: 5px 20px 15px 20px;
margin: 0 20px;
position: relative;
}
.embed-title {
height: 36px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-size: 26px;
line-height: 42px;
top: 5px;
left: 0;
right: 0;
width: 100%;
text-align: center;
font-weight: 900;
height: 36px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-size: 26px;
line-height: 42px;
top: 5px;
left: 0;
right: 0;
width: 100%;
text-align: center;
font-weight: 900;
}
.embed-link {
position: absolute;
top: 6px;
right: 12px;
cursor: pointer;
position: absolute;
top: 6px;
right: 12px;
cursor: pointer;
}
.embed-link-icon {
text-decoration: none;
text-decoration: none;
}
.link-icon {
font-size: 18px;
color: #535353;
font-size: 18px;
color: #535353;
}
.link-icon::before{
content: "🔗";
content: "🔗";
}
.embed-content {
max-height: 500px;
overflow-y: auto;
padding-right: 10px;
max-height: 500px;
overflow-y: auto;
padding-right: 10px;
}
/* embed media */
.embed-media {
margin: 0 auto;
display: flex;
justify-content: center;
margin: 0 auto;
}
.embed-audio {
height: 100%;
width: 100%;
height: 100%;
width: 100%;
}
.embed-image {
height: 50%;
width: 50%;
height: 75%;
width: 75%;
}
.embed-video {
height: 75%;
width: 75%;
height: 75%;
width: 75%;
}