brut/bincio-wiki-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

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