[ Mini Kiebo ]

Server: Windows NT DESKTOP-5B8S0D4 6.2 build 9200 (Windows 8 Professional Edition) i586 Path: D:/Backup/05122024/htdocs/siakad/simkeu/keuangan/less/inc/ [ Home ]
File: media.less
/*-------------------------
	Lightbox
-------------------------*/

.lightbox {
	.lightbox-item {
		overflow: hidden;

		& > img {
			.transition(all);
			.transition-duration(200ms);
			width: 100%;
			border-radius: 2px;
		}

		&:hover {
			cursor: pointer;

			img {
				.scale-rotate(1.35, 10deg);
			}
		}
	}

	[data-src] {
		.clearfix();
	}

	.lightbox-item:not(.p-item) {
		position: relative;
	}
}

/*-------------------------
	Carousel
--------------------------*/
.carousel {
	.carousel-control {
		.transition(all);
		.transition-duration(250ms);
		.opacity(0);

		.zmdi {
			position: absolute;
			top: 50%;
			left: 50%;
			line-height: 100%;

			@media screen and (min-width: @screen-sm-min) {
				font-size: 60px;
				width: 60px;
				height: 60px;
				margin-top: -30px;
				margin-left: -30px;
			}

			@media screen and (max-width: @screen-sm-max) {
				width: 24px;
				height: 24px;
				margin-top: -12px;
				margin-left: -12px;
			}
		}
	}

	&:hover {
		.carousel-control {
			.opacity(1);
		}
	}

	.carousel-caption {
		background: rgba(0,0,0,0.6);
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		padding-bottom: 50px;

		& > h3 {
			color: #fff;
			margin: 0 0 5px;
			font-weight: 300;
		}

		& > p {
			margin: 0;
		}

		@media screen and (max-width: @screen-sm-max) {
			display: none;
		}
	}

	.carousel-indicators {
		bottom: 10px;
		margin: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		padding: 0 0 6px;
		background: rgba(0,0,0,0.6);

		li {
			border-radius: 0;
			width: 15px;
			border: 0;
			background: #fff;
			height: 3px;
			margin: 0;
			.transition(all);
			.transition-duration(250ms);

			&.active {
				width: 25px;
				height: 3px;
				background: @m-orange;
			}
		}
	}
}