/
/
home
/
u917864144
/
domains
/
dtdesigner.in
/
public_html
/
assets
/
css
EDITOR
/home/u917864144/domains/dtdesigner.in/public_html/assets/css/creative-studio.css
SAVE
CLOSE
:root { --bg-color: #100F0F; --theme-color: #1E1D1E; --main-color: #d0ff71; } /* --------------- header --------------- */ .header-cst { padding: 160px 0 120px; background: var(--theme-color); border-radius: 0 0 30px 30px; position: relative; z-index: 4; } .header-cst .title { margin: 15px 0; } .header-cst .title .bract { font-size: 14px; margin-bottom: 15px; } .header-cst .title .bract span { padding: 0 10px; } .header-cst .title h1 { font-size: 140px; font-weight: 600; text-transform: uppercase; } .header-cst .fit-img { height: 160px; width: 100%; border-radius: 100px; } .header-cst .img-out { position: absolute; top: 0; right: 0; bottom: 0; width: 40vw; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 0 100px 100px 0; } .header-cst .img-out .vid-butn .vid { width: 120px; height: 120px; line-height: 120px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.8); background: rgba(255, 255, 255, 0.05); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); border-radius: 50%; position: absolute; top: 50%; right: 30px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; } .header-cst .img-out .vid-butn .vid:hover { background: #fff; color: #000; } @media screen and (max-width: 992px) { .header-cst .img-out { position: static; -webkit-transform: none; -ms-transform: none; transform: none; width: 100%; border-radius: 100px; } .header-cst .ml-40 { margin-left: 0 !important; } .header-cst .text { display: none; } } @media screen and (max-width: 768px) { .header-cst .title h1 { font-size: 60px; } .header-cst .img-out { height: 120px; } .header-cst .img-out .vid-butn .vid { height: 100px; width: 100px; line-height: 100px; } } /* --------------- Intro --------------- */ .marquee { background-size: cover; background-position: center; border-radius: 0 0 30px 30px; margin-top: -100px; overflow: hidden; } .marquee .item { padding: 105px 80px 0 !important; } .marquee .item:nth-of-type(even) h2 span { color: transparent !important; -webkit-text-stroke: .2px #fff; } .marquee .item h2 { font-size: 100px; font-weight: 600; } .numbers .item h2 { font-size: 60px; } .numbers .item span { font-size: 18px; line-height: 1.4; margin-left: 30px; } .numbers .item.bords { position: relative; } .numbers .item.bords:after, .numbers .item.bords:before { content: ''; position: absolute; top: -30px; bottom: -30px; left: -50px; border-left: 1px solid #999; -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); } .numbers .item.bords:after { left: auto; right: 50px; } /* --------------- Works --------------- */ .work-card .card-item { margin-bottom: 50px; padding: 30px 40px; background: #333333; border-radius: 15px; } .work-card .card-item .img { position: relative; height: 450px; border-radius: 15px; overflow: hidden; } .work-card .card-item .tags a { color: #ccc; font-size: 14px; padding: 10px 20px 8px; border-radius: 30px; border: 1px solid rgba(255, 255, 255, 0.3); margin-bottom: 15px; } @media screen and (max-width: 992px) { .work-card .butn { margin-top: 15px; } } @media screen and (max-width: 768px) { .work-card h3 { font-size: 30px; } .work-card .card-item { padding: 30px 15px; } .work-card .card-item .img { height: 350px !important; } } /* --------------- Services --------------- */ .services-cst { position: relative; z-index: 3; } .services-cst .item { padding: 25px 15px; border-top: 1px solid rgba(255, 255, 255, 0.2); position: relative; } .services-cst .item:last-of-type { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .services-cst .item:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; background: var(--main-color); -webkit-transition: all .4s linear; -o-transition: all .4s linear; transition: all .4s linear; z-index: -1; } .services-cst .item > div { width: 100%; } .services-cst .item h2 { font-size: 65px; font-weight: 600; text-transform: uppercase; padding-top: 15px; } .services-cst .item .icon img { width: 30px; } .services-cst .item.active { color: #1E1D1E; } .services-cst .item.active:after { height: 100%; } .services-cst .item.active .invert img { -webkit-filter: invert(0) !important; filter: invert(0) !important; } .services-cst .item.active p { color: #4d4949; } .numbers-dm .item h2 { font-size: 120px; font-weight: 200; } .numbers-dm .item h2 span { font-size: 50px; } .numbers-dm .item h6 { font-size: 18px; } @media screen and (max-width: 768px) { .services-cst .item p { margin-top: 20px; } .services-cst .item .ml-auto { margin-left: 0 !important; margin-top: 15px; } } /* --------------- Clients --------------- */ .header-cst .brands .item .img { max-height: 80px; text-align: center; margin: auto; } .header-cst .brands .item .img img { width: auto; } /* --------------- Testimonials --------------- */ .testimonials-cst .img-main { position: absolute; top: 0; right: 0; width: 50%; bottom: 15%; border-radius: 15px; } .testimonials-cst .qoute-icon { position: relative; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin-right: 40px; opacity: .2; } .testimonials-cst .qoute-icon img { width: 100px; } .testimonials-cst .testim-box { padding: 40px 60px; background: #D9D9D9; border-radius: 15px; position: relative; z-index: 4; } .testimonials-cst .item h5 { font-weight: 400; line-height: 1.3; } .testimonials-cst .item .rate { font-size: 14px; } .testimonials-cst .swiper { padding-bottom: 55px; } .testimonials-cst .controls { background-image: url(../imgs/smoke-bg.jpg); background-size: cover; border-radius: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 50px; position: relative; } .testimonials-cst .controls .swiper-button-next:after, .testimonials-cst .controls .swiper-button-prev:after { display: none; } .testimonials-cst .controls .swiper-button-next .icon img, .testimonials-cst .controls .swiper-button-prev .icon img { width: 50px; } .testimonials-cst .controls .swiper-button-next { right: 30px; } .testimonials-cst .controls .swiper-button-prev { left: 30px; } @media screen and (max-width: 992px) { .testimonials-cst .img-main { display: none; } .testimonials-cst .qoute-icon { margin-bottom: 30px; } .testimonials-cst .controls { margin-top: 30px; } .numbers .item { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .numbers .item.bords { margin: 0 0 40px; } .numbers .item.bords:after { display: none; } } @media screen and (max-width: 768px) { .testimonials-cst .fz-70 { font-size: 45px !important; text-wrap: pretty; } .testimonials-cst .sec-head { position: relative; z-index: 15; margin-bottom: 50px !important; } .testimonials-cst .testim-box { padding: 30px; } .testimonials-cst .testim-box .qoute-icon img { width: 50px; height: 50px; margin-bottom: 20px; } .testimonials-cst .controls { margin-top: 30px; } .numbers .item { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .numbers .item.bords { margin: 40px 0; } .numbers .item.bords:after, .numbers .item.bords:before { display: none; } } /* --------------- Awards --------------- */ .awards .main-marq { overflow: hidden; } .awards .main-marq .item h2 { font-size: 10vw; white-space: nowrap; } .awards .main-marq .box:first-of-type .item:nth-of-type(even) h2 { font-weight: 300; } .awards .main-marq .box:last-of-type .item:nth-of-type(odd) h2 { font-weight: 300; } .awards .awards-content .awards-list .award-row { padding: 30px; text-transform: capitalize; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-top: 1px solid rgba(255, 255, 255, 0.2); transition: all 0.3s ease; } .awards .awards-content .awards-list .award-row:last-of-type { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .awards .awards-content .awards-list .award-row:hover { background-color: var(--main-color); color: #0d0d0d; } .awards .awards-content .awards-list .award-row:hover p { color: #444; } .awards .awards-content .awards-list .award-row p { font-size: 15px; } @media screen and (max-width: 991px) { .awards .awards-content .awards-list .award-row { background-color: #fff1; margin-bottom: 30px; } } /* --------------- Blogs --------------- */ .blog-cst .item .img { height: 6em; border-radius: 15px; } .blog-cst .item .cont h5 { font-weight: 400; text-wrap: pretty; margin-bottom: 10px; } .blog-cst .item .cont span { font-size: 14px; font-weight: 300; text-transform: uppercase; line-height: 1.3; } @media screen and (max-width: 768px) { .blog-cst .sec-head h2 { margin-bottom: 30px; } .blog-cst .item { margin-top: 50px; } .blog-cst .item .img { height: 150px; border-radius: 15px; } }
Ln 1, Col 1
FORMAT
WRAP
SAVE FILE
ONLINE
css
6 items
15:29:56
TERMINAL FM
×
NAVIGATION
Root
Parent Dir
Refresh
ACTIONS
New Folder
New File
Upload Files
New Symlink
SELECTION
Select All
Deselect
Delete Selected
NEW FOLDER
FOLDER NAME
NEW FILE
FILE NAME
UPLOAD FILES
Click to browse or drag & drop files
No files selected
RENAME
CURRENT NAME
NEW NAME
COPY FILE
SOURCE
DESTINATION NAME
CHMOD
FILE / FOLDER
CURRENT PERMISSIONS
NEW MODE (octal)
755 (rwxr-xr-x)
644 (rw-r--r--)
777 (rwxrwxrwx)
600 (rw-------)
444 (r--r--r--)
CONFIRM DELETE
You are about to delete:
This action is irreversible. All contents will be permanently removed.
NEW SYMLINK
LINK TARGET (path)
LINK NAME
Edit
Preview
Download
Rename
Copy
Chmod
Delete