diff --git a/index-beta.html b/index-beta.html deleted file mode 100644 index 8d92a11..0000000 --- a/index-beta.html +++ /dev/null @@ -1,32 +0,0 @@ - - - - - - - - Akeno-Misaki WAF - - - - - -
-
- -

阳炎型航洋舰“晴風”来电

-

您的船只被海上安全整备局标记禁止通行

-

很抱歉,您被禁止访问

- 返回 -
- - - - \ No newline at end of file diff --git a/new_index_page.html b/new_index_page.html new file mode 100644 index 0000000..8c1904a --- /dev/null +++ b/new_index_page.html @@ -0,0 +1,114 @@ + + + + + + + Akeno-Misaki WAF + + + + + +
+ +
+
+
+ +

阳炎型航洋舰“晴風”来电

+

晴風号即将启航

+

站点创建成功,请修改您的内容

+ + 返回 +
+ + + + + + + + + + + \ No newline at end of file diff --git a/old_page_waf.html b/old_page_waf.html new file mode 100644 index 0000000..363ff7b --- /dev/null +++ b/old_page_waf.html @@ -0,0 +1,143 @@ + + + + + + 站点维护中! + + + + + + + + + +
+ + + + + + + + + +
+
+
+ + +
+
+
+

站点维护呐(。・∀・)ノ

+

+ 咱们正在维护该服务! ( ̄へ ̄) +

+

+ Telegram + 哔哩哔哩 + Teamspeak +

