From fbc6fae6c793220d0b67ac603ce9bbf22837de79 Mon Sep 17 00:00:00 2001 From: dengjunjie <dengjunjie@hnkhzn.com> Date: 星期四, 19 六月 2025 17:50:47 +0800 Subject: [PATCH] 1 --- 项目代码/WMS/WIDESEA_WMSServer/WIDESEA_WMSServer/wwwroot/css/style.css | 156 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 156 insertions(+), 0 deletions(-) diff --git "a/\351\241\271\347\233\256\344\273\243\347\240\201/WMS/WIDESEA_WMSServer/WIDESEA_WMSServer/wwwroot/css/style.css" "b/\351\241\271\347\233\256\344\273\243\347\240\201/WMS/WIDESEA_WMSServer/WIDESEA_WMSServer/wwwroot/css/style.css" new file mode 100644 index 0000000..9cb4065 --- /dev/null +++ "b/\351\241\271\347\233\256\344\273\243\347\240\201/WMS/WIDESEA_WMSServer/WIDESEA_WMSServer/wwwroot/css/style.css" @@ -0,0 +1,156 @@ +@charset "utf-8"; + +::selection { + background: #2D2F36; +} + +::-webkit-selection { + background: #2D2F36; +} + +::-moz-selection { + background: #2D2F36; +} + +body { + background: white; + font-family: 'Inter UI', sans-serif; + margin: 0; + padding: 20px; +} + +.page { + background: #e2e2e5; + display: flex; + flex-direction: column; + height: calc(100% - 40px); + position: absolute; + place-content: center; + width: calc(100% - 40px); +} + +@media (max-width: 767px) { + .page { + height: auto; + margin-bottom: 20px; + padding-bottom: 20px; + } +} + +.container { + display: flex; + height: 320px; + margin: 0 auto; + width: 640px; +} + +@media (max-width: 767px) { + .container { + flex-direction: column; + height: 630px; + width: 320px; + } +} + +.left { + background: white; + height: calc(100% - 40px); + top: 20px; + position: relative; + width: 50%; +} + +@media (max-width: 767px) { + .left { + height: 100%; + left: 20px; + width: calc(100% - 40px); + max-height: 270px; + } +} + +.login { + font-size: 33px; + font-weight: 900; + margin: 50px 40px 40px; +} + +.eula { + color: #999; + font-size: 14px; + line-height: 1.5; + margin: 40px; +} + +.right { + background: #474A59; + box-shadow: 0px 0px 40px 16px rgba(0,0,0,0.22); + color: #F1F1F2; + position: relative; + width: 50%; +} + +@media (max-width: 767px) { + .right { + flex-shrink: 0; + height: 100%; + width: 100%; + max-height: 350px; + } +} + +svg { + position: absolute; + width: 320px; +} + +path { + fill: none; + stroke: url(#linearGradient); + ; + stroke-width: 4; + stroke-dasharray: 240 1386; +} + +.form { + margin: 40px; + position: absolute; +} + +label { + color: #c2c2c5; + display: block; + font-size: 14px; + height: 16px; + margin-top: 20px; + margin-bottom: 5px; +} + +input { + background: transparent; + border: 0; + color: #f2f2f2; + font-size: 20px; + height: 30px; + line-height: 30px; + outline: none !important; + width: 100%; +} + + input::-moz-focus-inner { + border: 0; + } + +#submit { + color: #707075; + margin-top: 40px; + transition: color 300ms; +} + + #submit:focus { + color: #f2f2f2; + } + + #submit:active { + color: #d0d0d2; + } -- Gitblit v1.9.3