diff options
| author | s1nical <[email protected]> | 2019-07-29 15:44:18 -0700 |
|---|---|---|
| committer | s1nical <[email protected]> | 2019-07-29 15:44:18 -0700 |
| commit | adb398b87ae4fba89c7b07b72a0e88aa4975d3ed (patch) | |
| tree | 47f9eb8722ae29978c0f95b902291289f36f2ba6 /css | |
| parent | update css to fit loading animation (diff) | |
| download | s1n.pw-admin-adb398b87ae4fba89c7b07b72a0e88aa4975d3ed.tar.xz s1n.pw-admin-adb398b87ae4fba89c7b07b72a0e88aa4975d3ed.zip | |
Basically update the whole site
lol
Diffstat (limited to 'css')
| -rw-r--r-- | css/main.css | 85 |
1 files changed, 64 insertions, 21 deletions
diff --git a/css/main.css b/css/main.css index 4d28317..51d7c69 100644 --- a/css/main.css +++ b/css/main.css @@ -1,23 +1,22 @@ -body {
- background: none;
- }
- .bobAnimate-container {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%,-50%);
- width: 375px;
- }
- .inline {
- display: inline-block;
- }
- #bobAnimate {
- margin-left: 5px;
- transition-timing-function: ease-in-out;
- transition: margin-left 2s;
- }
+/* There isn't actually errors, VSCode is being dumb >:( */
+
+/* BACKGROUND SPARKLES CSS */
+html, body {
+ margin: 0 0;
+ padding: 0 0;
+ text-align: center;
+ font-size: 0;
+ background-color: #fdfcf3;
+}
-/* Loader */
+body svg {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: -1;
+}
+
+/* LOADING ANIMATION */
/* body {
text-align: center;
@@ -65,8 +64,6 @@ body { }
}
-
-
.loader row:nth-child(1) span:nth-child(1) { -webkit-animation-delay: .50s; }
.loader row:nth-child(1) span:nth-child(2) { -webkit-animation-delay: .70s; }
.loader row:nth-child(1) span:nth-child(3) { -webkit-animation-delay: .60s; }
@@ -77,8 +74,54 @@ body { .loader row:nth-child(3) span:nth-child(2) { -webkit-animation-delay: .30s; }
.loader row:nth-child(3) span:nth-child(3) { -webkit-animation-delay: .40s; }
+/* ORINGINAL SITE CSS */
+html {
+ box-sizing: border-box;
+ display: flex;
+ justify-content: center;
+ user-select: none;
+ -webkit-tap-highlight-color: transparent;
+}
+*, *:before, *:after {
+ box-sizing: inherit;
+}
+html, body {
+ height: 100%;
+}
+body {
+ font: normal 20px/1.4 'Inter', sans-serif;
+ margin: 0 1em;
+ padding: 1em 0;
+ color: #000;
+ background: none;
+ display: flex;
+}
+
+@supports (font-variation-settings: normal) {
+ body {
+ font-family: 'Inter var', sans-serif;
+ }
+}
+main {
+ margin: auto;
+ font-size: 6vh;
+ line-height: 1.2;
+ max-width: 75vh;
+}
+
+a {
+ color: inherit;
+ text-decoration: none;
+ background: #ffdc73; /* hsl(200, 100%, 80% */
+}
+a:hover,
+a:focus {
+ outline: none;
+ background: #282936;
+ color: #fff;
+}
\ No newline at end of file |