中医百科:首页/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; }

1. header-module {

background-image: linear-gradient(to left, rgba(255, 255, 255, .60), rgba(255, 255, 255, .65)), url(https://www.zybkcn.com/images/3/37/BannerBackgroundImage.jpg); background-repeat: repeat-y; background-size: 100%; background-position: center; }

1. 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; } }