styling fixed

2026-04-23 11:55:41 +01:00
parent 039f832724
commit b30478a537
15 changed files with 345 additions and 304 deletions
@@ -0,0 +1,71 @@
+.right-sidebar {
+  margin: 5px;
+  margin-right: 0px;
+  height: 800px;
+  width: 125px;
+  background-color: var(--secondary);
+  border: 2px, inset, var(--thirdly);
+  box-sizing: border-box;
+}
+
+.left-sidebar {
+  margin: 5px;
+  margin-left: 0px;
+  height: 800px;
+  width: 125px;
+  background-color: var(--secondary);
+  border: 2px, inset, var(--thirdly);
+  box-sizing: border-box;
+}
+
+.side-card {
+  background-color: var(--thirdly);
+  border: 2px, inset, var(--thirdly);
+}
+
+.side-card+.side-card {
+  margin-top: 5px;
+}
+
+.side-card-inner {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: small;
+}
+
+.side-card-bottom {
+  align-self: flex-end;
+}
+
+.social-button-div {
+  display: flex;
+  flex-wrap: wrap;
+  align-content: stretch;
+  justify-content: space-evenly;
+}
+
+.social-button {
+  display: block;
+  width: 30px;
+  height: 30px;
+  border: 2px outset #1da1f2;
+  background: #1da1f2;
+  margin: 2px;
+
+  img {
+    width: 30px;
+    height: auto;
+  }
+}
+
+.social-button:hover {
+  filter: brightness(110%);
+}
+
+.social-button:active {
+  border-style: inset;
+
+  img {}
+}