summaryrefslogtreecommitdiff
path: root/src/css/index.css
diff options
context:
space:
mode:
authorlittleblack111 <littleblack11111@gmail.com>2023-10-29 01:30:19 +0800
committerlittleblack111 <littleblack11111@gmail.com>2023-10-29 01:30:19 +0800
commit1298abd3377cc79d8883bb6e38b65bca46f0c8d7 (patch)
tree5422ebd5fb2e4ccff0c6ce16834907521b62e467 /src/css/index.css
parent4e0cde2e9e7cb2482b6d16dd2109c514fd98eeff (diff)
all space -> tab
Diffstat (limited to 'src/css/index.css')
-rw-r--r--src/css/index.css148
1 files changed, 74 insertions, 74 deletions
diff --git a/src/css/index.css b/src/css/index.css
index 44d00c38..44458590 100644
--- a/src/css/index.css
+++ b/src/css/index.css
@@ -2,50 +2,50 @@
/* --primary-color: mediumslateblue; */
/* } */
.wrapper {
- height: 100vh;
- width: 100%;
- top: 0;
- left: 0;
- overflow-x: hidden;
- -ms-overflow-style: none;
- scrollbar-width: none;
- z-index: -6;
+ height: 100vh;
+ width: 100%;
+ top: 0;
+ left: 0;
+ overflow-x: hidden;
+ -ms-overflow-style: none;
+ scrollbar-width: none;
+ z-index: -6;
}
.wrapper::-webkit-scrollbar {
- display: none;
+display: none;
}
/* main info window ======================================= */
.indexPage {
- overflow: hidden;
- top: 0;
- left: 0;
- margin: 0;
- padding: 0;
- width: 100%;
- height: 100%;
- background-color: rgb(20, 53, 85);
- background-image: url(/images/backgroundNightCity.jpg);
- background-position: center;
- background-repeat: no-repeat;
- background-size: cover;
- color: #F4E8C1;
- z-index: -10;
+ overflow: hidden;
+ top: 0;
+ left: 0;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ height: 100%;
+ background-color: rgb(20, 53, 85);
+ background-image: url(/images/backgroundNightCity.jpg);
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ color: #F4E8C1;
+ z-index: -10;
}
.window {
- position: relative;
- top: 15%;
- left: 10%;
- height: 70%;
- width: 80%;
- background: transparent;
- display: flex;
- justify-content: center;
- align-items: center;
- z-index: 999;
- /* transform-style: preserve-3d; */
- /* perspective: 1000px; */
+ position: relative;
+ top: 15%;
+ left: 10%;
+ height: 70%;
+ width: 80%;
+ background: transparent;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ z-index: 999;
+ /* transform-style: preserve-3d; */
+ /* perspective: 1000px; */
}
/* .window:after { */
@@ -72,66 +72,66 @@
/* } */
.window .windowWrap {
- position: relative;
- width: 100%;
- height: 100%;
- border: 1px solid rgba(255,255,255, .15);
- border-radius: 1em;
- -moz-filter: blur(16px);
- -o-filter: blur(16px);
- -ms-filter: blur(16px);
- -webkit-backdrop-filter: blur(16px);
- backdrop-filter: blur(16px);
- box-shadow: 0 0 10mm rgba(0,0,0,1);
- display: flex;
- justify-content: center;
- align-items: center;
- text-align: center;
- z-index: 11;
+ position: relative;
+ width: 100%;
+ height: 100%;
+ border: 1px solid rgba(255,255,255, .15);
+ border-radius: 1em;
+ -moz-filter: blur(16px);
+ -o-filter: blur(16px);
+ -ms-filter: blur(16px);
+ -webkit-backdrop-filter: blur(16px);
+ backdrop-filter: blur(16px);
+ box-shadow: 0 0 10mm rgba(0,0,0,1);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+ z-index: 11;
}
.window:hover,
.windowWrap:hover {
- transform: scale(1.1);
- transition: all 0.3s
+ transform: scale(1.1);
+ transition: all 0.3s
}
.window .windowWrap .text {
- position: relative;
- width: 100%;
- text-align: center;
- text-shadow: 10px 10px 10px black;
+ position: relative;
+ width: 100%;
+ text-align: center;
+ text-shadow: 10px 10px 10px black;
}
.window .windowWrap .text .title {
- /* z-index: -1; */
- /* transform: translateZ(30px); */
- font-family: monoton;
- font-size: 7vw;
- text-transform: uppercase
+ /* z-index: -1; */
+ /* transform: translateZ(30px); */
+ font-family: monoton;
+ font-size: 7vw;
+ text-transform: uppercase
}
.description {
- /* z-index: -1; */
- /* transform: translateZ(30px); */
- font-family: rocksalt;
- font-size: 1.75vw;
+ /* z-index: -1; */
+ /* transform: translateZ(30px); */
+ font-family: rocksalt;
+ font-size: 1.75vw;
}
.title {
- text-shadow: 15px 15px 15px black;
- transition: all 0.5s
+ text-shadow: 15px 15px 15px black;
+ transition: all 0.5s
}
.title:hover {
- transform: scale(1.1);
- transition: all 0.5s
+ transform: scale(1.1);
+ transition: all 0.5s
}
.window .windowWrap .text .br {
- display: block;
- height: 0;
- width: 0;
- margin-bottom: 5vh;
+ display: block;
+ height: 0;
+ width: 0;
+ margin-bottom: 5vh;
}