Initialer commit

Just remade the repo because I don't *need* need a comprehensive source history for my personal website and this is easier than getting filter-repo to work good

1 files changed, 224 insertions, 0 deletions

diff --git a/old/2/shared.css b/old/2/shared.css
new file mode 100644
index 0000000..c8db590
--- /dev/null
+++ b/old/2/shared.css
@@ -0,0 +1,224 @@
+body, html {
+    height: 100%;
+    font-family: var(--stdfont);
+}
+body {
+    margin: 0;
+    padding: 0;
+    color: var(--fontcolor);
+}
+#main {
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    margin: 0;
+    padding: 0;
+}
+#centercolumn {
+    min-height: 100%;
+    height: fit-content;
+    width: 80%;
+    max-width: 650px;
+}
+#header {
+    padding: 40px;
+    background-image: url("images/isopod_with_aviators.png");
+    background-size: 128px;
+    background-repeat: no-repeat;
+    background-position: 90% bottom;
+}
+#themeselector {
+    position: fixed;
+    left: -250px;
+    height: 100%;
+    z-index: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    animation-fill-mode: both;
+}
+#themeselector a {
+    cursor: pointer;
+}
+@keyframes tsappear {
+    from {left: -250px;}
+    to {left: 0px;}
+}
+@keyframes tsdisappear {
+    from {left: 0px;}
+    to {left: -250px;}
+}
+#nav {
+    position: fixed;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    height: 100%;
+    z-index: 2;
+}
+#nav a {
+    color: black;
+    margin-top: 5px;
+    margin-bottom: 5px;
+    margin-left: 0;
+    margin-right: 0;
+    font-size: 0;
+    padding: 10px;
+    transition-duration: 0.2s;
+}
+#nav svg {
+    width: 32px;
+    height: 32px;
+}
+@media (max-width: 900px) or (orientation: portrait) {
+    #nav {
+        flex-direction: row;
+        height: initial;
+        width: 100%;
+    }
+    #header {
+        margin-top: 60px;
+    }
+    #nav a {
+        margin-top: 0;
+        margin-bottom: 0;
+        margin-left: 5px;
+        margin-right: 5px;
+    }
+}
+@media (max-width: 700px) {
+    #centercolumn {
+        width: 100%;
+        padding-left: 10%;
+        padding-right: 10%;
+        box-shadow: none;
+    }
+    body {
+        overflow-x: hidden;
+    }
+    #header {margin-left: auto; margin-right: auto;}
+}
+@media (max-width: 600px) {
+    .tdc {display: none;}
+}
+.hoverable {
+    color: var(--linkcolor);
+}
+.hoverable:hover {
+    color: var(--linkhovercolor);
+}
+.tooltip {
+    font-size: 14pt;
+    color: var(--fontcolor);
+    position: absolute;
+    display: none;
+    max-width: 600px;
+}
+.hoverable:hover .tooltip {
+    display: initial;
+}
+#buttons {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;  
+    align-items: center;
+    font-size: 0;
+    margin-bottom: 16px;
+}
+#buttons img {
+    margin: 2px;
+}
+td:nth-child(2n) {
+    padding-left: 10px;
+}
+.rainbowtext {
+    animation-name: rainbow-text;
+    animation-duration: 20s;
+    animation-iteration-count: infinite;
+}
+.flipped {
+    display: inline-block;
+    transform: rotate(180deg);
+}
+#albums {
+    padding-top: 30px;
+    margin-bottom: 30px;
+}
+#albums img {
+    max-width: 100%;
+}
+#albums td {
+    padding: 0;
+    width: 50%;
+}
+#albums .ara {
+    text-align: right;
+    padding: 15px;
+}
+#albums .ala {
+    text-align: left;
+    padding: 15px;
+}
+#albums .aimg {
+    font-size: 0;
+}
+#linktable td {
+    padding: 10px 0;
+}
+.serif {
+    font-family: serif;
+}
+.centered {
+    text-align: center;
+}
+.spaced_on_hover, .spaced_on_hover a {
+    transition-duration: 0.5s;
+}
+.spaced_on_hover:hover {
+    letter-spacing: 0.4ch;
+}
+table {
+    border-collapse: collapse;
+}
+#chatbox {
+    position: fixed;
+    height: fit-content;
+    width: 18rem;
+    padding: 0;
+    bottom: calc(50% - 450px / 2);
+    right: -18rem;
+    transition-duration: 1s;
+}
+#chatbox:hover {
+    right: 0.5rem;
+}
+#chatboxpulltab {
+    min-width: 3rem;
+    min-height: 3rem;
+    position: absolute;
+    bottom: calc(50% - 1.5rem);
+    left: -3rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+#statstable {
+    width: 100%;
+}
+#statstable td {
+    padding: .5rem 1rem;
+}
+#statstable tr:nth-child(2n+1) {
+    background: rgba(255, 255, 255, 0.1);
+}
+#statuscafe-username {
+    font-size: 0.85em;
+    margin-bottom: 0.2rem;
+}
+#changelogwindow {
+    max-height: 15rem;
+    overflow-y: scroll;
+}
+#changelogwindow p:first-child {
+    margin-top: 0;
+}
\ No newline at end of file