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 | 234 ++++++++++++++++++++++++++++++++-------------------------- 1 files changed, 129 insertions(+), 105 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" index f8fe18d..9cb4065 100644 --- "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" @@ -1,132 +1,156 @@ @charset "utf-8"; + ::selection { - background: #2D2F36; + background: #2D2F36; } + ::-webkit-selection { - background: #2D2F36; + background: #2D2F36; } + ::-moz-selection { - background: #2D2F36; + background: #2D2F36; } + body { - background: white; - font-family: 'Inter UI', sans-serif; - margin: 0; - padding: 20px; + 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 { + background: #e2e2e5; + display: flex; 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; + height: calc(100% - 40px); + position: absolute; + place-content: center; 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; - } + .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; + position: absolute; + width: 320px; } + path { - fill: none; - stroke: url(#linearGradient);; - stroke-width: 4; - stroke-dasharray: 240 1386; + fill: none; + stroke: url(#linearGradient); + ; + stroke-width: 4; + stroke-dasharray: 240 1386; } + .form { - margin: 40px; - position: absolute; + margin: 40px; + position: absolute; } + label { - color: #c2c2c5; - display: block; - font-size: 14px; - height: 16px; - margin-top: 20px; - margin-bottom: 5px; + 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%; + 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; -} + + input::-moz-focus-inner { + border: 0; + } + #submit { - color: #707075; - margin-top: 40px; - transition: color 300ms; + color: #707075; + margin-top: 40px; + transition: color 300ms; } -#submit:focus { - color: #f2f2f2; -} -#submit:active { - color: #d0d0d2; -} \ No newline at end of file + + #submit:focus { + color: #f2f2f2; + } + + #submit:active { + color: #d0d0d2; + } -- Gitblit v1.9.3