From 78c303a59709e8a830111f132647c17e4f772ed9 Mon Sep 17 00:00:00 2001
From: manunamz <manunamz@pm.me>
Date: Thu, 5 Oct 2023 13:52:29 -0400
Subject: [PATCH] ref: mostly space -> tab, with some css fixes.

---
 src/styles/global.css | 150 +++++++++++++++++++++---------------------
 1 file changed, 76 insertions(+), 74 deletions(-)

diff --git a/src/styles/global.css b/src/styles/global.css
index 21bd9f0..cb6682c 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -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%;
 }