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 | |
| 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
| -rw-r--r-- | 404.html | 81 | ||||
| -rw-r--r-- | src/css/404.css | 104 |
2 files changed, 104 insertions, 81 deletions
@@ -14,87 +14,6 @@ <!-- Custom stlylesheet -->
<link rel="stylesheet" href="dest/css/404.css" />
- <style>
- * {
- 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;
- }
- }
-
- </style>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
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;
+ }
+}
|