|
|
| 第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))}
