跳转到内容

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

勤求古训,博采众方
// Edit via Wikiplus
Fix: bg-layer relative to #header-module, text with pos:relative z:2
 
(未显示2个用户的15个中间版本)
第1行: 第1行:
.index {
.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{position:relative;overflow:hidden}#header-module .index-module-inner{position:static;overflow:visible}#header-module .index-module-text{position:static}#header-module .bg-layer{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}#header-module .bg-layer img{width:100%;height:100%;object-fit:cover;display:block}#header-module .bg-gradient{position:absolute;top:0;left:0;right:0;bottom:0;z-index: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}}
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;
}
}

2026年6月9日 (二) 22:58的最新版本

.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{position:relative;overflow:hidden}#header-module .index-module-inner{position:static;overflow:visible}#header-module .index-module-text{position:static}#header-module .bg-layer{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}#header-module .bg-layer img{width:100%;height:100%;object-fit:cover;display:block}#header-module .bg-gradient{position:absolute;top:0;left:0;right:0;bottom:0;z-index: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}}