diff options
| author | 2023-11-07 01:28:02 +0800 | |
|---|---|---|
| committer | 2023-11-07 01:28:02 +0800 | |
| commit | 477ea421a6ecd12645dd25b4d14fd1d67085f08f (patch) | |
| tree | a81b072e65a0b7484b67c159f425b0c4c9834dfb /site/themes/coming-soon/static/css | |
| parent | f3bea281fbe19f5c8b4fae94b8832eee3ccfcf70 (diff) | |
| download | HydroRoll-477ea421a6ecd12645dd25b4d14fd1d67085f08f.tar.gz HydroRoll-477ea421a6ecd12645dd25b4d14fd1d67085f08f.zip | |
倒计时组件 (#72)
* 部署官网框架
* 部署官网框架
* 部署官网框架
* 修改标题
* 初步完成左侧倒计时组件
* favicon
---------
Co-authored-by: 白咕咕 <baiguguos@gmail.com>
Diffstat (limited to 'site/themes/coming-soon/static/css')
| -rw-r--r-- | site/themes/coming-soon/static/css/styles.css | 101 |
1 files changed, 0 insertions, 101 deletions
diff --git a/site/themes/coming-soon/static/css/styles.css b/site/themes/coming-soon/static/css/styles.css deleted file mode 100644 index 3c52555..0000000 --- a/site/themes/coming-soon/static/css/styles.css +++ /dev/null @@ -1,101 +0,0 @@ -* { -margin: 0; -padding: 0; -} - -.bgimg { -/* Full-screen */ -height: 100vh; /* Use viewport height for full-screen height */ -/* Center the background image */ -background-position: center; -/* Scale and zoom in the image */ -background-size: cover; -/* Add position: relative to enable absolutely positioned elements inside the image (place text) */ -position: relative; -/* Add a white text color to all elements inside the .bgimg container */ -color: white; -/* Add a font */ -font-family: "Courier New", Courier, monospace; -/* Set the font-size to 25 pixels */ -font-size: 25px; -} - -.bgimg video { -width: 100%; -height: 100%; /* Make the video fill the entire .bgimg container */ -object-fit: cover; /* Make the video cover the container without stretching */ -display: block; /* Remove any extra spacing */ -position: absolute; /* Position the video absolutely within the .bgimg container */ -} - - -/* Position text in the top-left corner */ -.topleft { -position: absolute; -top: 16px; -left: 16px; -} - -/* Position text in the bottom-left corner */ -.bottomleft { -position: absolute; -bottom: 16px; -left: 16px; -} - -/* Position text in the middle */ -.middle { -position: absolute; -top: 50%; -left: 50%; -transform: translate(-50%, -50%); -text-align: center; -} -#demo{ - font-size:30px; - padding: 10px; -} -@media screen AND (max-width:600px) { - .middle h1{ - font-size: 20px; - } - #demo{ - font-size: 20px; - } -} - -/* Style the <hr> element */ -hr { -margin: auto; -width: 40%; -} - -/* left side */ -.left{ - right: 0; - bottom: 10px; - position: absolute; -} -.social-icons { - text-align: center; - filter: brightness(0) invert(1); -} - -.social-icons .social-icons-list { - display: inline-block; - list-style-type: none; - padding: 0; - text-align: center; -} - -.social-icons-list .social-icon { - box-sizing: border-box; - display: inline-block; - height: 24px; - margin: 0 6px; - width: 24px; -} - -.social-icon a svg path { - transition: fill 0.15s ease; -}
\ No newline at end of file |
