Homepage 02

图片存档：

点击展开CSS：

/\*以下用于homepage2\*/
/\* 创建列 \*/
.column {
 float: left;
 padding: 10px;
}
/\* 左列 \*/
.column.left {
 width: 20%;
}
/\* 中间列 \*/
.column.middle {
 width: 54%;
}
/\* 右列 \*/
.column.right {
 width: 26%;
}
/\* 清除浮动 \*/
.row:after {
 content: "";
 display: table;
 clear: both;
}
/\*响应式\*/
@media screen and (max-width: 1000px) {
 .column.right {
 width: 100%;
 }
 .column.middle {
 width: 100%;
 }
 .column.left {
 display: none;
 }
}

点击展开源代码：

<div class="column left" style="background: rgb(0,0,0);padding-left: 0px;border: 1px solid rgb(227,215,164);border-radius: 10px;">
<div style="
font-size: 18px;
text-align: center;
color: rgb(227,215,164);
">'''索引'''</div>

<div style="
background: rgb(48,48,52);
border-bottom: 2px solid rgb(227,215,164);
border-left: 4px solid rgb(227,215,164);
font-size: 13px;
padding-left: 3px;">
'''站点'''</div>

<div style="
display: flex;
flex-flow: row wrap;
margin-bottom: 20px;
">

<div class="link" style="
color: rgb(227,215,164);
padding-left: 3px;
padding-right: 7px;
font-size: 10px;
width: 50%;
">[[索引：SCP-CN-G系列|SCP-CN-G系列]]</div>

<div class="link" style="
color: rgb(227,215,164);
padding-left: 3px;
font-size: 10px;
width: 50%;
">[[SCP-CN-G系列故事|故事系列]]</div>

</div>

<div style="
background: rgb(48,48,52);
border-bottom: 2px solid rgb(227,215,164);
border-left: 4px solid rgb(227,215,164);
font-size: 13px;
padding-left: 3px;">
'''其他'''</div>

<div style="
display: flex;
flex-flow: row wrap;
margin-bottom: 20px;
">

<div class="link" style="
color: rgb(227,215,164);
padding-left: 3px;
width: 50%;
font-size: 10px;
">[[Site-CN-17流汗黄豆部|搞笑SCP]]</div>

<div class="link" style="
color: rgb(227,215,164);
padding-left: 3px;
padding-right: 7px;
width: 50%;
font-size: 10px;
">[[员工咖啡厅|日常：员工咖啡厅]]</div>

<div class="link" style="
color: rgb(227,215,164);
padding-left: 3px;
padding-right: 7px;
font-size: 10px;
width: 100%;
">[[小异常系列|G-AC（小异常）系列]]</div>

</div>

<div style="
background: rgb(48,48,52);
border-bottom: 2px solid rgb(227,215,164);
border-left: 4px solid rgb(227,215,164);
font-size: 13px;
padding-left: 3px;">
'''创作'''</div>

<div style="
display: flex;
flex-flow: row wrap;
margin-bottom: 20px;
">

<div class="link" style="
color: rgb(227,215,164);
padding-left: 3px;
padding-right: 7px;
width: 100%;
font-size: 10px;
">[[SCP-CN-G-▮（模板）|模板：SCP-CN-G-▮]]</div>

<div class="link" style="
color: rgb(227,215,164);
padding-left: 3px;
padding-right: 7px;
width: 100%;
font-size: 10px;
">[[FAQ:|常见问题解答]]</div>

</div>

<div style="
background: rgb(48,48,52);
border-bottom: 2px solid rgb(227,215,164);
border-left: 4px solid rgb(227,215,164);
font-size: 13px;
padding-left: 3px;">
'''更多新内容增加中！'''</div>

<div style="
background: rgb(48,48,52);
border-bottom: 2px solid rgb(227,215,164);
border-left: 4px solid rgb(227,215,164);
font-size: 13px;
padding-left: 3px;">
'''联系管理员》》[https://sitecn17.fandom.com/zh/wiki/%E7%95%99%E8%A8%80%E5%A2%99:Stargz10 <span style="color: rgb(164, 167, 208) ; text-shadow: 2px 2px 4px rgb(110, 86, 160);">✧Stargz\_10</span>]'''</div>

<div style="
background: rgb(48,48,52);
border-bottom: 2px solid rgb(227,215,164);
border-left: 4px solid rgb(227,215,164);
font-size: 13px;
padding-left: 3px;">
'''值得注意的内容'''</div>
:
广告位招租
<br>
:主页设计征集 进行中！发挥你的创造性吧！
</div>
<div class="column middle" style="background: rgb(0,0,0);border: 1px solid rgb(227,215,164);border-radius: 10px;padding: 0px;">
<br>
https://static.wikia.nocookie.net/sitecn17/images/c/cb/%E8%83%8C%E6%99%AFlg.png/revision/latest?cb=20220412053520&format=original&path-prefix=zh
<div style="padding: 8px;">
==欢迎来到Site-CN-17==
===<div style="color: red">身份认证已锁定🔒</div>===
===您的一切行为已被监视并上报于Site-CN-17===

Site-CN-17是一个负责控制、收容、保护异常的组织。

由于其管理方式过于特殊，与主站（SCP基金会）几乎无联系。
====站点编号：'''Site-CN-17'''====
====站点位置：====
██市的一所市级高级中学地下，

由Snowball主管所描述''█海之滨，██湖畔''
====站点描述：====
Site-CN-17主要为收容SCP-CN-G及其副产物而建成的站点，同时负责收容中国东海周边的异常。

为避免引起非必要的误会，Site-CN-17在大众面前伪装成一所正常的市级高级中学。
====站点口号：====
我们收容异常，也被异常所收容
</div>

</div>
<div class="column right" style="padding: 1px;">
<div style="background: rgb(0,0,0);border: 1px solid rgb(227,215,164);border-radius: 10px;padding: 5px;">
==通知栏==
\*震惊！站点主管竟有四个！
\*居家办公期间，员工们竟在...

\*编不下去了...
</div>
</div>
\_\_NOTOC\_\_
\_\_NOEDITSECTION\_\_