aboutsummaryrefslogtreecommitdiffstats
path: root/public/css
diff options
context:
space:
mode:
authorLibravatarLibravatar Biswakalyan Bhuyan <biswa@surgot.in> 2024-04-08 14:15:04 +0530
committerLibravatarLibravatar Biswakalyan Bhuyan <biswa@surgot.in> 2024-04-08 14:15:04 +0530
commit5262ce213bde042fe03619c75ae3ac0316806853 (patch)
treee831d1b1347b5616e990fe3beb8772eeb34d24a1 /public/css
downloadblacklist-5262ce213bde042fe03619c75ae3ac0316806853.tar.gz
blacklist-5262ce213bde042fe03619c75ae3ac0316806853.tar.bz2
blacklist-5262ce213bde042fe03619c75ae3ac0316806853.zip
comming-soon Blacklist
Diffstat (limited to 'public/css')
-rw-r--r--public/css/styles.css114
1 files changed, 114 insertions, 0 deletions
diff --git a/public/css/styles.css b/public/css/styles.css
new file mode 100644
index 0000000..b8f468b
--- /dev/null
+++ b/public/css/styles.css
@@ -0,0 +1,114 @@
+* {
+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%;
+}
+
+/* right side */
+.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;
+}
+
+.topright {
+ position: absolute;
+ top: 16px;
+ right: 15px;
+}
+
+.topright a{
+ text-decoration: none;
+ color: #0e0e10;
+}
+
+/* left side */
+.left{
+ right: 0;
+ bottom: 10px;
+ position: absolute;
+} \ No newline at end of file