%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/cargonizer/public_html/master/sass/base/
Upload File :
Create Path :
Current File : /home/cargonizer/public_html/master/sass/base/_page-header.scss

/* Page Header */
.page-header {
	background-color: #171717;
	border-bottom: 5px solid #CCC;
	border-top: 5px solid #384045;
	margin: 0 0 35px 0;
	min-height: 50px;
	padding: 20px 0;
	position: relative;
	text-align: $left;
	.breadcrumb {
		background: none;
		margin: -3px 0 0;
		padding: 0;
		> li {
			text-shadow: none;
		}
		&.breadcrumb-valign-mid {
			position: absolute;
			top: 40%;
			right: 20px;
		}
	}
	h1 {
		border-bottom: 5px solid #CCC;
		color: #FFF;
		display: inline-block;
		font-weight: 200;
		margin: 0 0 -25px;
		min-height: 37px;
		font-size: 2.6em;
		line-height: 46px;
		padding: 0 0 17px;
		position: relative;
		span {
			color: #999da3;
			display: block;
			font-size: 0.6em;
			font-weight: 300;
			margin: -10px 0 0;
		}
	}
}

.page-header-no-title-border {
	h1 {
		border: 0;
	}
}

/* Page Header - More Padding */
.page-header-more-padding {
	padding: 35px 0;
}

/* Page Header - Color */
.page-header-color {
	background-color: #F7F7F7;
	border-bottom: 5px solid #F4F4F4;
	border-top: none;
	h1 {
		border-bottom: none;
		color: #1d2127;
		font-size: 2.3em;
		span {
			opacity: 0.65;
		}
	}
	.breadcrumb > .active {
		opacity: 0.65;
	}
}

/* Page Header - Light */
.page-header-light {
	background-color: #F7F7F7;
	border-bottom: 5px solid #F4F4F4;
	border-top: none;
	h1 {
		border-bottom: none;
		color: #1d2127;
		font-size: 2.3em;
	}
}

/* Page Header - Reverse */
.page-header-reverse {
	text-align: $right;
	.breadcrumb {
		&, &.breadcrumb-valign-mid {
			float: $left;
			#{$left}: 20px;
			#{$right}: auto;
			margin-top: -10px;
		}
	}
}

/* Page Header - Parallax */
.page-header.parallax {
	margin: 0 0 35px;
	padding: 180px 0 60px;
}

.page-header-center {
	text-align: center;
	.breadcrumb {
		margin: 15px 0 0;
	}
}

/* Page Header Custom Background */
.page-header-custom-background {
	padding: 45px 0;
	background-repeat: repeat;
	background-color: transparent;
	border-top: 0;
	border-bottom: 0;
	h1 {
		color: #FFF;
		border: 0;
		span {
			color: #FFF;
			opacity: 0.7;
		}
	}
	.breadcrumb.breadcrumb-valign-mid {
		top: 36%;
		li.active {
			color: #FFF;
			opacity: 0.7;
		}
		a {
			color: #FFF;
		}
	}
}

/* Page Header Custom - Create your Own */
.page-header {
	&.custom-product {
		background-image: url(../img/custom-header-bg.jpg);
		background-repeat: repeat;
		background-color: #999;
		border-top: 5px solid #888;
		overflow: hidden;
		.row {
			position: relative;
		}
		p.lead {
			color: #E8E8E8;
		}
		img {
			bottom: -47px;
			position: relative;
		}
		h1 {
			color: #FFF;
			margin-bottom: 10px;
			margin-top: 30px;
			border: 0;
		}
	}
}

/* Responsive */
@media (max-width: 991px) {

	.page-header {
		.breadcrumb {
			float: none !important;			
			position: static !important;
		}
	}

}

@media (max-width: 479px) {

	.page-header {
		padding: 16px 0;
		h1 {
			line-height: 37px;
		}
	}

}

Zerion Mini Shell 1.0