File Manager

X7ROOT File Manager

Current Path: /home/u408670528/domains/vittoriabeltrame.com/public_html/assets/css/demos

home / u408670528 / domains / vittoriabeltrame.com / public_html / assets / css / demos /

📁 ..
📄 demo-app-landing.css(4.32 KB)
📄 demo-architecture-2.css(11.05 KB)
📄 demo-architecture-interior.css(3.42 KB)
📄 demo-auto-services.css(9.74 KB)
📄 demo-band.css(4.55 KB)
📄 demo-barber.css(8.84 KB)
📄 demo-beauty-salon.css(2.06 KB)
📄 demo-business-consulting-2.css(15.32 KB)
📄 demo-business-consulting-3.css(6.63 KB)
📄 demo-business-consulting-4.css(3.7 KB)
📄 demo-business-consulting.css(22.33 KB)
📄 demo-church.css(21.57 KB)
📄 demo-cleaning-services.css(10.18 KB)
📄 demo-coffee.css(3.11 KB)
📄 demo-construction-2.css(7.39 KB)
📄 demo-construction.css(11.58 KB)
📄 demo-digital-agency-2-dark.css(15.25 KB)
📄 demo-digital-agency-2.css(12.63 KB)
📄 demo-digital-agency.css(6.51 KB)
📄 demo-education.css(4.02 KB)
📄 demo-event.css(4.8 KB)
📄 demo-finance.css(2.2 KB)
📄 demo-gym.css(11.21 KB)
📄 demo-hotel.css(7.26 KB)
📄 demo-industry-factory.css(9.95 KB)
📄 demo-insurance.css(5.58 KB)
📄 demo-it-services.css(9.68 KB)
📄 demo-landing.css(3.93 KB)
📄 demo-law-firm-2.css(9.09 KB)
📄 demo-law-firm.css(3.47 KB)
📄 demo-medical-2.css(10.92 KB)
📄 demo-medical.css(10.23 KB)
📄 demo-one-page-agency.css(4.28 KB)
📄 demo-photography-2.css(66.87 KB)
📄 demo-photography-3.css(60.15 KB)
📄 demo-photography.css(47.59 KB)
📄 demo-product-landing.css(5.42 KB)
📄 demo-real-estate.css(3.22 KB)
📄 demo-restaurant.css(4.07 KB)
📄 demo-resume-dark.css(24.2 KB)
📄 demo-resume.css(22.59 KB)
📄 demo-sass.css(5.19 KB)
📄 demo-seo-2.css(13.6 KB)
📄 demo-seo.css(2.18 KB)
📄 demo-startup-agency.css(6.72 KB)
📄 demo-wedding.css(7.01 KB)

Editing: demo-wedding.css

.custom-font-1 {
		font-family: "Tangerine", cursive;
		font-weight: bold;
}

.custom-font-size-1 {
		font-size: 70px !important;
}

.custom-font-size-2 {
		font-size: 50px !important;
}

.custom-font-size-3 {
		font-size: 40px !important;
}

.custom-font-size-4 {
		font-size: 0.6em !important;
}

.custom-logo {
		font-family: "Tangerine", cursive;
		font-size: 50px;
		font-weight: 700;
		display: block;
		padding: 10px 0;
}

@media (min-width: 992px) {
		#header .header-nav-bar .header-nav {
				min-height: 80px;
		}
		#header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li > a {
				letter-spacing: 3px;
				font-weight: 400;
				padding: 0 0.9rem !important;
				margin: 0 0.9rem !important;
		}
		#header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li > a:before {
				height: 1px;
				transform: translateX(-2px);
		}
		#header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li:hover > a:before {
				height: 1px;
				transform: translateX(-2px);
		}
}

@media (max-width: 991px) {
		#header .header-logo {
				top: 26px;
		}
		#header .header-btn-collapse-nav {
				top: -23px;
		}
}

.slider .slotholder:after {
		width: 100%;
		height: 100%;
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		pointer-events: none;
		opacity: 0.4;
		background: #333;
		z-index: 1000;
}

.tp-caption-custom-1 {
		font-family: "Tangerine", cursive;
		color: transparent;
		-webkit-text-stroke: 1px #FFF;
		text-stroke: 1px #FFF;
		opacity: 0.3 !important;
}

.tp-caption-custom-2 {
		font-family: "Tangerine", cursive;
		color: #FFF;
}

.tp-caption-custom-3-el-1 {
		color: #333;
		display: inline-block;
		letter-spacing: 2.5px;
		padding: 15px 80px;
		background: url(../../img/demos/wedding/backgrounds/bg-1.svg) no-repeat 0 0;
		background-size: cover;
}

.custom-bg-1 {
		position: absolute;
		width: 1200px;
		left: -800px;
		top: -285px;
		transform: rotate(45deg);
}

.custom-bg-2 {
		position: relative;
		background: url(../../img/demos/wedding/backgrounds/bg-2.svg) no-repeat 0 0;
		background-size: 100% 100%;
}

.custom-bg-3 {
		position: absolute;
		width: 1200px;
		right: -45%;
		transform: rotate(40deg);
}

.custom-bg-4 {
		position: absolute;
		width: 1200px;
}

.custom-countdown-1 .days span, .custom-countdown-1 .hours span, .custom-countdown-1 .minutes span, .custom-countdown-1 .seconds span {
		font-weight: bold;
}

.custom-text-1 {
		font-family: "Tangerine", cursive;
		color: transparent;
		-webkit-text-stroke: 1px #f4f0ed;
		text-stroke: 1px #FFF;
		font-size: 23vw;
		white-space: nowrap;
		position: absolute;
		bottom: 3%;
}

