core: move home page css to root and rename

2024-11-16 02:38:15 -06:00
parent e4d9afdd68
commit 8252f38bb7
1 changed files with 0 additions and 0 deletions
@@ -0,0 +1,145 @@
+body {
+    font-family: Arial, sans-serif;
+    font-size: 14px;
+    color: #cad3f5;
+    line-height: 1.5;
+    max-width: 1920px;
+    margin-inline: auto;
+    background: #24273a;
+    margin: 0px auto;
+}
+
+#navigation {
+    background: #181926;
+    display: flex;
+    border-bottom-left-radius: 18px;
+    border-bottom-right-radius: 18px;
+}
+
+.navItem {
+    margin: 6px;
+    margin-top: 0px;
+    padding: 8px;
+    line-height: 21px;
+    display: inline-block;
+}
+
+#top {
+    margin-bottom: 6px;
+    border-radius: 16px;
+    border-top-left-radius: 0px;
+    margin: 4px auto;
+    margin-top: 0px;
+    height: 55px;
+}
+
+#main {
+    /*background: #1e2030;*/
+}
+
+.cardStats {
+    font-size: 18px;
+}
+
+h1 {
+    width: 130px;
+    text-align: center;
+    display: inline-block;
+    font-size: 1.8rem;
+    margin: 0px;
+    padding: 8px;
+    border-top-left-radius: 18px;
+    border-top-right-radius: 18px;
+}
+
+h2 {
+    color: #6c6f85;
+    font-size: 1.8rem;
+    text-align: center;
+    margin-top: 0;
+    margin-bottom: 0.5rem;
+}
+
+h3 {
+    color: #dc8a78;
+    font-size: 1.3rem;
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
+h4 {
+    color: #8c8fa1;
+    font-size: 1.1rem;
+    margin-top: 0;
+    margin-bottom: 0.5rem;
+}
+
+p {
+    margin: 0px;
+}
+
+a {
+    text-decoration: none;
+    padding: 8px;
+    color: #8aadf4;
+}
+
+a:hover, a:active {
+    border-radius: 9px;
+    text-decoration: underline;
+    text-shadow: 1px 1px 1px #333;
+    animation: hover 3s linear infinite;
+}
+
+a.button {
+    margin: 14px 10%;
+    padding: 4px 12px;
+    border: 1px outset #494d64;
+    border-radius: 9px;
+    color: #8aadf4;
+    display: inline-block;
+    background-color: #363a4f;
+    text-decoration: none;
+    width: 80px;
+    text-align: center;
+}
+
+@keyframes hover {
+    0% { box-shadow: 0 0 8px 4px #24273a; }
+    15% { box-shadow: 0 0 8px 4px #494d64; }
+    50% { box-shadow: 0 0 8px 4px #b7bdf8; }
+    85% { box-shadow: 0 0 8px 4px #494d64; }
+    100% { box-shadow: 0 0 8px 4px #24273a; }
+}
+
+@keyframes card {
+    0% { box-shadow: 0 0 8px 4px #24273a; }
+    50% { box-shadow: 0 0 8px 4px #df8e1d; }
+    100% { box-shadow: 0 0 8px 4px #24273a; }
+}
+
+.card {
+    background: #363a4f;
+    text-align: center;
+    border-radius: 6px;
+    border-top-left-radius: 18px;
+    border-top-right-radius: 18px;
+    animation: card 3s linear infinite;
+    width: 800px;
+    height: 800px;
+    margin: 0px auto;
+    margin-top: 25px;
+    margin-bottom: 25px;
+}
+
+.cardTop {
+    background: #1e2030;
+    border-top-left-radius: 18px;
+    border-top-right-radius: 18px;
+}
+
+#pong {
+    margin: 6px;
+    border-radius: 9px;
+    background: #494d64;
+}