MediaWiki:Common.css:修订间差异
跳转到导航
跳转到搜索
第15行: | 第15行: | ||
} | } | ||
#nl-banner { | #nl-banner { | ||
position: relative; | |||
background:linear-gradient(to bottom right, #a3bfdc, #3475c0); | background:linear-gradient(to bottom right, #a3bfdc, #3475c0); | ||
box-shadow:grey 0px 0px 5px; | box-shadow:grey 0px 0px 5px; | ||
第25行: | 第26行: | ||
margin:5px auto 5px; | margin:5px auto 5px; | ||
padding:10px; | padding:10px; | ||
} | |||
#nl-banner img { | |||
position: absolute; | |||
right: 0; | |||
bottom: 0; | |||
} | } | ||
.nl-hp-container { | .nl-hp-container { |
2024年10月30日 (三) 02:45的版本
/* 这里放置的CSS将应用于所有皮肤 */ #nl-hp { display: flex; flex-wrap: wrap; } .nl-hp-sidebar { flex: 1; min-width: 300px; padding: 0 20px; } #nl-hp-main { flex: 2; min-width: 300px; margin: 0 auto; } #nl-banner { position: relative; background:linear-gradient(to bottom right, #a3bfdc, #3475c0); box-shadow:grey 0px 0px 5px; border-radius:10px; color: #000; font-size:1em; text-shadow:white 0px 0px 10px,white 0px 0px 10px; width: 100%; box-sizing: border-box; margin:5px auto 5px; padding:10px; } #nl-banner img { position: absolute; right: 0; bottom: 0; } .nl-hp-container { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; width: 100%; } .nl-hp-item { background-color:#f5faff; box-shadow:grey 0px 0px 5px; margin:5px auto 5px; padding-bottom: 10px; border:1px solid #999; border-radius:10px; flex-grow: 1; flex-shrink: 0; flex-basis: 300px; } .nl-hp-title { background-color:#3475c0; color:#FFFFFF; font-weight: bold; margin:3px; padding:6px 3px; border-radius:10px; font-size:110%; text-align:left; } .nl-hp-content { padding: 10px; } .nl-tb-container { max-width: 100%; margin: 0 5px; text-align: center; } .nl-tb-header { display: flex; cursor: pointer; } .nl-tb-header div { flex: 1; margin: 5px; padding: 10px; background-color: #0b0b4f; color: white; border-radius:5px; } .nl-tb-header div:hover { background-color: #838b95; color: black; } .nl-tb-content { padding: 20px; } .nl-tb-content div { display: none; } .nl-tb-content .active { display: block; }