From 477ea421a6ecd12645dd25b4d14fd1d67085f08f Mon Sep 17 00:00:00 2001 From: 白咕咕 <67865300+baimianxiao@users.noreply.github.com> Date: Tue, 7 Nov 2023 01:28:02 +0800 Subject: 倒计时组件 (#72) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * 部署官网框架 * 部署官网框架 * 部署官网框架 * 修改标题 * 初步完成左侧倒计时组件 * favicon --------- Co-authored-by: 白咕咕 --- site/themes/coming-soon/static/css/styles.css | 101 -------------------------- 1 file changed, 101 deletions(-) delete mode 100644 site/themes/coming-soon/static/css/styles.css (limited to 'site/themes/coming-soon/static/css/styles.css') 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
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 -- cgit v1.2.3-70-g09d2