/home/vhosts/tomsontoolsanddies.com/httpdocs/less/less-learnpress/boxed-layout.less düzenle

/*
 *  Boxed-layout.less
 * -----------------------------------------------
*/
.boxed-layout {
	@media only screen and (min-width : 768px) {
		.container {
			max-width: 1170px;
			padding-left: 30px;
			padding-right: 30px;
		}
		.header,
		.main-content,
		.footer,
		#footer  {
			margin: 0 auto;
			max-width: 1170px;
		}
	}
	.header,
	section,
	.footer,
	#footer {
		background-color: @white-base;
	}
	.header {
		.navbar-default {
			background-color: @white-base;
			border-color: @white-base;
			padding: 0;

.navbar-nav {
				> li {
					> a {
						padding: 30px 5px;
					}	
				}
			}
			.navbar-collapse {
				background-color: @white-base;
				border-color: @white-base;
				margin-right: 30px;
			}
		}
		#header-logo {
			margin: 0;
			padding-top: 27px;
		}
	}
}

@media only screen and (max-width : 991px) {
	.boxed-layout {
		padding-top: 0;
		.header {
			.navbar-default {
				.navbar-nav {
					> li {
						> a {
							padding: 10px;
						}
					}
				}
				.navbar-collapse {
					margin-right: 15px;
				}
			}
		}
		.navbar-header {
			padding: 15px 0;
		}
		.navbar-collapse {
			.navbar-nav {
				li {
					a {
						.caret {
							margin-right: 0;
						}
					}	
				}
			}
		}
	}
}

.boxed-layout.fullwidth {
	.container {
		max-width: 1170px;
		padding-left: 30px;
		padding-right: 30px;
	}
	.header,
	.main-content,
	.footer {
		margin: 0 auto;
		max-width: 1170px;
	}
	.header,
	section,
	.footer {
		background-color: @white-base;
	}
	.header {
		.navbar-default {
			background-color: @white-base;
			border-color: @white-base;
			padding: 0;

@media only screen and (max-width : 991px) {
	.boxed-layout.fullwidth {
		padding-top: 0;
		.header {
			.navbar-default {
				.navbar-nav {
					> li {
						> a {
							padding: 10px;
						}
					}
				}
				.navbar-collapse {
					margin-right: 15px;
				}
			}
		}
		.navbar-header {
			padding: 15px 0;
		}
		.navbar-collapse {
			.navbar-nav {
				li {
					a {
						.caret {
							margin-right: 0;
						}
					}	
				}
			}
		}
	}
}

.boxed-layout .service-block .thumb .desc {
  bottom: -34%;
}
.boxed-layout .service-block:hover .thumb .desc {
  bottom: 0;
}

← Geri