From d383f8295b1c2c38c8fe0a499896285f89200ba3 Mon Sep 17 00:00:00 2001 From: littleblack111 Date: Sat, 30 Sep 2023 12:47:06 +0800 Subject: init --- src/css/register.css | 90 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 90 insertions(+) create mode 100644 src/css/register.css (limited to 'src/css/register.css') diff --git a/src/css/register.css b/src/css/register.css new file mode 100644 index 00000000..7d26e1b7 --- /dev/null +++ b/src/css/register.css @@ -0,0 +1,90 @@ +/* main info window ======================================= */ +.registerPage { + overflow: hidden; + top: 0; + left: 0; + margin: 0; + padding: 0; + width: 100%; + height: 100%; + background-image: url(/images/backgroundNightCity.jpg); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + color: #F4E8C1; + z-index: 1; +} + +.window { + position: relative; + top: 15%; + left: 10%; + height: 70%; + width: 80%; + background: transparent; + display: flex; + justify-content: center; + align-items: center; +} + +.window .placeholder { + position: relative; + width: 100%; + height: 100%; + border: 1px solid rgba(255,255,255, .5); + border-radius: 0.7em; + -webkit-backdrop-filter: blur(20px); + backdrop-filter: blur(20px); + box-shadow: 0 0 10mm rgba(0,0,0,.7); + display: flex; + justify-content: center; + align-items: center; + text-align: center; +} + +.window .placeholder .text { + position: relative; + width: 80%; + text-align: left; +} + +.window .placeholder .text .title { + text-align: center; + font-family: smooth; + font-size: 10vw; +} + +.window .placeholder .text .br { + display: block; + height: 0; + width: 0; + margin-bottom: 5vh; +} +.window .placeholder .text button, +.window .placeholder .text input { + font-size: 2vh; + margin-top: 3mm; + background-color: #F4E8C1; + width: 100%; + height: 4vh; + border-color: #331E38; + border-style: solid; + border-width: 1mm; + border-radius: 2mm; + margin-bottom: 4mm; +} + +.window .placeholder .text button { + background-color: transparent; + border-color: transparent; + background-color: transparent; + font-size: 2.5vh; + color: #F4E8C1; +} + +.window .placeholder .text button:hover { + background-color: #A0C1B9; + color: #331E38; +} + +/* programs =============================================== */ \ No newline at end of file -- cgit v1.2.3