MediaWiki:Common.css:修订间差异
来自McZoo红石站
(创建页面,内容为“→infobox 样式开始: →响应式布局: @media (min-width:0px) and (max-width:768px){ .vcard{ width:100%; max-width:768; border-radius:10px; margin:5px auto; float:none; } } @media (min-width:768px) and (max-width:992px){ .vcard{ width:100%; max-width:992; border-radius:10px; margin:5px auto; float:none; } } @media (min-width:992px) { .vcard{ wid…”) |
无编辑摘要 |
||
第29行: | 第29行: | ||
margin-right:1em; | margin-right:1em; | ||
} | } | ||
} | |||
/* hlist */ | |||
/* Style for horizontal lists (separator following item) */ | |||
.hlist dl, | |||
.hlist ol, | |||
.hlist ul { | |||
margin: 0; | |||
} | |||
.hlist dd, | |||
.hlist dt, | |||
.hlist li { | |||
display: inline; | |||
margin: 0; | |||
} | |||
/* Display nested lists inline */ | |||
.hlist.inline, | |||
.hlist.inline dl, | |||
.hlist.inline ol, | |||
.hlist.inline ul, | |||
.hlist dl dl, .hlist dl ol, .hlist dl ul, | |||
.hlist ol dl, .hlist ol ol, .hlist ol ul, | |||
.hlist ul dl, .hlist ul ol, .hlist ul ul { | |||
display: inline; | |||
} | |||
/* Generate interpuncts */ | |||
.hlist dt:after { | |||
content: " :"; | |||
} | |||
.hlist dd:after, | |||
.hlist li:after { | |||
content: " · "; | |||
font-weight: bold; | |||
} | |||
.hlist dd:last-child:after, | |||
.hlist dt:last-child:after, | |||
.hlist li:last-child:after { | |||
content: none; | |||
} | |||
/* Add parens around nested lists */ | |||
.hlist dl dl:before, | |||
.hlist ol ol:before, | |||
.hlist ul ul:before { | |||
content: "("; | |||
} | |||
.hlist dl dl:after, | |||
.hlist ol ol:after, | |||
.hlist ul ul:after { | |||
content: ")"; | |||
} | |||
/* Put numbers in ordered lists */ | |||
.hlist.hnum ol li { | |||
counter-increment: level1; | |||
} | |||
.hlist.hnum ol li:before { | |||
content: counter(level1) " "; | |||
} | |||
.hlist.hnum ol ol li { | |||
counter-increment: level2; | |||
} | |||
.hlist.hnum ol ol li:before { | |||
content: counter(level2) " "; | |||
} | } |
2024年3月1日 (五) 13:11的版本
/* infobox 样式开始 */
/* 响应式布局 */
@media (min-width:0px) and (max-width:768px){
.vcard{
width:100%;
max-width:768;
border-radius:10px;
margin:5px auto;
float:none;
}
}
@media (min-width:768px) and (max-width:992px){
.vcard{
width:100%;
max-width:992;
border-radius:10px;
margin:5px auto;
float:none;
}
}
@media (min-width:992px) {
.vcard{
width:293px;
min-width:293px;
float:right;
border-radius:10px;
margin:1px auto;
margin-left:1em;
margin-right:1em;
}
}
/* hlist */
/* Style for horizontal lists (separator following item) */
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
}
.hlist dd,
.hlist dt,
.hlist li {
display: inline;
margin: 0;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
content: " :";
}
.hlist dd:after,
.hlist li:after {
content: " · ";
font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
/* Add parens around nested lists */
.hlist dl dl:before,
.hlist ol ol:before,
.hlist ul ul:before {
content: "(";
}
.hlist dl dl:after,
.hlist ol ol:after,
.hlist ul ul:after {
content: ")";
}
/* Put numbers in ordered lists */
.hlist.hnum ol li {
counter-increment: level1;
}
.hlist.hnum ol li:before {
content: counter(level1) " ";
}
.hlist.hnum ol ol li {
counter-increment: level2;
}
.hlist.hnum ol ol li:before {
content: counter(level2) " ";
}