跳转到内容

中医百科:首页/banner/styles.css:修订间差异

勤求古训,博采众方
鹿野耕云留言 | 贡献
无编辑摘要
gradient only
标签替换
第1行: 第1行:
.index {
#header-module{background-image:linear-gradient(270deg,rgba(255,255,255,.60),rgba(255,255,255,.65))}
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/w/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;
}
}

2026年6月9日 (二) 21:42的版本

#header-module{background-image:linear-gradient(270deg,rgba(255,255,255,.60),rgba(255,255,255,.65))}