https://wiki.shangxiaoguan.top/api.php?action=feedcontributions&feedformat=atom&user=AurLemonCN
临东市服务器Wiki - 用户贡献 [zh-cn]
2026-05-05T14:03:38Z
用户贡献
MediaWiki 1.39.1
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:%E7%8E%A9%E5%AE%B6%E5%8D%A1%E7%89%87V2/style.css&diff=2780
模板:玩家卡片V2/style.css
2024-04-06T17:47:35Z
<p>AurLemonCN：</p>
<hr />
<div>.player-card {<br />
max-width: 220px;<br />
border-radius: 24px;<br />
float: right;<br />
width: 100%;<br />
box-shadow: var(--box-shadow-dialog);<br />
margin: 0 0 var(--space-lg) var(--space-lg);<br />
position: relative;<br />
overflow: hidden;<br />
clear: right;<br />
}<br />
<br />
.player-card__head {<br />
overflow: hidden;<br />
border-radius: 50%;<br />
width: 90px;<br />
height: 90px;<br />
box-shadow: 1px 1px 16px rgba(0, 0, 0, .2);<br />
}<br />
<br />
.player-card__split {<br />
background-color: white;<br />
border-radius: 10px;<br />
height: 3px;<br />
width: 15%;<br />
margin: 15px 0;<br />
}<br />
<br />
.player-card__nick {<br />
margin-top: 10px;<br />
color: white;<br />
font-size: 22px;<br />
}<br />
<br />
.player-card__id {<br />
font-size: 14px;<br />
margin-top: 0px;<br />
margin-bottom: 10px;<br />
color: white;<br />
}<br />
<br />
.player-card__desc {<br />
color: white;<br />
font-size: 14px;<br />
}<br />
<br />
.player-card__background {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
}<br />
<br />
.player-card__background img {<br />
width: 100%;<br />
height: 100%;<br />
object-fit: cover;<br />
object-position: center;<br />
filter: grayscale(20%);<br />
}<br />
<br />
.player-card__foreground {<br />
padding: 15px;<br />
position: relative;<br />
}<br />
<br />
@media (max-width: 720px) {<br />
.player-card {<br />
float: unset;<br />
margin: 0 auto;<br />
}<br />
}</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E7%94%A8%E6%88%B7:AurLemonCN&diff=2779
用户:AurLemonCN
2024-04-06T17:36:48Z
<p>AurLemonCN：</p>
<hr />
<div><!-- infobox --><br />
{{玩家卡片V2<br />
| Pic = 柠檬BigLemon.jpg<br />
| Nick = 柠檬<br />
| ID = Aurora_Lemon<br />
| Desc = 氢气工艺服务器服主、氢气工艺服务器管理委员会主席、<s>临东市服务器与氢气工艺服务器友好交流大使</s>。<br />
}}<br />
<!-- content --><br />
<h1 style="background: linear-gradient(90deg,#22a5b9,#5598de 20%,#7f87ff 45%,#4784c0 70%,#0c6ac9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; margin: 0;">期许服务越发精，临氢两服友情盈。<br/>建设城市初心在，传承精神谱新声。</h1><br />
鄙人是[https://wiki.hydcraft.cn 氢气工艺服务器]的服主[https://wiki.hydcraft.cn/Player:柠檬 柠檬]。是的，“氢气工艺”就是临东维基友链中的那个服务器。<br />
<br />
大概是2018年左右，在RTM圈结识了贵服服主[[上小官]]，情谊一直到今天也没有停止<s>（虽然私聊很少聊天）</s>。[[上小官]]在大约2018年6月的时候邀请我加入了临东市服务器。2020年末，我开始慢慢地参与临东群内交流，也是头一次深入了解一个BE服务器的文化氛围、交流方法、建设方式。在2021年，氢气工艺和临东互相建立了大使馆。很荣幸能够加入这样一个大家庭。<br />
<br />
在我个人页面的最后，祝愿临东市服务器越来越好。希望临氢两服能够在城市建设和交流上更多的力量。同时，希望贵服能够继续发展壮大，不断更新，为BE玩家们带来更多的乐趣。<br />
<br />
== 编辑 ==<br />
'''很荣幸'''能担任本站的IA。可能维护css/js什么的偶尔会出现 有需要可以q群喊我<br />
<br />
快的话'''半夜就能弄好''' 慢的话'''做多久不好说了有点鸽子''' 对不起上官。企业页拖好久了。<br />
== 贡献 ==<br />
* [[模块:LineList/doc|线路列表模板]]<br />
* [[模板:玩家卡片|玩家卡片]]、[[模板:玩家卡片V2|玩家卡片V2]]<br />
* [[首页]]及配套设施（[https://github.com/AurLemon/Lindong_Wiki_Project GitHub 项目页]） <s>什么？你说怎么氢气的比临东的难看？氢气屎山不好改了要直接重写</s><br />
<!-- releated --><br />
<div style="display: flex; gap: 10px; margin-top: 100px;"><br />
<div style="border-radius: 10px; background: var(--color-surface-2); padding: 10px;"><br />
<div style="font-size: 0.8125rem; color: var(--color-base--subtle);">相关页面</div><br />
<div style="font-size: 20px; font-weight: bold;">[https://wiki.hydcraft.cn 氢气工艺维基网站] · [https://bbs.oxygenstudio.cn 氧气社区]</div><br />
</div><br />
</div><br />
__NOTOC__</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E7%94%A8%E6%88%B7:AurLemonCN&diff=2778
用户:AurLemonCN
2024-04-06T17:11:11Z
<p>AurLemonCN：</p>
<hr />
<div><!-- infobox --><br />
{{玩家卡片V2<br />
| Pic = 柠檬BigLemon.jpg<br />
| Nick = 柠檬<br />
| ID = Aurora_Lemon<br />
| Desc = 氢气工艺服务器服主、氢气工艺服务器管理委员会主席、<s>临东市服务器与氢气工艺服务器友好交流大使</s>。<br />
}}<br />
<!-- content --><br />
<h1 style="background: linear-gradient(90deg,#22a5b9,#5598de 20%,#7f87ff 45%,#4784c0 70%,#0c6ac9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; margin: 0;">期许服务越发精，临氢两服友情盈。<br/>建设城市初心在，传承精神谱新声。</h1><br />
鄙人是[https://wiki.hydcraft.cn 氢气工艺服务器]的服主[https://wiki.hydcraft.cn/Player:柠檬 柠檬]。是的，“氢气工艺”就是临东维基友链中的那个服务器。<br />
<br />
大概是2018年左右，在RTM圈结识了贵服服主[[上小官]]，情谊一直到今天也没有停止<s>（虽然私聊很少聊天）</s>。[[上小官]]在大约2018年6月的时候邀请我加入了临东市服务器。2020年末，我开始慢慢地参与临东群内交流，也是头一次深入了解一个BE服务器的文化氛围、交流方法、建设方式。在2021年，氢气工艺和临东互相建立了大使馆。很荣幸能够加入这样一个大家庭。<br />
<br />
在我个人页面的最后，祝愿临东市服务器越来越好。希望临氢两服能够在城市建设和交流上更多的力量。同时，希望贵服能够继续发展壮大，不断更新，为BE玩家们带来更多的乐趣。<br />
== 贡献 ==<br />
* [[模块:LineList/doc|线路列表模板]]<br />
* [[模板:玩家卡片|玩家卡片]]、[[模板:玩家卡片V2|玩家卡片V2]]<br />
* [[首页]]及配套设施（[https://github.com/AurLemon/Lindong_Wiki_Project GitHub 项目页]） <s>什么？你说怎么氢气的比临东的难看？氢气屎山不好改了要直接重写</s><br />
<!-- releated --><br />
<div style="display: flex; gap: 10px; margin-top: 100px;"><br />
<div style="border-radius: 10px; background: var(--color-surface-2); padding: 10px;"><br />
<div style="font-size: 0.8125rem; color: var(--color-base--subtle);">相关页面</div><br />
<div style="font-size: 20px; font-weight: bold;">[https://wiki.hydcraft.cn 氢气工艺维基网站] · [https://bbs.oxygenstudio.cn 氧气社区]</div><br />
</div><br />
</div><br />
__NOTOC__</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:%E7%8E%A9%E5%AE%B6%E5%8D%A1%E7%89%87V2&diff=2777
模板:玩家卡片V2
2024-04-06T17:09:30Z
<p>AurLemonCN：</p>
<hr />
<div><includeonly><div class="player-card""><br />
<div class="player-card__background">{{#if:{{{Pic|}}}|[[文件:{{{Pic|}}}|link=]]|}}</div><br />
<div class="player-card__foreground"><br />
<div class="player-card__head">{{#if:{{{Pic|}}}|[[文件:{{{Pic|}}}|x90px|link=]]|}}</div><br />
<div class="player-card__split"></div><br />
<div class="player-card__nick">{{{Nick|}}}</div><br />
<div class="player-card__id">{{{ID|}}}</div><br />
<div class="player-card__desc">{{{Desc|}}}</div><br />
</div></div><templatestyles src="Template:玩家卡片V2/style.css" /></includeonly><noinclude><br />
相比[[模板:玩家卡片]]来说，本模板不需要手动调色，使用高斯模糊过的头像作为背景使用。<br />
<br />
模板用法示例：<br />
<nowiki>{{玩家卡片V2</nowiki><br />
<nowiki>| Pic = 柠檬BigLemon.jpg <!-- 头像的图片名称 不需要[[文件:xxx.jpg]] 直接填名称 必填 --></nowiki><br />
<nowiki>| Nick = 柠檬 <!-- 你的昵称 必填 --></nowiki><br />
<nowiki>| ID = Aurora_Lemon <!-- 你的ID 必填 --></nowiki><br />
<nowiki>| Desc = 氢气工艺服务器服主、氢气工艺服务器管理委员会主席。 <!-- 描述信息 必填 --></nowiki><br />
<nowiki>}}</nowiki><br />
<br />
<div style="height: 330px;">V2模板（本模板）效果：<br />
{{玩家卡片V2<br />
| Pic = 柠檬BigLemon.jpg<br />
| Nick = 柠檬<br />
| ID = Aurora_Lemon<br />
| Desc = 氢气工艺服务器服主、氢气工艺服务器管理委员会主席、<s>临东市服务器与氢气工艺服务器友好交流大使</s>。<br />
}}</div></noinclude></div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=MediaWiki:Citizen.css&diff=2776
MediaWiki:Citizen.css
2024-04-06T17:06:45Z
<p>AurLemonCN：</p>
<hr />
<div>body {<br />
font-family: "HarmonyOS Sans SC", "Helvetica Neue", "Helvetica", "Roboto", "-apple-system", "BlinkMacSystemFont", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;<br />
}<br />
<br />
.page-首页 .mw-body-header,<br />
.page-首页 .previewnote,<br />
.page-首页 .page-info {<br />
display: none;<br />
}<br />
<br />
.skin-citizen-dark .adaptive-img img {<br />
filter: invert(1) !important;<br />
}<br />
<br />
.player-card__foreground {<br />
backdrop-filter: blur(48px) saturate(200%);<br />
-webkit-backdrop-filter: blur(48px) saturate(200%);<br />
}</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:%E7%8E%A9%E5%AE%B6%E5%8D%A1%E7%89%87V2/style.css&diff=2775
模板:玩家卡片V2/style.css
2024-04-06T17:05:23Z
<p>AurLemonCN：</p>
<hr />
<div>.player-card {<br />
max-width: 220px;<br />
border-radius: 24px;<br />
float: right;<br />
width: 100%;<br />
box-shadow: var(--box-shadow-dialog);<br />
margin: 0 0 var(--space-lg) var(--space-lg);<br />
position: relative;<br />
overflow: hidden;<br />
clear: right;<br />
}<br />
<br />
.player-card__head {<br />
overflow: hidden;<br />
border-radius: 50%;<br />
width: 90px;<br />
height: 90px;<br />
}<br />
<br />
.player-card__split {<br />
background-color: white;<br />
border-radius: 10px;<br />
height: 3px;<br />
width: 15%;<br />
margin: 15px 0;<br />
}<br />
<br />
.player-card__nick {<br />
margin-top: 10px;<br />
color: white;<br />
font-size: 22px;<br />
}<br />
<br />
.player-card__id {<br />
font-size: 14px;<br />
margin-top: 0px;<br />
margin-bottom: 10px;<br />
color: white;<br />
}<br />
<br />
.player-card__desc {<br />
color: white;<br />
font-size: 14px;<br />
}<br />
<br />
.player-card__background {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
}<br />
<br />
.player-card__background img {<br />
width: 100%;<br />
height: 100%;<br />
object-fit: cover;<br />
object-position: center;<br />
filter: grayscale(20%);<br />
}<br />
<br />
.player-card__foreground {<br />
padding: 15px;<br />
position: relative;<br />
}<br />
<br />
@media (max-width: 720px) {<br />
.player-card {<br />
float: unset;<br />
margin: 0 auto;<br />
}<br />
}</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:%E7%8E%A9%E5%AE%B6%E5%8D%A1%E7%89%87V2/style.css&diff=2774
模板:玩家卡片V2/style.css
2024-04-06T17:05:01Z
<p>AurLemonCN：</p>
<hr />
<div>.player-card {<br />
max-width: 220px;<br />
border-radius: 24px;<br />
float: right;<br />
width: 100%;<br />
box-shadow: var(--box-shadow-dialog);<br />
margin: 0 0 var(--space-lg) var(--space-lg);<br />
position: relative;<br />
overflow: hidden;<br />
clear: right;<br />
}<br />
<br />
.player-card__head {<br />
overflow: hidden;<br />
border-radius: 50%;<br />
width: 90px;<br />
height: 90px;<br />
}<br />
<br />
.player-card__split {<br />
background-color: white;<br />
border-radius: 10px;<br />
height: 3px;<br />
width: 15%;<br />
margin: 15px 0;<br />
}<br />
<br />
.player-card__nick {<br />
margin-top: 10px;<br />
color: white;<br />
font-size: 22px;<br />
}<br />
<br />
.player-card__id {<br />
font-size: 14px;<br />
margin-top: 0px;<br />
margin-bottom: 10px;<br />
color: white;<br />
}<br />
<br />
.player-card__desc {<br />
color: white;<br />
font-size: 14px;<br />
}<br />
<br />
.player-card__background {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
filter: blur(50px);<br />
}<br />
<br />
.player-card__background img {<br />
width: 100%;<br />
height: 100%;<br />
object-fit: cover;<br />
object-position: center;<br />
filter: grayscale(20%);<br />
}<br />
<br />
.player-card__foreground {<br />
padding: 15px;<br />
position: relative;<br />
}<br />
<br />
@media (max-width: 720px) {<br />
.player-card {<br />
float: unset;<br />
margin: 0 auto;<br />
}<br />
}</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:%E9%A6%96%E9%A1%B5/Header&diff=2767
模板:首页/Header
2024-03-31T08:36:51Z
<p>AurLemonCN：</p>
<hr />
<div><div class="mp-header"><br />
<div class="mp-header-title"><br />
<div class="mp-header-title__subtitle">欢迎来到临东市服务器 Wiki ——</div><br />
<div class="mp-header-title__slogan" style="-webkit-background-clip: text; -webkit-text-fill-color: transparent;"><span>向往临东，</span><span>美好生活。</span></div><br />
<div class="mp-header-title__desc"><span>Aspire to Lindong, </span><span>Embrace a Beautiful Life.</span></div><br />
</div><br />
<div class="mp-header-footer"><br />
<div class="mp-header-editcounts"><br />
<div class="mp-header-editcounts-div"><br />
<div class="mp-header-editcounts-div__desc">用户</div><br />
<div class="mp-header-editcounts__counts">[[特殊:用户列表|{{NUMBEROFUSERS}}]]</div><br />
</div><br />
<div class="mp-header-editcounts-div"><br />
<div class="mp-header-editcounts-div__desc">编辑次数</div><br />
<div class="mp-header-editcounts__counts">[[特殊:最近更改|{{NUMBEROFEDITS}}]]</div><br />
</div><br />
<div class="mp-header-editcounts-div"><br />
<div class="mp-header-editcounts-div__desc">页面</div><br />
<div class="mp-header-editcounts__counts">[[特殊:所有页面|{{NUMBEROFPAGES}}]]</div><br />
</div><br />
</div><br />
<div class="mp-header-server"><br />
<div class="mp-header-server__link" id="header-server-sxg">[[文件:Shangxiaoguan.jpg|x30px|link=https://shangxiaoguan.top/]]</div><br />
<div class="mp-header-server__link adaptive-img">[[文件:Map.svg|x30px|link=http://ld.cmsy.xyz:19136]]</div><br />
</div><br />
</div><br />
</div><templatestyles src="Template:Mainpage/style.css" /></div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=MediaWiki:Citizen.css&diff=2766
MediaWiki:Citizen.css
2024-03-31T08:33:28Z
<p>AurLemonCN：</p>
<hr />
<div>body {<br />
font-family: "HarmonyOS Sans SC", "Helvetica Neue", "Helvetica", "Roboto", "-apple-system", "BlinkMacSystemFont", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;<br />
}<br />
<br />
.page-首页 .mw-body-header,<br />
.page-首页 .previewnote,<br />
.page-首页 .page-info {<br />
display: none;<br />
}<br />
<br />
.skin-citizen-dark .adaptive-img img {<br />
filter: invert(1)!important;<br />
}</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:Mainpage/style.css&diff=2723
模板:Mainpage/style.css
2024-01-14T12:45:20Z
<p>AurLemonCN：</p>
<hr />
<div>.home-card {<br />
position: relative;<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 8px;<br />
box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card__label {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
.nav-card-button .nav-card__foreground .home-card__header {<br />
color: #fff;<br />
}<br />
<br />
.home-card__header {<br />
margin-top: 0;<br />
font-size: 24px;<br />
}<br />
<br />
.home-card__padding {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card__between {<br />
display: flex;<br />
justify-content: space-between;<br />
flex-direction: column;<br />
}<br />
<br />
.home-card__conbetween {<br />
height: 100%;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.home-card__top {<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
margin: 0;<br />
display: flex;<br />
align-items: center;<br />
gap: 5px;<br />
font-weight: bold;<br />
}<br />
<br />
.home-card__top img {<br />
opacity: 0.7;<br />
}<br />
<br />
.home-card__content {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card-connect {<br />
border-radius: 20px;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card-connect a {<br />
width: 100%;<br />
display: block;<br />
padding: 5px;<br />
}<br />
<br />
.home-card-connect a img {<br />
display: block;<br />
margin: 0 auto;<br />
}<br />
<br />
#qq.home-card-connect {<br />
background: rgb(18,183,245);<br />
}<br />
<br />
#wechat.home-card-connect {<br />
background: rgb(42,174,103);<br />
}<br />
<br />
.home-grid--col2 {<br />
grid-template-columns: 1fr 1fr;<br />
}<br />
<br />
.home-card a:hover {<br />
text-decoration: unset!important;<br />
}<br />
<br />
.home-link {<br />
display: grid;<br />
font-size: 0.875rem;<br />
font-weight: 500;<br />
grid-gap: 6px;<br />
text-align: center;<br />
}<br />
<br />
.home-link__button {<br />
display: flex;<br />
}<br />
<br />
.home-link__button a {<br />
flex-grow: 1;<br />
padding: 0.3rem 0.6rem;<br />
border: 1px solid;<br />
border-color: var(--border-color-base);<br />
background: var(--background-color-framed);<br />
border-radius: 12px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.home-link__button a:hover {<br />
background: var(--background-color-framed--hover);<br />
}<br />
<br />
.home-link__button a:active {<br />
background: var(--background-color-framed--active);<br />
}<br />
<br />
.home-link__button a.external {<br />
color: var(--color-link)!important;<br />
}<br />
<br />
.mp-header-title__subtitle {<br />
color: var(--color-base--subtle);<br />
font-size: 0.875rem;<br />
text-transform: uppercase;<br />
letter-spacing: 0.05em;<br />
margin-bottom: var(--space-xs);<br />
}<br />
<br />
.mp-header-title__slogan {<br />
background: linear-gradient(45deg, #148a86, #f0ab10 45%);<br />
text-align: left;<br />
font-size: 3rem;<br />
font-weight: bold;<br />
}<br />
<br />
.mp-header-title__desc {<br />
text-align: left;<br />
font-weight: bold;<br />
font-size: 18px;<br />
letter-spacing: 1px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-editcounts {<br />
display: flex;<br />
gap: 20px;<br />
}<br />
<br />
.mp-header-editcounts-div {<br />
text-align: left;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.mp-header-editcounts-div__desc {<br />
color: var(--color-base--subtle);<br />
letter-spacing: 0.05em;<br />
white-space: nowrap;<br />
font-size: 12px;<br />
}<br />
<br />
.mp-header-editcounts__counts {<br />
color: var(--color-base--emphasized);<br />
font-weight: 500;<br />
font-size: 28px;<br />
white-space: nowrap;<br />
}<br />
<br />
.mp-header-editcounts__counts a {<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-server {<br />
display: flex;<br />
background: var(--color-surface-2--active);<br />
padding: 10px;<br />
border-radius: 20px;<br />
}<br />
<br />
.mp-header-server #header-server-sxg img {<br />
width: 30px;<br />
border-radius: 50%;<br />
}<br />
<br />
.mp-header .adaptive-img img {<br />
opacity: var( --opacity-icon-base );<br />
transition: opacity 250ms ease;<br />
filter: grayscale(100%);<br />
}<br />
<br />
.mp-header .adaptive-img img:hover {<br />
opacity: var( --opacity-icon-base--hover );<br />
}<br />
<br />
.mp-header .adaptive-img img:active {<br />
opacity: var( --opacity-icon-base--active );<br />
}<br />
<br />
.mp-header-server__link + .mp-header-server__link {<br />
margin-left: 10px;<br />
}<br />
<br />
.mp-nav {<br />
margin: 3rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.nav-card {<br />
position: relative;<br />
padding: var(--space-md);<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 10px;<br />
box-shadow: 0 4px 8px rgba(100, 100, 111, 0.1);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.nav-card__noshadow {<br />
position: relative;<br />
padding: var(--space-md);<br />
border-radius: 10px;<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
.nav-card-button {<br />
height: 3rem;<br />
display: flex;<br />
justify-content: center;<br />
flex-direction: column;<br />
overflow: hidden;<br />
padding: 0;<br />
width: calc(100% / 3);<br />
margin-top: auto;<br />
margin-bottom: 0;<br />
}<br />
<br />
.nav-card-button img {<br />
transition: transform 0.3s ease;<br />
}<br />
<br />
.nav-card-button:hover img {<br />
transform: scale(1.05);<br />
}<br />
<br />
.nav-card__background {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
background: #242a31;<br />
border-radius: 15px;<br />
}<br />
<br />
.nav-card__background a {<br />
display: block;<br />
width: 100%;<br />
height: 100%;<br />
}<br />
<br />
.nav-card__background img {<br />
width: 100%;<br />
height: 100%;<br />
object-fit: cover;<br />
object-position: center;<br />
}<br />
<br />
.nav-card__foreground {<br />
color: #fff;<br />
font-weight: bold;<br />
z-index: 0;<br />
font-size: 16px;<br />
padding: 0 var(--space-md);<br />
pointer-events: none;<br />
}<br />
<br />
.nav-card-backimg {<br />
position: absolute;<br />
right: 10px;<br />
bottom: 10px;<br />
pointer-events: none;<br />
opacity: 0.1;<br />
}<br />
<br />
.nav-card-forecontent {<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.nav-card-forecontent__title {<br />
display: flex;<br />
justify-content: space-between;<br />
font-size: 32px;<br />
font-weight: bold;<br />
color: var(--color-primary);<br />
}<br />
<br />
.nav-card-forecontent__title::after {<br />
content: "▶";<br />
font-size: 0.8125rem;<br />
}<br />
<br />
.mp-nav #vision {<br />
width: 100%;<br />
height: 20rem;<br />
justify-content: end;<br />
}<br />
<br />
.mp-nav #vision .nav-card__foreground {<br />
padding: var(--space-md);<br />
}<br />
<br />
#vision .nav-card__foreground .home-card__label {<br />
color: rgba(255, 255, 255, 0.9);<br />
text-shadow: 1px 1px 2px #818181;<br />
}<br />
<br />
#vision .nav-card__foreground .home-card__header {<br />
text-shadow: 1px 1px 2px #545454;<br />
}<br />
<br />
#top-page .nav-card__title {<br />
margin-left: 20px;<br />
font-size: 20px;<br />
letter-spacing: 0.4rem;<br />
font-weight: bold;<br />
}<br />
<br />
#top-page .nav-card__title a {<br />
color: #1c7593;<br />
}<br />
<br />
#top-page p {<br />
margin: 0;<br />
}<br />
<br />
#top-page #top-page__hot {<br />
letter-spacing: 0.1rem;<br />
}<br />
<br />
#top-page #top-page__link {<br />
text-align: right;<br />
margin-top: 10px;<br />
}<br />
<br />
#top-page #top-page__content img {<br />
float: left;<br />
margin-right: var(--space-lg);<br />
}<br />
<br />
#top-page__desc {<br />
clear: both;<br />
}<br />
<br />
#tran-page {<br />
display: flex;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
#tran-page .nav-card-button .nav-card__foreground {<br />
text-shadow: 1px 1px 2px #545454;<br />
}<br />
<br />
.mp-nav #announcement,<br />
.mp-nav #tips {<br />
min-height: 150px;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#admin-list #server-admin #chairman {<br />
display: flex;<br />
flex-wrap: wrap;<br />
align-items: end;<br />
margin-bottom: 20px;<br />
}<br />
<br />
#admin-list #server-admin #chairman img {<br />
border-radius: 50%;<br />
width: 36px;<br />
display: block;<br />
margin-right: 7px;<br />
}<br />
<br />
#admin-list #server-admin #chairman #nick {<br />
font-size: 17px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
#admin-list #server-admin #chairman #level,<br />
#admin-list #server-admin #deputy-chairman #level {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
#admin-list #server-admin #deputy-chairman #nick {<br />
font-size: 18px;<br />
}<br />
<br />
#server-status #online-player {<br />
font-size: 3rem;<br />
font-weight: bold;<br />
text-align: right;<br />
letter-spacing: 3.5px;<br />
}<br />
<br />
#server-status #online-desc {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
#server-status #online-ver {<br />
position: absolute;<br />
font-size: 30px;<br />
bottom: 40px;<br />
opacity: 0.3;<br />
font-family: fantasy;<br />
}<br />
<br />
.friend-link {<br />
position: relative;<br />
min-height: 70px;<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
border-radius: 10px;<br />
margin-top: 3rem;<br />
}<br />
<br />
.friend-link .friend-link__title {<br />
font-size: 24px;<br />
letter-spacing: 0.75px;<br />
font-weight: bold;<br />
}<br />
<br />
.friend-link .friend-link__content ul {<br />
margin: 0;<br />
padding: 5px;<br />
display: flex;<br />
flex-wrap: wrap;<br />
gap: 10px;<br />
}<br />
<br />
.friend-link .friend-link__content ul li {<br />
list-style: none;<br />
}<br />
<br />
.friend-link .nav-card-backimg {<br />
bottom: 0;<br />
right: 0;<br />
}<br />
<br />
/* PC & Pad */<br />
@media (min-width: 721px) {<br />
.mp-header {<br />
border-radius: 20px;<br />
margin: 0 6rem;<br />
}<br />
<br />
.mp-header-footer {<br />
display: flex;<br />
gap: 10rem;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav #vision {<br />
grid-column: 1 / span 3;<br />
grid-row: 1;<br />
height: 10rem;<br />
}<br />
<br />
.mp-nav #top-page {<br />
grid-column: 1 / span 2;<br />
grid-row: 2 / span 3;<br />
}<br />
<br />
.mp-nav #announcement {<br />
grid-column: 3;<br />
grid-row: 2 / span 2;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 1 / span 2;<br />
grid-row: 5;<br />
}<br />
<br />
.mp-nav #tips {<br />
grid-column: 3;<br />
grid-row: 4 / span 2;<br />
}<br />
}<br />
<br />
/* Phone */<br />
@media (max-width: 720px) {<br />
.mp-header-title__slogan {<br />
margin: 15px 0;<br />
}<br />
<br />
.mp-header-title__slogan span {<br />
display: block;<br />
line-height: 1.3;<br />
}<br />
<br />
.mp-header-title__desc span {<br />
display: block;<br />
}<br />
<br />
.mp-header-footer {<br />
display: flex;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav {<br />
margin: 3rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 1;<br />
grid-row: 1;<br />
}<br />
<br />
.mp-nav #vision {<br />
grid-column: 1;<br />
grid-row: 2;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#contact-info #qq {<br />
margin-bottom: 10px;<br />
}<br />
}</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:Mainpage/style.css&diff=2722
模板:Mainpage/style.css
2024-01-14T12:41:55Z
<p>AurLemonCN：bug</p>
<hr />
<div>.home-card {<br />
position: relative;<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 8px;<br />
box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card__label {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
.nav-card-button .nav-card__foreground .home-card__header {<br />
color: #fff;<br />
}<br />
<br />
.home-card__header {<br />
margin-top: 0;<br />
font-size: 24px;<br />
}<br />
<br />
.home-card__padding {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card__between {<br />
display: flex;<br />
justify-content: space-between;<br />
flex-direction: column;<br />
}<br />
<br />
.home-card__conbetween {<br />
height: 100%;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.home-card__top {<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
margin: 0;<br />
display: flex;<br />
align-items: center;<br />
gap: 5px;<br />
font-weight: bold;<br />
}<br />
<br />
.home-card__top img {<br />
opacity: 0.7;<br />
}<br />
<br />
.home-card__content {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card-connect {<br />
border-radius: 20px;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card-connect a {<br />
width: 100%;<br />
display: block;<br />
padding: 5px;<br />
}<br />
<br />
.home-card-connect a img {<br />
display: block;<br />
margin: 0 auto;<br />
}<br />
<br />
#qq.home-card-connect {<br />
background: rgb(18,183,245);<br />
}<br />
<br />
#wechat.home-card-connect {<br />
background: rgb(42,174,103);<br />
}<br />
<br />
.home-grid--col2 {<br />
grid-template-columns: 1fr 1fr;<br />
}<br />
<br />
.home-card a:hover {<br />
text-decoration: unset!important;<br />
}<br />
<br />
.home-link {<br />
display: grid;<br />
font-size: 0.875rem;<br />
font-weight: 500;<br />
grid-gap: 6px;<br />
text-align: center;<br />
}<br />
<br />
.home-link__button {<br />
display: flex;<br />
}<br />
<br />
.home-link__button a {<br />
flex-grow: 1;<br />
padding: 0.3rem 0.6rem;<br />
border: 1px solid;<br />
border-color: var(--border-color-base);<br />
background: var(--background-color-framed);<br />
border-radius: 12px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.home-link__button a:hover {<br />
background: var(--background-color-framed--hover);<br />
}<br />
<br />
.home-link__button a:active {<br />
background: var(--background-color-framed--active);<br />
}<br />
<br />
.home-link__button a.external {<br />
color: var(--color-link)!important;<br />
}<br />
<br />
.mp-header-title__subtitle {<br />
color: var(--color-base--subtle);<br />
font-size: 0.875rem;<br />
text-transform: uppercase;<br />
letter-spacing: 0.05em;<br />
margin-bottom: var(--space-xs);<br />
}<br />
<br />
.mp-header-title__slogan {<br />
background: linear-gradient(45deg, #148a86, #f0ab10 45%);<br />
text-align: left;<br />
font-size: 3rem;<br />
font-weight: bold;<br />
}<br />
<br />
.mp-header-title__desc {<br />
text-align: left;<br />
font-weight: bold;<br />
font-size: 18px;<br />
letter-spacing: 1px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-editcounts {<br />
display: flex;<br />
gap: 20px;<br />
}<br />
<br />
.mp-header-editcounts-div {<br />
text-align: left;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.mp-header-editcounts-div__desc {<br />
color: var(--color-base--subtle);<br />
letter-spacing: 0.05em;<br />
white-space: nowrap;<br />
font-size: 12px;<br />
}<br />
<br />
.mp-header-editcounts__counts {<br />
color: var(--color-base--emphasized);<br />
font-weight: 500;<br />
font-size: 28px;<br />
white-space: nowrap;<br />
}<br />
<br />
.mp-header-editcounts__counts a {<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-server {<br />
display: flex;<br />
background: var(--color-surface-2--active);<br />
padding: 10px;<br />
border-radius: 20px;<br />
}<br />
<br />
.mp-header-server #header-server-sxg img {<br />
width: 30px;<br />
border-radius: 50%;<br />
}<br />
<br />
.mp-header .adaptive-img img {<br />
opacity: var( --opacity-icon-base );<br />
transition: opacity 250ms ease;<br />
filter: grayscale(100%);<br />
}<br />
<br />
.mp-header .adaptive-img img:hover {<br />
opacity: var( --opacity-icon-base--hover );<br />
}<br />
<br />
.mp-header .adaptive-img img:active {<br />
opacity: var( --opacity-icon-base--active );<br />
}<br />
<br />
.mp-header-server__link + .mp-header-server__link {<br />
margin-left: 10px;<br />
}<br />
<br />
.mp-nav {<br />
margin: 3rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.nav-card {<br />
position: relative;<br />
padding: var(--space-md);<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 10px;<br />
box-shadow: 0 4px 8px rgba(100, 100, 111, 0.1);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.nav-card__noshadow {<br />
position: relative;<br />
padding: var(--space-md);<br />
border-radius: 10px;<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
.nav-card-button {<br />
height: 3rem;<br />
display: flex;<br />
justify-content: center;<br />
flex-direction: column;<br />
overflow: hidden;<br />
padding: 0;<br />
width: calc(100% / 3);<br />
margin-top: auto;<br />
margin-bottom: 0;<br />
}<br />
<br />
.nav-card-button img {<br />
transition: transform 0.3s ease;<br />
}<br />
<br />
.nav-card-button:hover img {<br />
transform: scale(1.05);<br />
}<br />
<br />
.nav-card__background {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
background: #242a31;<br />
border-radius: 15px;<br />
}<br />
<br />
.nav-card__background a {<br />
display: block;<br />
}<br />
<br />
.nav-card__background img {<br />
width: 100%;<br />
height: 100%;<br />
object-fit: cover;<br />
object-position: center;<br />
}<br />
<br />
.nav-card__foreground {<br />
color: #fff;<br />
font-weight: bold;<br />
z-index: 0;<br />
font-size: 16px;<br />
padding: 0 var(--space-md);<br />
pointer-events: none;<br />
}<br />
<br />
.nav-card-backimg {<br />
position: absolute;<br />
right: 10px;<br />
bottom: 10px;<br />
pointer-events: none;<br />
opacity: 0.1;<br />
}<br />
<br />
.nav-card-forecontent {<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.nav-card-forecontent__title {<br />
display: flex;<br />
justify-content: space-between;<br />
font-size: 32px;<br />
font-weight: bold;<br />
color: var(--color-primary);<br />
}<br />
<br />
.nav-card-forecontent__title::after {<br />
content: "▶";<br />
font-size: 0.8125rem;<br />
}<br />
<br />
.mp-nav #vision {<br />
width: 100%;<br />
height: 10rem;<br />
justify-content: end;<br />
}<br />
<br />
.mp-nav #vision .nav-card__foreground {<br />
padding: var(--space-md);<br />
}<br />
<br />
#vision .nav-card__foreground .home-card__label {<br />
color: rgba(255, 255, 255, 0.9);<br />
text-shadow: 1px 1px 2px #818181;<br />
}<br />
<br />
#vision .nav-card__foreground .home-card__header {<br />
text-shadow: 1px 1px 2px #545454;<br />
}<br />
<br />
#top-page .nav-card__title {<br />
margin-left: 20px;<br />
font-size: 20px;<br />
letter-spacing: 0.4rem;<br />
font-weight: bold;<br />
}<br />
<br />
#top-page .nav-card__title a {<br />
color: #1c7593;<br />
}<br />
<br />
#top-page p {<br />
margin: 0;<br />
}<br />
<br />
#top-page #top-page__hot {<br />
letter-spacing: 0.1rem;<br />
}<br />
<br />
#top-page #top-page__link {<br />
text-align: right;<br />
margin-top: 10px;<br />
}<br />
<br />
#top-page #top-page__content img {<br />
float: left;<br />
margin-right: var(--space-lg);<br />
}<br />
<br />
#top-page__desc {<br />
clear: both;<br />
}<br />
<br />
#tran-page {<br />
display: flex;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
#tran-page .nav-card-button .nav-card__foreground {<br />
text-shadow: 1px 1px 2px #545454;<br />
}<br />
<br />
.mp-nav #announcement,<br />
.mp-nav #tips {<br />
min-height: 150px;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#admin-list #server-admin #chairman {<br />
display: flex;<br />
flex-wrap: wrap;<br />
align-items: end;<br />
margin-bottom: 20px;<br />
}<br />
<br />
#admin-list #server-admin #chairman img {<br />
border-radius: 50%;<br />
width: 36px;<br />
display: block;<br />
margin-right: 7px;<br />
}<br />
<br />
#admin-list #server-admin #chairman #nick {<br />
font-size: 17px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
#admin-list #server-admin #chairman #level,<br />
#admin-list #server-admin #deputy-chairman #level {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
#admin-list #server-admin #deputy-chairman #nick {<br />
font-size: 18px;<br />
}<br />
<br />
#server-status #online-player {<br />
font-size: 3rem;<br />
font-weight: bold;<br />
text-align: right;<br />
letter-spacing: 3.5px;<br />
}<br />
<br />
#server-status #online-desc {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
#server-status #online-ver {<br />
position: absolute;<br />
font-size: 30px;<br />
bottom: 40px;<br />
opacity: 0.3;<br />
font-family: fantasy;<br />
}<br />
<br />
.friend-link {<br />
position: relative;<br />
min-height: 70px;<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
border-radius: 10px;<br />
margin-top: 3rem;<br />
}<br />
<br />
.friend-link .friend-link__title {<br />
font-size: 24px;<br />
letter-spacing: 0.75px;<br />
font-weight: bold;<br />
}<br />
<br />
.friend-link .friend-link__content ul {<br />
margin: 0;<br />
padding: 5px;<br />
display: flex;<br />
flex-wrap: wrap;<br />
gap: 10px;<br />
}<br />
<br />
.friend-link .friend-link__content ul li {<br />
list-style: none;<br />
}<br />
<br />
.friend-link .nav-card-backimg {<br />
bottom: 0;<br />
right: 0;<br />
}<br />
<br />
/* PC & Pad */<br />
@media (min-width: 721px) {<br />
.mp-header {<br />
border-radius: 20px;<br />
margin: 0 6rem;<br />
}<br />
<br />
.mp-header-footer {<br />
display: flex;<br />
gap: 10rem;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav #vision {<br />
grid-column: 1 / span 3;<br />
grid-row: 1;<br />
}<br />
<br />
.mp-nav #top-page {<br />
grid-column: 1 / span 2;<br />
grid-row: 2 / span 3;<br />
}<br />
<br />
.mp-nav #announcement {<br />
grid-column: 3;<br />
grid-row: 2 / span 2;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 1 / span 2;<br />
grid-row: 5;<br />
}<br />
<br />
.mp-nav #tips {<br />
grid-column: 3;<br />
grid-row: 4 / span 2;<br />
}<br />
}<br />
<br />
/* Phone */<br />
@media (max-width: 720px) {<br />
.mp-header-title__slogan {<br />
margin: 15px 0;<br />
}<br />
<br />
.mp-header-title__slogan span {<br />
display: block;<br />
line-height: 1.3;<br />
}<br />
<br />
.mp-header-title__desc span {<br />
display: block;<br />
}<br />
<br />
.mp-header-footer {<br />
display: flex;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav {<br />
margin: 3rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 1;<br />
grid-row: 1;<br />
}<br />
<br />
.mp-nav #vision {<br />
grid-column: 1;<br />
grid-row: 2;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#contact-info #qq {<br />
margin-bottom: 10px;<br />
}<br />
}</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:Mainpage/style.css&diff=2347
模板:Mainpage/style.css
2023-10-15T14:02:19Z
<p>AurLemonCN：写的不严谨</p>
<hr />
<div>.home-card {<br />
position: relative;<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 8px;<br />
box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card__label {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
.nav-card-button .nav-card__foreground .home-card__header {<br />
color: #fff;<br />
}<br />
<br />
.home-card__header {<br />
margin-top: 0;<br />
font-size: 24px;<br />
}<br />
<br />
.home-card__padding {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card__between {<br />
display: flex;<br />
justify-content: space-between;<br />
flex-direction: column;<br />
}<br />
<br />
.home-card__conbetween {<br />
height: 100%;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.home-card__top {<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
margin: 0;<br />
display: flex;<br />
align-items: center;<br />
gap: 5px;<br />
font-weight: bold;<br />
}<br />
<br />
.home-card__top img {<br />
opacity: 0.7;<br />
}<br />
<br />
.home-card__content {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card-connect {<br />
border-radius: 20px;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card-connect a {<br />
width: 100%;<br />
display: block;<br />
padding: 5px;<br />
}<br />
<br />
.home-card-connect a img {<br />
display: block;<br />
margin: 0 auto;<br />
}<br />
<br />
#qq.home-card-connect {<br />
background: rgb(18,183,245);<br />
}<br />
<br />
#wechat.home-card-connect {<br />
background: rgb(42,174,103);<br />
}<br />
<br />
.home-grid--col2 {<br />
grid-template-columns: 1fr 1fr;<br />
}<br />
<br />
.home-card a:hover {<br />
text-decoration: unset!important;<br />
}<br />
<br />
.home-link {<br />
display: grid;<br />
font-size: 0.875rem;<br />
font-weight: 500;<br />
grid-gap: 6px;<br />
text-align: center;<br />
}<br />
<br />
.home-link__button {<br />
display: flex;<br />
}<br />
<br />
.home-link__button a {<br />
flex-grow: 1;<br />
padding: 0.3rem 0.6rem;<br />
border: 1px solid;<br />
border-color: var(--border-color-base);<br />
background: var(--background-color-framed);<br />
border-radius: 12px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.home-link__button a:hover {<br />
background: var(--background-color-framed--hover);<br />
}<br />
<br />
.home-link__button a:active {<br />
background: var(--background-color-framed--active);<br />
}<br />
<br />
.home-link__button a.external {<br />
color: var(--color-link)!important;<br />
}<br />
<br />
.mp-header-title__subtitle {<br />
color: var(--color-base--subtle);<br />
font-size: 0.875rem;<br />
text-transform: uppercase;<br />
letter-spacing: 0.05em;<br />
margin-bottom: var(--space-xs);<br />
}<br />
<br />
.mp-header-title__slogan {<br />
background: linear-gradient(45deg, #148a86, #f0ab10 45%);<br />
text-align: left;<br />
font-size: 3rem;<br />
font-weight: bold;<br />
}<br />
<br />
.mp-header-title__desc {<br />
text-align: left;<br />
font-weight: bold;<br />
font-size: 18px;<br />
letter-spacing: 1px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-editcounts {<br />
display: flex;<br />
gap: 20px;<br />
}<br />
<br />
.mp-header-editcounts-div {<br />
text-align: left;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.mp-header-editcounts-div__desc {<br />
color: var(--color-base--subtle);<br />
letter-spacing: 0.05em;<br />
white-space: nowrap;<br />
font-size: 12px;<br />
}<br />
<br />
.mp-header-editcounts__counts {<br />
color: var(--color-base--emphasized);<br />
font-weight: 500;<br />
font-size: 28px;<br />
white-space: nowrap;<br />
}<br />
<br />
.mp-header-editcounts__counts a {<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-server {<br />
display: flex;<br />
background: var(--color-surface-2--active);<br />
padding: 10px;<br />
border-radius: 20px;<br />
}<br />
<br />
.mp-header-server #header-server-sxg img {<br />
width: 30px;<br />
border-radius: 50%;<br />
}<br />
<br />
.mp-header .adaptive-img img {<br />
opacity: var( --opacity-icon-base );<br />
transition: opacity 250ms ease;<br />
filter: grayscale(100%);<br />
}<br />
<br />
.mp-header .adaptive-img img:hover {<br />
opacity: var( --opacity-icon-base--hover );<br />
}<br />
<br />
.mp-header .adaptive-img img:active {<br />
opacity: var( --opacity-icon-base--active );<br />
}<br />
<br />
.mp-header-server__link + .mp-header-server__link {<br />
margin-left: 10px;<br />
}<br />
<br />
.mp-nav {<br />
margin: 3rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.nav-card {<br />
position: relative;<br />
padding: var(--space-md);<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 10px;<br />
box-shadow: 0 4px 8px rgba(100, 100, 111, 0.1);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.nav-card__noshadow {<br />
position: relative;<br />
padding: var(--space-md);<br />
border-radius: 10px;<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
.nav-card-button {<br />
height: 3rem;<br />
display: flex;<br />
justify-content: center;<br />
flex-direction: column;<br />
overflow: hidden;<br />
padding: 0;<br />
width: calc(100% / 3);<br />
margin-top: auto;<br />
margin-bottom: 0;<br />
}<br />
<br />
.nav-card-button img {<br />
transition: transform 0.3s ease;<br />
}<br />
<br />
.nav-card-button:hover img {<br />
transform: scale(1.05);<br />
}<br />
<br />
.nav-card__background {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
background: #242a31;<br />
border-radius: 15px;<br />
}<br />
<br />
.nav-card__background img {<br />
width: 100%;<br />
height: 100%;<br />
object-fit: cover;<br />
object-position: center;<br />
}<br />
<br />
.nav-card__foreground {<br />
color: #fff;<br />
font-weight: bold;<br />
z-index: 0;<br />
font-size: 16px;<br />
padding: 0 var(--space-md);<br />
pointer-events: none;<br />
}<br />
<br />
.nav-card-backimg {<br />
position: absolute;<br />
right: 10px;<br />
bottom: 10px;<br />
pointer-events: none;<br />
opacity: 0.1;<br />
}<br />
<br />
.nav-card-forecontent {<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.nav-card-forecontent__title {<br />
display: flex;<br />
justify-content: space-between;<br />
font-size: 32px;<br />
font-weight: bold;<br />
color: var(--color-primary);<br />
}<br />
<br />
.nav-card-forecontent__title::after {<br />
content: "▶";<br />
font-size: 0.8125rem;<br />
}<br />
<br />
.mp-nav #vision {<br />
width: 100%;<br />
height: 10rem;<br />
justify-content: end;<br />
}<br />
<br />
.mp-nav #vision .nav-card__foreground {<br />
padding: var(--space-md);<br />
}<br />
<br />
#vision .nav-card__foreground .home-card__label {<br />
color: rgba(255, 255, 255, 0.9);<br />
text-shadow: 1px 1px 2px #818181;<br />
}<br />
<br />
#vision .nav-card__foreground .home-card__header {<br />
text-shadow: 1px 1px 2px #545454;<br />
}<br />
<br />
#top-page .nav-card__title {<br />
margin-left: 20px;<br />
font-size: 20px;<br />
letter-spacing: 0.4rem;<br />
font-weight: bold;<br />
}<br />
<br />
#top-page .nav-card__title a {<br />
color: #1c7593;<br />
}<br />
<br />
#top-page p {<br />
margin: 0;<br />
}<br />
<br />
#top-page #top-page__hot {<br />
letter-spacing: 0.1rem;<br />
}<br />
<br />
#top-page #top-page__link {<br />
text-align: right;<br />
margin-top: 10px;<br />
}<br />
<br />
#top-page #top-page__content img {<br />
float: left;<br />
margin-right: var(--space-lg);<br />
}<br />
<br />
#top-page__desc {<br />
clear: both;<br />
}<br />
<br />
#tran-page {<br />
display: flex;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
#tran-page .nav-card-button .nav-card__foreground {<br />
text-shadow: 1px 1px 2px #545454;<br />
}<br />
<br />
.mp-nav #announcement,<br />
.mp-nav #tips {<br />
min-height: 150px;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#admin-list #server-admin #chairman {<br />
display: flex;<br />
flex-wrap: wrap;<br />
align-items: end;<br />
margin-bottom: 20px;<br />
}<br />
<br />
#admin-list #server-admin #chairman img {<br />
border-radius: 50%;<br />
width: 36px;<br />
display: block;<br />
margin-right: 7px;<br />
}<br />
<br />
#admin-list #server-admin #chairman #nick {<br />
font-size: 17px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
#admin-list #server-admin #chairman #level,<br />
#admin-list #server-admin #deputy-chairman #level {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
#admin-list #server-admin #deputy-chairman #nick {<br />
font-size: 18px;<br />
}<br />
<br />
#server-status #online-player {<br />
font-size: 3rem;<br />
font-weight: bold;<br />
text-align: right;<br />
letter-spacing: 3.5px;<br />
}<br />
<br />
#server-status #online-desc {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
#server-status #online-ver {<br />
position: absolute;<br />
font-size: 30px;<br />
bottom: 40px;<br />
opacity: 0.3;<br />
font-family: fantasy;<br />
}<br />
<br />
.friend-link {<br />
position: relative;<br />
min-height: 70px;<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
border-radius: 10px;<br />
margin-top: 3rem;<br />
}<br />
<br />
.friend-link .friend-link__title {<br />
font-size: 24px;<br />
letter-spacing: 0.75px;<br />
font-weight: bold;<br />
}<br />
<br />
.friend-link .friend-link__content ul {<br />
margin: 0;<br />
padding: 5px;<br />
display: flex;<br />
flex-wrap: wrap;<br />
gap: 10px;<br />
}<br />
<br />
.friend-link .friend-link__content ul li {<br />
list-style: none;<br />
}<br />
<br />
.friend-link .nav-card-backimg {<br />
bottom: 0;<br />
right: 0;<br />
}<br />
<br />
/* PC & Pad */<br />
@media (min-width: 721px) {<br />
.mp-header {<br />
border-radius: 20px;<br />
margin: 0 6rem;<br />
}<br />
<br />
.mp-header-footer {<br />
display: flex;<br />
gap: 10rem;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav #vision {<br />
grid-column: 1 / span 3;<br />
grid-row: 1;<br />
}<br />
<br />
.mp-nav #top-page {<br />
grid-column: 1 / span 2;<br />
grid-row: 2 / span 3;<br />
}<br />
<br />
.mp-nav #announcement {<br />
grid-column: 3;<br />
grid-row: 2 / span 2;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 1 / span 2;<br />
grid-row: 5;<br />
}<br />
<br />
.mp-nav #tips {<br />
grid-column: 3;<br />
grid-row: 4 / span 2;<br />
}<br />
}<br />
<br />
/* Phone */<br />
@media (max-width: 720px) {<br />
.mp-header-title__slogan {<br />
margin: 15px 0;<br />
}<br />
<br />
.mp-header-title__slogan span {<br />
display: block;<br />
line-height: 1.3;<br />
}<br />
<br />
.mp-header-title__desc span {<br />
display: block;<br />
}<br />
<br />
.mp-header-footer {<br />
display: flex;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav {<br />
margin: 3rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 1;<br />
grid-row: 1;<br />
}<br />
<br />
.mp-nav #vision {<br />
grid-column: 1;<br />
grid-row: 2;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#contact-info #qq {<br />
margin-bottom: 10px;<br />
}<br />
}</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:%E9%A6%96%E9%A1%B5/Header&diff=2346
模板:首页/Header
2023-10-15T13:47:46Z
<p>AurLemonCN：你好</p>
<hr />
<div><div class="mp-header"><br />
<div class="mp-header-title"><br />
<div class="mp-header-title__subtitle">欢迎来到临东市服务器Wiki———</div><br />
<div class="mp-header-title__slogan" style="-webkit-background-clip: text; -webkit-text-fill-color: transparent;"><span>向往临东，</span><span>美好生活。</span></div><br />
<div class="mp-header-title__desc"><span>Aspire to Lindong, </span><span>Embrace a Beautiful Life.</span></div><br />
</div><br />
<div class="mp-header-footer"><br />
<div class="mp-header-editcounts"><br />
<div class="mp-header-editcounts-div"><br />
<div class="mp-header-editcounts-div__desc">用户</div><br />
<div class="mp-header-editcounts__counts">[[特殊:用户列表|{{NUMBEROFUSERS}}]]</div><br />
</div><br />
<div class="mp-header-editcounts-div"><br />
<div class="mp-header-editcounts-div__desc">编辑次数</div><br />
<div class="mp-header-editcounts__counts">[[特殊:最近更改|{{NUMBEROFEDITS}}]]</div><br />
</div><br />
<div class="mp-header-editcounts-div"><br />
<div class="mp-header-editcounts-div__desc">页面</div><br />
<div class="mp-header-editcounts__counts">[[特殊:所有页面|{{NUMBEROFPAGES}}]]</div><br />
</div><br />
</div><br />
<div class="mp-header-server"><br />
<div class="mp-header-server__link" id="header-server-sxg">[[文件:Shangxiaoguan.jpg|x30px|link=https://shangxiaoguan.top/]]</div><br />
<div class="mp-header-server__link adaptive-img">[[文件:Map.svg|x30px|link=http://ld.cmsy.xyz:19136]]</div><br />
</div><br />
</div><br />
</div><templatestyles src="Template:Mainpage/style.css" /></div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:Mainpage/style.css&diff=2345
模板:Mainpage/style.css
2023-10-15T13:46:49Z
<p>AurLemonCN：</p>
<hr />
<div>.home-card {<br />
position: relative;<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 8px;<br />
box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card__label {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
.nav-card-button .nav-card__foreground .home-card__header {<br />
color: #fff;<br />
}<br />
<br />
.home-card__header {<br />
margin-top: 0;<br />
font-size: 24px;<br />
}<br />
<br />
.home-card__padding {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card__between {<br />
display: flex;<br />
justify-content: space-between;<br />
flex-direction: column;<br />
}<br />
<br />
.home-card__conbetween {<br />
height: 100%;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.home-card__top {<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
margin: 0;<br />
display: flex;<br />
align-items: center;<br />
gap: 5px;<br />
font-weight: bold;<br />
}<br />
<br />
.home-card__top img {<br />
opacity: 0.7;<br />
}<br />
<br />
.home-card__content {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card-connect {<br />
border-radius: 20px;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card-connect a {<br />
width: 100%;<br />
display: block;<br />
padding: 5px;<br />
}<br />
<br />
.home-card-connect a img {<br />
display: block;<br />
margin: 0 auto;<br />
}<br />
<br />
#qq.home-card-connect {<br />
background: rgb(18,183,245);<br />
}<br />
<br />
#wechat.home-card-connect {<br />
background: rgb(42,174,103);<br />
}<br />
<br />
.home-grid--col2 {<br />
grid-template-columns: 1fr 1fr;<br />
}<br />
<br />
.home-card a:hover {<br />
text-decoration: unset!important;<br />
}<br />
<br />
.home-link {<br />
display: grid;<br />
font-size: 0.875rem;<br />
font-weight: 500;<br />
grid-gap: 6px;<br />
text-align: center;<br />
}<br />
<br />
.home-link__button {<br />
display: flex;<br />
}<br />
<br />
.home-link__button a {<br />
flex-grow: 1;<br />
padding: 0.3rem 0.6rem;<br />
border: 1px solid;<br />
border-color: var(--border-color-base);<br />
background: var(--background-color-framed);<br />
border-radius: 12px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.home-link__button a:hover {<br />
background: var(--background-color-framed--hover);<br />
}<br />
<br />
.home-link__button a:active {<br />
background: var(--background-color-framed--active);<br />
}<br />
<br />
.home-link__button a.external {<br />
color: var(--color-link)!important;<br />
}<br />
<br />
.mp-header-title__subtitle {<br />
color: var(--color-base--subtle);<br />
font-size: 0.875rem;<br />
text-transform: uppercase;<br />
letter-spacing: 0.05em;<br />
margin-bottom: var(--space-xs);<br />
}<br />
<br />
.mp-header-title__slogan {<br />
background: linear-gradient(45deg, #148a86, #f0ab10 45%);<br />
text-align: left;<br />
font-size: 3rem;<br />
font-weight: bold;<br />
}<br />
<br />
.mp-header-title__desc {<br />
text-align: left;<br />
font-weight: bold;<br />
font-size: 18px;<br />
letter-spacing: 1px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-editcounts {<br />
display: flex;<br />
gap: 20px;<br />
}<br />
<br />
.mp-header-editcounts-div {<br />
text-align: left;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.mp-header-editcounts-div__desc {<br />
color: var(--color-base--subtle);<br />
letter-spacing: 0.05em;<br />
white-space: nowrap;<br />
font-size: 12px;<br />
}<br />
<br />
.mp-header-editcounts__counts {<br />
color: var(--color-base--emphasized);<br />
font-weight: 500;<br />
font-size: 28px;<br />
white-space: nowrap;<br />
}<br />
<br />
.mp-header-editcounts__counts a {<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-server {<br />
display: flex;<br />
background: var(--color-surface-2--active);<br />
padding: 10px;<br />
border-radius: 20px;<br />
}<br />
<br />
.mp-header-server #header-server-sxg img {<br />
width: 30px;<br />
border-radius: 50%;<br />
}<br />
<br />
.mp-header .adaptive-img img {<br />
opacity: var( --opacity-icon-base );<br />
transition: opacity 250ms ease;<br />
filter: grayscale(100%);<br />
}<br />
<br />
.mp-header .adaptive-img img:hover {<br />
opacity: var( --opacity-icon-base--hover );<br />
}<br />
<br />
.mp-header .adaptive-img img:active {<br />
opacity: var( --opacity-icon-base--active );<br />
}<br />
<br />
.mp-header-server__link + .mp-header-server__link {<br />
margin-left: 10px;<br />
}<br />
<br />
.mp-nav {<br />
margin: 3rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.nav-card {<br />
position: relative;<br />
padding: var(--space-md);<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 10px;<br />
box-shadow: 0 4px 8px rgba(100, 100, 111, 0.1);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.nav-card__noshadow {<br />
position: relative;<br />
padding: var(--space-md);<br />
border-radius: 10px;<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
.nav-card-button {<br />
height: 3rem;<br />
display: flex;<br />
justify-content: center;<br />
flex-direction: column;<br />
overflow: hidden;<br />
padding: 0;<br />
width: calc(100% / 3);<br />
margin-top: auto;<br />
margin-bottom: 0;<br />
}<br />
<br />
.nav-card-button img {<br />
transition: transform 0.3s ease;<br />
}<br />
<br />
.nav-card-button:hover img {<br />
transform: scale(1.05);<br />
}<br />
<br />
.nav-card__background {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
background: #242a31;<br />
border-radius: 15px;<br />
}<br />
<br />
.nav-card__background img {<br />
width: 100%;<br />
height: 100%;<br />
object-fit: cover;<br />
object-position: center;<br />
}<br />
<br />
.nav-card__foreground {<br />
color: #fff;<br />
font-weight: bold;<br />
z-index: 0;<br />
font-size: 16px;<br />
padding: 0 var(--space-md);<br />
pointer-events: none;<br />
}<br />
<br />
.nav-card-backimg {<br />
position: absolute;<br />
right: 10px;<br />
bottom: 10px;<br />
pointer-events: none;<br />
opacity: 0.1;<br />
}<br />
<br />
.nav-card-forecontent {<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.nav-card-forecontent__title {<br />
display: flex;<br />
justify-content: space-between;<br />
font-size: 32px;<br />
font-weight: bold;<br />
color: var(--color-primary);<br />
}<br />
<br />
.nav-card-forecontent__title::after {<br />
content: "▶";<br />
font-size: 0.8125rem;<br />
}<br />
<br />
.mp-nav #vision {<br />
width: 100%;<br />
height: 10rem;<br />
justify-content: end;<br />
}<br />
<br />
.mp-nav #vision .nav-card__foreground {<br />
padding: var(--space-md);<br />
}<br />
<br />
#vision .nav-card__foreground .home-card__label {<br />
color: rgba(255, 255, 255, 0.9);<br />
text-shadow: 1px 1px 2px #818181;<br />
}<br />
<br />
#vision .nav-card__foreground .home-card__header {<br />
text-shadow: 1px 1px 2px #545454;<br />
}<br />
<br />
#top-page .nav-card__title {<br />
margin-left: 20px;<br />
font-size: 20px;<br />
letter-spacing: 0.4rem;<br />
font-weight: bold;<br />
}<br />
<br />
#top-page .nav-card__title a {<br />
color: #1c7593;<br />
}<br />
<br />
#top-page p {<br />
margin: 0;<br />
}<br />
<br />
#top-page #top-page__hot {<br />
letter-spacing: 0.1rem;<br />
}<br />
<br />
#top-page #top-page__link {<br />
text-align: right;<br />
margin-top: 10px;<br />
}<br />
<br />
#top-page #top-page__content img {<br />
float: left;<br />
margin-right: var(--space-lg);<br />
}<br />
<br />
#top-page__desc {<br />
clear: both;<br />
}<br />
<br />
#tran-page {<br />
display: flex;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
#tran-page .nav-card-button .nav-card__foreground {<br />
text-shadow: 1px 1px 2px #545454;<br />
}<br />
<br />
.mp-nav #announcement,<br />
.mp-nav #tips {<br />
min-height: 150px;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#admin-list #server-admin #chairman {<br />
display: flex;<br />
flex-wrap: wrap;<br />
align-items: end;<br />
margin-bottom: 20px;<br />
}<br />
<br />
#admin-list #server-admin #chairman img {<br />
border-radius: 50%;<br />
width: 36px;<br />
display: block;<br />
margin-right: 7px;<br />
}<br />
<br />
#admin-list #server-admin #chairman #nick {<br />
font-size: 17px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
#admin-list #server-admin #chairman #level,<br />
#admin-list #server-admin #deputy-chairman #level {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
#admin-list #server-admin #deputy-chairman #nick {<br />
font-size: 18px;<br />
}<br />
<br />
#server-status #online-player {<br />
font-size: 3rem;<br />
font-weight: bold;<br />
text-align: right;<br />
letter-spacing: 3.5px;<br />
}<br />
<br />
#server-status #online-desc {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
#server-status #online-ver {<br />
position: absolute;<br />
font-size: 30px;<br />
bottom: 40px;<br />
opacity: 0.3;<br />
font-family: fantasy;<br />
}<br />
<br />
.friend-link {<br />
position: relative;<br />
min-height: 70px;<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
border-radius: 10px;<br />
margin-top: 3rem;<br />
}<br />
<br />
.friend-link .friend-link__title {<br />
font-size: 24px;<br />
letter-spacing: 0.75px;<br />
font-weight: bold;<br />
}<br />
<br />
.friend-link .friend-link__content ul {<br />
margin: 0;<br />
padding: 5px;<br />
display: flex;<br />
flex-wrap: wrap;<br />
gap: 10px;<br />
}<br />
<br />
.friend-link .friend-link__content ul li {<br />
list-style: none;<br />
}<br />
<br />
.friend-link .nav-card-backimg {<br />
bottom: 0;<br />
right: 0;<br />
}<br />
<br />
/* PC & Pad */<br />
@media (min-width: 720px) {<br />
.mp-header {<br />
border-radius: 20px;<br />
margin: 0 6rem;<br />
}<br />
<br />
.mp-header-footer {<br />
display: flex;<br />
gap: 10rem;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav #vision {<br />
grid-column: 1 / span 3;<br />
grid-row: 1;<br />
}<br />
<br />
.mp-nav #top-page {<br />
grid-column: 1 / span 2;<br />
grid-row: 2 / span 3;<br />
}<br />
<br />
.mp-nav #announcement {<br />
grid-column: 3;<br />
grid-row: 2 / span 2;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 1 / span 2;<br />
grid-row: 5;<br />
}<br />
<br />
.mp-nav #tips {<br />
grid-column: 3;<br />
grid-row: 4 / span 2;<br />
}<br />
}<br />
<br />
/* Phone */<br />
@media (max-width: 720px) {<br />
.mp-header-title__slogan {<br />
margin: 15px 0;<br />
}<br />
<br />
.mp-header-title__slogan span {<br />
display: block;<br />
line-height: 1.3;<br />
}<br />
<br />
.mp-header-title__desc span {<br />
display: block;<br />
}<br />
<br />
.mp-header-footer {<br />
display: flex;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav {<br />
margin: 3rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 1;<br />
grid-row: 1;<br />
}<br />
<br />
.mp-nav #vision {<br />
grid-column: 1;<br />
grid-row: 2;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#contact-info #qq {<br />
margin-bottom: 10px;<br />
}<br />
}</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:Block/styles.css&diff=2315
模板:Block/styles.css
2023-10-03T07:11:11Z
<p>AurLemonCN：AurLemonCN将页面模板:Block/styles.css的内容模型从“CSS”更改为“已过滤的CSS”</p>
<hr />
<div>.inline-text-blocked {<br />
color: transparent;<br />
background-color: #000000;<br />
transition: color 0.25s;<br />
}<br />
<br />
.inline-text-blocked *, .inline-text-blocked a {<br />
color: transparent !important;<br />
background-color: transparent !important;<br />
cursor: default !important;<br />
text-decoration: none !important;<br />
transition: color 0.25s !important;<br />
}<br />
<br />
.inline-text-blocked::selection, .inline-text-blocked *::selection {<br />
color: #ffffff;<br />
background: rgba(0, 0, 0, 0.75);<br />
}<br />
<br />
@media (pointer: coarse) {<br />
.inline-text-blocked:hover, .inline-text-blocked *:hover, .inline-text-blocked a:hover, .inline-text-blocked a:active, .inline-text-blocked a *:hover, .inline-text-blocked a *:active {<br />
color: #ffffff;<br />
}<br />
}<br />
<br />
@media (pointer: fine), (pointer: none) {<br />
.inline-text-blocked:focus {<br />
color: #ffffff;<br />
}<br />
}</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%96%87%E4%BB%B6:%E5%A4%87%E6%A1%88%E5%9B%BE%E6%A0%87.png&diff=2314
文件:备案图标.png
2023-10-03T05:37:27Z
<p>AurLemonCN：</p>
<hr />
<div></div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:%E9%A6%96%E9%A1%B5/Container&diff=2239
模板:首页/Container
2023-09-30T07:10:20Z
<p>AurLemonCN：</p>
<hr />
<div><div class="mp-container"><br />
<div class="home-card" id="wiki-basicinfo"><br />
<div class="home-card__top adaptive-img">[[文件:Website.svg|x24px|link=]] 维基信息</div><br />
<div class="home-card__content"><br />
<div class="home-link home-grid--col2"><br />
<div class="home-link__button">[[特殊:用户列表|用户列表]]</div><br />
<div class="home-link__button">[[特殊:所有页面|所有页面]]</div><br />
<div class="home-link__button">[[特殊:新建文件|新文件图库]]</div><br />
<div class="home-link__button">[[特殊:日志/newusers|用户创建日志]]</div><br />
<div class="home-link__button">[[特殊:版本|软件版本]]</div><br />
<div class="home-link__button">[[特殊:文件列表|文件列表]]</div><br />
</div><br />
</div><br />
</div><br />
<br />
<div class="home-card home-card__between" id="site-guide"><br />
<div class="home-card__top adaptive-img">[[文件:Location.svg|x24px|link=]] 站点导航</div><br />
<div class="home-card__content"><br />
<div class="home-link home-grid--col2"><br />
<div class="home-link__button">[[玩家列表]]</div><br />
<div class="home-link__button">[[捐赠列表]]</div><br />
<div class="home-link__button">[[视频合集]]</div><br />
<div class="home-link__button">[[重大事件]]</div><br />
<div class="home-link__button">[[:分类:服务器年度报告|年度报告]]</div><br />
<div class="home-link__button">[[地图画合集]]</div><br />
</div><br />
</div><br />
</div><br />
<br />
<div class="home-card home-card__between" id="contact-info"><br />
<div class="home-card__top adaptive-img">[[文件:Share.svg|x24px|link=]] 联系方式</div><br />
<div class="home-card__content home-card__conbetween"><br />
<div class="home-card-connect" id="qq">[[文件:Qq_logo.png|x30px|link=https://jq.qq.com/?_wv=1027&k=2ohkcKQI]]</div><br />
<div class="home-card-connect" id="wechat">[[文件:WeChat_logo.png|x30px|link=https://wiki.shangxiaoguan.top/index.php?title=%E6%96%87%E4%BB%B6:%E4%B8%B4%E4%B8%9C%E5%BE%AE%E5%BF%97.png]]</div><br />
</div><br />
</div><br />
<br />
<div class="home-card" id="local-link"><br />
<div class="home-card__top adaptive-img">[[文件:Locallink.svg|x24px|link=]] 相关链接</div><br />
<div class="home-card__content"><br />
<div class="home-link home-grid"><br />
<div class="home-link__button">[https://shangxiaoguan.top/ 上小官的个人心得]</div><br />
<div class="home-link__button">[https://oeotyan.github.io/we-be-wiki/ WorldEdit指南]</div><br />
<div class="home-link__button">[http://ld.cmsy.xyz:19136/ 网页地图]</div><br />
</div><br />
</div><br />
</div><br />
<br />
<div class="home-card" id="admin-list"><br />
<div class="home-card__top adaptive-img">[[文件:Admin.svg|x24px|link=]] 管理信息</div><br />
<div class="home-card__content"><br />
<div id="server-admin"><br />
<div id="chairman">[[文件:Shangxiaoguan.jpg|x36px|link=上小官]] <span id="nick">[[上小官]]</span><span id="level">（临东市服务器管理委员会委员长）</span></div><br />
<div id="deputy-chairman"><span id="nick">[[flijo|题散]] · [[兴安|兴安]]</span><br><span id="level">临东市服务器管理委员会副委员长</span></div><br />
</div><br />
</div><br />
</div><br />
<br />
<div class="home-card home-card__between" id="server-status"><br />
<div class="home-card__top adaptive-img">[[文件:Cloud.svg|x24px|link=]] 服务器状态</div><br />
<div class="home-card__content home-card__conbetween"><br />
<div id="online-player">-/-</div><br />
<div id="online-ver"></div><br />
<div id="online-desc">加载中</div><br />
</div><br />
</div><br />
</div><templatestyles src="Template:Mainpage/style.css" /></div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:%E9%A6%96%E9%A1%B5/Container&diff=2221
模板:首页/Container
2023-09-29T18:40:26Z
<p>AurLemonCN：里面六个小模块 看源代码应该看得懂吧 看换行</p>
<hr />
<div><div class="mp-container"><br />
<div class="home-card" id="wiki-basicinfo"><br />
<div class="home-card__top adaptive-img">[[文件:Announcement.svg|x24px|link=]] 维基信息</div><br />
<div class="home-card__content"><br />
<div class="home-link home-grid--col2"><br />
<div class="home-link__button">[[特殊:用户列表|用户列表]]</div><br />
<div class="home-link__button">[[特殊:所有页面|所有页面]]</div><br />
<div class="home-link__button">[[特殊:新建文件|新文件图库]]</div><br />
<div class="home-link__button">[[特殊:日志/newusers|用户创建日志]]</div><br />
<div class="home-link__button">[[特殊:版本|软件版本]]</div><br />
<div class="home-link__button">[[特殊:文件列表|文件列表]]</div><br />
</div><br />
</div><br />
</div><br />
<br />
<div class="home-card home-card__between" id="site-guide"><br />
<div class="home-card__top adaptive-img">[[文件:Location.svg|x24px|link=]] 站点导航</div><br />
<div class="home-card__content"><br />
<div class="home-link home-grid--col2"><br />
<div class="home-link__button">[[玩家列表]]</div><br />
<div class="home-link__button">[[捐赠列表]]</div><br />
<div class="home-link__button">[[视频合集]]</div><br />
<div class="home-link__button">[[重大事件]]</div><br />
<div class="home-link__button">[[:分类:服务器年度报告|年度报告]]</div><br />
<div class="home-link__button">[[地图画合集]]</div><br />
</div><br />
</div><br />
</div><br />
<br />
<div class="home-card home-card__between" id="contact-info"><br />
<div class="home-card__top adaptive-img">[[文件:Share.svg|x24px|link=]] 联系方式</div><br />
<div class="home-card__content home-card__conbetween"><br />
<div class="home-card-connect" id="qq">[[文件:Qq_logo.png|x30px|link=https://jq.qq.com/?_wv=1027&k=2ohkcKQI]]</div><br />
<div class="home-card-connect" id="wechat">[[文件:WeChat_logo.png|x30px|link=https://wiki.shangxiaoguan.top/index.php?title=%E6%96%87%E4%BB%B6:%E4%B8%B4%E4%B8%9C%E5%BE%AE%E5%BF%97.png]]</div><br />
</div><br />
</div><br />
<br />
<div class="home-card" id="local-link"><br />
<div class="home-card__top adaptive-img">[[文件:Locallink.svg|x24px|link=]] 相关链接</div><br />
<div class="home-card__content"><br />
<div class="home-link home-grid"><br />
<div class="home-link__button">[https://shangxiaoguan.top/ 上小官的个人心得]</div><br />
<div class="home-link__button">[https://oeotyan.github.io/we-be-wiki/ WorldEdit指南]</div><br />
<div class="home-link__button">[http://ld.cmsy.xyz:19136/ 网页地图]</div><br />
</div><br />
</div><br />
</div><br />
<br />
<div class="home-card" id="admin-list"><br />
<div class="home-card__top adaptive-img">[[文件:Admin.svg|x24px|link=]] 管理信息</div><br />
<div class="home-card__content"><br />
<div id="server-admin"><br />
<div id="chairman">[[文件:Shangxiaoguan.jpg|x36px|link=上小官]] <span id="nick">[[上小官]]</span><span id="level">（临东市服务器管理委员会委员长）</span></div><br />
<div id="deputy-chairman"><span id="nick">[[flijo|题散]] · [[兴安|兴安]]</span><br><span id="level">临东市服务器管理委员会副委员长</span></div><br />
</div><br />
</div><br />
</div><br />
<br />
<div class="home-card home-card__between" id="server-status"><br />
<div class="home-card__top adaptive-img">[[文件:Cloud.svg|x24px|link=]] 服务器状态</div><br />
<div class="home-card__content home-card__conbetween"><br />
<div id="online-player">-/-</div><br />
<div id="online-ver"></div><br />
<div id="online-desc">加载中</div><br />
</div><br />
</div><br />
</div><templatestyles src="Template:Mainpage/style.css" /></div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E7%94%A8%E6%88%B7:AurLemonCN&diff=2220
用户:AurLemonCN
2023-09-29T17:55:18Z
<p>AurLemonCN：</p>
<hr />
<div><!-- infobox --><br />
{{玩家卡片<br />
| Color = #172a4d, #2d4858, #576d71, #88928e<br />
| Pic = 柠檬BigLemon.jpg<br />
| Nick = 柠檬<br />
| ID = Aurora_Lemon<br />
| Desc = 氢气工艺服务器服主、氢气工艺服务器管理委员会主席、<s>临东市服务器与氢气工艺服务器友好交流大使</s>。<br />
}}<br />
<!-- content --><br />
<h1 style="background: linear-gradient(90deg,#22a5b9,#5598de 20%,#7f87ff 45%,#4784c0 70%,#0c6ac9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; margin: 0;">期许服务越发精，临氢两服友情盈。<br/>建设城市初心在，传承精神谱新声。</h1><br />
鄙人是[https://wiki.hydcraft.cn 氢气工艺服务器]的服主[https://wiki.hydcraft.cn/Player:柠檬 柠檬]。是的，“氢气工艺”就是临东维基友链中的那个服务器。<br />
<br />
大概是2018年左右，在RTM圈结识了贵服服主[[上小官]]，情谊一直到今天也没有停止<s>（虽然私聊很少聊天）</s>。[[上小官]]在大约2018年6月的时候邀请我加入了临东市服务器。2020年末，我开始慢慢地参与临东群内交流，也是头一次深入了解一个BE服务器的文化氛围、交流方法、建设方式。在2021年，氢气工艺和临东互相建立了大使馆。很荣幸能够加入这样一个大家庭。<br />
<br />
在我个人页面的最后，祝愿临东市服务器越来越好。希望临氢两服能够在城市建设和交流上更多的力量。同时，希望贵服能够继续发展壮大，不断更新，为BE玩家们带来更多的乐趣。<br />
== 贡献 ==<br />
* [[模块:LineList/doc|线路列表模板]]<br />
* [[模板:玩家卡片|玩家卡片]]、[[模板:玩家卡片V2|玩家卡片V2]]<br />
* [[首页]]及配套设施（[https://github.com/AurLemon/Lindong_Wiki_Project GitHub 项目页]） <s>什么？你说怎么氢气的比临东的难看？氢气屎山不好改了要直接重写</s><br />
<!-- releated --><br />
<div style="display: flex; gap: 10px; margin-top: 100px;"><br />
<div style="border-radius: 10px; background: var(--color-surface-2); padding: 10px;"><br />
<div style="font-size: 0.8125rem; color: var(--color-base--subtle);">相关页面</div><br />
<div style="font-size: 20px; font-weight: bold;">[https://wiki.hydcraft.cn 氢气工艺维基网站] · [https://bbs.oxygenstudio.cn 氧气社区]</div><br />
</div><br />
</div><br />
__NOTOC__</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E7%94%A8%E6%88%B7:AurLemonCN&diff=2219
用户:AurLemonCN
2023-09-29T17:54:03Z
<p>AurLemonCN：</p>
<hr />
<div><!-- infobox --><br />
{{玩家卡片<br />
| Color = #172a4d, #2d4858, #576d71, #88928e<br />
| Pic = 柠檬BigLemon.jpg<br />
| Nick = 柠檬<br />
| ID = Aurora_Lemon<br />
| Desc = 氢气工艺服务器服主、氢气工艺服务器管理委员会主席、<s>临东市服务器与氢气工艺服务器友好交流大使</s>。<br />
}}<br />
<!-- content --><br />
<h1 style="background: linear-gradient(90deg,#22a5b9,#5598de 20%,#7f87ff 45%,#4784c0 70%,#0c6ac9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; margin: 0;">期许服务越发精，临氢两服友情盈。<br/>建设城市初心在，传承精神谱新声。</h1><br />
鄙人是[https://wiki.hydcraft.cn 氢气工艺服务器]的服主[https://wiki.hydcraft.cn/Player:柠檬 柠檬]。是的，“氢气工艺”就是临东维基友链中的那个服务器。<br />
<br />
大概是2018年左右，在RTM圈结识了贵服服主[[上小官]]，情谊一直到今天也没有停止<s>（虽然私聊很少聊天）</s>。[[上小官]]在大约2018年6月的时候邀请我加入了临东市服务器。2020年末，我开始慢慢地参与临东群内交流，也是头一次深入了解一个BE服务器的文化氛围、交流方法、建设方式。在2021年，氢气工艺和临东互相建立了大使馆。很荣幸能够加入这样一个大家庭。<br />
<br />
在我个人页面的最后，祝愿临东市服务器越来越好。希望临氢两服能够在城市建设和交流上更多的力量。同时，希望贵服能够继续发展壮大，不断更新，为BE玩家们带来更多的乐趣。<br />
== 贡献 ==<br />
* [[模块:LineList/doc|线路列表模板]]<br />
* [[模板:玩家卡片|玩家卡片]]、[[模板:玩家卡片V2|玩家卡片V2]]<br />
* [[首页]]及配套设施（[https://github.com/AurLemon/Lindong_Wiki_Project GitHub 项目页]）<br />
<!-- releated --><br />
<div style="display: flex; gap: 10px; margin-top: 100px;"><br />
<div style="border-radius: 10px; background: var(--color-surface-2); padding: 10px;"><br />
<div style="font-size: 0.8125rem; color: var(--color-base--subtle);">相关页面</div><br />
<div style="font-size: 20px; font-weight: bold;">[https://wiki.hydcraft.cn 氢气工艺维基网站] · [https://bbs.oxygenstudio.cn 氧气社区]</div><br />
</div><br />
</div><br />
__NOTOC__</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E7%94%A8%E6%88%B7:AurLemonCN&diff=2218
用户:AurLemonCN
2023-09-29T17:52:03Z
<p>AurLemonCN：</p>
<hr />
<div><!-- infobox --><br />
{{玩家卡片<br />
| Color = #172a4d, #2d4858, #576d71, #88928e<br />
| Pic = 柠檬BigLemon.jpg<br />
| Nick = 柠檬<br />
| ID = Aurora_Lemon<br />
| Desc = 氢气工艺服务器服主、氢气工艺服务器管理委员会主席、<s>临东市服务器与氢气工艺服务器友好交流大使</s>。<br />
}}<br />
<!-- content --><br />
<h1 style="background: linear-gradient(90deg,#22a5b9,#5598de 20%,#7f87ff 45%,#4784c0 70%,#0c6ac9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; margin: 0;">期许服务越发精，临氢两服友情盈。<br/>建设城市初心在，传承精神谱新声。</h1><br />
鄙人是[https://wiki.hydcraft.cn 氢气工艺服务器]的服主[https://wiki.hydcraft.cn/Player:柠檬 柠檬]。是的，“氢气工艺”就是临东维基友链中的那个服务器。<br />
<br />
大概是2018年左右，在RTM圈结识了贵服服主[[上小官]]，情谊一直到今天也没有停止<s>（虽然私聊很少聊天）</s>。[[上小官]]在大约2018年6月的时候邀请我加入了临东市服务器。2020年末，我开始慢慢地参与临东群内交流，也是头一次深入了解一个BE服务器的文化氛围、交流方法、建设方式。在2021年，氢气工艺和临东互相建立了大使馆。很荣幸能够加入这样一个大家庭。<br />
<br />
在我个人页面的最后，祝愿临东市服务器越来越好。希望临氢两服能够在城市建设和交流上更多的力量。同时，希望贵服能够继续发展壮大，不断更新，为BE玩家们带来更多的乐趣。<br />
<!-- releated --><br />
<div style="display: flex; gap: 10px; margin-top: 100px;"><br />
<div style="border-radius: 10px; background: var(--color-surface-2); padding: 10px;"><br />
<div style="font-size: 0.8125rem; color: var(--color-base--subtle);">相关页面</div><br />
<div style="font-size: 20px; font-weight: bold;">[https://wiki.hydcraft.cn 氢气工艺维基网站] · [https://bbs.oxygenstudio.cn 氧气社区]</div><br />
</div><br />
</div><br />
__NOTOC__</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:%E9%A6%96%E9%A1%B5/Container&diff=2216
模板:首页/Container
2023-09-29T13:28:05Z
<p>AurLemonCN：打错字了</p>
<hr />
<div><div class="mp-container"><br />
<div class="home-card" id="wiki-basicinfo"><br />
<div class="home-card__top adaptive-img">[[文件:Announcement.svg|x24px|link=]] 维基信息</div><br />
<div class="home-card__content"><br />
<div class="home-link home-grid--col2"><br />
<div class="home-link__button">[[特殊:用户列表|用户列表]]</div><br />
<div class="home-link__button">[[特殊:所有页面|所有页面]]</div><br />
<div class="home-link__button">[[特殊:新建文件|新文件图库]]</div><br />
<div class="home-link__button">[[特殊:日志/newusers|用户创建日志]]</div><br />
<div class="home-link__button">[[特殊:版本|软件版本]]</div><br />
<div class="home-link__button">[[特殊:文件列表|文件列表]]</div><br />
</div><br />
</div><br />
</div><br />
<br />
<div class="home-card home-card__between" id="site-guide"><br />
<div class="home-card__top adaptive-img">[[文件:Location.svg|x24px|link=]] 站点导航</div><br />
<div class="home-card__content"><br />
<div class="home-link home-grid--col2"><br />
<div class="home-link__button">[[玩家列表]]</div><br />
<div class="home-link__button">[[捐赠列表]]</div><br />
<div class="home-link__button">[[视频合集]]</div><br />
<div class="home-link__button">[[重大事件]]</div><br />
<div class="home-link__button">[[:分类:服务器年度报告|服务器年度报告]]</div><br />
<div class="home-link__button">[[地图画合集]]</div><br />
<br />
</div><br />
</div><br />
</div><br />
<br />
<div class="home-card home-card__between" id="contact-info"><br />
<div class="home-card__top adaptive-img">[[文件:Share.svg|x24px|link=]] 联系方式</div><br />
<div class="home-card__content home-card__conbetween"><br />
<div class="home-card-connect" id="qq">[[文件:Qq_logo.png|x30px|link=https://jq.qq.com/?_wv=1027&k=2ohkcKQI]]</div><br />
<div class="home-card-connect" id="wechat">[[文件:WeChat_logo.png|x30px|link=https://wiki.shangxiaoguan.top/index.php?title=%E6%96%87%E4%BB%B6:%E4%B8%B4%E4%B8%9C%E5%BE%AE%E5%BF%97.png]]</div><br />
</div><br />
</div><br />
<br />
<div class="home-card" id="local-link"><br />
<div class="home-card__top adaptive-img">[[文件:Locallink.svg|x24px|link=]] 相关链接</div><br />
<div class="home-card__content"><br />
<div class="home-link home-grid"><br />
<div class="home-link__button">[https://shangxiaoguan.top/ 上小官的个人心得]</div><br />
<div class="home-link__button">[https://oeotyan.github.io/we-be-wiki/ WorldEdit指南]</div><br />
<div class="home-link__button">[http://ld.cmsy.xyz:19136/ 网页地图]</div><br />
</div><br />
</div><br />
</div><br />
<br />
<div class="home-card" id="admin-list"><br />
<div class="home-card__top adaptive-img">[[文件:Admin.svg|x24px|link=]] 管理信息</div><br />
<div class="home-card__content"><br />
<div id="server-admin"><br />
<div id="chairman">[[文件:Shangxiaoguan.jpg|x36px|link=上小官]] <span id="nick">[[上小官]]</span><span id="level">（临东市服务器管理委员会委员长）</span></div><br />
<div id="deputy-chairman"><span id="nick">[[flijo|题散]] · [[兴安|兴安]]</span><br><span id="level">临东市服务器管理委员会副委员长</span></div><br />
</div><br />
</div><br />
</div><br />
<br />
<div class="home-card home-card__between" id="server-status"><br />
<div class="home-card__top adaptive-img">[[文件:Cloud.svg|x24px|link=]] 服务器状态</div><br />
<div class="home-card__content home-card__conbetween"><br />
<div id="online-player">-/-</div><br />
<div id="online-ver"></div><br />
<div id="online-desc">加载中</div><br />
</div><br />
</div><br />
</div><templatestyles src="Template:Mainpage/style.css" /></div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=MediaWiki:Mainpage.js&diff=2203
MediaWiki:Mainpage.js
2023-09-29T12:44:43Z
<p>AurLemonCN：已保护“MediaWiki:Mainpage.js”（[编辑=仅允许管理员]（无限期）[移动=仅允许管理员]（无限期））</p>
<hr />
<div>$(function() {<br />
function getServerStatus(){<br />
const apiUrl = "https://wiki.shangxiaoguan.top/api.php?action=lindongrequest&address=ld.cmsy.xyz&port=19132&format=json";<br />
<br />
$.get(apiUrl)<br />
.done(function(data) {<br />
if (data.lindongrequest.status == "online") {<br />
const { online, max } = data.lindongrequest;<br />
$("#online-player").text(`${online}/${max}`);<br />
$("#online-ver").text('Ver ' + data.lindongrequest.version);<br />
$("#online-desc").text('服务器已启动。延迟 ' + data.lindongrequest.delay + ' 毫秒。');<br />
} else {<br />
$("#online-player").text("-/-");<br />
$("#online-desc").text('服务器未启动。');<br />
}<br />
})<br />
.fail(function(error) {<br />
$("#online-player").text("-/-");<br />
$("#online-desc").text('无法发送请求，请检查当前设备网络。');<br />
});<br />
}<br />
<br />
getServerStatus();<br />
setInterval(getServerStatus, 3 * 60 * 1000);<br />
}());</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=MediaWiki:Mainpage.js&diff=2202
MediaWiki:Mainpage.js
2023-09-29T12:44:30Z
<p>AurLemonCN：创建页面，内容为“$(function() { function getServerStatus(){ const apiUrl = "https://wiki.shangxiaoguan.top/api.php?action=lindongrequest&address=ld.cmsy.xyz&port=19132&format=json"; $.get(apiUrl) .done(function(data) { if (data.lindongrequest.status == "online") { const { online, max } = data.lindongrequest; $("#online-player").text(`${online}/${max}`); $("#online-ver").text('Ver ' + data.lindongrequest.version); $("#online-desc").text('服务器已…”</p>
<hr />
<div>$(function() {<br />
function getServerStatus(){<br />
const apiUrl = "https://wiki.shangxiaoguan.top/api.php?action=lindongrequest&address=ld.cmsy.xyz&port=19132&format=json";<br />
<br />
$.get(apiUrl)<br />
.done(function(data) {<br />
if (data.lindongrequest.status == "online") {<br />
const { online, max } = data.lindongrequest;<br />
$("#online-player").text(`${online}/${max}`);<br />
$("#online-ver").text('Ver ' + data.lindongrequest.version);<br />
$("#online-desc").text('服务器已启动。延迟 ' + data.lindongrequest.delay + ' 毫秒。');<br />
} else {<br />
$("#online-player").text("-/-");<br />
$("#online-desc").text('服务器未启动。');<br />
}<br />
})<br />
.fail(function(error) {<br />
$("#online-player").text("-/-");<br />
$("#online-desc").text('无法发送请求，请检查当前设备网络。');<br />
});<br />
}<br />
<br />
getServerStatus();<br />
setInterval(getServerStatus, 3 * 60 * 1000);<br />
}());</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=MediaWiki:Common.js&diff=2200
MediaWiki:Common.js
2023-09-29T12:43:34Z
<p>AurLemonCN：已保护“MediaWiki:Common.js”（[编辑=仅允许管理员]（无限期）[移动=仅允许管理员]（无限期））</p>
<hr />
<div>const pageScripts = {<br />
'首页': 'MediaWiki:Mainpage.js'<br />
};<br />
<br />
const currentPageName = mw.config.get('wgPageName');<br />
const scriptToImport = pageScripts[currentPageName];<br />
<br />
if (scriptToImport) {<br />
importScript(scriptToImport);<br />
}</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=MediaWiki:Common.js&diff=2199
MediaWiki:Common.js
2023-09-29T12:43:18Z
<p>AurLemonCN：创建页面，内容为“const pageScripts = { '首页': 'MediaWiki:Mainpage.js' }; const currentPageName = mw.config.get('wgPageName'); const scriptToImport = pageScripts[currentPageName]; if (scriptToImport) { importScript(scriptToImport); }”</p>
<hr />
<div>const pageScripts = {<br />
'首页': 'MediaWiki:Mainpage.js'<br />
};<br />
<br />
const currentPageName = mw.config.get('wgPageName');<br />
const scriptToImport = pageScripts[currentPageName];<br />
<br />
if (scriptToImport) {<br />
importScript(scriptToImport);<br />
}</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:%E9%A6%96%E9%A1%B5/Container&diff=2197
模板:首页/Container
2023-09-29T12:41:02Z
<p>AurLemonCN：</p>
<hr />
<div><div class="mp-container"><br />
<div class="home-card" id="wiki-basicinfo"><br />
<div class="home-card__top adaptive-img">[[文件:Announcement.svg|x24px|link=]] 维基信息</div><br />
<div class="home-card__content"><br />
<div class="home-link home-grid--col2"><br />
<div class="home-link__button">[[特殊:用户列表|用户列表]]</div><br />
<div class="home-link__button">[[特殊:所有页面|所有页面]]</div><br />
<div class="home-link__button">[[特殊:新建文件|新文件图库]]</div><br />
<div class="home-link__button">[[特殊:日志/newusers|用户创建日志]]</div><br />
<div class="home-link__button">[[特殊:版本|软件版本]]</div><br />
<div class="home-link__button">[[特殊:文件列表|玩家列表]]</div><br />
</div><br />
</div><br />
</div><br />
<br />
<div class="home-card home-card__between" id="site-guide"><br />
<div class="home-card__top adaptive-img">[[文件:Location.svg|x24px|link=]] 站点导航</div><br />
<div class="home-card__content"><br />
<div class="home-link home-grid--col2"><br />
<div class="home-link__button">[[玩家列表]]</div><br />
<div class="home-link__button">[[捐赠列表]]</div><br />
<div class="home-link__button">[[视频合集]]</div><br />
<div class="home-link__button">[[重大事件]]</div><br />
<div class="home-link__button">[[:分类:服务器年度报告]]</div><br />
<div class="home-link__button">[[地图画合集]]</div><br />
<br />
</div><br />
</div><br />
</div><br />
<br />
<div class="home-card home-card__between" id="contact-info"><br />
<div class="home-card__top adaptive-img">[[文件:Share.svg|x24px|link=]] 联系方式</div><br />
<div class="home-card__content home-card__conbetween"><br />
<div class="home-card-connect" id="qq">[[文件:Qq_logo.png|x30px|link=https://jq.qq.com/?_wv=1027&k=2ohkcKQI]]</div><br />
<div class="home-card-connect" id="wechat">[[文件:WeChat_logo.png|x30px|link=https://wiki.shangxiaoguan.top/index.php?title=%E6%96%87%E4%BB%B6:%E4%B8%B4%E4%B8%9C%E5%BE%AE%E5%BF%97.png]]</div><br />
</div><br />
</div><br />
<br />
<div class="home-card" id="local-link"><br />
<div class="home-card__top adaptive-img">[[文件:Locallink.svg|x24px|link=]] 相关链接</div><br />
<div class="home-card__content"><br />
<div class="home-link home-grid"><br />
<div class="home-link__button">[https://shangxiaoguan.top/ 上小官的个人心得]</div><br />
<div class="home-link__button">[https://oeotyan.github.io/we-be-wiki/ WorldEdit指南]</div><br />
<div class="home-link__button">[http://ld.cmsy.xyz:19136/ 网页地图]</div><br />
</div><br />
</div><br />
</div><br />
<br />
<div class="home-card" id="admin-list"><br />
<div class="home-card__top adaptive-img">[[文件:Admin.svg|x24px|link=]] 管理信息</div><br />
<div class="home-card__content"><br />
<div id="server-admin"><br />
<div id="chairman">[[文件:Shangxiaoguan.jpg|x36px|link=上小官]] <span id="nick">[[上小官]]</span><span id="level">（临东市服务器管理委员会委员长）</span></div><br />
<div id="deputy-chairman"><span id="nick">[[flijo|题散]] · [[兴安|兴安]]</span><br><span id="level">临东市服务器管理委员会副委员长</span></div><br />
</div><br />
</div><br />
</div><br />
<br />
<div class="home-card home-card__between" id="server-status"><br />
<div class="home-card__top adaptive-img">[[文件:Cloud.svg|x24px|link=]] 服务器状态</div><br />
<div class="home-card__content home-card__conbetween"><br />
<div id="online-player">-/-</div><br />
<div id="online-ver"></div><br />
<div id="online-desc">加载中</div><br />
</div><br />
</div><br />
</div><templatestyles src="Template:Mainpage/style.css" /></div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:Mainpage/style.css&diff=2196
模板:Mainpage/style.css
2023-09-29T12:40:05Z
<p>AurLemonCN：</p>
<hr />
<div>.home-card {<br />
position: relative;<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 8px;<br />
box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card__label {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
.nav-card-button .nav-card__foreground .home-card__header {<br />
color: #fff;<br />
}<br />
<br />
.home-card__header {<br />
margin-top: 0;<br />
font-size: 24px;<br />
}<br />
<br />
.home-card__padding {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card__between {<br />
display: flex;<br />
justify-content: space-between;<br />
flex-direction: column;<br />
}<br />
<br />
.home-card__conbetween {<br />
height: 100%;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.home-card__top {<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
margin: 0;<br />
display: flex;<br />
align-items: center;<br />
gap: 5px;<br />
font-weight: bold;<br />
}<br />
<br />
.home-card__top img {<br />
opacity: 0.7;<br />
}<br />
<br />
.home-card__content {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card-connect {<br />
border-radius: 20px;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card-connect a {<br />
width: 100%;<br />
display: block;<br />
padding: 5px;<br />
}<br />
<br />
.home-card-connect a img {<br />
display: block;<br />
margin: 0 auto;<br />
}<br />
<br />
#qq.home-card-connect {<br />
background: rgb(18,183,245);<br />
}<br />
<br />
#wechat.home-card-connect {<br />
background: rgb(42,174,103);<br />
}<br />
<br />
.home-grid--col2 {<br />
grid-template-columns: 1fr 1fr;<br />
}<br />
<br />
.home-card a:hover {<br />
text-decoration: unset!important;<br />
}<br />
<br />
.home-link {<br />
display: grid;<br />
font-size: 0.875rem;<br />
font-weight: 500;<br />
grid-gap: 6px;<br />
text-align: center;<br />
}<br />
<br />
.home-link__button {<br />
display: flex;<br />
}<br />
<br />
.home-link__button a {<br />
flex-grow: 1;<br />
padding: 0.3rem 0.6rem;<br />
border: 1px solid;<br />
border-color: var(--border-color-base);<br />
background: var(--background-color-framed);<br />
border-radius: 12px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.home-link__button a:hover {<br />
background: var(--background-color-framed--hover);<br />
}<br />
<br />
.home-link__button a:active {<br />
background: var(--background-color-framed--active);<br />
}<br />
<br />
.home-link__button a.external {<br />
color: var(--color-link)!important;<br />
}<br />
<br />
.mp-header-title__subtitle {<br />
color: var(--color-base--subtle);<br />
font-size: 0.875rem;<br />
text-transform: uppercase;<br />
letter-spacing: 0.05em;<br />
margin-bottom: var(--space-xs);<br />
}<br />
<br />
.mp-header-title__slogan {<br />
background: linear-gradient(45deg, #148a86, #f0ab10 45%);<br />
text-align: left;<br />
font-size: 3rem;<br />
font-weight: bold;<br />
margin-bottom: -6px;<br />
}<br />
<br />
.mp-header-title__desc {<br />
text-align: left;<br />
font-weight: bold;<br />
font-size: 18px;<br />
letter-spacing: 1px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-editcounts {<br />
display: flex;<br />
gap: 20px;<br />
}<br />
<br />
.mp-header-editcounts-div {<br />
text-align: left;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.mp-header-editcounts-div__desc {<br />
color: var(--color-base--subtle);<br />
letter-spacing: 0.05em;<br />
white-space: nowrap;<br />
font-size: 12px;<br />
}<br />
<br />
.mp-header-editcounts__counts {<br />
color: var(--color-base--emphasized);<br />
font-weight: 500;<br />
font-size: 28px;<br />
white-space: nowrap;<br />
}<br />
<br />
.mp-header-editcounts__counts a {<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-server {<br />
display: flex;<br />
background: var(--color-surface-2--active);<br />
padding: 10px;<br />
border-radius: 20px;<br />
}<br />
<br />
.mp-header-server #header-server-sxg img {<br />
width: 30px;<br />
border-radius: 50%;<br />
}<br />
<br />
.mp-header .adaptive-img img {<br />
opacity: var( --opacity-icon-base );<br />
transition: opacity 250ms ease;<br />
filter: grayscale(100%);<br />
}<br />
<br />
.mp-header .adaptive-img img:hover {<br />
opacity: var( --opacity-icon-base--hover );<br />
}<br />
<br />
.mp-header .adaptive-img img:active {<br />
opacity: var( --opacity-icon-base--active );<br />
}<br />
<br />
.mp-header-server__link + .mp-header-server__link {<br />
margin-left: 10px;<br />
}<br />
<br />
.mp-nav {<br />
margin: 3rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.nav-card {<br />
position: relative;<br />
padding: var(--space-md);<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 10px;<br />
box-shadow: 0 4px 8px rgba(100, 100, 111, 0.1);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.nav-card__noshadow {<br />
position: relative;<br />
padding: var(--space-md);<br />
border-radius: 10px;<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
.nav-card-button {<br />
height: 3rem;<br />
display: flex;<br />
justify-content: center;<br />
flex-direction: column;<br />
overflow: hidden;<br />
padding: 0;<br />
width: calc(100% / 3);<br />
margin-top: auto;<br />
margin-bottom: 0;<br />
}<br />
<br />
.nav-card-button img {<br />
transition: transform 0.3s ease;<br />
}<br />
<br />
.nav-card-button:hover img {<br />
transform: scale(1.05);<br />
}<br />
<br />
.nav-card__background {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
background: #242a31;<br />
border-radius: 15px;<br />
}<br />
<br />
.nav-card__background img {<br />
width: 100%;<br />
height: 100%;<br />
object-fit: cover;<br />
object-position: center;<br />
}<br />
<br />
.nav-card__foreground {<br />
color: #fff;<br />
font-weight: bold;<br />
z-index: 0;<br />
font-size: 16px;<br />
padding: 0 var(--space-md);<br />
pointer-events: none;<br />
}<br />
<br />
.nav-card-backimg {<br />
position: absolute;<br />
right: 10px;<br />
bottom: 10px;<br />
pointer-events: none;<br />
opacity: 0.1;<br />
}<br />
<br />
.nav-card-forecontent {<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.nav-card-forecontent__title {<br />
display: flex;<br />
justify-content: space-between;<br />
font-size: 32px;<br />
font-weight: bold;<br />
color: var(--color-primary);<br />
}<br />
<br />
.nav-card-forecontent__title::after {<br />
content: "▶";<br />
font-size: 0.8125rem;<br />
}<br />
<br />
.mp-nav #vision {<br />
width: 100%;<br />
height: 10rem;<br />
justify-content: end;<br />
}<br />
<br />
.mp-nav #vision .nav-card__foreground {<br />
padding: var(--space-md);<br />
}<br />
<br />
#vision .nav-card__foreground .home-card__label {<br />
color: rgba(255, 255, 255, 0.9);<br />
text-shadow: 1px 1px 2px #818181;<br />
}<br />
<br />
#vision .nav-card__foreground .home-card__header {<br />
text-shadow: 1px 1px 2px #545454;<br />
}<br />
<br />
#top-page .nav-card__title {<br />
margin-left: 20px;<br />
font-size: 20px;<br />
letter-spacing: 0.4rem;<br />
font-weight: bold;<br />
}<br />
<br />
#top-page .nav-card__title a {<br />
color: #1c7593;<br />
}<br />
<br />
#top-page p {<br />
margin: 0;<br />
}<br />
<br />
#top-page #top-page__hot {<br />
letter-spacing: 0.1rem;<br />
}<br />
<br />
#top-page #top-page__link {<br />
text-align: right;<br />
margin-top: 10px;<br />
}<br />
<br />
#top-page #top-page__content img {<br />
float: left;<br />
margin-right: var(--space-lg);<br />
}<br />
<br />
#top-page__desc {<br />
clear: both;<br />
}<br />
<br />
#tran-page {<br />
display: flex;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
#tran-page .nav-card-button .nav-card__foreground {<br />
text-shadow: 1px 1px 2px #545454;<br />
}<br />
<br />
.mp-nav #announcement,<br />
.mp-nav #tips {<br />
min-height: 150px;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#admin-list #server-admin #chairman {<br />
display: flex;<br />
flex-wrap: wrap;<br />
align-items: end;<br />
margin-bottom: 20px;<br />
}<br />
<br />
#admin-list #server-admin #chairman img {<br />
border-radius: 50%;<br />
width: 36px;<br />
display: block;<br />
margin-right: 7px;<br />
}<br />
<br />
#admin-list #server-admin #chairman #nick {<br />
font-size: 17px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
#admin-list #server-admin #chairman #level,<br />
#admin-list #server-admin #deputy-chairman #level {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
#admin-list #server-admin #deputy-chairman #nick {<br />
font-size: 18px;<br />
}<br />
<br />
#server-status #online-player {<br />
font-size: 3rem;<br />
font-weight: bold;<br />
text-align: right;<br />
letter-spacing: 3.5px;<br />
}<br />
<br />
#server-status #online-desc {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
#server-status #online-ver {<br />
position: absolute;<br />
font-size: 30px;<br />
bottom: 40px;<br />
opacity: 0.3;<br />
font-family: fantasy;<br />
}<br />
<br />
.friend-link {<br />
position: relative;<br />
min-height: 70px;<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
border-radius: 10px;<br />
margin-top: 3rem;<br />
}<br />
<br />
.friend-link .friend-link__title {<br />
font-size: 24px;<br />
letter-spacing: 0.75px;<br />
font-weight: bold;<br />
}<br />
<br />
.friend-link .friend-link__content ul {<br />
margin: 0;<br />
padding: 5px;<br />
display: flex;<br />
flex-wrap: wrap;<br />
gap: 10px;<br />
}<br />
<br />
.friend-link .friend-link__content ul li {<br />
list-style: none;<br />
}<br />
<br />
.friend-link .nav-card-backimg {<br />
bottom: 0;<br />
right: 0;<br />
}<br />
<br />
/* PC & Pad */<br />
@media (min-width: 720px) {<br />
.mp-header {<br />
border-radius: 20px;<br />
margin: 0 6rem;<br />
}<br />
<br />
.mp-header-footer {<br />
display: flex;<br />
gap: 10rem;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav #vision {<br />
grid-column: 1 / span 3;<br />
grid-row: 1;<br />
}<br />
<br />
.mp-nav #top-page {<br />
grid-column: 1 / span 2;<br />
grid-row: 2 / span 3;<br />
}<br />
<br />
.mp-nav #announcement {<br />
grid-column: 3;<br />
grid-row: 2 / span 2;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 1 / span 2;<br />
grid-row: 5;<br />
}<br />
<br />
.mp-nav #tips {<br />
grid-column: 3;<br />
grid-row: 4 / span 2;<br />
}<br />
}<br />
<br />
/* Phone */<br />
@media (max-width: 720px) {<br />
.mp-header-footer {<br />
display: flex;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav {<br />
margin: 3rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 1;<br />
grid-row: 1;<br />
}<br />
<br />
.mp-nav #vision {<br />
grid-column: 1;<br />
grid-row: 2;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#contact-info #qq {<br />
margin-bottom: 10px;<br />
}<br />
}</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:%E9%A6%96%E9%A1%B5/Container&diff=2194
模板:首页/Container
2023-09-29T12:10:44Z
<p>AurLemonCN：</p>
<hr />
<div><div class="mp-container"><br />
<div class="home-card" id="wiki-basicinfo"><br />
<div class="home-card__top adaptive-img">[[文件:Announcement.svg|x24px|link=]] 维基信息</div><br />
<div class="home-card__content"><br />
<div class="home-link home-grid--col2"><br />
<div class="home-link__button">[[特殊:用户列表|用户列表]]</div><br />
<div class="home-link__button">[[特殊:所有页面|所有页面]]</div><br />
<div class="home-link__button">[[特殊:新建文件|新文件图库]]</div><br />
<div class="home-link__button">[[特殊:日志/newusers|用户创建日志]]</div><br />
<div class="home-link__button">[[特殊:版本|软件版本]]</div><br />
<div class="home-link__button">[[特殊:文件列表|玩家列表]]</div><br />
</div><br />
</div><br />
</div><br />
<br />
<div class="home-card home-card__between" id="site-guide"><br />
<div class="home-card__top adaptive-img">[[文件:Location.svg|x24px|link=]] 站点导航</div><br />
<div class="home-card__content"><br />
<div class="home-link home-grid--col2"><br />
<div class="home-link__button">[[玩家列表]]</div><br />
<div class="home-link__button">[[捐赠列表]]</div><br />
<div class="home-link__button">[[视频合集]]</div><br />
<div class="home-link__button">[[重大事件]]</div><br />
<div class="home-link__button">[[:分类:服务器年度报告]]</div><br />
<div class="home-link__button">[[地图画合集]]</div><br />
<br />
</div><br />
</div><br />
</div><br />
<br />
<div class="home-card home-card__between" id="contact-info"><br />
<div class="home-card__top adaptive-img">[[文件:Share.svg|x24px|link=]] 联系方式</div><br />
<div class="home-card__content home-card__conbetween"><br />
<div class="home-card-connect" id="qq">[[文件:Qq_logo.png|x30px|link=https://jq.qq.com/?_wv=1027&k=2ohkcKQI]]</div><br />
<div class="home-card-connect" id="wechat">[[文件:WeChat_logo.png|x30px|link=https://wiki.shangxiaoguan.top/index.php?title=%E6%96%87%E4%BB%B6:%E4%B8%B4%E4%B8%9C%E5%BE%AE%E5%BF%97.png]]</div><br />
</div><br />
</div><br />
<br />
<div class="home-card" id="local-link"><br />
<div class="home-card__top adaptive-img">[[文件:Locallink.svg|x24px|link=]] 相关链接</div><br />
<div class="home-card__content"><br />
<div class="home-link home-grid"><br />
<div class="home-link__button">[https://shangxiaoguan.top/ 上小官的个人心得]</div><br />
<div class="home-link__button">[https://live.bilibili.com/4601307 上小官的B站直播间]</div><br />
<div class="home-link__button">[http://ld.cmsy.xyz:19136/ 网页地图]</div><br />
</div><br />
</div><br />
</div><br />
<br />
<div class="home-card" id="admin-list"><br />
<div class="home-card__top adaptive-img">[[文件:Admin.svg|x24px|link=]] 管理信息</div><br />
<div class="home-card__content"><br />
<div id="server-admin"><br />
<div id="chairman">[[文件:Shangxiaoguan.jpg|x36px|link=上小官]] <span id="nick">[[上小官]]</span><span id="level">（临东市服务器管理委员会委员长）</span></div><br />
<div id="deputy-chairman"><span id="nick">[[flijo|题散]] · [[兴安|兴安]]</span><br><span id="level">临东市服务器管理委员会副委员长</span></div><br />
</div><br />
</div><br />
</div><br />
<br />
<div class="home-card home-card__between" id="server-status"><br />
<div class="home-card__top adaptive-img">[[文件:Cloud.svg|x24px|link=]] 服务器状态</div><br />
<div class="home-card__content home-card__conbetween"><br />
<div id="online-player">-/-</div><br />
<div id="online-desc">加载中</div><br />
</div><br />
</div><br />
</div><templatestyles src="Template:Mainpage/style.css" /></div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:Mainpage/style.css&diff=2193
模板:Mainpage/style.css
2023-09-29T12:10:27Z
<p>AurLemonCN：已保护“模板:Mainpage/style.css”（[编辑=仅允许管理员]（无限期）[移动=仅允许管理员]（无限期））</p>
<hr />
<div>.home-card {<br />
position: relative;<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 8px;<br />
box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card__label {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
.nav-card-button .nav-card__foreground .home-card__header {<br />
color: #fff;<br />
}<br />
<br />
.home-card__header {<br />
margin-top: 0;<br />
font-size: 24px;<br />
}<br />
<br />
.home-card__padding {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card__between {<br />
display: flex;<br />
justify-content: space-between;<br />
flex-direction: column;<br />
}<br />
<br />
.home-card__conbetween {<br />
height: 100%;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.home-card__top {<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
margin: 0;<br />
display: flex;<br />
align-items: center;<br />
gap: 5px;<br />
font-weight: bold;<br />
}<br />
<br />
.home-card__top img {<br />
opacity: 0.7;<br />
}<br />
<br />
.home-card__content {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card-connect {<br />
border-radius: 20px;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card-connect a {<br />
width: 100%;<br />
display: block;<br />
padding: 5px;<br />
}<br />
<br />
.home-card-connect a img {<br />
display: block;<br />
margin: 0 auto;<br />
}<br />
<br />
#qq.home-card-connect {<br />
background: rgb(18,183,245);<br />
}<br />
<br />
#wechat.home-card-connect {<br />
background: rgb(42,174,103);<br />
}<br />
<br />
.home-grid--col2 {<br />
grid-template-columns: 1fr 1fr;<br />
}<br />
<br />
.home-card a:hover {<br />
text-decoration: unset!important;<br />
}<br />
<br />
.home-link {<br />
display: grid;<br />
font-size: 0.875rem;<br />
font-weight: 500;<br />
grid-gap: 6px;<br />
text-align: center;<br />
}<br />
<br />
.home-link__button {<br />
display: flex;<br />
}<br />
<br />
.home-link__button a {<br />
flex-grow: 1;<br />
padding: 0.3rem 0.6rem;<br />
border: 1px solid;<br />
border-color: var(--border-color-base);<br />
background: var(--background-color-framed);<br />
border-radius: 12px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.home-link__button a:hover {<br />
background: var(--background-color-framed--hover);<br />
}<br />
<br />
.home-link__button a:active {<br />
background: var(--background-color-framed--active);<br />
}<br />
<br />
.home-link__button a.external {<br />
color: var(--color-link)!important;<br />
}<br />
<br />
.mp-header-title__subtitle {<br />
color: var(--color-base--subtle);<br />
font-size: 0.875rem;<br />
text-transform: uppercase;<br />
letter-spacing: 0.05em;<br />
margin-bottom: var(--space-xs);<br />
}<br />
<br />
.mp-header-title__slogan {<br />
background: linear-gradient(45deg, #148a86, #f0ab10 45%);<br />
text-align: left;<br />
font-size: 3rem;<br />
font-weight: bold;<br />
margin-bottom: -6px;<br />
}<br />
<br />
.mp-header-title__desc {<br />
text-align: left;<br />
font-weight: bold;<br />
font-size: 18px;<br />
letter-spacing: 1px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-editcounts {<br />
display: flex;<br />
gap: 20px;<br />
}<br />
<br />
.mp-header-editcounts-div {<br />
text-align: left;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.mp-header-editcounts-div__desc {<br />
color: var(--color-base--subtle);<br />
letter-spacing: 0.05em;<br />
white-space: nowrap;<br />
font-size: 12px;<br />
}<br />
<br />
.mp-header-editcounts__counts {<br />
color: var(--color-base--emphasized);<br />
font-weight: 500;<br />
font-size: 28px;<br />
white-space: nowrap;<br />
}<br />
<br />
.mp-header-editcounts__counts a {<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-server {<br />
display: flex;<br />
background: var(--color-surface-2--active);<br />
padding: 10px;<br />
border-radius: 20px;<br />
}<br />
<br />
.mp-header-server #header-server-sxg img {<br />
width: 30px;<br />
border-radius: 50%;<br />
}<br />
<br />
.mp-header .adaptive-img img {<br />
opacity: var( --opacity-icon-base );<br />
transition: opacity 250ms ease;<br />
filter: grayscale(100%);<br />
}<br />
<br />
.mp-header .adaptive-img img:hover {<br />
opacity: var( --opacity-icon-base--hover );<br />
}<br />
<br />
.mp-header .adaptive-img img:active {<br />
opacity: var( --opacity-icon-base--active );<br />
}<br />
<br />
.mp-header-server__link + .mp-header-server__link {<br />
margin-left: 10px;<br />
}<br />
<br />
.mp-nav {<br />
margin: 3rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.nav-card {<br />
position: relative;<br />
padding: var(--space-md);<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 10px;<br />
box-shadow: 0 4px 8px rgba(100, 100, 111, 0.1);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.nav-card__noshadow {<br />
position: relative;<br />
padding: var(--space-md);<br />
border-radius: 10px;<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
.nav-card-button {<br />
height: 3rem;<br />
display: flex;<br />
justify-content: center;<br />
flex-direction: column;<br />
overflow: hidden;<br />
padding: 0;<br />
width: calc(100% / 3);<br />
margin-top: auto;<br />
margin-bottom: 0;<br />
}<br />
<br />
.nav-card-button img {<br />
transition: transform 0.3s ease;<br />
}<br />
<br />
.nav-card-button:hover img {<br />
transform: scale(1.05);<br />
}<br />
<br />
.nav-card__background {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
background: #242a31;<br />
border-radius: 15px;<br />
}<br />
<br />
.nav-card__background img {<br />
width: 100%;<br />
height: 100%;<br />
object-fit: cover;<br />
object-position: center;<br />
}<br />
<br />
.nav-card__foreground {<br />
color: #fff;<br />
font-weight: bold;<br />
z-index: 0;<br />
font-size: 16px;<br />
padding: 0 var(--space-md);<br />
pointer-events: none;<br />
}<br />
<br />
.nav-card-backimg {<br />
position: absolute;<br />
right: 10px;<br />
bottom: 10px;<br />
pointer-events: none;<br />
opacity: 0.1;<br />
}<br />
<br />
.nav-card-forecontent {<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.nav-card-forecontent__title {<br />
display: flex;<br />
justify-content: space-between;<br />
font-size: 32px;<br />
font-weight: bold;<br />
color: var(--color-primary);<br />
}<br />
<br />
.nav-card-forecontent__title::after {<br />
content: "▶";<br />
font-size: 0.8125rem;<br />
}<br />
<br />
.mp-nav #vision {<br />
width: 100%;<br />
height: 10rem;<br />
justify-content: end;<br />
}<br />
<br />
.mp-nav #vision .nav-card__foreground {<br />
padding: var(--space-md);<br />
}<br />
<br />
#vision .nav-card__foreground .home-card__label {<br />
color: rgba(255, 255, 255, 0.9);<br />
text-shadow: 1px 1px 2px #818181;<br />
}<br />
<br />
#vision .nav-card__foreground .home-card__header {<br />
text-shadow: 1px 1px 2px #545454;<br />
}<br />
<br />
#top-page .nav-card__title {<br />
margin-left: 20px;<br />
font-size: 20px;<br />
letter-spacing: 0.4rem;<br />
font-weight: bold;<br />
}<br />
<br />
#top-page .nav-card__title a {<br />
color: #1c7593;<br />
}<br />
<br />
#top-page p {<br />
margin: 0;<br />
}<br />
<br />
#top-page #top-page__hot {<br />
letter-spacing: 0.1rem;<br />
}<br />
<br />
#top-page #top-page__link {<br />
text-align: right;<br />
margin-top: 10px;<br />
}<br />
<br />
#top-page #top-page__content img {<br />
float: left;<br />
margin-right: var(--space-lg);<br />
}<br />
<br />
#top-page__desc {<br />
clear: both;<br />
}<br />
<br />
#tran-page {<br />
display: flex;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
#tran-page .nav-card-button .nav-card__foreground {<br />
text-shadow: 1px 1px 2px #545454;<br />
}<br />
<br />
.mp-nav #announcement,<br />
.mp-nav #tips {<br />
min-height: 150px;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#admin-list #server-admin #chairman {<br />
display: flex;<br />
flex-wrap: wrap;<br />
align-items: end;<br />
margin-bottom: 20px;<br />
}<br />
<br />
#admin-list #server-admin #chairman img {<br />
border-radius: 50%;<br />
width: 36px;<br />
display: block;<br />
margin-right: 7px;<br />
}<br />
<br />
#admin-list #server-admin #chairman #nick {<br />
font-size: 17px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
#admin-list #server-admin #chairman #level,<br />
#admin-list #server-admin #deputy-chairman #level {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
#admin-list #server-admin #deputy-chairman #nick {<br />
font-size: 18px;<br />
}<br />
<br />
#server-status #online-player {<br />
font-size: 3rem;<br />
font-weight: bold;<br />
text-align: right;<br />
}<br />
<br />
#server-status #online-desc {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
.friend-link {<br />
position: relative;<br />
min-height: 70px;<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
border-radius: 10px;<br />
margin-top: 3rem;<br />
}<br />
<br />
.friend-link .friend-link__title {<br />
font-size: 24px;<br />
letter-spacing: 0.75px;<br />
font-weight: bold;<br />
}<br />
<br />
.friend-link .friend-link__content ul {<br />
margin: 0;<br />
padding: 5px;<br />
display: flex;<br />
flex-wrap: wrap;<br />
gap: 10px;<br />
}<br />
<br />
.friend-link .friend-link__content ul li {<br />
list-style: none;<br />
}<br />
<br />
.friend-link .nav-card-backimg {<br />
bottom: 0;<br />
right: 0;<br />
}<br />
<br />
/* PC & Pad */<br />
@media (min-width: 720px) {<br />
.mp-header {<br />
border-radius: 20px;<br />
margin: 0 6rem;<br />
}<br />
<br />
.mp-header-footer {<br />
display: flex;<br />
gap: 10rem;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav #vision {<br />
grid-column: 1 / span 3;<br />
grid-row: 1;<br />
}<br />
<br />
.mp-nav #top-page {<br />
grid-column: 1 / span 2;<br />
grid-row: 2 / span 3;<br />
}<br />
<br />
.mp-nav #announcement {<br />
grid-column: 3;<br />
grid-row: 2 / span 2;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 1 / span 2;<br />
grid-row: 5;<br />
}<br />
<br />
.mp-nav #tips {<br />
grid-column: 3;<br />
grid-row: 4 / span 2;<br />
}<br />
}<br />
<br />
/* Phone */<br />
@media (max-width: 720px) {<br />
.mp-header-footer {<br />
display: flex;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav {<br />
margin: 3rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 1;<br />
grid-row: 1;<br />
}<br />
<br />
.mp-nav #vision {<br />
grid-column: 1;<br />
grid-row: 2;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#contact-info #qq {<br />
margin-bottom: 10px;<br />
}<br />
}</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:Mainpage/style.css&diff=2174
模板:Mainpage/style.css
2023-09-29T06:29:51Z
<p>AurLemonCN：</p>
<hr />
<div>.home-card {<br />
position: relative;<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 8px;<br />
box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card__label {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
.nav-card-button .nav-card__foreground .home-card__header {<br />
color: #fff;<br />
}<br />
<br />
.home-card__header {<br />
margin-top: 0;<br />
font-size: 24px;<br />
}<br />
<br />
.home-card__padding {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card__between {<br />
display: flex;<br />
justify-content: space-between;<br />
flex-direction: column;<br />
}<br />
<br />
.home-card__conbetween {<br />
height: 100%;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.home-card__top {<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
margin: 0;<br />
display: flex;<br />
align-items: center;<br />
gap: 5px;<br />
font-weight: bold;<br />
}<br />
<br />
.home-card__top img {<br />
opacity: 0.7;<br />
}<br />
<br />
.home-card__content {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card-connect {<br />
border-radius: 20px;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card-connect a {<br />
width: 100%;<br />
display: block;<br />
padding: 5px;<br />
}<br />
<br />
.home-card-connect a img {<br />
display: block;<br />
margin: 0 auto;<br />
}<br />
<br />
#qq.home-card-connect {<br />
background: rgb(18,183,245);<br />
}<br />
<br />
#wechat.home-card-connect {<br />
background: rgb(42,174,103);<br />
}<br />
<br />
.home-grid--col2 {<br />
grid-template-columns: 1fr 1fr;<br />
}<br />
<br />
.home-card a:hover {<br />
text-decoration: unset!important;<br />
}<br />
<br />
.home-link {<br />
display: grid;<br />
font-size: 0.875rem;<br />
font-weight: 500;<br />
grid-gap: 6px;<br />
text-align: center;<br />
}<br />
<br />
.home-link__button {<br />
display: flex;<br />
}<br />
<br />
.home-link__button a {<br />
flex-grow: 1;<br />
padding: 0.3rem 0.6rem;<br />
border: 1px solid;<br />
border-color: var(--border-color-base);<br />
background: var(--background-color-framed);<br />
border-radius: 12px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.home-link__button a:hover {<br />
background: var(--background-color-framed--hover);<br />
}<br />
<br />
.home-link__button a:active {<br />
background: var(--background-color-framed--active);<br />
}<br />
<br />
.home-link__button a.external {<br />
color: var(--color-link)!important;<br />
}<br />
<br />
.mp-header-title__subtitle {<br />
color: var(--color-base--subtle);<br />
font-size: 0.875rem;<br />
text-transform: uppercase;<br />
letter-spacing: 0.05em;<br />
margin-bottom: var(--space-xs);<br />
}<br />
<br />
.mp-header-title__slogan {<br />
background: linear-gradient(45deg, #148a86, #f0ab10 45%);<br />
text-align: left;<br />
font-size: 3rem;<br />
font-weight: bold;<br />
margin-bottom: -6px;<br />
}<br />
<br />
.mp-header-title__desc {<br />
text-align: left;<br />
font-weight: bold;<br />
font-size: 18px;<br />
letter-spacing: 1px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-editcounts {<br />
display: flex;<br />
gap: 20px;<br />
}<br />
<br />
.mp-header-editcounts-div {<br />
text-align: left;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.mp-header-editcounts-div__desc {<br />
color: var(--color-base--subtle);<br />
letter-spacing: 0.05em;<br />
white-space: nowrap;<br />
font-size: 12px;<br />
}<br />
<br />
.mp-header-editcounts__counts {<br />
color: var(--color-base--emphasized);<br />
font-weight: 500;<br />
font-size: 28px;<br />
white-space: nowrap;<br />
}<br />
<br />
.mp-header-editcounts__counts a {<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-server {<br />
display: flex;<br />
background: var(--color-surface-2--active);<br />
padding: 10px;<br />
border-radius: 20px;<br />
}<br />
<br />
.mp-header-server #header-server-sxg img {<br />
width: 30px;<br />
border-radius: 50%;<br />
}<br />
<br />
.mp-header .adaptive-img img {<br />
opacity: var( --opacity-icon-base );<br />
transition: opacity 250ms ease;<br />
filter: grayscale(100%);<br />
}<br />
<br />
.mp-header .adaptive-img img:hover {<br />
opacity: var( --opacity-icon-base--hover );<br />
}<br />
<br />
.mp-header .adaptive-img img:active {<br />
opacity: var( --opacity-icon-base--active );<br />
}<br />
<br />
.mp-header-server__link + .mp-header-server__link {<br />
margin-left: 10px;<br />
}<br />
<br />
.mp-nav {<br />
margin: 3rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.nav-card {<br />
position: relative;<br />
padding: var(--space-md);<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 10px;<br />
box-shadow: 0 4px 8px rgba(100, 100, 111, 0.1);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.nav-card__noshadow {<br />
position: relative;<br />
padding: var(--space-md);<br />
border-radius: 10px;<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
.nav-card-button {<br />
height: 3rem;<br />
display: flex;<br />
justify-content: center;<br />
flex-direction: column;<br />
overflow: hidden;<br />
padding: 0;<br />
width: calc(100% / 3);<br />
margin-top: auto;<br />
margin-bottom: 0;<br />
}<br />
<br />
.nav-card-button img {<br />
transition: transform 0.3s ease;<br />
}<br />
<br />
.nav-card-button:hover img {<br />
transform: scale(1.05);<br />
}<br />
<br />
.nav-card__background {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
background: #242a31;<br />
border-radius: 15px;<br />
}<br />
<br />
.nav-card__background img {<br />
width: 100%;<br />
height: 100%;<br />
object-fit: cover;<br />
object-position: center;<br />
}<br />
<br />
.nav-card__foreground {<br />
color: #fff;<br />
font-weight: bold;<br />
z-index: 0;<br />
font-size: 16px;<br />
padding: 0 var(--space-md);<br />
pointer-events: none;<br />
}<br />
<br />
.nav-card-backimg {<br />
position: absolute;<br />
right: 10px;<br />
bottom: 10px;<br />
pointer-events: none;<br />
opacity: 0.1;<br />
}<br />
<br />
.nav-card-forecontent {<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.nav-card-forecontent__title {<br />
display: flex;<br />
justify-content: space-between;<br />
font-size: 32px;<br />
font-weight: bold;<br />
color: var(--color-primary);<br />
}<br />
<br />
.nav-card-forecontent__title::after {<br />
content: "▶";<br />
font-size: 0.8125rem;<br />
}<br />
<br />
.mp-nav #vision {<br />
width: 100%;<br />
height: 10rem;<br />
justify-content: end;<br />
}<br />
<br />
.mp-nav #vision .nav-card__foreground {<br />
padding: var(--space-md);<br />
}<br />
<br />
#vision .nav-card__foreground .home-card__label {<br />
color: rgba(255, 255, 255, 0.9);<br />
text-shadow: 1px 1px 2px #818181;<br />
}<br />
<br />
#vision .nav-card__foreground .home-card__header {<br />
text-shadow: 1px 1px 2px #545454;<br />
}<br />
<br />
#top-page .nav-card__title {<br />
margin-left: 20px;<br />
font-size: 20px;<br />
letter-spacing: 0.4rem;<br />
font-weight: bold;<br />
}<br />
<br />
#top-page .nav-card__title a {<br />
color: #1c7593;<br />
}<br />
<br />
#top-page p {<br />
margin: 0;<br />
}<br />
<br />
#top-page #top-page__hot {<br />
letter-spacing: 0.1rem;<br />
}<br />
<br />
#top-page #top-page__link {<br />
text-align: right;<br />
margin-top: 10px;<br />
}<br />
<br />
#top-page #top-page__content img {<br />
float: left;<br />
margin-right: var(--space-lg);<br />
}<br />
<br />
#top-page__desc {<br />
clear: both;<br />
}<br />
<br />
#tran-page {<br />
display: flex;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
#tran-page .nav-card-button .nav-card__foreground {<br />
text-shadow: 1px 1px 2px #545454;<br />
}<br />
<br />
.mp-nav #announcement,<br />
.mp-nav #tips {<br />
min-height: 150px;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#admin-list #server-admin #chairman {<br />
display: flex;<br />
flex-wrap: wrap;<br />
align-items: end;<br />
margin-bottom: 20px;<br />
}<br />
<br />
#admin-list #server-admin #chairman img {<br />
border-radius: 50%;<br />
width: 36px;<br />
display: block;<br />
margin-right: 7px;<br />
}<br />
<br />
#admin-list #server-admin #chairman #nick {<br />
font-size: 17px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
#admin-list #server-admin #chairman #level,<br />
#admin-list #server-admin #deputy-chairman #level {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
#admin-list #server-admin #deputy-chairman #nick {<br />
font-size: 18px;<br />
}<br />
<br />
#server-status #online-player {<br />
font-size: 3rem;<br />
font-weight: bold;<br />
text-align: right;<br />
}<br />
<br />
#server-status #online-desc {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
.friend-link {<br />
position: relative;<br />
min-height: 70px;<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
border-radius: 10px;<br />
margin-top: 3rem;<br />
}<br />
<br />
.friend-link .friend-link__title {<br />
font-size: 24px;<br />
letter-spacing: 0.75px;<br />
font-weight: bold;<br />
}<br />
<br />
.friend-link .friend-link__content ul {<br />
margin: 0;<br />
padding: 5px;<br />
display: flex;<br />
flex-wrap: wrap;<br />
gap: 10px;<br />
}<br />
<br />
.friend-link .friend-link__content ul li {<br />
list-style: none;<br />
}<br />
<br />
.friend-link .nav-card-backimg {<br />
bottom: 0;<br />
right: 0;<br />
}<br />
<br />
/* PC & Pad */<br />
@media (min-width: 720px) {<br />
.mp-header {<br />
border-radius: 20px;<br />
margin: 0 6rem;<br />
}<br />
<br />
.mp-header-footer {<br />
display: flex;<br />
gap: 10rem;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav #vision {<br />
grid-column: 1 / span 3;<br />
grid-row: 1;<br />
}<br />
<br />
.mp-nav #top-page {<br />
grid-column: 1 / span 2;<br />
grid-row: 2 / span 3;<br />
}<br />
<br />
.mp-nav #announcement {<br />
grid-column: 3;<br />
grid-row: 2 / span 2;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 1 / span 2;<br />
grid-row: 5;<br />
}<br />
<br />
.mp-nav #tips {<br />
grid-column: 3;<br />
grid-row: 4 / span 2;<br />
}<br />
}<br />
<br />
/* Phone */<br />
@media (max-width: 720px) {<br />
.mp-header-footer {<br />
display: flex;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav {<br />
margin: 3rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 1;<br />
grid-row: 1;<br />
}<br />
<br />
.mp-nav #vision {<br />
grid-column: 1;<br />
grid-row: 2;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#contact-info #qq {<br />
margin-bottom: 10px;<br />
}<br />
}</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:Mainpage/style.css&diff=2173
模板:Mainpage/style.css
2023-09-29T06:27:32Z
<p>AurLemonCN：</p>
<hr />
<div>.home-card {<br />
position: relative;<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 8px;<br />
box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card__label {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
.nav-card-button .nav-card__foreground .home-card__header {<br />
color: #fff;<br />
}<br />
<br />
.home-card__header {<br />
margin-top: 0;<br />
font-size: 24px;<br />
}<br />
<br />
.home-card__padding {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card__between {<br />
display: flex;<br />
justify-content: space-between;<br />
flex-direction: column;<br />
}<br />
<br />
.home-card__conbetween {<br />
height: 100%;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.home-card__top {<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
margin: 0;<br />
display: flex;<br />
align-items: center;<br />
gap: 5px;<br />
font-weight: bold;<br />
}<br />
<br />
.home-card__top img {<br />
opacity: 0.7;<br />
}<br />
<br />
.home-card__content {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card-connect {<br />
border-radius: 20px;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card-connect a {<br />
width: 100%;<br />
display: block;<br />
padding: 5px;<br />
}<br />
<br />
.home-card-connect a img {<br />
display: block;<br />
margin: 0 auto;<br />
}<br />
<br />
#qq.home-card-connect {<br />
background: rgb(18,183,245);<br />
}<br />
<br />
#wechat.home-card-connect {<br />
background: rgb(42,174,103);<br />
}<br />
<br />
.home-grid--col2 {<br />
grid-template-columns: 1fr 1fr;<br />
}<br />
<br />
.home-card a:hover {<br />
text-decoration: unset!important;<br />
}<br />
<br />
.home-link {<br />
display: grid;<br />
font-size: 0.875rem;<br />
font-weight: 500;<br />
grid-gap: 6px;<br />
text-align: center;<br />
}<br />
<br />
.home-link__button {<br />
display: flex;<br />
}<br />
<br />
.home-link__button a {<br />
flex-grow: 1;<br />
padding: 0.3rem 0.6rem;<br />
border: 1px solid;<br />
border-color: var(--border-color-base);<br />
background: var(--background-color-framed);<br />
border-radius: 12px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.home-link__button a:hover {<br />
background: var(--background-color-framed--hover);<br />
}<br />
<br />
.home-link__button a:active {<br />
background: var(--background-color-framed--active);<br />
}<br />
<br />
.home-link__button a.external {<br />
color: var(--color-link)!important;<br />
}<br />
<br />
.mp-header-title__subtitle {<br />
color: var(--color-base--subtle);<br />
font-size: 0.875rem;<br />
text-transform: uppercase;<br />
letter-spacing: 0.05em;<br />
margin-bottom: var(--space-xs);<br />
}<br />
<br />
.mp-header-title__slogan {<br />
background: linear-gradient(45deg, #148a86, #f0ab10 45%);<br />
text-align: left;<br />
font-size: 3rem;<br />
font-weight: bold;<br />
margin-bottom: -6px;<br />
}<br />
<br />
.mp-header-title__desc {<br />
text-align: left;<br />
font-weight: bold;<br />
font-size: 18px;<br />
letter-spacing: 1px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-editcounts {<br />
display: flex;<br />
gap: 20px;<br />
}<br />
<br />
.mp-header-editcounts-div {<br />
text-align: left;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.mp-header-editcounts-div__desc {<br />
color: var(--color-base--subtle);<br />
letter-spacing: 0.05em;<br />
white-space: nowrap;<br />
font-size: 12px;<br />
}<br />
<br />
.mp-header-editcounts__counts {<br />
color: var(--color-base--emphasized);<br />
font-weight: 500;<br />
font-size: 28px;<br />
white-space: nowrap;<br />
}<br />
<br />
.mp-header-editcounts__counts a {<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-server {<br />
display: flex;<br />
background: var(--color-surface-2--active);<br />
padding: 10px;<br />
border-radius: 20px;<br />
}<br />
<br />
.mp-header-server #header-server-sxg img {<br />
width: 30px;<br />
border-radius: 50%;<br />
}<br />
<br />
.mp-header .adaptive-img img {<br />
opacity: var( --opacity-icon-base );<br />
transition: opacity 250ms ease;<br />
filter: grayscale(100%);<br />
}<br />
<br />
.mp-header .adaptive-img img:hover {<br />
opacity: var( --opacity-icon-base--hover );<br />
}<br />
<br />
.mp-header .adaptive-img img:active {<br />
opacity: var( --opacity-icon-base--active );<br />
}<br />
<br />
.mp-header-server__link + .mp-header-server__link {<br />
margin-left: 10px;<br />
}<br />
<br />
.mp-nav {<br />
margin: 3rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.nav-card {<br />
position: relative;<br />
padding: var(--space-md);<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 10px;<br />
box-shadow: 0 4px 8px rgba(100, 100, 111, 0.1);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.nav-card__noshadow {<br />
position: relative;<br />
padding: var(--space-md);<br />
border-radius: 10px;<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
.nav-card-button {<br />
height: 3rem;<br />
display: flex;<br />
justify-content: center;<br />
flex-direction: column;<br />
overflow: hidden;<br />
padding: 0;<br />
width: calc(100% / 3);<br />
margin-top: auto;<br />
margin-bottom: 0;<br />
}<br />
<br />
.nav-card__background {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
background: #242a31;<br />
border-radius: 15px;<br />
}<br />
<br />
.nav-card__background img {<br />
width: 100%;<br />
height: 100%;<br />
object-fit: cover;<br />
object-position: center;<br />
}<br />
<br />
.nav-card__foreground {<br />
color: #fff;<br />
font-weight: bold;<br />
z-index: 0;<br />
font-size: 16px;<br />
padding: 0 var(--space-md);<br />
pointer-events: none;<br />
}<br />
<br />
.nav-card-backimg {<br />
position: absolute;<br />
right: 10px;<br />
bottom: 10px;<br />
pointer-events: none;<br />
opacity: 0.1;<br />
}<br />
<br />
.nav-card-forecontent {<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.nav-card-forecontent__title {<br />
display: flex;<br />
justify-content: space-between;<br />
font-size: 32px;<br />
font-weight: bold;<br />
color: var(--color-primary);<br />
}<br />
<br />
.nav-card-forecontent__title::after {<br />
content: "▶";<br />
font-size: 0.8125rem;<br />
}<br />
<br />
.mp-nav #vision {<br />
width: 100%;<br />
height: 10rem;<br />
justify-content: end;<br />
}<br />
<br />
.mp-nav #vision .nav-card__foreground {<br />
padding: var(--space-md);<br />
}<br />
<br />
#vision .nav-card__foreground .home-card__label {<br />
color: rgba(255, 255, 255, 0.9);<br />
text-shadow: 1px 1px 2px #818181;<br />
}<br />
<br />
#vision .nav-card__foreground .home-card__header {<br />
text-shadow: 1px 1px 2px #545454;<br />
}<br />
<br />
#top-page .nav-card__title {<br />
margin-left: 20px;<br />
font-size: 20px;<br />
letter-spacing: 0.4rem;<br />
font-weight: bold;<br />
}<br />
<br />
#top-page .nav-card__title a {<br />
color: #1c7593;<br />
}<br />
<br />
#top-page p {<br />
margin: 0;<br />
}<br />
<br />
#top-page #top-page__hot {<br />
letter-spacing: 0.1rem;<br />
}<br />
<br />
#top-page #top-page__link {<br />
text-align: right;<br />
margin-top: 10px;<br />
}<br />
<br />
#top-page #top-page__content img {<br />
float: left;<br />
margin-right: var(--space-lg);<br />
}<br />
<br />
#top-page__desc {<br />
clear: both;<br />
}<br />
<br />
#tran-page {<br />
display: flex;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
#tran-page .nav-card-button .nav-card__foreground {<br />
text-shadow: 1px 1px 2px #545454;<br />
}<br />
<br />
.mp-nav #announcement,<br />
.mp-nav #tips {<br />
min-height: 150px;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#admin-list #server-admin #chairman {<br />
display: flex;<br />
flex-wrap: wrap;<br />
align-items: end;<br />
margin-bottom: 20px;<br />
}<br />
<br />
#admin-list #server-admin #chairman img {<br />
border-radius: 50%;<br />
width: 36px;<br />
display: block;<br />
margin-right: 7px;<br />
}<br />
<br />
#admin-list #server-admin #chairman #nick {<br />
font-size: 17px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
#admin-list #server-admin #chairman #level,<br />
#admin-list #server-admin #deputy-chairman #level {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
#admin-list #server-admin #deputy-chairman #nick {<br />
font-size: 18px;<br />
}<br />
<br />
#server-status #online-player {<br />
font-size: 3rem;<br />
font-weight: bold;<br />
text-align: right;<br />
}<br />
<br />
#server-status #online-desc {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
.friend-link {<br />
position: relative;<br />
min-height: 70px;<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
border-radius: 10px;<br />
margin-top: 3rem;<br />
}<br />
<br />
.friend-link .friend-link__title {<br />
font-size: 24px;<br />
letter-spacing: 0.75px;<br />
font-weight: bold;<br />
}<br />
<br />
.friend-link .friend-link__content ul {<br />
margin: 0;<br />
padding: 5px;<br />
display: flex;<br />
flex-wrap: wrap;<br />
gap: 10px;<br />
}<br />
<br />
.friend-link .friend-link__content ul li {<br />
list-style: none;<br />
}<br />
<br />
.friend-link .nav-card-backimg {<br />
bottom: 0;<br />
right: 0;<br />
}<br />
<br />
/* PC & Pad */<br />
@media (min-width: 720px) {<br />
.mp-header {<br />
border-radius: 20px;<br />
margin: 0 6rem;<br />
}<br />
<br />
.mp-header-footer {<br />
display: flex;<br />
gap: 10rem;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav #vision {<br />
grid-column: 1 / span 3;<br />
grid-row: 1;<br />
}<br />
<br />
.mp-nav #top-page {<br />
grid-column: 1 / span 2;<br />
grid-row: 2 / span 3;<br />
}<br />
<br />
.mp-nav #announcement {<br />
grid-column: 3;<br />
grid-row: 2 / span 2;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 1 / span 2;<br />
grid-row: 5;<br />
}<br />
<br />
.mp-nav #tips {<br />
grid-column: 3;<br />
grid-row: 4 / span 2;<br />
}<br />
}<br />
<br />
/* Phone */<br />
@media (max-width: 720px) {<br />
.mp-header-footer {<br />
display: flex;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav {<br />
margin: 3rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 1;<br />
grid-row: 1;<br />
}<br />
<br />
.mp-nav #vision {<br />
grid-column: 1;<br />
grid-row: 2;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#contact-info #qq {<br />
margin-bottom: 10px;<br />
}<br />
}</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:%E9%A6%96%E9%A1%B5/Nav&diff=2172
模板:首页/Nav
2023-09-29T06:25:21Z
<p>AurLemonCN：</p>
<hr />
<div>{{#css:<br />
.nav-card__noshadow {<br />
background: linear-gradient(var(--color-surface-0) 60%,rgba(20, 138, 134, 0.1) 100%);<br />
}<br />
}}<div class="mp-nav"><br />
<div class="nav-card nav-card-button" id="vision"><br />
<div class="nav-card__background">{{MediaWiki:首页视觉}}</div><br />
<div class="nav-card__foreground"><br />
<div class="home-card__label">视觉</div><br />
<div class="home-card__header">{{MediaWiki:首页视觉描述信息}}</div><br />
</div><br />
</div><br />
<br />
<div class="nav-card__noshadow" id="top-page"><br />
<div class="nav-card__title">[[特殊:PopularPages|典范条目]]</div><br />
<div id="top-page__content"><br />
{{MediaWiki:首页典范条目信息}}<br />
</div><br />
<div id="top-page__desc"><br />
<div id="top-page__hot">'''其它热门页面:''' {{MediaWiki:首页其它热门页面}}</div><br />
<div id="top-page__hot">'''其它典范条目:''' {{MediaWiki:首页其它典范条目}}</div><br />
<div id="top-page__link">[[:分类:典范列表|典范条目列表]] · [[:分类:特色列表|特色列表]] · [[:分类:特色列表存档|特色列表存档]]</div><br />
</div><br />
</div><br />
<br />
<div class="nav-card" id="announcement"><br />
<div class="nav-card-backimg adaptive-img">[[文件:Announcement.svg|x130px|link=]]</div><br />
<div class="nav-card-forecontent"><br />
<div class="nav-card-forecontent__title">[[公告]]</div><br />
<div class="nav-card-forecontent__desc"><br />
{{MediaWiki:首页公告}}<br />
</div><br />
</div><br />
</div><br />
<br />
<div id="tran-page"><br />
<div class="nav-card nav-card-button"><br />
<div class="nav-card__background">[[文件:Nav-文化.png|300px|link=分类:文化]]</div><br />
<div class="nav-card__foreground">文化</div><br />
</div><br />
<br />
<div class="nav-card nav-card-button"><br />
<div class="nav-card__background">[[文件:Nav-交通.png|300px|link=分类:交通]]</div><br />
<div class="nav-card__foreground">交通</div><br />
</div><br />
<br />
<div class="nav-card nav-card-button"><br />
<div class="nav-card__background">[[文件:Nav-虚构企业.png|300px|link=分类:虚构单位]]</div><br />
<div class="nav-card__foreground">企业</div><br />
</div><br />
</div><br />
<br />
<div class="nav-card" id="tips"><br />
<div class="nav-card-backimg adaptive-img">[[文件:Question.svg|x130px|link=]]</div><br />
<div class="nav-card-forecontent"><br />
<div class="nav-card-forecontent__title">冷知识</div><br />
<div class="nav-card-forecontent__desc"><br />
{{MediaWiki:首页冷知识}}<br />
</div><br />
</div><br />
</div><br />
</div><templatestyles src="Template:Mainpage/style.css" /></div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:Mainpage/style.css&diff=2171
模板:Mainpage/style.css
2023-09-29T05:59:02Z
<p>AurLemonCN：</p>
<hr />
<div>.home-card {<br />
position: relative;<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 8px;<br />
box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card__label {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
.nav-card-button .nav-card__foreground .home-card__header {<br />
color: #fff;<br />
}<br />
<br />
.home-card__header {<br />
margin-top: 0;<br />
font-size: 24px;<br />
}<br />
<br />
.home-card__padding {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card__between {<br />
display: flex;<br />
justify-content: space-between;<br />
flex-direction: column;<br />
}<br />
<br />
.home-card__conbetween {<br />
height: 100%;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.home-card__top {<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
margin: 0;<br />
display: flex;<br />
align-items: center;<br />
gap: 5px;<br />
font-weight: bold;<br />
}<br />
<br />
.home-card__top img {<br />
opacity: 0.7;<br />
}<br />
<br />
.home-card__content {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card-connect {<br />
border-radius: 20px;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card-connect a {<br />
width: 100%;<br />
display: block;<br />
padding: 5px;<br />
}<br />
<br />
.home-card-connect a img {<br />
display: block;<br />
margin: 0 auto;<br />
}<br />
<br />
#qq.home-card-connect {<br />
background: rgb(18,183,245);<br />
}<br />
<br />
#wechat.home-card-connect {<br />
background: rgb(42,174,103);<br />
}<br />
<br />
.home-grid--col2 {<br />
grid-template-columns: 1fr 1fr;<br />
}<br />
<br />
.home-card a:hover {<br />
text-decoration: unset!important;<br />
}<br />
<br />
.home-link {<br />
display: grid;<br />
font-size: 0.875rem;<br />
font-weight: 500;<br />
grid-gap: 6px;<br />
text-align: center;<br />
}<br />
<br />
.home-link__button {<br />
display: flex;<br />
}<br />
<br />
.home-link__button a {<br />
flex-grow: 1;<br />
padding: 0.3rem 0.6rem;<br />
border: 1px solid;<br />
border-color: var(--border-color-base);<br />
background: var(--background-color-framed);<br />
border-radius: 12px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.home-link__button a:hover {<br />
background: var(--background-color-framed--hover);<br />
}<br />
<br />
.home-link__button a:active {<br />
background: var(--background-color-framed--active);<br />
}<br />
<br />
.home-link__button a.external {<br />
color: var(--color-link)!important;<br />
}<br />
<br />
.mp-header-title__subtitle {<br />
color: var(--color-base--subtle);<br />
font-size: 0.875rem;<br />
text-transform: uppercase;<br />
letter-spacing: 0.05em;<br />
margin-bottom: var(--space-xs);<br />
}<br />
<br />
.mp-header-title__slogan {<br />
background: linear-gradient(45deg, #148a86, #f0ab10 45%);<br />
text-align: left;<br />
font-size: 3rem;<br />
font-weight: bold;<br />
margin-bottom: -6px;<br />
}<br />
<br />
.mp-header-title__desc {<br />
text-align: left;<br />
font-weight: bold;<br />
font-size: 18px;<br />
letter-spacing: 1px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-editcounts {<br />
display: flex;<br />
gap: 20px;<br />
}<br />
<br />
.mp-header-editcounts-div {<br />
text-align: left;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.mp-header-editcounts-div__desc {<br />
color: var(--color-base--subtle);<br />
letter-spacing: 0.05em;<br />
white-space: nowrap;<br />
font-size: 12px;<br />
}<br />
<br />
.mp-header-editcounts__counts {<br />
color: var(--color-base--emphasized);<br />
font-weight: 500;<br />
font-size: 28px;<br />
white-space: nowrap;<br />
}<br />
<br />
.mp-header-editcounts__counts a {<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-server {<br />
display: flex;<br />
background: var(--color-surface-2--active);<br />
padding: 10px;<br />
border-radius: 20px;<br />
}<br />
<br />
.mp-header-server #header-server-sxg img {<br />
width: 30px;<br />
border-radius: 50%;<br />
}<br />
<br />
.mp-header .adaptive-img img {<br />
opacity: var( --opacity-icon-base );<br />
transition: opacity 250ms ease;<br />
filter: grayscale(100%);<br />
}<br />
<br />
.mp-header .adaptive-img img:hover {<br />
opacity: var( --opacity-icon-base--hover );<br />
}<br />
<br />
.mp-header .adaptive-img img:active {<br />
opacity: var( --opacity-icon-base--active );<br />
}<br />
<br />
.mp-header-server__link + .mp-header-server__link {<br />
margin-left: 10px;<br />
}<br />
<br />
.mp-nav {<br />
margin: 3rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.nav-card {<br />
position: relative;<br />
padding: var(--space-md);<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 10px;<br />
box-shadow: 0 4px 8px rgba(100, 100, 111, 0.1);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.nav-card__noshadow {<br />
position: relative;<br />
padding: var(--space-md);<br />
border-radius: 10px;<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
.nav-card-button {<br />
height: 3rem;<br />
display: flex;<br />
justify-content: center;<br />
flex-direction: column;<br />
overflow: hidden;<br />
padding: 0;<br />
width: calc(100% / 3);<br />
margin-top: auto;<br />
margin-bottom: 0;<br />
}<br />
<br />
.nav-card__background {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
background: #242a31;<br />
border-radius: 15px;<br />
}<br />
<br />
.nav-card__background img {<br />
width: 100%;<br />
height: 100%;<br />
object-fit: cover;<br />
object-position: center;<br />
}<br />
<br />
.nav-card__foreground {<br />
color: #fff;<br />
font-weight: bold;<br />
z-index: 0;<br />
font-size: 16px;<br />
padding: 0 var(--space-md);<br />
pointer-events: none;<br />
}<br />
<br />
.nav-card-backimg {<br />
position: absolute;<br />
right: 10px;<br />
bottom: 10px;<br />
pointer-events: none;<br />
opacity: 0.1;<br />
}<br />
<br />
.nav-card-forecontent {<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.nav-card-forecontent__title {<br />
display: flex;<br />
justify-content: space-between;<br />
font-size: 32px;<br />
font-weight: bold;<br />
color: var(--color-primary);<br />
}<br />
<br />
.nav-card-forecontent__title::after {<br />
content: "▶";<br />
font-size: 0.8125rem;<br />
}<br />
<br />
.mp-nav #vision {<br />
width: 100%;<br />
height: 10rem;<br />
justify-content: end;<br />
}<br />
<br />
.mp-nav #vision .nav-card__foreground {<br />
padding: var(--space-md);<br />
}<br />
<br />
#vision .nav-card__foreground .home-card__label {<br />
color: rgba(255, 255, 255, 0.9);<br />
text-shadow: 1px 1px 2px #818181;<br />
}<br />
<br />
#vision .nav-card__foreground .home-card__header {<br />
text-shadow: 1px 1px 2px #545454;<br />
}<br />
<br />
#top-page .nav-card__title {<br />
margin-left: 20px;<br />
font-size: 20px;<br />
letter-spacing: 0.4rem;<br />
font-weight: bold;<br />
}<br />
<br />
#top-page .nav-card__title a {<br />
color: #1c7593;<br />
}<br />
<br />
#top-page p {<br />
margin: 0;<br />
}<br />
<br />
#top-page #top-page__hot {<br />
letter-spacing: 0.1rem;<br />
}<br />
<br />
#top-page #top-page__link {<br />
text-align: right;<br />
margin-top: 10px;<br />
}<br />
<br />
#top-page #top-page__content img {<br />
float: left;<br />
margin-right: var(--space-lg);<br />
}<br />
<br />
#top-page__desc {<br />
clear: both;<br />
}<br />
<br />
#tran-page {<br />
display: flex;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
.mp-nav #announcement,<br />
.mp-nav #tips {<br />
min-height: 150px;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#admin-list #server-admin #chairman {<br />
display: flex;<br />
flex-wrap: wrap;<br />
align-items: end;<br />
margin-bottom: 20px;<br />
}<br />
<br />
#admin-list #server-admin #chairman img {<br />
border-radius: 50%;<br />
width: 36px;<br />
display: block;<br />
margin-right: 7px;<br />
}<br />
<br />
#admin-list #server-admin #chairman #nick {<br />
font-size: 17px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
#admin-list #server-admin #chairman #level,<br />
#admin-list #server-admin #deputy-chairman #level {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
#admin-list #server-admin #deputy-chairman #nick {<br />
font-size: 18px;<br />
}<br />
<br />
#server-status #online-player {<br />
font-size: 3rem;<br />
font-weight: bold;<br />
text-align: right;<br />
}<br />
<br />
#server-status #online-desc {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
.friend-link {<br />
position: relative;<br />
min-height: 70px;<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
border-radius: 10px;<br />
margin-top: 3rem;<br />
}<br />
<br />
.friend-link .friend-link__title {<br />
font-size: 24px;<br />
letter-spacing: 0.75px;<br />
font-weight: bold;<br />
}<br />
<br />
.friend-link .friend-link__content ul {<br />
margin: 0;<br />
padding: 5px;<br />
display: flex;<br />
flex-wrap: wrap;<br />
gap: 10px;<br />
}<br />
<br />
.friend-link .friend-link__content ul li {<br />
list-style: none;<br />
}<br />
<br />
.friend-link .nav-card-backimg {<br />
bottom: 0;<br />
right: 0;<br />
}<br />
<br />
/* PC & Pad */<br />
@media (min-width: 720px) {<br />
.mp-header {<br />
border-radius: 20px;<br />
margin: 0 6rem;<br />
}<br />
<br />
.mp-header-footer {<br />
display: flex;<br />
gap: 10rem;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav #vision {<br />
grid-column: 1 / span 3;<br />
grid-row: 1;<br />
}<br />
<br />
.mp-nav #top-page {<br />
grid-column: 1 / span 2;<br />
grid-row: 2 / span 3;<br />
}<br />
<br />
.mp-nav #announcement {<br />
grid-column: 3;<br />
grid-row: 2 / span 2;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 1 / span 2;<br />
grid-row: 5;<br />
}<br />
<br />
.mp-nav #tips {<br />
grid-column: 3;<br />
grid-row: 4 / span 2;<br />
}<br />
}<br />
<br />
/* Phone */<br />
@media (max-width: 720px) {<br />
.mp-header-footer {<br />
display: flex;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav {<br />
margin: 3rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 1;<br />
grid-row: 1;<br />
}<br />
<br />
.mp-nav #vision {<br />
grid-column: 1;<br />
grid-row: 2;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#contact-info #qq {<br />
margin-bottom: 10px;<br />
}<br />
}</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:%E9%A6%96%E9%A1%B5&diff=2170
模板:首页
2023-09-29T04:03:41Z
<p>AurLemonCN：</p>
<hr />
<div><noinclude>修改首页内容：<br />
*[[MediaWiki:首页视觉]]<br />
*[[MediaWiki:首页视觉描述信息]]<br />
*[[MediaWiki:首页典范条目信息]]<br />
*[[MediaWiki:首页其它热门页面]]<br />
*[[MediaWiki:首页其它典范条目]]<br />
*[[MediaWiki:首页公告]]<br />
*[[MediaWiki:首页冷知识]]<br />
*[[MediaWiki:首页友链]]</noinclude></div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E9%A6%96%E9%A1%B5&diff=2169
首页
2023-09-29T04:03:01Z
<p>AurLemonCN：</p>
<hr />
<div><!-- 20230929 凌晨3点 写猝死了要 By 柠檬 --><br />
{{首页/Header}}<br />
<!-- Top page & Announcement --><br />
{{首页/Nav}}<br />
<!-- Container --><br />
{{首页/Container}}<br />
<br />
<div class="friend-link"><br />
<div class="friend-link__title">友链</div><br />
<div class="friend-link__content"><br />
{{MediaWiki:首页友链}}<br />
</div><br />
<div class="nav-card-backimg adaptive-img">[[文件:Link.svg|x100px|link=]]</div><br />
</div><templatestyles src="Template:Mainpage/style.css" /><br />
__NOTOC__</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:%E9%A6%96%E9%A1%B5/Nav&diff=2168
模板:首页/Nav
2023-09-29T04:02:43Z
<p>AurLemonCN：</p>
<hr />
<div>{{#css:<br />
.nav-card__noshadow {<br />
background: linear-gradient(var(--color-surface-0) 60%,rgba(20, 138, 134, 0.1) 100%);<br />
}<br />
}}<div class="mp-nav"><br />
<div class="nav-card nav-card-button" id="vision"><br />
<div class="nav-card__background">{{MediaWiki:首页视觉}}</div><br />
<div class="nav-card__foreground"><br />
<div class="home-card__label">视觉</div><br />
<div class="home-card__header">{{MediaWiki:首页视觉描述信息}}</div><br />
</div><br />
</div><br />
<br />
<div class="nav-card__noshadow" id="top-page"><br />
<div class="nav-card__title">[[特殊:PopularPages|典范条目]]</div><br />
<div id="top-page__content"><br />
{{MediaWiki:首页典范条目信息}}<br />
</div><br />
<div id="top-page__desc"><br />
<div id="top-page__hot">'''其它热门页面:''' {{MediaWiki:首页其它热门页面}}</div><br />
<div id="top-page__hot">'''其它典范条目:''' {{MediaWiki:首页其它典范条目}}</div><br />
<div id="top-page__link">[[:分类:典范列表|典范条目列表]] · [[:分类:特色列表|特色列表]] · [[:分类:特色列表存档|特色列表存档]]</div><br />
</div><br />
</div><br />
<br />
<div class="nav-card" id="announcement"><br />
<div class="nav-card-backimg adaptive-img">[[文件:Announcement.svg|x130px|link=]]</div><br />
<div class="nav-card-forecontent"><br />
<div class="nav-card-forecontent__title">[[公告]]</div><br />
<div class="nav-card-forecontent__desc"><br />
{{MediaWiki:首页公告}}<br />
</div><br />
</div><br />
</div><br />
<br />
<div id="tran-page"><br />
<div class="nav-card nav-card-button"><br />
<div class="nav-card__background">[[文件:Nav-文化.png|300px|link=分类:文化]]</div><br />
<div class="nav-card__foreground">文化</div><br />
</div><br />
<br />
<div class="nav-card nav-card-button"><br />
<div class="nav-card__background">[[文件:Nav-交通.png|300px|link=分类:交通]]</div><br />
<div class="nav-card__foreground">交通</div><br />
</div><br />
<br />
<div class="nav-card nav-card-button"><br />
<div class="nav-card__background">[[文件:Nav-虚构企业.png|300px|link=分类:虚构企业]]</div><br />
<div class="nav-card__foreground">企业</div><br />
</div><br />
</div><br />
<br />
<div class="nav-card" id="tips"><br />
<div class="nav-card-backimg adaptive-img">[[文件:Question.svg|x130px|link=]]</div><br />
<div class="nav-card-forecontent"><br />
<div class="nav-card-forecontent__title">冷知识</div><br />
<div class="nav-card-forecontent__desc"><br />
{{MediaWiki:首页冷知识}}<br />
</div><br />
</div><br />
</div><br />
</div><templatestyles src="Template:Mainpage/style.css" /></div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=MediaWiki:%E9%A6%96%E9%A1%B5%E8%A7%86%E8%A7%89%E6%8F%8F%E8%BF%B0%E4%BF%A1%E6%81%AF&diff=2167
MediaWiki:首页视觉描述信息
2023-09-29T04:01:43Z
<p>AurLemonCN：已保护“MediaWiki:首页视觉描述信息”（[编辑=仅允许管理员]（无限期））</p>
<hr />
<div>雷锋广场</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=MediaWiki:%E9%A6%96%E9%A1%B5%E8%A7%86%E8%A7%89%E6%8F%8F%E8%BF%B0%E4%BF%A1%E6%81%AF&diff=2166
MediaWiki:首页视觉描述信息
2023-09-29T04:01:27Z
<p>AurLemonCN：创建页面，内容为“雷锋广场”</p>
<hr />
<div>雷锋广场</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:Mainpage/style.css&diff=2165
模板:Mainpage/style.css
2023-09-29T04:00:52Z
<p>AurLemonCN：</p>
<hr />
<div>.home-card {<br />
position: relative;<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 8px;<br />
box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card__label {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
.nav-card-button .nav-card__foreground .home-card__header {<br />
color: #fff;<br />
}<br />
<br />
.home-card__header {<br />
margin-top: 0;<br />
font-size: 24px;<br />
}<br />
<br />
.home-card__padding {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card__between {<br />
display: flex;<br />
justify-content: space-between;<br />
flex-direction: column;<br />
}<br />
<br />
.home-card__conbetween {<br />
height: 100%;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.home-card__top {<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
margin: 0;<br />
display: flex;<br />
align-items: center;<br />
gap: 5px;<br />
font-weight: bold;<br />
}<br />
<br />
.home-card__top img {<br />
opacity: 0.7;<br />
}<br />
<br />
.home-card__content {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card-connect {<br />
border-radius: 20px;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card-connect a {<br />
width: 100%;<br />
display: block;<br />
padding: 5px;<br />
}<br />
<br />
.home-card-connect a img {<br />
display: block;<br />
margin: 0 auto;<br />
}<br />
<br />
#qq.home-card-connect {<br />
background: rgb(18,183,245);<br />
}<br />
<br />
#wechat.home-card-connect {<br />
background: rgb(42,174,103);<br />
}<br />
<br />
.home-grid--col2 {<br />
grid-template-columns: 1fr 1fr;<br />
}<br />
<br />
.home-card a:hover {<br />
text-decoration: unset!important;<br />
}<br />
<br />
.home-link {<br />
display: grid;<br />
font-size: 0.875rem;<br />
font-weight: 500;<br />
grid-gap: 6px;<br />
text-align: center;<br />
}<br />
<br />
.home-link__button {<br />
display: flex;<br />
}<br />
<br />
.home-link__button a {<br />
flex-grow: 1;<br />
padding: 0.3rem 0.6rem;<br />
border: 1px solid;<br />
border-color: var(--border-color-base);<br />
background: var(--background-color-framed);<br />
border-radius: 12px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.home-link__button a:hover {<br />
background: var(--background-color-framed--hover);<br />
}<br />
<br />
.home-link__button a:active {<br />
background: var(--background-color-framed--active);<br />
}<br />
<br />
.home-link__button a.external {<br />
color: var(--color-link)!important;<br />
}<br />
<br />
.mp-header-title__subtitle {<br />
color: var(--color-base--subtle);<br />
font-size: 0.875rem;<br />
text-transform: uppercase;<br />
letter-spacing: 0.05em;<br />
margin-bottom: var(--space-xs);<br />
}<br />
<br />
.mp-header-title__slogan {<br />
background: linear-gradient(45deg, #148a86, #f0ab10 45%);<br />
text-align: left;<br />
font-size: 3rem;<br />
font-weight: bold;<br />
margin-bottom: -6px;<br />
}<br />
<br />
.mp-header-title__desc {<br />
text-align: left;<br />
font-weight: bold;<br />
font-size: 18px;<br />
letter-spacing: 1px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-editcounts {<br />
display: flex;<br />
gap: 20px;<br />
}<br />
<br />
.mp-header-editcounts-div {<br />
text-align: left;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.mp-header-editcounts-div__desc {<br />
color: var(--color-base--subtle);<br />
letter-spacing: 0.05em;<br />
white-space: nowrap;<br />
font-size: 12px;<br />
}<br />
<br />
.mp-header-editcounts__counts {<br />
color: var(--color-base--emphasized);<br />
font-weight: 500;<br />
font-size: 28px;<br />
white-space: nowrap;<br />
}<br />
<br />
.mp-header-editcounts__counts a {<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-server {<br />
display: flex;<br />
background: var(--color-surface-2--active);<br />
padding: 10px;<br />
border-radius: 20px;<br />
}<br />
<br />
.mp-header-server #header-server-sxg img {<br />
width: 30px;<br />
border-radius: 50%;<br />
}<br />
<br />
.mp-header .adaptive-img img {<br />
opacity: var( --opacity-icon-base );<br />
transition: opacity 250ms ease;<br />
filter: grayscale(100%);<br />
}<br />
<br />
.mp-header .adaptive-img img:hover {<br />
opacity: var( --opacity-icon-base--hover );<br />
}<br />
<br />
.mp-header .adaptive-img img:active {<br />
opacity: var( --opacity-icon-base--active );<br />
}<br />
<br />
.mp-header-server__link + .mp-header-server__link {<br />
margin-left: 10px;<br />
}<br />
<br />
.mp-nav {<br />
margin: 3rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.nav-card {<br />
position: relative;<br />
padding: var(--space-md);<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 10px;<br />
box-shadow: 0 4px 8px rgba(100, 100, 111, 0.1);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.nav-card__noshadow {<br />
position: relative;<br />
padding: var(--space-md);<br />
border-radius: 10px;<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
.nav-card-button {<br />
height: 3rem;<br />
display: flex;<br />
justify-content: center;<br />
flex-direction: column;<br />
overflow: hidden;<br />
padding: 0;<br />
width: calc(100% / 3);<br />
margin-top: auto;<br />
margin-bottom: 0;<br />
}<br />
<br />
.nav-card__background {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
background: #242a31;<br />
border-radius: 15px;<br />
}<br />
<br />
.nav-card__background img {<br />
width: 100%;<br />
height: 100%;<br />
object-fit: cover;<br />
object-position: center;<br />
}<br />
<br />
.nav-card__foreground {<br />
color: #fff;<br />
font-weight: bold;<br />
z-index: 0;<br />
font-size: 16px;<br />
padding: 0 var(--space-md);<br />
pointer-events: none;<br />
}<br />
<br />
.nav-card-backimg {<br />
position: absolute;<br />
right: 10px;<br />
bottom: 10px;<br />
pointer-events: none;<br />
opacity: 0.1;<br />
}<br />
<br />
.nav-card-forecontent {<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.nav-card-forecontent__title {<br />
display: flex;<br />
justify-content: space-between;<br />
font-size: 32px;<br />
font-weight: bold;<br />
color: var(--color-primary);<br />
}<br />
<br />
.nav-card-forecontent__title::after {<br />
content: "▶";<br />
font-size: 0.8125rem;<br />
}<br />
<br />
.mp-nav #vision {<br />
width: 100%;<br />
height: 10rem;<br />
justify-content: end;<br />
}<br />
<br />
.mp-nav #vision .nav-card__foreground {<br />
padding: var(--space-md);<br />
}<br />
<br />
#top-page .nav-card__title {<br />
margin-left: 20px;<br />
font-size: 20px;<br />
letter-spacing: 0.4rem;<br />
font-weight: bold;<br />
}<br />
<br />
#top-page .nav-card__title a {<br />
color: #1c7593;<br />
}<br />
<br />
#top-page p {<br />
margin: 0;<br />
}<br />
<br />
#top-page #top-page__hot {<br />
letter-spacing: 0.1rem;<br />
}<br />
<br />
#top-page #top-page__link {<br />
text-align: right;<br />
margin-top: 10px;<br />
}<br />
<br />
#top-page #top-page__content img {<br />
float: left;<br />
margin-right: var(--space-lg);<br />
}<br />
<br />
#top-page__desc {<br />
clear: both;<br />
}<br />
<br />
#tran-page {<br />
display: flex;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
.mp-nav #announcement,<br />
.mp-nav #tips {<br />
min-height: 150px;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#admin-list #server-admin #chairman {<br />
display: flex;<br />
flex-wrap: wrap;<br />
align-items: end;<br />
margin-bottom: 20px;<br />
}<br />
<br />
#admin-list #server-admin #chairman img {<br />
border-radius: 50%;<br />
width: 36px;<br />
display: block;<br />
margin-right: 7px;<br />
}<br />
<br />
#admin-list #server-admin #chairman #nick {<br />
font-size: 17px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
#admin-list #server-admin #chairman #level,<br />
#admin-list #server-admin #deputy-chairman #level {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
#admin-list #server-admin #deputy-chairman #nick {<br />
font-size: 18px;<br />
}<br />
<br />
#server-status #online-player {<br />
font-size: 3rem;<br />
font-weight: bold;<br />
text-align: right;<br />
}<br />
<br />
#server-status #online-desc {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
.friend-link {<br />
position: relative;<br />
min-height: 70px;<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
border-radius: 10px;<br />
margin-top: 3rem;<br />
}<br />
<br />
.friend-link .friend-link__title {<br />
font-size: 24px;<br />
letter-spacing: 0.75px;<br />
font-weight: bold;<br />
}<br />
<br />
.friend-link .friend-link__content ul {<br />
margin: 0;<br />
padding: 5px;<br />
display: flex;<br />
flex-wrap: wrap;<br />
gap: 10px;<br />
}<br />
<br />
.friend-link .friend-link__content ul li {<br />
list-style: none;<br />
}<br />
<br />
.friend-link .nav-card-backimg {<br />
bottom: 0;<br />
right: 0;<br />
}<br />
<br />
/* PC & Pad */<br />
@media (min-width: 720px) {<br />
.mp-header {<br />
border-radius: 20px;<br />
margin: 0 6rem;<br />
}<br />
<br />
.mp-header-footer {<br />
display: flex;<br />
gap: 10rem;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav #vision {<br />
grid-column: 1 / span 3;<br />
grid-row: 1;<br />
}<br />
<br />
.mp-nav #top-page {<br />
grid-column: 1 / span 2;<br />
grid-row: 2 / span 3;<br />
}<br />
<br />
.mp-nav #announcement {<br />
grid-column: 3;<br />
grid-row: 2 / span 2;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 1 / span 2;<br />
grid-row: 5;<br />
}<br />
<br />
.mp-nav #tips {<br />
grid-column: 3;<br />
grid-row: 4 / span 2;<br />
}<br />
}<br />
<br />
/* Phone */<br />
@media (max-width: 720px) {<br />
.mp-header-footer {<br />
display: flex;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav {<br />
margin: 3rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 1;<br />
grid-row: 1;<br />
}<br />
<br />
.mp-nav #vision {<br />
grid-column: 1;<br />
grid-row: 2;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#contact-info #qq {<br />
margin-bottom: 10px;<br />
}<br />
}</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:Mainpage/style.css&diff=2164
模板:Mainpage/style.css
2023-09-29T03:58:56Z
<p>AurLemonCN：</p>
<hr />
<div>.home-card {<br />
position: relative;<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 8px;<br />
box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card__label {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
.nav-card-button .nav-card__foreground .home-card__header {<br />
color: #fff;<br />
}<br />
<br />
.home-card__header {<br />
margin-top: 0;<br />
font-size: 1rem;<br />
}<br />
<br />
.home-card__padding {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card__between {<br />
display: flex;<br />
justify-content: space-between;<br />
flex-direction: column;<br />
}<br />
<br />
.home-card__conbetween {<br />
height: 100%;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.home-card__top {<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
margin: 0;<br />
display: flex;<br />
align-items: center;<br />
gap: 5px;<br />
font-weight: bold;<br />
}<br />
<br />
.home-card__top img {<br />
opacity: 0.7;<br />
}<br />
<br />
.home-card__content {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card-connect {<br />
border-radius: 20px;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card-connect a {<br />
width: 100%;<br />
display: block;<br />
padding: 5px;<br />
}<br />
<br />
.home-card-connect a img {<br />
display: block;<br />
margin: 0 auto;<br />
}<br />
<br />
#qq.home-card-connect {<br />
background: rgb(18,183,245);<br />
}<br />
<br />
#wechat.home-card-connect {<br />
background: rgb(42,174,103);<br />
}<br />
<br />
.home-grid--col2 {<br />
grid-template-columns: 1fr 1fr;<br />
}<br />
<br />
.home-card a:hover {<br />
text-decoration: unset!important;<br />
}<br />
<br />
.home-link {<br />
display: grid;<br />
font-size: 0.875rem;<br />
font-weight: 500;<br />
grid-gap: 6px;<br />
text-align: center;<br />
}<br />
<br />
.home-link__button {<br />
display: flex;<br />
}<br />
<br />
.home-link__button a {<br />
flex-grow: 1;<br />
padding: 0.3rem 0.6rem;<br />
border: 1px solid;<br />
border-color: var(--border-color-base);<br />
background: var(--background-color-framed);<br />
border-radius: 12px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.home-link__button a:hover {<br />
background: var(--background-color-framed--hover);<br />
}<br />
<br />
.home-link__button a:active {<br />
background: var(--background-color-framed--active);<br />
}<br />
<br />
.home-link__button a.external {<br />
color: var(--color-link)!important;<br />
}<br />
<br />
.mp-header-title__subtitle {<br />
color: var(--color-base--subtle);<br />
font-size: 0.875rem;<br />
text-transform: uppercase;<br />
letter-spacing: 0.05em;<br />
margin-bottom: var(--space-xs);<br />
}<br />
<br />
.mp-header-title__slogan {<br />
background: linear-gradient(45deg, #148a86, #f0ab10 45%);<br />
text-align: left;<br />
font-size: 3rem;<br />
font-weight: bold;<br />
margin-bottom: -6px;<br />
}<br />
<br />
.mp-header-title__desc {<br />
text-align: left;<br />
font-weight: bold;<br />
font-size: 18px;<br />
letter-spacing: 1px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-editcounts {<br />
display: flex;<br />
gap: 20px;<br />
}<br />
<br />
.mp-header-editcounts-div {<br />
text-align: left;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.mp-header-editcounts-div__desc {<br />
color: var(--color-base--subtle);<br />
letter-spacing: 0.05em;<br />
white-space: nowrap;<br />
font-size: 12px;<br />
}<br />
<br />
.mp-header-editcounts__counts {<br />
color: var(--color-base--emphasized);<br />
font-weight: 500;<br />
font-size: 28px;<br />
white-space: nowrap;<br />
}<br />
<br />
.mp-header-editcounts__counts a {<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-server {<br />
display: flex;<br />
background: var(--color-surface-2--active);<br />
padding: 10px;<br />
border-radius: 20px;<br />
}<br />
<br />
.mp-header-server #header-server-sxg img {<br />
width: 30px;<br />
border-radius: 50%;<br />
}<br />
<br />
.mp-header .adaptive-img img {<br />
opacity: var( --opacity-icon-base );<br />
transition: opacity 250ms ease;<br />
filter: grayscale(100%);<br />
}<br />
<br />
.mp-header .adaptive-img img:hover {<br />
opacity: var( --opacity-icon-base--hover );<br />
}<br />
<br />
.mp-header .adaptive-img img:active {<br />
opacity: var( --opacity-icon-base--active );<br />
}<br />
<br />
.mp-header-server__link + .mp-header-server__link {<br />
margin-left: 10px;<br />
}<br />
<br />
.mp-nav {<br />
margin: 3rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.nav-card {<br />
position: relative;<br />
padding: var(--space-md);<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 10px;<br />
box-shadow: 0 4px 8px rgba(100, 100, 111, 0.1);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.nav-card__noshadow {<br />
position: relative;<br />
padding: var(--space-md);<br />
border-radius: 10px;<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
.nav-card-button {<br />
height: 3rem;<br />
display: flex;<br />
justify-content: center;<br />
flex-direction: column;<br />
overflow: hidden;<br />
padding: 0;<br />
width: calc(100% / 3);<br />
margin-top: auto;<br />
margin-bottom: 0;<br />
}<br />
<br />
.nav-card__background {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
background: #242a31;<br />
border-radius: 15px;<br />
}<br />
<br />
.nav-card__background img {<br />
width: 100%;<br />
height: 100%;<br />
object-fit: cover;<br />
object-position: center;<br />
}<br />
<br />
.nav-card__foreground {<br />
color: #fff;<br />
font-weight: bold;<br />
z-index: 0;<br />
font-size: 16px;<br />
padding: 0 var(--space-md);<br />
pointer-events: none;<br />
}<br />
<br />
.nav-card-backimg {<br />
position: absolute;<br />
right: 10px;<br />
bottom: 10px;<br />
pointer-events: none;<br />
opacity: 0.1;<br />
}<br />
<br />
.nav-card-forecontent {<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.nav-card-forecontent__title {<br />
display: flex;<br />
justify-content: space-between;<br />
font-size: 32px;<br />
font-weight: bold;<br />
color: var(--color-primary);<br />
}<br />
<br />
.nav-card-forecontent__title::after {<br />
content: "▶";<br />
font-size: 0.8125rem;<br />
}<br />
<br />
.mp-nav #vision {<br />
width: 100%;<br />
height: 10rem;<br />
justify-content: end;<br />
}<br />
<br />
.mp-nav #vision .nav-card__foreground {<br />
padding: var(--space-md);<br />
}<br />
<br />
#top-page .nav-card__title {<br />
margin-left: 20px;<br />
font-size: 20px;<br />
letter-spacing: 0.4rem;<br />
font-weight: bold;<br />
}<br />
<br />
#top-page .nav-card__title a {<br />
color: #1c7593;<br />
}<br />
<br />
#top-page p {<br />
margin: 0;<br />
}<br />
<br />
#top-page #top-page__hot {<br />
letter-spacing: 0.1rem;<br />
}<br />
<br />
#top-page #top-page__link {<br />
text-align: right;<br />
margin-top: 10px;<br />
}<br />
<br />
#top-page #top-page__content img {<br />
float: left;<br />
margin-right: var(--space-lg);<br />
}<br />
<br />
#top-page__desc {<br />
clear: both;<br />
}<br />
<br />
#tran-page {<br />
display: flex;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
.mp-nav #announcement,<br />
.mp-nav #tips {<br />
min-height: 150px;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#admin-list #server-admin #chairman {<br />
display: flex;<br />
flex-wrap: wrap;<br />
align-items: end;<br />
margin-bottom: 20px;<br />
}<br />
<br />
#admin-list #server-admin #chairman img {<br />
border-radius: 50%;<br />
width: 36px;<br />
display: block;<br />
margin-right: 7px;<br />
}<br />
<br />
#admin-list #server-admin #chairman #nick {<br />
font-size: 17px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
#admin-list #server-admin #chairman #level,<br />
#admin-list #server-admin #deputy-chairman #level {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
#admin-list #server-admin #deputy-chairman #nick {<br />
font-size: 18px;<br />
}<br />
<br />
#server-status #online-player {<br />
font-size: 3rem;<br />
font-weight: bold;<br />
text-align: right;<br />
}<br />
<br />
#server-status #online-desc {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
.friend-link {<br />
position: relative;<br />
min-height: 70px;<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
border-radius: 10px;<br />
margin-top: 3rem;<br />
}<br />
<br />
.friend-link .friend-link__title {<br />
font-size: 24px;<br />
letter-spacing: 0.75px;<br />
font-weight: bold;<br />
}<br />
<br />
.friend-link .friend-link__content ul {<br />
margin: 0;<br />
padding: 5px;<br />
display: flex;<br />
flex-wrap: wrap;<br />
gap: 10px;<br />
}<br />
<br />
.friend-link .friend-link__content ul li {<br />
list-style: none;<br />
}<br />
<br />
.friend-link .nav-card-backimg {<br />
bottom: 0;<br />
right: 0;<br />
}<br />
<br />
/* PC & Pad */<br />
@media (min-width: 720px) {<br />
.mp-header {<br />
border-radius: 20px;<br />
margin: 0 6rem;<br />
}<br />
<br />
.mp-header-footer {<br />
display: flex;<br />
gap: 10rem;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav #vision {<br />
grid-column: 1 / span 3;<br />
grid-row: 1;<br />
}<br />
<br />
.mp-nav #top-page {<br />
grid-column: 1 / span 2;<br />
grid-row: 2 / span 3;<br />
}<br />
<br />
.mp-nav #announcement {<br />
grid-column: 3;<br />
grid-row: 2 / span 2;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 1 / span 2;<br />
grid-row: 5;<br />
}<br />
<br />
.mp-nav #tips {<br />
grid-column: 3;<br />
grid-row: 4 / span 2;<br />
}<br />
}<br />
<br />
/* Phone */<br />
@media (max-width: 720px) {<br />
.mp-header-footer {<br />
display: flex;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav {<br />
margin: 3rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 1;<br />
grid-row: 1;<br />
}<br />
<br />
.mp-nav #vision {<br />
grid-column: 1;<br />
grid-row: 2;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#contact-info #qq {<br />
margin-bottom: 10px;<br />
}<br />
}</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=MediaWiki:%E9%A6%96%E9%A1%B5%E8%A7%86%E8%A7%89&diff=2163
MediaWiki:首页视觉
2023-09-29T03:55:57Z
<p>AurLemonCN：已保护“MediaWiki:首页视觉”（[编辑=仅允许管理员]（无限期）[移动=仅允许管理员]（无限期））</p>
<hr />
<div>[[文件:不忘初心牢记使命.jpg|1000px|link=]]</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=MediaWiki:%E9%A6%96%E9%A1%B5%E8%A7%86%E8%A7%89&diff=2162
MediaWiki:首页视觉
2023-09-29T03:55:27Z
<p>AurLemonCN：创建页面，内容为“link=”</p>
<hr />
<div>[[文件:不忘初心牢记使命.jpg|1000px|link=]]</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:Mainpage/style.css&diff=2161
模板:Mainpage/style.css
2023-09-29T03:51:24Z
<p>AurLemonCN：</p>
<hr />
<div>.home-card {<br />
position: relative;<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 8px;<br />
box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card__label {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
.home-card__padding {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card__between {<br />
display: flex;<br />
justify-content: space-between;<br />
flex-direction: column;<br />
}<br />
<br />
.home-card__conbetween {<br />
height: 100%;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.home-card__top {<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
margin: 0;<br />
display: flex;<br />
align-items: center;<br />
gap: 5px;<br />
font-weight: bold;<br />
}<br />
<br />
.home-card__top img {<br />
opacity: 0.7;<br />
}<br />
<br />
.home-card__content {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card-connect {<br />
border-radius: 20px;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card-connect a {<br />
width: 100%;<br />
display: block;<br />
padding: 5px;<br />
}<br />
<br />
.home-card-connect a img {<br />
display: block;<br />
margin: 0 auto;<br />
}<br />
<br />
#qq.home-card-connect {<br />
background: rgb(18,183,245);<br />
}<br />
<br />
#wechat.home-card-connect {<br />
background: rgb(42,174,103);<br />
}<br />
<br />
.home-grid--col2 {<br />
grid-template-columns: 1fr 1fr;<br />
}<br />
<br />
.home-card a:hover {<br />
text-decoration: unset!important;<br />
}<br />
<br />
.home-link {<br />
display: grid;<br />
font-size: 0.875rem;<br />
font-weight: 500;<br />
grid-gap: 6px;<br />
text-align: center;<br />
}<br />
<br />
.home-link__button {<br />
display: flex;<br />
}<br />
<br />
.home-link__button a {<br />
flex-grow: 1;<br />
padding: 0.3rem 0.6rem;<br />
border: 1px solid;<br />
border-color: var(--border-color-base);<br />
background: var(--background-color-framed);<br />
border-radius: 12px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.home-link__button a:hover {<br />
background: var(--background-color-framed--hover);<br />
}<br />
<br />
.home-link__button a:active {<br />
background: var(--background-color-framed--active);<br />
}<br />
<br />
.home-link__button a.external {<br />
color: var(--color-link)!important;<br />
}<br />
<br />
.mp-header-title__subtitle {<br />
color: var(--color-base--subtle);<br />
font-size: 0.875rem;<br />
text-transform: uppercase;<br />
letter-spacing: 0.05em;<br />
margin-bottom: var(--space-xs);<br />
}<br />
<br />
.mp-header-title__slogan {<br />
background: linear-gradient(45deg, #148a86, #f0ab10 45%);<br />
text-align: left;<br />
font-size: 3rem;<br />
font-weight: bold;<br />
margin-bottom: -6px;<br />
}<br />
<br />
.mp-header-title__desc {<br />
text-align: left;<br />
font-weight: bold;<br />
font-size: 18px;<br />
letter-spacing: 1px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-editcounts {<br />
display: flex;<br />
gap: 20px;<br />
}<br />
<br />
.mp-header-editcounts-div {<br />
text-align: left;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.mp-header-editcounts-div__desc {<br />
color: var(--color-base--subtle);<br />
letter-spacing: 0.05em;<br />
white-space: nowrap;<br />
font-size: 12px;<br />
}<br />
<br />
.mp-header-editcounts__counts {<br />
color: var(--color-base--emphasized);<br />
font-weight: 500;<br />
font-size: 28px;<br />
white-space: nowrap;<br />
}<br />
<br />
.mp-header-editcounts__counts a {<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-server {<br />
display: flex;<br />
background: var(--color-surface-2--active);<br />
padding: 10px;<br />
border-radius: 20px;<br />
}<br />
<br />
.mp-header-server #header-server-sxg img {<br />
width: 30px;<br />
border-radius: 50%;<br />
}<br />
<br />
.mp-header .adaptive-img img {<br />
opacity: var( --opacity-icon-base );<br />
transition: opacity 250ms ease;<br />
filter: grayscale(100%);<br />
}<br />
<br />
.mp-header .adaptive-img img:hover {<br />
opacity: var( --opacity-icon-base--hover );<br />
}<br />
<br />
.mp-header .adaptive-img img:active {<br />
opacity: var( --opacity-icon-base--active );<br />
}<br />
<br />
.mp-header-server__link + .mp-header-server__link {<br />
margin-left: 10px;<br />
}<br />
<br />
.mp-nav {<br />
margin: 3rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.nav-card {<br />
position: relative;<br />
padding: var(--space-md);<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 10px;<br />
box-shadow: 0 4px 8px rgba(100, 100, 111, 0.1);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.nav-card__noshadow {<br />
position: relative;<br />
padding: var(--space-md);<br />
border-radius: 10px;<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
.nav-card-button {<br />
height: 3rem;<br />
display: flex;<br />
justify-content: center;<br />
flex-direction: column;<br />
overflow: hidden;<br />
padding: 0;<br />
width: calc(100% / 3);<br />
margin-top: auto;<br />
margin-bottom: 0;<br />
}<br />
<br />
.nav-card__background {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
background: #242a31;<br />
border-radius: 15px;<br />
}<br />
<br />
.nav-card__background img {<br />
width: 100%;<br />
height: 100%;<br />
object-fit: cover;<br />
object-position: center;<br />
}<br />
<br />
.nav-card__foreground {<br />
color: #fff;<br />
font-weight: bold;<br />
z-index: 0;<br />
font-size: 16px;<br />
padding: 0 var(--space-md);<br />
pointer-events: none;<br />
}<br />
<br />
.nav-card-backimg {<br />
position: absolute;<br />
right: 10px;<br />
bottom: 10px;<br />
pointer-events: none;<br />
opacity: 0.1;<br />
}<br />
<br />
.nav-card-forecontent {<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.nav-card-forecontent__title {<br />
display: flex;<br />
justify-content: space-between;<br />
font-size: 32px;<br />
font-weight: bold;<br />
color: var(--color-primary);<br />
}<br />
<br />
.nav-card-forecontent__title::after {<br />
content: "▶";<br />
font-size: 0.8125rem;<br />
}<br />
<br />
.mp-nav #vision {<br />
width: 100%;<br />
height: 8rem;<br />
}<br />
<br />
#top-page .nav-card__title {<br />
margin-left: 20px;<br />
font-size: 20px;<br />
letter-spacing: 0.4rem;<br />
font-weight: bold;<br />
}<br />
<br />
#top-page .nav-card__title a {<br />
color: #1c7593;<br />
}<br />
<br />
#top-page p {<br />
margin: 0;<br />
}<br />
<br />
#top-page #top-page__hot {<br />
letter-spacing: 0.1rem;<br />
}<br />
<br />
#top-page #top-page__link {<br />
text-align: right;<br />
margin-top: 10px;<br />
}<br />
<br />
#top-page #top-page__content img {<br />
float: left;<br />
margin-right: var(--space-lg);<br />
}<br />
<br />
#top-page__desc {<br />
clear: both;<br />
}<br />
<br />
#tran-page {<br />
display: flex;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
.mp-nav #announcement,<br />
.mp-nav #tips {<br />
min-height: 150px;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#admin-list #server-admin #chairman {<br />
display: flex;<br />
flex-wrap: wrap;<br />
align-items: end;<br />
margin-bottom: 20px;<br />
}<br />
<br />
#admin-list #server-admin #chairman img {<br />
border-radius: 50%;<br />
width: 36px;<br />
display: block;<br />
margin-right: 7px;<br />
}<br />
<br />
#admin-list #server-admin #chairman #nick {<br />
font-size: 17px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
#admin-list #server-admin #chairman #level,<br />
#admin-list #server-admin #deputy-chairman #level {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
#admin-list #server-admin #deputy-chairman #nick {<br />
font-size: 18px;<br />
}<br />
<br />
#server-status #online-player {<br />
font-size: 3rem;<br />
font-weight: bold;<br />
text-align: right;<br />
}<br />
<br />
#server-status #online-desc {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
.friend-link {<br />
position: relative;<br />
min-height: 70px;<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
border-radius: 10px;<br />
margin-top: 3rem;<br />
}<br />
<br />
.friend-link .friend-link__title {<br />
font-size: 24px;<br />
letter-spacing: 0.75px;<br />
font-weight: bold;<br />
}<br />
<br />
.friend-link .friend-link__content ul {<br />
margin: 0;<br />
padding: 5px;<br />
display: flex;<br />
flex-wrap: wrap;<br />
gap: 10px;<br />
}<br />
<br />
.friend-link .friend-link__content ul li {<br />
list-style: none;<br />
}<br />
<br />
.friend-link .nav-card-backimg {<br />
bottom: 0;<br />
right: 0;<br />
}<br />
<br />
/* PC & Pad */<br />
@media (min-width: 720px) {<br />
.mp-header {<br />
border-radius: 20px;<br />
margin: 0 6rem;<br />
}<br />
<br />
.mp-header-footer {<br />
display: flex;<br />
gap: 10rem;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav #vision {<br />
grid-column: 1 / span 3;<br />
grid-row: 1;<br />
}<br />
<br />
.mp-nav #top-page {<br />
grid-column: 1 / span 2;<br />
grid-row: 2 / span 3;<br />
}<br />
<br />
.mp-nav #announcement {<br />
grid-column: 3;<br />
grid-row: 2 / span 2;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 1 / span 2;<br />
grid-row: 5;<br />
}<br />
<br />
.mp-nav #tips {<br />
grid-column: 3;<br />
grid-row: 4 / span 2;<br />
}<br />
}<br />
<br />
/* Phone */<br />
@media (max-width: 720px) {<br />
.mp-header-footer {<br />
display: flex;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav {<br />
margin: 3rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 1;<br />
grid-row: 1;<br />
}<br />
<br />
.mp-nav #vision {<br />
grid-column: 1;<br />
grid-row: 2;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#contact-info #qq {<br />
margin-bottom: 10px;<br />
}<br />
}</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:Mainpage/style.css&diff=2160
模板:Mainpage/style.css
2023-09-29T03:46:56Z
<p>AurLemonCN：</p>
<hr />
<div>.home-card {<br />
position: relative;<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 8px;<br />
box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card__label {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
.home-card__padding {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card__between {<br />
display: flex;<br />
justify-content: space-between;<br />
flex-direction: column;<br />
}<br />
<br />
.home-card__conbetween {<br />
height: 100%;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.home-card__top {<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
margin: 0;<br />
display: flex;<br />
align-items: center;<br />
gap: 5px;<br />
font-weight: bold;<br />
}<br />
<br />
.home-card__top img {<br />
opacity: 0.7;<br />
}<br />
<br />
.home-card__content {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card-connect {<br />
border-radius: 20px;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card-connect a {<br />
width: 100%;<br />
display: block;<br />
padding: 5px;<br />
}<br />
<br />
.home-card-connect a img {<br />
display: block;<br />
margin: 0 auto;<br />
}<br />
<br />
#qq.home-card-connect {<br />
background: rgb(18,183,245);<br />
}<br />
<br />
#wechat.home-card-connect {<br />
background: rgb(42,174,103);<br />
}<br />
<br />
.home-grid--col2 {<br />
grid-template-columns: 1fr 1fr;<br />
}<br />
<br />
.home-card a:hover {<br />
text-decoration: unset!important;<br />
}<br />
<br />
.home-link {<br />
display: grid;<br />
font-size: 0.875rem;<br />
font-weight: 500;<br />
grid-gap: 6px;<br />
text-align: center;<br />
}<br />
<br />
.home-link__button {<br />
display: flex;<br />
}<br />
<br />
.home-link__button a {<br />
flex-grow: 1;<br />
padding: 0.3rem 0.6rem;<br />
border: 1px solid;<br />
border-color: var(--border-color-base);<br />
background: var(--background-color-framed);<br />
border-radius: 12px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.home-link__button a:hover {<br />
background: var(--background-color-framed--hover);<br />
}<br />
<br />
.home-link__button a:active {<br />
background: var(--background-color-framed--active);<br />
}<br />
<br />
.home-link__button a.external {<br />
color: var(--color-link)!important;<br />
}<br />
<br />
.mp-header-title__subtitle {<br />
color: var(--color-base--subtle);<br />
font-size: 0.875rem;<br />
text-transform: uppercase;<br />
letter-spacing: 0.05em;<br />
margin-bottom: var(--space-xs);<br />
}<br />
<br />
.mp-header-title__slogan {<br />
background: linear-gradient(45deg, #148a86, #f0ab10 45%);<br />
text-align: left;<br />
font-size: 3rem;<br />
font-weight: bold;<br />
margin-bottom: -6px;<br />
}<br />
<br />
.mp-header-title__desc {<br />
text-align: left;<br />
font-weight: bold;<br />
font-size: 18px;<br />
letter-spacing: 1px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-editcounts {<br />
display: flex;<br />
gap: 20px;<br />
}<br />
<br />
.mp-header-editcounts-div {<br />
text-align: left;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.mp-header-editcounts-div__desc {<br />
color: var(--color-base--subtle);<br />
letter-spacing: 0.05em;<br />
white-space: nowrap;<br />
font-size: 12px;<br />
}<br />
<br />
.mp-header-editcounts__counts {<br />
color: var(--color-base--emphasized);<br />
font-weight: 500;<br />
font-size: 28px;<br />
white-space: nowrap;<br />
}<br />
<br />
.mp-header-editcounts__counts a {<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-server {<br />
display: flex;<br />
background: var(--color-surface-2--active);<br />
padding: 10px;<br />
border-radius: 20px;<br />
}<br />
<br />
.mp-header-server #header-server-sxg img {<br />
width: 30px;<br />
border-radius: 50%;<br />
}<br />
<br />
.mp-header .adaptive-img img {<br />
opacity: var( --opacity-icon-base );<br />
transition: opacity 250ms ease;<br />
filter: grayscale(100%);<br />
}<br />
<br />
.mp-header .adaptive-img img:hover {<br />
opacity: var( --opacity-icon-base--hover );<br />
}<br />
<br />
.mp-header .adaptive-img img:active {<br />
opacity: var( --opacity-icon-base--active );<br />
}<br />
<br />
.mp-header-server__link + .mp-header-server__link {<br />
margin-left: 10px;<br />
}<br />
<br />
.mp-nav {<br />
margin: 3rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.nav-card {<br />
position: relative;<br />
padding: var(--space-md);<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 10px;<br />
box-shadow: 0 4px 8px rgba(100, 100, 111, 0.1);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.nav-card__noshadow {<br />
position: relative;<br />
padding: var(--space-md);<br />
border-radius: 10px;<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
.nav-card-button {<br />
height: 3rem;<br />
display: flex;<br />
justify-content: center;<br />
flex-direction: column;<br />
overflow: hidden;<br />
padding: 0;<br />
width: calc(100% / 3);<br />
margin-top: auto;<br />
margin-bottom: 0;<br />
}<br />
<br />
.nav-card__background {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
background: #242a31;<br />
border-radius: 15px;<br />
}<br />
<br />
.nav-card__background img {<br />
width: 100%;<br />
height: 100%;<br />
object-fit: cover;<br />
object-position: center;<br />
}<br />
<br />
.nav-card__foreground {<br />
color: #fff;<br />
font-weight: bold;<br />
z-index: 0;<br />
font-size: 16px;<br />
padding: 0 var(--space-md);<br />
pointer-events: none;<br />
}<br />
<br />
.nav-card-backimg {<br />
position: absolute;<br />
right: 10px;<br />
bottom: 10px;<br />
pointer-events: none;<br />
opacity: 0.1;<br />
}<br />
<br />
.nav-card-forecontent {<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.nav-card-forecontent__title {<br />
display: flex;<br />
justify-content: space-between;<br />
font-size: 32px;<br />
font-weight: bold;<br />
color: var(--color-primary);<br />
}<br />
<br />
.nav-card-forecontent__title::after {<br />
content: "▶";<br />
font-size: 0.8125rem;<br />
}<br />
<br />
#top-page .nav-card__title {<br />
margin-left: 20px;<br />
font-size: 20px;<br />
letter-spacing: 0.4rem;<br />
font-weight: bold;<br />
}<br />
<br />
#top-page .nav-card__title a {<br />
color: #1c7593;<br />
}<br />
<br />
#top-page p {<br />
margin: 0;<br />
}<br />
<br />
#top-page #top-page__hot {<br />
letter-spacing: 0.1rem;<br />
}<br />
<br />
#top-page #top-page__link {<br />
text-align: right;<br />
margin-top: 10px;<br />
}<br />
<br />
#top-page #top-page__content img {<br />
float: left;<br />
margin-right: var(--space-lg);<br />
}<br />
<br />
#top-page__desc {<br />
clear: both;<br />
}<br />
<br />
#tran-page {<br />
display: flex;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
.mp-nav #announcement,<br />
.mp-nav #tips {<br />
min-height: 150px;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#admin-list #server-admin #chairman {<br />
display: flex;<br />
flex-wrap: wrap;<br />
align-items: end;<br />
margin-bottom: 20px;<br />
}<br />
<br />
#admin-list #server-admin #chairman img {<br />
border-radius: 50%;<br />
width: 36px;<br />
display: block;<br />
margin-right: 7px;<br />
}<br />
<br />
#admin-list #server-admin #chairman #nick {<br />
font-size: 17px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
#admin-list #server-admin #chairman #level,<br />
#admin-list #server-admin #deputy-chairman #level {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
#admin-list #server-admin #deputy-chairman #nick {<br />
font-size: 18px;<br />
}<br />
<br />
#server-status #online-player {<br />
font-size: 3rem;<br />
font-weight: bold;<br />
text-align: right;<br />
}<br />
<br />
#server-status #online-desc {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
.friend-link {<br />
position: relative;<br />
min-height: 70px;<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
border-radius: 10px;<br />
margin-top: 3rem;<br />
}<br />
<br />
.friend-link .friend-link__title {<br />
font-size: 24px;<br />
letter-spacing: 0.75px;<br />
font-weight: bold;<br />
}<br />
<br />
.friend-link .friend-link__content ul {<br />
margin: 0;<br />
padding: 5px;<br />
display: flex;<br />
flex-wrap: wrap;<br />
gap: 10px;<br />
}<br />
<br />
.friend-link .friend-link__content ul li {<br />
list-style: none;<br />
}<br />
<br />
.friend-link .nav-card-backimg {<br />
bottom: 0;<br />
right: 0;<br />
}<br />
<br />
/* PC & Pad */<br />
@media (min-width: 720px) {<br />
.mp-header {<br />
border-radius: 20px;<br />
margin: 0 6rem;<br />
}<br />
<br />
.mp-header-footer {<br />
display: flex;<br />
gap: 10rem;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav #vision {<br />
grid-column: 1 / span 3;<br />
grid-row: 1;<br />
}<br />
<br />
.mp-nav #top-page {<br />
grid-column: 1 / span 2;<br />
grid-row: 2 / span 3;<br />
}<br />
<br />
.mp-nav #announcement {<br />
grid-column: 3;<br />
grid-row: 2 / span 2;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 1 / span 2;<br />
grid-row: 5;<br />
}<br />
<br />
.mp-nav #tips {<br />
grid-column: 3;<br />
grid-row: 4 / span 2;<br />
}<br />
}<br />
<br />
/* Phone */<br />
@media (max-width: 720px) {<br />
.mp-header-footer {<br />
display: flex;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav {<br />
margin: 3rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 1;<br />
grid-row: 1;<br />
}<br />
<br />
.mp-nav #vision {<br />
grid-column: 2;<br />
grid-row: 1;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#contact-info #qq {<br />
margin-bottom: 10px;<br />
}<br />
}</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:Mainpage/style.css&diff=2159
模板:Mainpage/style.css
2023-09-29T03:45:24Z
<p>AurLemonCN：</p>
<hr />
<div>.home-card {<br />
position: relative;<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 8px;<br />
box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card__label {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
.home-card__padding {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card__between {<br />
display: flex;<br />
justify-content: space-between;<br />
flex-direction: column;<br />
}<br />
<br />
.home-card__conbetween {<br />
height: 100%;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.home-card__top {<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
margin: 0;<br />
display: flex;<br />
align-items: center;<br />
gap: 5px;<br />
font-weight: bold;<br />
}<br />
<br />
.home-card__top img {<br />
opacity: 0.7;<br />
}<br />
<br />
.home-card__content {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card-connect {<br />
border-radius: 20px;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card-connect a {<br />
width: 100%;<br />
display: block;<br />
padding: 5px;<br />
}<br />
<br />
.home-card-connect a img {<br />
display: block;<br />
margin: 0 auto;<br />
}<br />
<br />
#qq.home-card-connect {<br />
background: rgb(18,183,245);<br />
}<br />
<br />
#wechat.home-card-connect {<br />
background: rgb(42,174,103);<br />
}<br />
<br />
.home-grid--col2 {<br />
grid-template-columns: 1fr 1fr;<br />
}<br />
<br />
.home-card a:hover {<br />
text-decoration: unset!important;<br />
}<br />
<br />
.home-link {<br />
display: grid;<br />
font-size: 0.875rem;<br />
font-weight: 500;<br />
grid-gap: 6px;<br />
text-align: center;<br />
}<br />
<br />
.home-link__button {<br />
display: flex;<br />
}<br />
<br />
.home-link__button a {<br />
flex-grow: 1;<br />
padding: 0.3rem 0.6rem;<br />
border: 1px solid;<br />
border-color: var(--border-color-base);<br />
background: var(--background-color-framed);<br />
border-radius: 12px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.home-link__button a:hover {<br />
background: var(--background-color-framed--hover);<br />
}<br />
<br />
.home-link__button a:active {<br />
background: var(--background-color-framed--active);<br />
}<br />
<br />
.home-link__button a.external {<br />
color: var(--color-link)!important;<br />
}<br />
<br />
.mp-header-title__subtitle {<br />
color: var(--color-base--subtle);<br />
font-size: 0.875rem;<br />
text-transform: uppercase;<br />
letter-spacing: 0.05em;<br />
margin-bottom: var(--space-xs);<br />
}<br />
<br />
.mp-header-title__slogan {<br />
background: linear-gradient(45deg, #148a86, #f0ab10 45%);<br />
text-align: left;<br />
font-size: 3rem;<br />
font-weight: bold;<br />
margin-bottom: -6px;<br />
}<br />
<br />
.mp-header-title__desc {<br />
text-align: left;<br />
font-weight: bold;<br />
font-size: 18px;<br />
letter-spacing: 1px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-editcounts {<br />
display: flex;<br />
gap: 20px;<br />
}<br />
<br />
.mp-header-editcounts-div {<br />
text-align: left;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.mp-header-editcounts-div__desc {<br />
color: var(--color-base--subtle);<br />
letter-spacing: 0.05em;<br />
white-space: nowrap;<br />
font-size: 12px;<br />
}<br />
<br />
.mp-header-editcounts__counts {<br />
color: var(--color-base--emphasized);<br />
font-weight: 500;<br />
font-size: 28px;<br />
white-space: nowrap;<br />
}<br />
<br />
.mp-header-editcounts__counts a {<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-server {<br />
display: flex;<br />
background: var(--color-surface-2--active);<br />
padding: 10px;<br />
border-radius: 20px;<br />
}<br />
<br />
.mp-header-server #header-server-sxg img {<br />
width: 30px;<br />
border-radius: 50%;<br />
}<br />
<br />
.mp-header .adaptive-img img {<br />
opacity: var( --opacity-icon-base );<br />
transition: opacity 250ms ease;<br />
filter: grayscale(100%);<br />
}<br />
<br />
.mp-header .adaptive-img img:hover {<br />
opacity: var( --opacity-icon-base--hover );<br />
}<br />
<br />
.mp-header .adaptive-img img:active {<br />
opacity: var( --opacity-icon-base--active );<br />
}<br />
<br />
.mp-header-server__link + .mp-header-server__link {<br />
margin-left: 10px;<br />
}<br />
<br />
.mp-nav {<br />
margin: 3rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.nav-card {<br />
position: relative;<br />
padding: var(--space-md);<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 10px;<br />
box-shadow: 0 4px 8px rgba(100, 100, 111, 0.1);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.nav-card__noshadow {<br />
position: relative;<br />
padding: var(--space-md);<br />
border-radius: 10px;<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
.nav-card-button {<br />
height: 3rem;<br />
display: flex;<br />
justify-content: center;<br />
flex-direction: column;<br />
overflow: hidden;<br />
padding: 0;<br />
width: calc(100% / 3);<br />
margin-top: auto;<br />
margin-bottom: 0;<br />
}<br />
<br />
.nav-card__background {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
background: #242a31;<br />
border-radius: 15px;<br />
}<br />
<br />
.nav-card__background img {<br />
width: 100%;<br />
height: 100%;<br />
object-fit: cover;<br />
object-position: center;<br />
}<br />
<br />
.nav-card__foreground {<br />
color: #fff;<br />
font-weight: bold;<br />
z-index: 0;<br />
font-size: 16px;<br />
padding: 0 var(--space-md);<br />
pointer-events: none;<br />
}<br />
<br />
.nav-card-backimg {<br />
position: absolute;<br />
right: 10px;<br />
bottom: 10px;<br />
pointer-events: none;<br />
opacity: 0.1;<br />
}<br />
<br />
.nav-card-forecontent {<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.nav-card-forecontent__title {<br />
display: flex;<br />
justify-content: space-between;<br />
font-size: 32px;<br />
font-weight: bold;<br />
color: var(--color-primary);<br />
}<br />
<br />
.nav-card-forecontent__title::after {<br />
content: "▶";<br />
font-size: 0.8125rem;<br />
}<br />
<br />
#top-page .nav-card__title {<br />
margin-left: 20px;<br />
font-size: 20px;<br />
letter-spacing: 0.4rem;<br />
font-weight: bold;<br />
}<br />
<br />
#top-page .nav-card__title a {<br />
color: #1c7593;<br />
}<br />
<br />
#top-page p {<br />
margin: 0;<br />
}<br />
<br />
#top-page #top-page__hot {<br />
letter-spacing: 0.1rem;<br />
}<br />
<br />
#top-page #top-page__link {<br />
text-align: right;<br />
margin-top: 10px;<br />
}<br />
<br />
#top-page #top-page__content img {<br />
float: left;<br />
margin-right: var(--space-lg);<br />
}<br />
<br />
#top-page__desc {<br />
clear: both;<br />
}<br />
<br />
#tran-page {<br />
display: flex;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
.mp-nav #announcement,<br />
.mp-nav #tips {<br />
min-height: 150px;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#admin-list #server-admin #chairman {<br />
display: flex;<br />
flex-wrap: wrap;<br />
align-items: end;<br />
margin-bottom: 20px;<br />
}<br />
<br />
#admin-list #server-admin #chairman img {<br />
border-radius: 50%;<br />
width: 36px;<br />
display: block;<br />
margin-right: 7px;<br />
}<br />
<br />
#admin-list #server-admin #chairman #nick {<br />
font-size: 17px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
#admin-list #server-admin #chairman #level,<br />
#admin-list #server-admin #deputy-chairman #level {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
#admin-list #server-admin #deputy-chairman #nick {<br />
font-size: 18px;<br />
}<br />
<br />
#server-status #online-player {<br />
font-size: 3rem;<br />
font-weight: bold;<br />
text-align: right;<br />
}<br />
<br />
#server-status #online-desc {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
.friend-link {<br />
position: relative;<br />
min-height: 70px;<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
border-radius: 10px;<br />
margin-top: 3rem;<br />
}<br />
<br />
.friend-link .friend-link__title {<br />
font-size: 24px;<br />
letter-spacing: 0.75px;<br />
font-weight: bold;<br />
}<br />
<br />
.friend-link .friend-link__content ul {<br />
margin: 0;<br />
padding: 5px;<br />
display: flex;<br />
flex-wrap: wrap;<br />
gap: 10px;<br />
}<br />
<br />
.friend-link .friend-link__content ul li {<br />
list-style: none;<br />
}<br />
<br />
.friend-link .nav-card-backimg {<br />
bottom: 0;<br />
right: 0;<br />
}<br />
<br />
/* PC & Pad */<br />
@media (min-width: 720px) {<br />
.mp-header {<br />
border-radius: 20px;<br />
margin: 0 6rem;<br />
}<br />
<br />
.mp-header-footer {<br />
display: flex;<br />
gap: 10rem;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav #vision {<br />
grid-column: 1 / span 3;<br />
grid-row: 1;<br />
}<br />
<br />
.mp-nav #top-page {<br />
grid-column: 2 / span 2;<br />
grid-row: 1 / span 3;<br />
}<br />
<br />
.mp-nav #announcement {<br />
grid-column: 4;<br />
grid-row: 1 / span 2;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 2 / span 2;<br />
grid-row: 4;<br />
}<br />
<br />
.mp-nav #tips {<br />
grid-column: 4;<br />
grid-row: 3 / span 2;<br />
}<br />
}<br />
<br />
/* Phone */<br />
@media (max-width: 720px) {<br />
.mp-header-footer {<br />
display: flex;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav {<br />
margin: 3rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 1;<br />
grid-row: 1;<br />
}<br />
<br />
.mp-nav #vision {<br />
grid-column: 2;<br />
grid-row: 1;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#contact-info #qq {<br />
margin-bottom: 10px;<br />
}<br />
}</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:Mainpage/style.css&diff=2158
模板:Mainpage/style.css
2023-09-29T03:42:03Z
<p>AurLemonCN：</p>
<hr />
<div>.home-card {<br />
position: relative;<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 8px;<br />
box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card__label {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
.home-card__padding {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card__between {<br />
display: flex;<br />
justify-content: space-between;<br />
flex-direction: column;<br />
}<br />
<br />
.home-card__conbetween {<br />
height: 100%;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.home-card__top {<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
margin: 0;<br />
display: flex;<br />
align-items: center;<br />
gap: 5px;<br />
font-weight: bold;<br />
}<br />
<br />
.home-card__top img {<br />
opacity: 0.7;<br />
}<br />
<br />
.home-card__content {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card-connect {<br />
border-radius: 20px;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card-connect a {<br />
width: 100%;<br />
display: block;<br />
padding: 5px;<br />
}<br />
<br />
.home-card-connect a img {<br />
display: block;<br />
margin: 0 auto;<br />
}<br />
<br />
#qq.home-card-connect {<br />
background: rgb(18,183,245);<br />
}<br />
<br />
#wechat.home-card-connect {<br />
background: rgb(42,174,103);<br />
}<br />
<br />
.home-grid--col2 {<br />
grid-template-columns: 1fr 1fr;<br />
}<br />
<br />
.home-card a:hover {<br />
text-decoration: unset!important;<br />
}<br />
<br />
.home-link {<br />
display: grid;<br />
font-size: 0.875rem;<br />
font-weight: 500;<br />
grid-gap: 6px;<br />
text-align: center;<br />
}<br />
<br />
.home-link__button {<br />
display: flex;<br />
}<br />
<br />
.home-link__button a {<br />
flex-grow: 1;<br />
padding: 0.3rem 0.6rem;<br />
border: 1px solid;<br />
border-color: var(--border-color-base);<br />
background: var(--background-color-framed);<br />
border-radius: 12px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.home-link__button a:hover {<br />
background: var(--background-color-framed--hover);<br />
}<br />
<br />
.home-link__button a:active {<br />
background: var(--background-color-framed--active);<br />
}<br />
<br />
.home-link__button a.external {<br />
color: var(--color-link)!important;<br />
}<br />
<br />
.mp-header-title__subtitle {<br />
color: var(--color-base--subtle);<br />
font-size: 0.875rem;<br />
text-transform: uppercase;<br />
letter-spacing: 0.05em;<br />
margin-bottom: var(--space-xs);<br />
}<br />
<br />
.mp-header-title__slogan {<br />
background: linear-gradient(45deg, #148a86, #f0ab10 45%);<br />
text-align: left;<br />
font-size: 3rem;<br />
font-weight: bold;<br />
margin-bottom: -6px;<br />
}<br />
<br />
.mp-header-title__desc {<br />
text-align: left;<br />
font-weight: bold;<br />
font-size: 18px;<br />
letter-spacing: 1px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-editcounts {<br />
display: flex;<br />
gap: 20px;<br />
}<br />
<br />
.mp-header-editcounts-div {<br />
text-align: left;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.mp-header-editcounts-div__desc {<br />
color: var(--color-base--subtle);<br />
letter-spacing: 0.05em;<br />
white-space: nowrap;<br />
font-size: 12px;<br />
}<br />
<br />
.mp-header-editcounts__counts {<br />
color: var(--color-base--emphasized);<br />
font-weight: 500;<br />
font-size: 28px;<br />
white-space: nowrap;<br />
}<br />
<br />
.mp-header-editcounts__counts a {<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-server {<br />
display: flex;<br />
background: var(--color-surface-2--active);<br />
padding: 10px;<br />
border-radius: 20px;<br />
}<br />
<br />
.mp-header-server #header-server-sxg img {<br />
width: 30px;<br />
border-radius: 50%;<br />
}<br />
<br />
.mp-header .adaptive-img img {<br />
opacity: var( --opacity-icon-base );<br />
transition: opacity 250ms ease;<br />
filter: grayscale(100%);<br />
}<br />
<br />
.mp-header .adaptive-img img:hover {<br />
opacity: var( --opacity-icon-base--hover );<br />
}<br />
<br />
.mp-header .adaptive-img img:active {<br />
opacity: var( --opacity-icon-base--active );<br />
}<br />
<br />
.mp-header-server__link + .mp-header-server__link {<br />
margin-left: 10px;<br />
}<br />
<br />
.mp-nav {<br />
margin: 3rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.nav-card {<br />
position: relative;<br />
padding: var(--space-md);<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 10px;<br />
box-shadow: 0 4px 8px rgba(100, 100, 111, 0.1);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.nav-card__noshadow {<br />
position: relative;<br />
padding: var(--space-md);<br />
border-radius: 10px;<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
.nav-card-button {<br />
height: 3rem;<br />
display: flex;<br />
justify-content: center;<br />
flex-direction: column;<br />
overflow: hidden;<br />
padding: 0;<br />
width: calc(100% / 3);<br />
margin-top: auto;<br />
margin-bottom: 0;<br />
}<br />
<br />
.nav-card__background {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
background: #242a31;<br />
border-radius: 15px;<br />
}<br />
<br />
.nav-card__background img {<br />
width: 100%;<br />
height: 100%;<br />
object-fit: cover;<br />
object-position: center;<br />
}<br />
<br />
.nav-card__foreground {<br />
color: #fff;<br />
font-weight: bold;<br />
z-index: 0;<br />
font-size: 16px;<br />
padding: 0 var(--space-md);<br />
pointer-events: none;<br />
}<br />
<br />
.nav-card-backimg {<br />
position: absolute;<br />
right: 10px;<br />
bottom: 10px;<br />
pointer-events: none;<br />
opacity: 0.1;<br />
}<br />
<br />
.nav-card-forecontent {<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.nav-card-forecontent__title {<br />
display: flex;<br />
justify-content: space-between;<br />
font-size: 32px;<br />
font-weight: bold;<br />
color: var(--color-primary);<br />
}<br />
<br />
.nav-card-forecontent__title::after {<br />
content: "▶";<br />
font-size: 0.8125rem;<br />
}<br />
<br />
#top-page .nav-card__title {<br />
margin-left: 20px;<br />
font-size: 20px;<br />
letter-spacing: 0.4rem;<br />
font-weight: bold;<br />
}<br />
<br />
#top-page .nav-card__title a {<br />
color: #1c7593;<br />
}<br />
<br />
#top-page p {<br />
margin: 0;<br />
}<br />
<br />
#top-page #top-page__hot {<br />
letter-spacing: 0.1rem;<br />
}<br />
<br />
#top-page #top-page__link {<br />
text-align: right;<br />
margin-top: 10px;<br />
}<br />
<br />
#top-page #top-page__content img {<br />
float: left;<br />
margin-right: var(--space-lg);<br />
}<br />
<br />
#top-page__desc {<br />
clear: both;<br />
}<br />
<br />
#tran-page {<br />
display: flex;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
.mp-nav #announcement,<br />
.mp-nav #tips {<br />
min-height: 150px;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#admin-list #server-admin #chairman {<br />
display: flex;<br />
flex-wrap: wrap;<br />
align-items: end;<br />
margin-bottom: 20px;<br />
}<br />
<br />
#admin-list #server-admin #chairman img {<br />
border-radius: 50%;<br />
width: 36px;<br />
display: block;<br />
margin-right: 7px;<br />
}<br />
<br />
#admin-list #server-admin #chairman #nick {<br />
font-size: 17px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
#admin-list #server-admin #chairman #level,<br />
#admin-list #server-admin #deputy-chairman #level {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
#admin-list #server-admin #deputy-chairman #nick {<br />
font-size: 18px;<br />
}<br />
<br />
#server-status #online-player {<br />
font-size: 3rem;<br />
font-weight: bold;<br />
text-align: right;<br />
}<br />
<br />
#server-status #online-desc {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
.friend-link {<br />
position: relative;<br />
min-height: 70px;<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
border-radius: 10px;<br />
margin-top: 3rem;<br />
}<br />
<br />
.friend-link .friend-link__title {<br />
font-size: 24px;<br />
letter-spacing: 0.75px;<br />
font-weight: bold;<br />
}<br />
<br />
.friend-link .friend-link__content ul {<br />
margin: 0;<br />
padding: 5px;<br />
display: flex;<br />
flex-wrap: wrap;<br />
gap: 10px;<br />
}<br />
<br />
.friend-link .friend-link__content ul li {<br />
list-style: none;<br />
}<br />
<br />
.friend-link .nav-card-backimg {<br />
bottom: 0;<br />
right: 0;<br />
}<br />
<br />
/* PC & Pad */<br />
@media (min-width: 720px) {<br />
.mp-header {<br />
border-radius: 20px;<br />
margin: 0 6rem;<br />
}<br />
<br />
.mp-header-footer {<br />
display: flex;<br />
gap: 10rem;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav #top-page {<br />
grid-column: 1 / span 2;<br />
grid-row: 1 / span 3;<br />
}<br />
<br />
.mp-nav #announcement {<br />
grid-column: 3;<br />
grid-row: 1 / span 2;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 1 / span 2;<br />
grid-row: 4;<br />
}<br />
<br />
.mp-nav #tips {<br />
grid-column: 3;<br />
grid-row: 3 / span 2;<br />
}<br />
}<br />
<br />
/* Phone */<br />
@media (max-width: 720px) {<br />
.mp-header-footer {<br />
display: flex;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav {<br />
margin: 3rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 1;<br />
grid-row: 1;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#contact-info #qq {<br />
margin-bottom: 10px;<br />
}<br />
}</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:Mainpage/style.css&diff=2156
模板:Mainpage/style.css
2023-09-28T20:12:51Z
<p>AurLemonCN：</p>
<hr />
<div>.home-card {<br />
position: relative;<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 8px;<br />
box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card__label {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
.home-card__padding {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card__between {<br />
display: flex;<br />
justify-content: space-between;<br />
flex-direction: column;<br />
}<br />
<br />
.home-card__conbetween {<br />
height: 100%;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.home-card__top {<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
margin: 0;<br />
display: flex;<br />
align-items: center;<br />
gap: 5px;<br />
font-weight: bold;<br />
}<br />
<br />
.home-card__top img {<br />
opacity: 0.7;<br />
}<br />
<br />
.home-card__content {<br />
padding: var(--space-md);<br />
}<br />
<br />
.home-card-connect {<br />
border-radius: 20px;<br />
overflow: hidden;<br />
}<br />
<br />
.home-card-connect a {<br />
width: 100%;<br />
display: block;<br />
padding: 5px;<br />
}<br />
<br />
.home-card-connect a img {<br />
display: block;<br />
margin: 0 auto;<br />
}<br />
<br />
#qq.home-card-connect {<br />
background: rgb(18,183,245);<br />
}<br />
<br />
#wechat.home-card-connect {<br />
background: rgb(42,174,103);<br />
}<br />
<br />
.home-grid--col2 {<br />
grid-template-columns: 1fr 1fr;<br />
}<br />
<br />
.home-card a:hover {<br />
text-decoration: unset!important;<br />
}<br />
<br />
.home-link {<br />
display: grid;<br />
font-size: 0.875rem;<br />
font-weight: 500;<br />
grid-gap: 6px;<br />
text-align: center;<br />
}<br />
<br />
.home-link__button {<br />
display: flex;<br />
}<br />
<br />
.home-link__button a {<br />
flex-grow: 1;<br />
padding: 0.3rem 0.6rem;<br />
border: 1px solid;<br />
border-color: var(--border-color-base);<br />
background: var(--background-color-framed);<br />
border-radius: 12px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.home-link__button a:hover {<br />
background: var(--background-color-framed--hover);<br />
}<br />
<br />
.home-link__button a:active {<br />
background: var(--background-color-framed--active);<br />
}<br />
<br />
.home-link__button a.external {<br />
color: var(--color-link)!important;<br />
}<br />
<br />
.mp-header-title__subtitle {<br />
color: var(--color-base--subtle);<br />
font-size: 0.875rem;<br />
text-transform: uppercase;<br />
letter-spacing: 0.05em;<br />
margin-bottom: var(--space-xs);<br />
}<br />
<br />
.mp-header-title__slogan {<br />
background: linear-gradient(45deg, #148a86, #f0ab10 45%);<br />
text-align: left;<br />
font-size: 3rem;<br />
font-weight: bold;<br />
margin-bottom: -6px;<br />
}<br />
<br />
.mp-header-title__desc {<br />
text-align: left;<br />
font-weight: bold;<br />
font-size: 18px;<br />
letter-spacing: 1px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-editcounts {<br />
display: flex;<br />
gap: 20px;<br />
}<br />
<br />
.mp-header-editcounts-div {<br />
text-align: left;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.mp-header-editcounts-div__desc {<br />
color: var(--color-base--subtle);<br />
letter-spacing: 0.05em;<br />
white-space: nowrap;<br />
font-size: 12px;<br />
}<br />
<br />
.mp-header-editcounts__counts {<br />
color: var(--color-base--emphasized);<br />
font-weight: 500;<br />
font-size: 28px;<br />
white-space: nowrap;<br />
}<br />
<br />
.mp-header-editcounts__counts a {<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
.mp-header-server {<br />
display: flex;<br />
background: var(--color-surface-2--active);<br />
padding: 10px;<br />
border-radius: 20px;<br />
}<br />
<br />
.mp-header-server #header-server-sxg img {<br />
width: 30px;<br />
border-radius: 50%;<br />
}<br />
<br />
.mp-header .adaptive-img img {<br />
opacity: var( --opacity-icon-base );<br />
transition: opacity 250ms ease;<br />
filter: grayscale(100%);<br />
}<br />
<br />
.mp-header .adaptive-img img:hover {<br />
opacity: var( --opacity-icon-base--hover );<br />
}<br />
<br />
.mp-header .adaptive-img img:active {<br />
opacity: var( --opacity-icon-base--active );<br />
}<br />
<br />
.mp-header-server__link + .mp-header-server__link {<br />
margin-left: 10px;<br />
}<br />
<br />
.mp-nav {<br />
margin: 6rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.nav-card {<br />
position: relative;<br />
padding: var(--space-md);<br />
background: var(--color-surface-1);<br />
border: 1px solid var(--border-color-base);<br />
border-radius: 10px;<br />
box-shadow: 0 4px 8px rgba(100, 100, 111, 0.1);<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
}<br />
<br />
.nav-card__noshadow {<br />
position: relative;<br />
padding: var(--space-md);<br />
border-radius: 10px;<br />
font-size: 0.875rem;<br />
overflow: hidden;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
.nav-card-button {<br />
height: 3rem;<br />
display: flex;<br />
justify-content: center;<br />
flex-direction: column;<br />
overflow: hidden;<br />
padding: 0;<br />
width: calc(100% / 3);<br />
margin-top: auto;<br />
margin-bottom: 0;<br />
}<br />
<br />
.nav-card__background {<br />
position: absolute;<br />
top: 0;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
background: #242a31;<br />
border-radius: 15px;<br />
}<br />
<br />
.nav-card__background img {<br />
width: 100%;<br />
height: 100%;<br />
object-fit: cover;<br />
object-position: center;<br />
}<br />
<br />
.nav-card__foreground {<br />
color: #fff;<br />
font-weight: bold;<br />
z-index: 0;<br />
font-size: 16px;<br />
padding: 0 var(--space-md);<br />
pointer-events: none;<br />
}<br />
<br />
.nav-card-backimg {<br />
position: absolute;<br />
right: 10px;<br />
bottom: 10px;<br />
pointer-events: none;<br />
opacity: 0.1;<br />
}<br />
<br />
.nav-card-forecontent {<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
}<br />
<br />
.nav-card-forecontent__title {<br />
display: flex;<br />
justify-content: space-between;<br />
font-size: 32px;<br />
font-weight: bold;<br />
color: var(--color-primary);<br />
}<br />
<br />
.nav-card-forecontent__title::after {<br />
content: "▶";<br />
font-size: 0.8125rem;<br />
}<br />
<br />
#top-page .nav-card__title {<br />
margin-left: 20px;<br />
font-size: 20px;<br />
letter-spacing: 0.4rem;<br />
font-weight: bold;<br />
}<br />
<br />
#top-page .nav-card__title a {<br />
color: #1c7593;<br />
}<br />
<br />
#top-page p {<br />
margin: 0;<br />
}<br />
<br />
#top-page #top-page__hot {<br />
letter-spacing: 0.1rem;<br />
}<br />
<br />
#top-page #top-page__link {<br />
text-align: right;<br />
margin-top: 10px;<br />
}<br />
<br />
#top-page #top-page__content img {<br />
float: left;<br />
margin-right: var(--space-lg);<br />
}<br />
<br />
#top-page__desc {<br />
clear: both;<br />
}<br />
<br />
#tran-page {<br />
display: flex;<br />
justify-content: space-between;<br />
gap: 10px;<br />
}<br />
<br />
.mp-nav #announcement,<br />
.mp-nav #tips {<br />
min-height: 150px;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr 1fr 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#admin-list #server-admin #chairman {<br />
display: flex;<br />
flex-wrap: wrap;<br />
align-items: end;<br />
margin-bottom: 20px;<br />
}<br />
<br />
#admin-list #server-admin #chairman img {<br />
border-radius: 50%;<br />
width: 36px;<br />
display: block;<br />
margin-right: 7px;<br />
}<br />
<br />
#admin-list #server-admin #chairman #nick {<br />
font-size: 17px;<br />
color: var(--color-base--emphasized);<br />
}<br />
<br />
#admin-list #server-admin #chairman #level,<br />
#admin-list #server-admin #deputy-chairman #level {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
#admin-list #server-admin #deputy-chairman #nick {<br />
font-size: 18px;<br />
}<br />
<br />
#server-status #online-player {<br />
font-size: 3rem;<br />
font-weight: bold;<br />
text-align: right;<br />
}<br />
<br />
#server-status #online-desc {<br />
color: var(--color-base--subtle);<br />
font-size: 0.8125rem;<br />
letter-spacing: 0.75px;<br />
}<br />
<br />
.friend-link {<br />
position: relative;<br />
min-height: 70px;<br />
background: var(--color-surface-2);<br />
padding: 10px;<br />
border-radius: 10px;<br />
margin-top: 4rem;<br />
}<br />
<br />
.friend-link .friend-link__title {<br />
font-size: 24px;<br />
letter-spacing: 0.75px;<br />
font-weight: bold;<br />
}<br />
<br />
.friend-link .friend-link__content ul {<br />
margin: 0;<br />
padding: 5px;<br />
display: flex;<br />
flex-wrap: wrap;<br />
gap: 10px;<br />
}<br />
<br />
.friend-link .friend-link__content ul li {<br />
list-style: none;<br />
}<br />
<br />
.friend-link .nav-card-backimg {<br />
bottom: 0;<br />
right: 0;<br />
}<br />
<br />
/* PC & Pad */<br />
@media (min-width: 720px) {<br />
.mp-header {<br />
border-radius: 20px;<br />
margin: 0 6rem;<br />
}<br />
<br />
.mp-header-footer {<br />
display: flex;<br />
gap: 10rem;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav #top-page {<br />
grid-column: 1 / span 2;<br />
grid-row: 1 / span 3;<br />
}<br />
<br />
.mp-nav #announcement {<br />
grid-column: 3;<br />
grid-row: 1 / span 2;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 1 / span 2;<br />
grid-row: 4;<br />
}<br />
<br />
.mp-nav #tips {<br />
grid-column: 3;<br />
grid-row: 3 / span 2;<br />
}<br />
}<br />
<br />
/* Phone */<br />
@media (max-width: 720px) {<br />
.mp-header-footer {<br />
display: flex;<br />
justify-content: space-between;<br />
margin-top: 3rem;<br />
align-items: center;<br />
}<br />
<br />
.mp-nav {<br />
margin: 6rem 0;<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
.mp-nav #tran-page {<br />
grid-column: 1;<br />
grid-row: 1;<br />
}<br />
<br />
.mp-container {<br />
display: grid;<br />
grid-template-columns: 1fr;<br />
grid-gap: 0.625rem;<br />
}<br />
<br />
#contact-info #qq {<br />
margin-bottom: 10px;<br />
}<br />
}</div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=%E6%A8%A1%E6%9D%BF:%E9%A6%96%E9%A1%B5/Container&diff=2155
模板:首页/Container
2023-09-28T20:09:39Z
<p>AurLemonCN：</p>
<hr />
<div><div class="mp-container"><br />
<div class="home-card" id="wiki-basicinfo"><br />
<div class="home-card__top adaptive-img">[[文件:Announcement.svg|x24px|link=]] 维基信息</div><br />
<div class="home-card__content"><br />
<div class="home-link home-grid--col2"><br />
<div class="home-link__button">[[特殊:用户列表|用户列表]]</div><br />
<div class="home-link__button">[[特殊:所有页面|所有页面]]</div><br />
<div class="home-link__button">[[特殊:新建文件|新文件图库]]</div><br />
<div class="home-link__button">[[特殊:日志/newusers|用户创建日志]]</div><br />
<div class="home-link__button">[[特殊:版本|软件版本]]</div><br />
<div class="home-link__button">[[特殊:文件列表|玩家列表]]</div><br />
</div><br />
</div><br />
</div><br />
<br />
<div class="home-card home-card__between" id="site-guide"><br />
<div class="home-card__top adaptive-img">[[文件:Location.svg|x24px|link=]] 站点导航</div><br />
<div class="home-card__content"><br />
<div class="home-link"><br />
<div class="home-link__button">[[玩家列表]]</div><br />
<div class="home-link__button">[[捐赠列表]]</div><br />
<div class="home-link__button">[[地图画合集]]</div><br />
</div><br />
</div><br />
</div><br />
<br />
<div class="home-card home-card__between" id="contact-info"><br />
<div class="home-card__top adaptive-img">[[文件:Share.svg|x24px|link=]] 联系方式</div><br />
<div class="home-card__content home-card__conbetween"><br />
<div class="home-card-connect" id="qq">[[文件:Qq_logo.png|x30px|link=https://jq.qq.com/?_wv=1027&k=2ohkcKQI]]</div><br />
<div class="home-card-connect" id="wechat">[[文件:WeChat_logo.png|x30px|link=https://wiki.shangxiaoguan.top/index.php?title=%E6%96%87%E4%BB%B6:%E4%B8%B4%E4%B8%9C%E5%BE%AE%E5%BF%97.png]]</div><br />
</div><br />
</div><br />
<br />
<div class="home-card" id="local-link"><br />
<div class="home-card__top adaptive-img">[[文件:Locallink.svg|x24px|link=]] 相关链接</div><br />
<div class="home-card__content"><br />
<div class="home-link home-grid"><br />
<div class="home-link__button">[https://shangxiaoguan.top/ 上小官的个人心得]</div><br />
<div class="home-link__button">[https://live.bilibili.com/4601307 服主直播间]</div><br />
<div class="home-link__button">[http://ld.cmsy.xyz:19136/ 卫星地图]</div><br />
</div><br />
</div><br />
</div><br />
<br />
<div class="home-card" id="admin-list"><br />
<div class="home-card__top adaptive-img">[[文件:Admin.svg|x24px|link=]] 管理员信息</div><br />
<div class="home-card__content"><br />
<div id="server-admin"><br />
<div id="chairman">[[文件:Shangxiaoguan.jpg|x36px|link=上小官]] <span id="nick">[[上小官]]</span><span id="level">（临东市服务器管理委员会委员长）</span></div><br />
<div id="deputy-chairman"><span id="nick">[[flijo|题散]] · [[兴安|兴安]]</span><br><span id="level">临东市服务器管理委员会副委员长</span></div><br />
</div><br />
</div><br />
</div><br />
<br />
<div class="home-card home-card__between" id="server-status"><br />
<div class="home-card__top adaptive-img">[[文件:Cloud.svg|x24px|link=]] 服务器状态</div><br />
<div class="home-card__content home-card__conbetween"><br />
<div id="online-player">-/-</div><br />
<div id="online-desc">未知</div><br />
</div><br />
</div><br />
</div><templatestyles src="Template:Mainpage/style.css" /></div>
AurLemonCN
https://wiki.shangxiaoguan.top/index.php?title=MediaWiki:%E9%A6%96%E9%A1%B5%E5%85%B6%E5%AE%83%E7%83%AD%E9%97%A8%E9%A1%B5%E9%9D%A2&diff=2154
MediaWiki:首页其它热门页面
2023-09-28T19:59:58Z
<p>AurLemonCN：</p>
<hr />
<div>[[临东公交251路]]－[[海岛]]－[[何旸]]</div>
AurLemonCN