Hackfut Security File Manager
Current Path:
/home/u126195517/domains/rddvc.com/public_html/members/assets/css
home
/
u126195517
/
domains
/
rddvc.com
/
public_html
/
members
/
assets
/
css
/
📁
..
📄
dvcdesi001.css
(5.57 KB)
📄
dvcdesi002.css
(5.5 KB)
📄
dvcdesi003.css
(5.95 KB)
📄
style-liberty.css
(313.66 KB)
Editing: dvcdesi003.css
<style> /* Base Styles */ body { font-family: 'Your-Desired-Font', sans-serif; } .card, .user-details, .section, .error-message, .cardshare, .input, .button, .payment-content, .image-slider, iframe, #videoContainer, .video, #container, .product, .details, form, label, input, textarea, button, .blinking-span, .navbar, .navbar a { font-family: 'Your-Desired-Font', sans-serif; } body { font-family: 'Your-Desired-Font', sans-serif; } .card, .user-details, .section, .error-message, .cardshare, .input, .button, .payment-content, .image-slider, iframe, #videoContainer, .video, #container, .product, .details, form, label, input, textarea, button, .blinking-span, .navbar, .navbar a { font-family: 'Your-Desired-Font', sans-serif; } .card { max-width: 400px; margin: 0 auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); border-radius: 10px; border-color:darkred; padding: 20px; overflow: hidden; color: white; } .card-header { background: url('images/banner1.jpg') center/cover no-repeat; height: 200px; border: 3px solid darkred; border-bottom: 20px solid darkred; background-size: cover; background-position: center; transition: transform 0.3s ease-in-out; } .card-header:hover { transform: scale(1.05); } .curve { position: sticky; bottom: 200; left: 0; width: 100%; height: 50px; background:darkred; clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 0); } .curve2 { position: relative; bottom: 800; left: 0; width: 100%; height: 30px; background:darkred; clip-path: polygon(100 80%, 100% 0, 100% 00%, 0% 0); } .profile-pic { width: 100px; height: 100px; border-radius: 50%; margin-top: 80px; margin-left: 190px; margin-right: auto; border: 2px solid #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); transition: transform 0.3s ease-in-out; } .profile-pic:hover { transform: rotate(360deg); } /* User Details */ .user-details { text-align: center; padding: 20px; } .user-details h1 { font-size: 24px; text-decoration :underline; margin: 0px 0; color:darkred; } .user-details h2 { font-size: 18px; margin: 5px 0; color:black; } /* Social Icons */ .social-icons { margin-top: 15px; } .social-icons a { text-decoration: none; color: darkred; font-size: 30px; margin: 10px; transition: transform 0.3s ease-in-out; } .social-icons a:hover { transform: scale(1.2); color: #45a049; } /* Second Section */ .section { padding: 20px; border: 1px solid #ddd; border-bottom-color: #ddd; background: radial-gradient(circle, rgba(223,237,255,1) 0%, rgba(255,240,240,1) 0%); } .section h2 { font-size: 20px; margin-bottom: 10px; color:black; } .section h3 { font-size: 18px; margin-top: 10px; margin-bottom: 10px; color:black; text-align: center } .section p { font-size: 14px; color:black; } .error-message { color: red; font-size: 12px; } .cardshare { padding: 20px; align-content: center; border: 1px solid #ddd; border-bottom-color: #ddd; background: radial-gradient(circle, rgba(223,237,255,1) 0%, rgba(255,240,240,1) 0%); } .input { padding: 10px; margin: 10px; border: 1px solid darkred; border-radius: 4px; } .button { padding: 10px 20px; margin: 20px; cursor: pointer; } .payment { display: inline-block; padding: 20px; background-color: #fff; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; } .payment img { height: 290px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .payment-content { padding: 15px; } .image-slider { width: 100%; overflow: hidden; margin-top: 20px; border: medium; } .image-slider img { width: 100%; height: auto; display: none; } iframe { width: 100%; height: 200px; /* Adjust the height as needed */ } #videoContainer { overflow-x: auto; white-space: nowrap; margin: 20px auto; } .video { display: inline-block; margin-right: 10px; width: 300px; /* Adjust the width as needed */ } #container { max-width: 1200px; margin: 20px auto; overflow-x: auto; white-space: nowrap; } .product { display: inline-block; width: 280px; margin-right: 20px; background-color: #fff; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; } .product img { width: 280px; height: 280px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .product-content { padding: 15px; } .details { padding: 15px; overflow-x:auto; } .details p { margin: 10px 0; } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } form { display: flex; flex-direction: column; } label { margin-bottom: 8px; color: #333; } input, textarea { margin-bottom: 16px; padding: 10px; border: 1px solid #ccc; border-radius: 4px; } button { padding: 10px; background-color: darkred; color: #fff; border: none; border-radius: 4px; cursor: pointer; } button:hover { background-color: #45a049; } .blinking-span { color: darkred; font-size: 15px; animation: blink 1s infinite; } .navbar { bottom: 0; left: 0; overflow: hidden; background-color: darkred; position: fixed; width: 100%; padding: 5px; } .navbar a { float: left; display: block; color: #f2f2f2; text-align: center; font-size: 13px; padding: 14px 16px; text-decoration: none; } .navbar a:hover { background-color: #ddd; color: black; } .navbar-content { display: flex; overflow-x: auto; } </style>
Upload File
Create Folder