lc-lightbox-lite/skins/light.css

LC Lightbox is a gesture-powered, highly customizable jQuery lightbox that supports any type of content

.lcl_light #lcl_window,
.lcl_light.lcl_txt_under #lcl_txt,
.lcl_light #lcl_nav_cmd .lcl_icon,
.lcl_light #lcl_corner_close,
.lcl_light.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt,
.lcl_light.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt,
.lcl_light .lcl_tooltip {
	background-color: #fcfcfc;	
}
.lcl_forced_fullscreen #lcl_overlay,
.lcl_fullscreen_mode #lcl_overlay,
.lcl_light #lcl_subj,
.lcl_image_elem:before {
	background-color: #4e4e4e;	
}
.lcl_forced_fullscreen #lcl_overlay,
.lcl_fullscreen_mode #lcl_overlay {
    background-image: none;
    opacity: 1;
}

.lcl_light #lcl_loader > span {
	border-color: #aaa #aaa transparent;
}


/* COMMANDS */
.lcl_light #lcl_nav_cmd .lcl_icon {
	border-radius: 3px;
	background: #fefefe;
	box-shadow: 0 0 2px rgb(20, 20, 20, 0.05);
	border: none;
	color: #6f6f6f;
}
.lcl_light .lcl_icon:not(.lcl_counter):after {
	background: #6f6f6f;
}
.lcl_light#lcl_wrap:not(.lcl_on_mobile) .lcl_icon:not(.lcl_counter):not(.lcl_zoom_disabled):not(a):hover:before {
	color: #fefefe;
}
.lcl_light.lcl_fullscreen_mode[lcl-type=iframe] #lcl_subj {
	top: 58px;	
}
.lcl_light .lcl_close {
    margin-left: 14px !important;
}
.lcl_light .lcl_zoom_in {
    margin-right: 14px !important;
}
.lcl_light.lcl_nav_btn_middle .lcl_prev,
.lcl_light.lcl_nav_btn_middle .lcl_prev:hover,
.lcl_light.lcl_nav_btn_middle .lcl_next,
.lcl_light.lcl_nav_btn_middle .lcl_next:hover {
    background: transparent !important;
    border-radius: 0 !important;
}
.lcl_light.lcl_nav_btn_middle .lcl_prev:before, 
.lcl_light.lcl_nav_btn_middle .lcl_next:before,
.lcl_light.lcl_nav_btn_middle .lcl_prev:hover:before, 
.lcl_light.lcl_nav_btn_middle .lcl_next:hover:before {
    font-size: 28px !important;
    color: #fff !important;
}
.lcl_light.lcl_nav_btn_middle .lcl_prev:after,
.lcl_light.lcl_nav_btn_middle .lcl_next:after {
	box-shadow: none !important;
}
.lcl_light.lcl_nav_btn_middle .lcl_next:after,
.lcl_light.lcl_nav_btn_middle .lcl_prev:after,
.lcl_light.lcl_nav_btn_middle:not(.lcl_on_mobile) .lcl_next:hover:after,
.lcl_light.lcl_nav_btn_middle .lcl_prev:hover:after {
	background: rgba(0, 0, 0, 0.3) !important;
}
.lcl_light .lcl_counter {
	font-size: 12px;
	line-height: 30px;
	font-family: sans-serif;
	padding: 0 8px !important;
}
@media screen and (min-width:475px) { 
	.lcl_light .lcl_close {
		margin-left: 28px !important;
	}
	.lcl_light .lcl_zoom_in {
		margin-right: 28px !important;
	}
}
@media screen and (max-width:475px) { 
	.lcl_light #lcl_nav_cmd .lcl_icon {
		margin: 3px 0;	
	}
	.lcl_light .lcl_counter {
    	letter-spacing: -1px;
	}
}
@media screen and (max-width:370px) { 
	.lcl_light.lcl_outer_cmd #lcl_nav_cmd {
		padding: 7px 10px;	
	}
	.lcl_light #lcl_nav_cmd .lcl_icon {
		width: 24px;
	}
}

/* alternative inner close button */
.lcl_light #lcl_corner_close {
	border: 3px solid #d0d0d0 !important;
}
.lcl_light #lcl_corner_close:before {
	color: #6f6f6f;
}


/* TEXTS */
.lcl_light #lcl_txt * {
	font-family: sans-serif;	
	color: #2d2d2d;
}
.lcl_light #lcl_title {
	color: #444;	
}
.lcl_light #lcl_author {
	color: #626262;	
}
.lcl_light .lcl_txt_border {
	border-bottom: 1px dashed #d3d3d3 !important;		
}

/* text over */
.lcl_light.lcl_force_txt_over #lcl_txt,
.lcl_light.lcl_txt_over #lcl_txt {
	background: rgba(253, 253, 253, 0.9);
}
.lcl_light.lcl_force_txt_over #lcl_txt:before,
.lcl_light.lcl_txt_over #lcl_txt:before {
	background: #c4c4c4;
}
.lcl_light.lcl_force_txt_over #lcl_txt:after, 
.lcl_light.lcl_txt_over #lcl_txt:after {
	border-color: #eee;
}



/* TOOLTIP */
.lcl_light .lcl_tooltip.lcl_tt_bottom:before {
	border-color: transparent transparent #fff;	
}
.lcl_light .lcl_tooltip.lcl_tt_top:before {
	border-color: #fff transparent transparent;
}

/* SOCIALS VISIBILITY */
.lcl_light .lcl_socials_tt a {
	border-color: #eaeaea;
}

/* THUMBS NAVIGATOR */
.lcl_light .lcl_tn_inner li {
	border-radius: 3px;	
}
.lcl_light #lcl_thumbs_nav span {
	color: #f5f5f5;
}
.lcl_light .lcl_tn_mixed_types li::before {
    background: rgba(0, 0, 0, 0.25);	
}
.lcl_light .lcl_tn_mixed_types li:after {
    color: #fff;
}

/* PROGRESSBAR */
.lcl_light #lcl_progressbar {
	background: #fafafa;
}