diff options
| author | littleblack111 <littleblack11111@gmail.com> | 2023-10-29 01:30:19 +0800 |
|---|---|---|
| committer | littleblack111 <littleblack11111@gmail.com> | 2023-10-29 01:30:19 +0800 |
| commit | 1298abd3377cc79d8883bb6e38b65bca46f0c8d7 (patch) | |
| tree | 5422ebd5fb2e4ccff0c6ce16834907521b62e467 /src/css/index.css | |
| parent | 4e0cde2e9e7cb2482b6d16dd2109c514fd98eeff (diff) | |
all space -> tab
Diffstat (limited to 'src/css/index.css')
| -rw-r--r-- | src/css/index.css | 148 |
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; } |