.custom-thumb-info-style-1:hover .thumb-info-wrapper:after {
		opacity: 0.5 !important;
}

.mfp-wrap.wedding-portfolio-gallery {
		opacity: 0;
		transition: ease opacity 300ms;
}

#ourHistoryLightbox {
		position: absolute;
		width: 100vw;
		height: 100vh;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
}

#ourHistoryLightbox .mfp-close {
		background-color: #60635c;
		color: #FFF;
		top: 0;
		right: 0;
		opacity: 1;
}

#ourHistoryLightbox .mfp-close:hover {
		opacity: 0.7;
}

#ourHistoryLightbox .thumb-gallery {
		position: absolute;
		width: 100vw;
		height: 95vh;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
}

#ourHistoryLightbox .owl-carousel .owl-item > div {
		position: relative;
		height: 95vh;
}

#ourHistoryLightbox .owl-carousel .owl-item > div .img-thumbnail {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		padding: 0;
		border: none;
		background: transparent;
		text-align: center;
		transform: translate3d(-50%, -50%, 0);
}

#ourHistoryLightbox .owl-carousel .owl-item img {
		display: inline-block !important;
		width: auto;
		max-width: 95vw;
		max-height: 90vh;
		box-shadow: 0px 0px 40px -10px #000;
}

#ourHistoryLightbox .owl-carousel .owl-nav button.owl-prev,
#ourHistoryLightbox .owl-carousel .owl-nav button.owl-next {
		border: 0 none;
		border-radius: 0;
		color: #FFF;
		height: 80px;
		line-height: 68px;
		margin-top: -20px;
		transition: all 0.3s ease;
}

#ourHistoryLightbox .owl-carousel .owl-nav button.owl-prev:before,
#ourHistoryLightbox .owl-carousel .owl-nav button.owl-next:before {
		font-family: simple-line-icons;
		content: "\e605";
		font-size: 11px;
}

#ourHistoryLightbox .owl-carousel .owl-nav button.owl-next::before {
		font-family: simple-line-icons;
		content: "\e606";
}

#ourHistoryLightbox #thumbGalleryThumbs {
		width: 98%;
		height: 13vh;
		position: fixed;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
}

#ourHistoryLightbox #thumbGalleryThumbs:hover .owl-stage-outer, #ourHistoryLightbox #thumbGalleryThumbs.show-thumbs .owl-stage-outer {
		opacity: 1;
		transform: translateY(0);
}

#ourHistoryLightbox #thumbGalleryThumbs.boxed-thumbs:hover .owl-stage-outer {
		opacity: 1;
		transform: translateY(0);
}

#ourHistoryLightbox #thumbGalleryThumbs.boxed-thumbs .owl-item > div {
		height: 20vh;
}

#ourHistoryLightbox #thumbGalleryThumbs.boxed-thumbs .owl-item > div .img-thumbnail {
		height: 5.3vw;
		overflow: hidden;
		border: none;
		box-shadow: none;
}

#ourHistoryLightbox #thumbGalleryThumbs.boxed-thumbs .owl-item img {
		width: auto;
		height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
}

#ourHistoryLightbox #thumbGalleryThumbs.full-proportion-thumbs:hover .owl-stage-outer {
		opacity: 1;
		transform: translateY(-32%);
}

#ourHistoryLightbox #thumbGalleryThumbs.full-proportion-thumbs .owl-item.active-thumb {
		opacity: 0.5;
}

#ourHistoryLightbox #thumbGalleryThumbs.full-proportion-thumbs .owl-item > div {
		height: 20vh;
}

#ourHistoryLightbox #thumbGalleryThumbs.full-proportion-thumbs .owl-item > div .img-thumbnail {
		border: none;
		box-shadow: none;
		overflow: visible;
}

#ourHistoryLightbox #thumbGalleryThumbs.full-proportion-thumbs .owl-item img {
		max-height: 20vh;
		box-shadow: none;
		height: auto;
		width: 100%;
}

#ourHistoryLightbox #thumbGalleryThumbs .owl-stage-outer {
		opacity: 0;
		transform: translateY(100%);
		transition: ease all 300ms;
}

#ourHistoryLightbox #thumbGalleryThumbs .owl-stage {
		margin: 0 auto;
}

#ourHistoryLightbox #thumbGalleryThumbs .owl-item.active-thumb {
		opacity: 0.5;
}

#ourHistoryLightbox #thumbGalleryThumbs .owl-item > div {
		height: 20vh;
}

#ourHistoryLightbox #thumbGalleryThumbs .owl-item > div .img-thumbnail {
		height: 5.3vw;
		box-shadow: 0px 0px 50px -10px #000;
		overflow: hidden;
}

#ourHistoryLightbox #thumbGalleryThumbs .owl-item img {
		width: 100%;
		height: auto;
		max-height: none;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
}

@media (max-width: 991px) {
		#ourHistoryLightbox .thumb-gallery {
				transform: translate3d(-50%, -50%, 0);
		}
		#ourHistoryLightbox .owl-carousel .owl-item img {
				box-shadow: 0px 0px 20px #000;
				max-width: 89vw;
		}
		#ourHistoryLightbox #thumbGalleryThumbs .owl-item img {
				box-shadow: none;
		}
		#ourHistoryLightbox #thumbGalleryThumbs .owl-stage-outer {
				display: none;
		}
}

@media (max-width: 767px) {
		#ourHistoryLightbox .owl-carousel .owl-item img {
				max-width: 80vw;
		}
}

X7ROOT File Manager

Editing: demo-wedding.css

Upload File

Create Folder