首页:修订间差异
外观
MediaWiki default(留言 | 贡献) 无编辑摘要 |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
< | <div class="warningbox"> | ||
<div class="warningbox-img"> | |||
<center><div class="onlylight"><!--file--></div><div class="onlydark"><!--file--></div></center></div> | |||
<div class="warningbox-content"> | |||
<center><span style="font-size: 18px;">欢迎来到</span><br><b style="font-size: 55px;color:#990000;">Gaizerland</b><br><span style="font-size: 18px;">成立于2025年2月1日</span></center> | |||
</div> | |||
<div class="warningbox-overlay"> | |||
'''欢迎光临GL维基,本社区致力促进GL世界观的创作发展。虚拟国家、人造文化等各种幻想设计有关。每个虚拟国家都有无限的创作可能,欢迎您从今天开始,创作与构建您的国家!''' | |||
</div> | |||
</div> | |||
<div class="warningbox"> | |||
<inputbox> | |||
type=create | |||
preload= | |||
prefix=Special:MyPage/ | |||
placeholder=在此输入你想创建的个人沙盒页!(任意内容均可) | |||
buttonlabel=-{zh-hans:创建; zh-hant:建立;}-条目! | |||
break=no | |||
</inputbox> | |||
</div> | |||
{{CSS|content= | |||
/* === 首页左 === */ | |||
/* = 警告栏 = */ | |||
.warningbox { | |||
font-family:monospace; | |||
background:var(--box-bg-color); | |||
padding:15px; | |||
border-radius:4px; | |||
margin:auto; | |||
line-height:1.2; | |||
font-size: 20px; | |||
position:relative; | |||
overflow:hidden; | |||
border:2px solid var(--main-border-color); | |||
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2); | |||
} | |||
.warningbox-img { | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
width:100%; | |||
height:100%; | |||
opacity: 0.8; | |||
overflow:hidden; | |||
} | |||
.warningbox-content { | |||
position: relative; | |||
padding:10px; | |||
background-color:var(--warningbox-bg-color-rgb); | |||
border-radius:5px; | |||
text-shadow: 1px 1px 2px rgba(0,0,0,0.3); | |||
} | |||
.warningbox-overlay { | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
width: 100%; | |||
height: 100%; | |||
padding: 15px; | |||
word-wrap: break-word; | |||
white-space: normal; | |||
box-sizing: border-box; | |||
overflow-y: auto; | |||
max-height: 100%; | |||
background-color: var(--warningbox-overlay-bg); | |||
color: var(--box-bg-color); | |||
display: flex; | |||
flex-direction: column; | |||
justify-content: center; | |||
align-items: center; | |||
text-align: left; | |||
font-size: 0.9rem; | |||
box-sizing: border-box; | |||
z-index: 10; | |||
transform: translateX(-100%); | |||
transition: clip-path .25s cubic-bezier(.14,.53,.4,.98), transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); | |||
} | |||
.warningbox:hover .warningbox-overlay { | |||
transform: translateX(0); | |||
} | |||
.warningbox-content, | |||
.warningbox-img { | |||
transition: filter 0.4s ease; | |||
} | |||
.warningbox:hover .warningbox-content, | |||
.warningbox:hover .warningbox-img { | |||
filter: blur(5px); | |||
} | |||
}} | |||