Brucekomike(讨论 | 贡献) 无编辑摘要 |
Brucekomike(讨论 | 贡献) 无编辑摘要 |
||
(未显示同一用户的10个中间版本) | |||
第30行: | 第30行: | ||
} | } | ||
/*深色模式下效果不好,故注释*/ | /*深色模式下效果不好,故注释*/ | ||
.mini-block-list a{ | /*citizen text auto color start*/ | ||
.mini-block-list a { | |||
color: var(--color-base); | |||
} | } | ||
.mini-block-list a.new{ | |||
.mini-block-list a.new { | |||
color: var(--color-base); | |||
} | } | ||
.mini-block-list a:hover{ | .mini-block-list a:hover{ | ||
color: | color: var(--color-link-hover); | ||
} | } | ||
.mini-block-list li a:hover { | .mini-block-list li a:hover { | ||
color: | color: var(--color-base); | ||
} | } | ||
/*citizen text auto color end*/ | |||
.mini-block-container li{ | .mini-block-container li{ | ||
border-radius: 4px; | border-radius: 4px; | ||
第68行: | 第72行: | ||
user-select: none; | user-select: none; | ||
position: absolute; | position: absolute; | ||
top: | top: 24px; | ||
right: | right: 8px; | ||
/*text-wrap-mode: nowrap;*/ | /*text-wrap-mode: nowrap;*/ | ||
writing-mode: vertical-rl; | writing-mode: vertical-rl; |
2025年1月31日 (五) 01:53的最新版本
/*内容源自音MAD维基,URL地址 https://otomad.wiki/MediaWiki:Common.css*/
/*部分内容已经修改*/
/* 这个页面包含 minibox 模板需要的大部分css */
/* 其余内容参见 template:minibox/doc*/
/* 首页dpl列表相关样式 */
.mini-block {
width: 100%;
min-width: 20%;
padding: 16px;
margin-top: 8px;
box-shadow: 0 3px 6px rgba(0,0,0,0.04);
border: 1px solid; border-color: rgba(0,0,0,0.05);
border-radius: 8px;
word-break: break-all;
box-sizing: border-box;
position: relative;
}
.mini-block p {
margin: 0 0 1em 0;
}
.mini-block p:last-child {
margin: 0;
}
.mini-block-container {
width: 100%;
display: flex;
justify-content: space-between;
gap: 8px;
box-sizing: border-box;
}
/*深色模式下效果不好,故注释*/
/*citizen text auto color start*/
.mini-block-list a {
color: var(--color-base);
}
.mini-block-list a.new {
color: var(--color-base);
}
.mini-block-list a:hover{
color: var(--color-link-hover);
}
.mini-block-list li a:hover {
color: var(--color-base);
}
/*citizen text auto color end*/
.mini-block-container li{
border-radius: 4px;
margin: 0;
list-style: none;
cursor: pointer;
transition: background cubic-bezier(0.22,0.58,0.12,0.98) 0.4s;
}
.mini-block-title {
font-size: 24px;
font-weight: 500;
}
.mini-block-bg-text{
font-size: 70px;
font-weight: 200;
text-align: right;
height: 0;
color: rgba(128,128,128,0.3);
user-select: none;
margin-bottom: 0;
}
.mini-block-bg-text-v{
font-size: 40px;
font-weight: 200;
color: rgba(128,128,128,0.3);
user-select: none;
position: absolute;
top: 24px;
right: 8px;
/*text-wrap-mode: nowrap;*/
writing-mode: vertical-rl;
}
@media screen and (min-width: 851px) {
.mini-block-container li:hover {
background: rgba(128,128,128,0.1);
}
.mini-block-container li:hover a {
transform: translateX(5px);
}
}
.mini-block-container ul {
margin: 0;
padding: 0;
}
.mini-block-container li a {
padding: .5em .4em;
display: inline-block;
width: 100%;
transition: transform cubic-bezier(0.22,0.58,0.12,0.98) 0.4s;
}
@media screen and (max-width: 850px) {
.mini-block {
align-self: stretch;
width: auto;
}
.mini-block-container {
flex-direction: column;
}
}