LLWiki正在建设中，欢迎加入我们！
“Widget:首页”的版本间差异
跳转到导航
跳转到搜索
（//使用页面/文本对比查看器快速编辑） 标签：移动版网页编辑 移动版编辑 |
（//使用頁面/文本對比察看器快速編輯） |
||
| 第1行： | 第1行： | ||
<noinclude>{{doc|content=因为[[project:首页|首页]]用到的CSS很多，却只在个别页面使用，因此独立成Widget。 |
<noinclude>{{doc|content=因为[[project:首页|首页]]用到的CSS很多，却只在个别页面使用，因此独立成Widget。 |
||
<p>JavaScript脚本：[[User:Bhsd/widget/mainpage.js]]</p></noinclude><includeonly><!--{if !isset($wgWidgetMainpage) || !$wgWidgetMainpage}--><!--{assign var="wgWidgetMainpage" value=true scope="global"}--><script defer src='/zh?title=user:bhsd/widget/mainpage.js&action=raw&ctype=text/javascript'></script><style id="mainpage-style"> |
|||
JavaScript脚本：[[User:Bhsd/widget/mainpage.js]] |
|||
/* </includeonly>CSS样式表：<pre lang="css"> */ |
|||
.page-LLWiki_首页 h1, .page-LLWiki_首页 .mw-indicators { |
|||
CSS样式表：[[User:Bhsd/widget/mainpage.css]]}}[[category:混合小部件]]</noinclude><includeonly><!--{if !isset($wgWidgetMainpage) || !$wgWidgetMainpage}--><!--{assign var="wgWidgetMainpage" value=true scope="global"}--><script defer src='/zh?title=user:bhsd/widget/mainpage.js&action=raw&ctype=text/javascript'></script><link id="mainpage-style" rel="stylesheet" href="/index.php?title=user:bhsd/widget/mainpage.css&action=raw&ctype=text/css"><!--{/if}--></includeonly> |
|||
display: none; |
|||
} |
|||
.mainpage-wrapper { |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
justify-content: space-between; |
|||
} |
|||
.skin-vector .mainpage-panel { |
|||
text-align: right; |
|||
} |
|||
.skin-minerva .mainpage-panel { |
|||
width: 100%; |
|||
text-align: center; |
|||
padding-top: 1em; |
|||
margin-bottom: -10px; |
|||
} |
|||
.skin-minerva .mainpage-panel table { |
|||
display: inline-table; |
|||
margin: 0; |
|||
} |
|||
.mainpage-panel th { |
|||
min-width: 110px; |
|||
} |
|||
.mainpage-link { |
|||
display: inline-block; |
|||
padding: 2px 5px; |
|||
background-color: #fffa; |
|||
color: #c2006b80; |
|||
border-radius: 5px; |
|||
border: solid #c2006b80; |
|||
border-width: 1px 2px 2px 1px; |
|||
margin: 3px; |
|||
font-size: small; |
|||
font-weight: bold; |
|||
} |
|||
.mainpage-link:hover { |
|||
text-decoration: underline; |
|||
} |
|||
h4.mainpage-section { |
|||
border-bottom: 2px dashed #c2006b80; |
|||
color: #c2006b80; |
|||
padding: 0 0 3px 8%; |
|||
font-style: italic; |
|||
} |
|||
.mainpage-flex { |
|||
background-color: #ffe5f455; |
|||
padding: 18px; |
|||
border-radius: 5px; |
|||
box-sizing: border-box; |
|||
} |
|||
.skin-vector .mainpage-flex { |
|||
display: inline-block; |
|||
width: 49%; |
|||
margin-bottom: 40px; |
|||
} |
|||
.skin-minerva .mainpage-flex { |
|||
width: 100%; |
|||
margin-bottom: 20px; |
|||
} |
|||
.skin-minerva .mainpage-flex:last-child { |
|||
margin-bottom: 40px; |
|||
} |
|||
.mainpage-flex-title { |
|||
font-size: large; |
|||
font-weight: bold; |
|||
color: #c2006b; |
|||
text-align: center; |
|||
margin-bottom: 10px; |
|||
} |
|||
.mainpage-flex table { |
|||
border-collapse: collapse; |
|||
} |
|||
.skin-minerva .mainpage-flex table { |
|||
display: block; |
|||
margin: 0 1em; |
|||
width: calc(100% - 2em) !important; |
|||
} |
|||
.mainpage-flex tr:hover { |
|||
background-color: #ffe5f4; |
|||
} |
|||
.mainpage-flex td { |
|||
vertical-align: top; |
|||
} |
|||
.mainpage-flex td:first-child { |
|||
width: 1.2em; |
|||
} |
|||
.skin-minerva .mainpage-flex dl { |
|||
margin: 0.2em 0 0.5em; |
|||
} |
|||
.skin-minerva .mainpage-flex dd { |
|||
margin-left: 2.4em; |
|||
} |
|||
.mainpage-tag { |
|||
display: inline-block; |
|||
width: 0.5em; |
|||
height: 0.9em; |
|||
} |
|||
.skin-vector .mainpage-project { |
|||
display: inline-block; |
|||
width: 49%; |
|||
margin-bottom: 40px; |
|||
} |
|||
.skin-minerva .mainpage-project { |
|||
width: 100%; |
|||
margin-bottom: 20px; |
|||
} |
|||
.mainpage-project-title { |
|||
font-weight: bold; |
|||
font-size: 20px; |
|||
padding: 5px 5px 5px 20px; |
|||
border-left: 30px solid; |
|||
border-radius: 5px; |
|||
} |
|||
.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> */ |
|||
</style><!--{/if}--></includeonly> |
|||
