中医百科:首页/banner/styles.css

.index {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}

.index .title-bar {
	font-weight: 600;
	text-align: center;
}

.index .subtitle-slogan, .index .article-counter, .index .quick-link {
	text-align: center;
	color: black;
	text-shadow: white 0.1em 0.1em 0.2em;
}

.index .index-search {
	margin: 0.5em 0;
}
	
#header-module {
	background-image: linear-gradient(to left, rgba(255, 255, 255, .60), rgba(255, 255, 255, .65)), url(https://zybkcn.com/images/3/37/BannerBackgroundImage.jpg);
	background-repeat: repeat-y;
	background-size: 100%;
	background-position: center;
}

#index-search {
	margin: 5px 0 0;
}

@media screen and (min-width: 830px) {
	.index {
		margin: 0em;
	}
	
	#index-header {
		width: 100%;
	}

	#index-promotion, #index-today, #index-intro {
		width: 45.5%;
	}
	
	#index-teahouse, #index-category {
		width: 29.5%;
	}
}

@media screen and (max-width: 830px) {
	#index-header, 
	#index-promotion, #index-today,	#index-intro {
		width: 97.5%;
	}
	
	.index {
		margin-left: 0;
		margin-right: 0;
	}
}