diff options
| author | littleblack111 <littleblack11111@gmail.com> | 2023-11-04 14:15:24 +0800 |
|---|---|---|
| committer | littleblack111 <littleblack11111@gmail.com> | 2023-11-04 14:15:24 +0800 |
| commit | 1bcbf7e81a5366d2f857a785bc11b9f269b0e647 (patch) | |
| tree | 2e9e63f8f8e3f8d39c6bba6e5971a50a602dea0b /src/css/404.css | |
| parent | e69b415190af6003df1adfd4dfc27b5fd2fa52cb (diff) | |
Revert "include css"
This reverts commit e69b415190af6003df1adfd4dfc27b5fd2fa52cb.
Please enter the commit message for your changes. Lines starting
with '#' will be ignored, and an empty message aborts the commit.
On branch main
Your branch is up to date with 'origin/main'.
Changes to be committed:
modified: 404.html
new file: src/css/404.css
Diffstat (limited to 'src/css/404.css')
| -rw-r--r-- | src/css/404.css | 104 |
1 files changed, 104 insertions, 0 deletions
diff --git a/src/css/404.css b/src/css/404.css new file mode 100644 index 00000000..0de41abb --- /dev/null +++ b/src/css/404.css @@ -0,0 +1,104 @@ +* {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+body {
+ padding: 0;
+ margin: 0;
+}
+
+#notfound {
+ position: relative;
+ height: 100vh;
+ background: #030005;
+}
+
+#notfound .notfound {
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ -webkit-transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+}
+
+.notfound {
+ max-width: 767px;
+ width: 100%;
+ line-height: 1.4;
+ text-align: center;
+}
+
+.notfound .notfound-404 {
+ position: relative;
+ height: 180px;
+ margin-bottom: 20px;
+ z-index: -1;
+}
+
+.notfound .notfound-404 h1 {
+ font-family: 'Montserrat', sans-serif;
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ -webkit-transform: translate(-50% , -50%);
+ -ms-transform: translate(-50% , -50%);
+ transform: translate(-50% , -50%);
+ font-size: 224px;
+ font-weight: 900;
+ margin-top: 0px;
+ margin-bottom: 0px;
+ margin-left: -12px;
+ color: #030005;
+ text-transform: uppercase;
+ text-shadow: -1px -1px 0px #8400ff, 1px 1px 0px #ff005a;
+ letter-spacing: -20px;
+}
+
+
+.notfound .notfound-404 h2 {
+ font-family: 'Montserrat', sans-serif;
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 110px;
+ font-size: 42px;
+ font-weight: 700;
+ color: #fff;
+ text-transform: uppercase;
+ text-shadow: 0px 2px 0px #8400ff;
+ letter-spacing: 13px;
+ margin: 0;
+}
+
+.notfound a {
+ font-family: 'Montserrat', sans-serif;
+ display: inline-block;
+ text-transform: uppercase;
+ color: #ff005a;
+ text-decoration: none;
+ border: 2px solid;
+ background: transparent;
+ padding: 10px 40px;
+ font-size: 14px;
+ font-weight: 700;
+ -webkit-transition: 0.2s all;
+ transition: 0.2s all;
+}
+
+.notfound a:hover {
+ color: #8400ff;
+}
+
+@media only screen and (max-width: 767px) {
+ .notfound .notfound-404 h2 {
+ font-size: 24px;
+ }
+}
+
+@media only screen and (max-width: 480px) {
+ .notfound .notfound-404 h1 {
+ font-size: 182px;
+ }
+}
|