From 1e9fe530b299f9bf1004a983be6fea266b4e8ddc Mon Sep 17 00:00:00 2001
From: LSH
Date: 星期五, 03 十一月 2023 15:02:46 +0800
Subject: [PATCH] #
---
src/main/webapp/views/login.html | 85 ++++++++++++++++++++++++++++++------------
1 files changed, 61 insertions(+), 24 deletions(-)
diff --git a/src/main/webapp/views/login.html b/src/main/webapp/views/login.html
index f3c45c3..9604867 100644
--- a/src/main/webapp/views/login.html
+++ b/src/main/webapp/views/login.html
@@ -28,7 +28,7 @@
border-radius: 5px;
color: #ffffff;
z-index: 99;
- box-shadow: 3px 3px 6px 3px rgba(0, 0, 0, .3);
+ /*box-shadow: 3px 3px 6px 3px rgba(0, 0, 0, .3);*/
}
.login-contain {
@@ -48,11 +48,11 @@
#background_video {
position: absolute;
- top: 50%; left: 50%;
+ top: 50%; left: 39.55%;
transform: translate(-50%, -50%);
object-fit: cover;
- height: 100%; width: 100%;
+ height: 100%; width: 79%;
}
.s-video-all {
@@ -72,36 +72,73 @@
cursor: pointer;
}
+ .videocontainer{
+ /*filter:brightness(0.5);*/
+ z-index: -999;
+ }
+ #girlwu{
+ margin-left: 58%;
+ margin-top: 45%;
+ z-index: 999;
+ }
+ .pText{
+ /*color: #0C0C0C;*/
+ font-weight:800;
+ font-style:italic;
+ mix-blend-mode: difference;
+ color: white;
+ /*filter: invert(100%)*/
+ /* normal銆乷blique 鎴� italic*/
+ }
+ @media screen and (min-width:300px) and (min-width:650px){
+ .pTextFont{
+ font-size:0.75rem;
+ }
+ }
+ @media screen and (min-width:650px) and (min-width:1080px){
+ .pTextFont{
+ font-size:1.125rem;
+ }
+ }
+ @media screen and (min-width:300px) and (min-width:1380px){
+ .pTextFont{
+ font-size:1.5rem;
+ }
+ }
</style>
</head>
<body>
<div class="">
- <div>
- <video id="background_video" style="z-index: 1" src="../static/image/banner.mp4" height="100%" loop autoplay muted="false" controlslist="nodownload" disablepictureinpicture></video>
+ <div class="videocontainer">
+ <video id="background_video" style="z-index: -999" src="../static/image/banner.mp4" height="100%" loop autoplay muted="false" controlslist="nodownload" disablepictureinpicture></video>
</div>
- <div class="l-page l-page--white " data-id="easy_glitch" style="z-index: 99">
- <div style="position: fixed;
- z-index: 100;
- top: 22px;
- left: 20px;">
- <!-- <img src="../static/image/logo.png" alt="" style="width: 15%">-->
- </div>
- <div class="p-preloader">
- <div class="p-preloader__box p-preloader__box--white p-preloader__box--01"></div>
- <div class="p-preloader__box p-preloader__box--white p-preloader__box--02"></div>
- <div class="p-preloader__box p-preloader__box--white p-preloader__box--03"></div>
- </div>
- <div class="p-sketch-outline">
- <h2 class="p-sketch-outline__title" style="z-index: 99">Customer Relationship Management</h2>
- <p class="p-sketch-outline__date" style="z-index: 99">posted: 2018.01.01 / update: 2022.03.18
- </p>
- <p class="p-sketch-outline__description" style="z-index: 99">crm made with various simple objects.</p>
- </div>
+ <div id="girlwu">
+ <p class="pText pTextFont">鍔╁姏鏅鸿兘鍒堕��  璧嬭兘鏅烘収鐗╂祦</p>
+ <p class="pText pTextFont">  璁╁埗閫犱笌鐗╂祦鏇撮珮鏁�</p>
+ </div>
+<!-- <div class="l-page l-page--white " data-id="easy_glitch" style="z-index: 99">-->
+<!-- <div style="position: fixed;-->
+<!-- z-index: 100;-->
+<!-- top: 22px;-->
+<!-- left: 20px;">-->
+<!-- <!– <img src="../static/image/logo.png" alt="" style="width: 15%">–>-->
+<!-- </div>-->
+<!-- <div class="p-preloader">-->
+<!-- <div class="p-preloader__box p-preloader__box--white p-preloader__box--01"></div>-->
+<!-- <div class="p-preloader__box p-preloader__box--white p-preloader__box--02"></div>-->
+<!-- <div class="p-preloader__box p-preloader__box--white p-preloader__box--03"></div>-->
+<!-- </div>-->
+<!-- <div class="p-sketch-outline">-->
+<!-- <h2 class="p-sketch-outline__title" style="z-index: 99">Customer Relationship Management</h2>-->
+<!-- <p class="p-sketch-outline__date" style="z-index: 99">posted: 2018.01.01 / update: 2022.03.18-->
+<!-- </p>-->
+<!-- <p class="p-sketch-outline__description" style="z-index: 99">crm made with various simple objects.</p>-->
+<!-- </div>-->
- </div>
+<!-- </div>-->
<!-- 渚ц竟鏍� -->
<div id="sidebar">
<div class="login-contain">
--
Gitblit v1.9.1