“Widget:首页”的版本间差异

添加976字节 、​ 2023年2月13日 (一) 14:44
format
Zth讨论 | 贡献
(format)
 
(未显示2个用户的23个中间版本)
<noinclude>{{doc|content=因为[[project:首页|首页]]用到的CSS很多,却只在个别页面使用,因此独立成Widget。}}[[category:纯CSS小部件]]</noinclude><includeonly><!--{if !isset($wgWidgetMainpage) || !$wgWidgetMainpage}--><!--{assign var="wgWidgetMainpage" value=true scope="global"}--><style id="mainpage-style">
/* </includeonly>CSS样式表:<pre lang="css"> */
.page-LLWiki_首页 h1, .page-LLWiki_首页 .mw-indicators {
.skin-vector .mainpage-flex {
display: inline-block;
width: 4932%;
margin-bottom: 40px;
}
.skin-minerva .mainpage-flex {
}
.skin-minerva .mainpage-flex:last-child {
margin-bottom: 040px;
}
.mainpage-flex-title {
text-align: center;
margin-bottom: 10px;
}
.mainpage-flex table {
border-collapse: collapse;
}
.skin-minerva .mainpage-flex table {
margin: 0 1em;
width: calc(100% - 2em) !important;
}
.mainpage-flex tr:hover {
background-color: #ffe5f4;
}
.mainpage-flex td {
.mainpage-flex td:first-child {
width: 1.2em;
}
.mainpage-news-time, .mainpage-news-content {
display: inline;
}
.mainpage-news-content {
margin-left: 0.5em;
}
.mainpage-date + .mainpage-date::before {
content: "、";
}
@media screen and (min-width:900px) {
.skin-vector .mainpage-news {
display: flex;
}
.skin-vector .mainpage-news-time, .skin-vector .mainpage-news-content,
.skin-vector .mainpage-date {
display: block;
}
.skin-vector .mainpage-news-time {
white-space: nowrap;
}
.skin-vector .mainpage-date + .mainpage-date::before {
content: none;
}
}
.skin-minerva .mainpage-flex dl {
width: 49%;
margin-bottom: 40px;
}
.skin-vector .mainpage-project.centered {
transform: translateX(50%);
}
.skin-minerva .mainpage-project {
.mainpage-project-text {
padding: 10px 8%;
}
@media screen and (max-width:500px) {
.mainpage-project-text {
padding: 10px;
}
}
.mainpage-project-text tr {
vertical-align: top;
}
.mainpage-project-text td:nth-child(2) {
font-weight: bold;
min-width: 5em;
}
/* </pre><includeonly> */
14,866

个编辑