+ +
+
+
+
+
+
+ + + + + + + + \ No newline at end of file diff --git a/static/css/404style_auto.css b/static/css/404style_auto.css new file mode 100644 index 0000000..4d203e3 --- /dev/null +++ b/static/css/404style_auto.css @@ -0,0 +1,298 @@ +html.dark{ + animation: addDarkMode .2s ease; + filter: invert(100%) hue-rotate(180deg); +} + +.dark-bg{ + filter: invert(100%) hue-rotate(180deg) brightness(105%); +} + +html.light { + animation: removeDarkMode .2s ease; +} +*{ + margin: 0px; + padding: 0px; +} +html, body, section { + margin: 0; + padding: 0; + /* 字体Noto Serif */ + font-family: "Noto Serif", serif; + overflow: hidden; + +} + +/* loading start */ +#loading { + position: fixed; + top: 0px; + bottom: 0; + left: 0; + right: 0; + z-index: 10000; + background-color: #fff; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + justify-content: center; + align-items: center; +} + +img[data-v-loadimg1]{ + width: 140px; + height: 140px; + overflow:hidden; +} + +img[data-v-loadimg2]{ + width: 1.5rem; + height: 1.5rem; + overflow:hidden; +} + +img[data-v-loadimg3]{ + position: absolute; + left: 50%; + bottom: 4%; + transform: translate(-50%); + width: 140px; +} + + +@keyframes loadingA { + from {} + to { + transform: rotate(360deg); + } +} +/* loading end */ + +.left-font{ + margin:35px; +} + +.left-font article h1{ + font-size: 2.25rem; +} + +.text-black{ + text-align: left; +} + +p { + line-height: 1.625; + font-weight: 300; + font-size: 1rem; + margin-top: 0; + margin-bottom: 1rem; +} + + +body { + color: #7b809a; + text-align: center; + line-height: 1.6; +} + +div{ + display: flex; + flex-direction: column; + justify-content: center; + flex-wrap: nowrap; +} + +h1 { + font-size: 2.25rem; + text-align: left; + margin: 0; +} + +.sub-header{ + font-size: 12px; + color: #3d3d3d; + line-height: 1.35; + margin: 5px 0; + text-align: left; +} + +a { + letter-spacing: 0rem; + color: #344767; + text-decoration:none; +} + +a[data-v-154241]{ + content: "/"; + margin: 0 .5em; + background-color: transparent; +} + +[data-v-154241], [data-v-154241]::before, [data-v-154241]::after { + border-width: 0; + border-style: solid; + border-color: #dae1e7; +} + +.sub-header::after{ + border-width: 0; + border-style: solid; + border-color: #dae1e7; +} + +.w-full[data-v-91f7ba14] { + width: 100%; +} + +.h-2[data-v-91f7ba14] { + height: .18rem; +} + +.w-full[data-v-91f7ba14] { + background-color: #ddd; + height: .18rem; + margin-top: 1rem; + margin-bottom: 1rem; +} + +ol, ul, dl, li { + margin-top: 0; + margin-bottom: 1rem; + padding: 0; + list-style: none; + text-align: left; + color: #3d3d3d; + font-size: 10px; + display: inline; + /* 加粗 */ + font-weight: 600; +} + +li[data-v-91f7ba14]:first-child::before { + content: none; +} + +li[data-v-91f7ba14]::before { + content: "•"; + margin: 0 .5em; + background-color: transparent; +} + +.container { + height: 100vh; + display: flex; +} + +.left_box{ + background: #fff; + flex-grow: 0.5; +} + +article{ + align-items: center; +} + +/* 上下各一半 */ + +@media screen and (max-width: 1313px) { + .container { + flex-direction: column-reverse; + height: 100vh; + } + + .left-half, + .right-half { + flex: 1; + height: 50%; + background-size: cover; + background-position: center; + } +} + +#msg{ + position: fixed; + z-index:999; + top: 49%; + margin-top:-80px; + left:50%; + margin-left:-133px; + background:#fff; + box-shadow:5px 5px 18px #000000; + font-size:17px; + color:#666; + border:1px solid #ffffff; + text-align: center; + line-height: 2rem; + display:inline-block; + padding-bottom:20px; + border-radius:10px; +} + +#msg_top{ + background:#f8f8f8; + padding:5px 15px 5px 20px; + text-align:left; + border-radius: 10px 10px 0px 0px; +} +#msg_top span{ + font-size:22px; + float:right; + cursor:pointer; +} +#msg_cont{ + padding:15px 20px 20px; + text-align:left; +} +#msg_confirm{ + display:inline-block; + color:#fff; + padding:1px 15px; + background:#2ea9df; + border-radius:2px; + float:right; + margin-right:15px; + cursor:pointer; +} + +#msg_Disconnect{ + display:inline-block; + color:#fff; + padding:1px 15px; + background:#df2e2e; + border-radius:2px; + float:right; + margin-right:15px; + cursor:pointer; +} + +.fadeIn { + -webkit-animation: fadeInDown .3s; + animation: fadeInDown .3s; +} + +@keyframes fadeInDown { + 0% { + -webkit-transform: translate3d(0, -20%, 0); + -webkit-transform: translate3d(0, -20%, 0); + transform: translate3d(0, -20%, 0); + transform: translate3d(0, -20%, 0); + opacity: 0; + } + 100% { + -webkit-transform: none; + transform: none; + opacity: 1; + } +} +@-webkit-keyframes fadeInDown { + 0% { + -webkit-transform: translate3d(0, -20%, 0); + opacity: 0; + } + 100% { + -webkit-transform: none; + opacity: 1; + } +} \ No newline at end of file diff --git a/static/css/waf-file.css b/static/css/waf-file.css index 4c57463..d003307 100644 --- a/static/css/waf-file.css +++ b/static/css/waf-file.css @@ -1,3 +1,102 @@ +/* loading start */ +#loading { + position: fixed; + top: 0px; + bottom: 0; + left: 0; + right: 0; + z-index: 10000; + background-color: #084db5; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} +#boxlogo{ + max-width: 360px; + max-height: 143.5px; +} +img[data-v-loadimg1]{ + width: 140px; + height: 140px; + overflow:hidden; +} +img[data-v-loadimg2]{ + width: 1.5rem; + height: 1.5rem; + overflow:hidden; +} +img[data-v-loadimg3]{ + position: absolute; + left: 50%; + bottom: 4%; + transform: translate(-50%); + width: 140px; +} +.fl{ + float: left; +} +.ml2e{ + margin-left: 2em; +} +.margin_top_3em{ + margin-top: 3em; + margin-bottom: 2em; +} +.clf{ + color: #fff; +} +.opcy0{ + opacity: 0; +} +.opcy1{ + opacity: 1; + animation: fadeIn 1s forwards; +} +.disable{ + animation: fadeOut 1s forwards; +} +.logomove{ + margin-left: 0; + animation: moveleft 1s forwards; +} +/* 渐出动画 */ +@keyframes fadeOut { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + } +} +/* 渐入动画 */ +@keyframes fadeIn { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +/* 移动动画 */ +@keyframes moveleft { + 0% { + margin-left: 110px; + } + 100% { + margin-left: 0; } +} +#RTXT p { + font-family: "微软雅黑"; + font-weight: 700; +} +/* loading end */ + + body { font-size: 12px; background: #fff; @@ -35,7 +134,7 @@ li { .hanasaki { padding-top: 180px; - padding-bottom: 112px + padding-bottom: 80px; } .container { @@ -242,12 +341,11 @@ li { } } -#footer_text { +#footer_text p { font-size: 14px; color: #666666; letter-spacing: 1px; text-align: center; - padding-bottom: 35px; font-weight: bold; }