查看“首页”的源代码

__NOTOC__
<!--页面开始-->
<div style="display: flex; flex-wrap: wrap;">
<!--左侧开始-->
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8" style="padding: 0px 15px 0px 0px;">
<!--板块：最新资讯 开始-->
{{板块|开始|标题=最新资讯|CSS=}}
{{板块|内容开始}}
{{首页轮播图}}
{{板块|内容结束}}
{{板块|结束}}
<!--板块：最新资讯 结束-->
<!--板块：日服角色图鉴 开始-->
{{板块|开始|标题=[[日服角色筛选|日服角色图鉴]]|CSS=}}
{{板块|内容开始}}
{{本期活动卡|}}
{{板块|内容结束}}
{{板块|结束}}
<!--板块：日服角色图鉴 结束-->
<!--板块：攻略 开始-->
{{板块|开始|标题=攻略|CSS=}}
{{板块|内容开始}}
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6" style="padding: 0px 15px 0px 0px;">
<h2>帮助信息</h2>
{{首页/图标|新手专题|'''新手专题'''|新手专题}}
{{首页/图标|兑换商店#奇迹之花兑换所|兑换所|奇迹之花兑换所(利德尔)}}
{{首页/图标|游戏黑话|'''游戏黑话'''|游戏黑话}}
{{首页/图标|日服70COST角色排行榜|'''角色推荐'''|70rank}}
{{首页/图标|日服界面对照|界面翻译|界面翻译}}
{{首页/图标|机制讲解|陷阱介绍|游戏陷阱}}
{{首页/图标|兑换码汇总|兑换码|兑换码}}
{{首页/图标|WIKI机器人指南|WIKIbot|QQ帮助bot}}
<h2>角色系统</h2>
{{首页/图标|角色养成|角色养成|角色养成}}
{{首页/图标|配件|配件|配件}}
{{首页/图标|纹章系统详解|纹章|纹章}}
{{首页/图标|时装|时装|时装}}
{{首页/图标|BUGMAX|BUG加成|BUGMAX}}
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6" style="padding: 0px 15px 0px 0px;">
<h2>其他</h2>
{{首页/图标|战斗思路|战斗思路|战斗思路}}
{{首页/图标|冒险一览|'''冒险一览'''|活动冒险}}
{{首页/图标|角色总览|全角色|角色总览}}
{{首页/图标|活动|往期活动|往期活动}}
<br>
{{首页/图标|关于My ALICE系统|MyALICE|MyALICE|右}}
{{首页/图标|刮刮乐|刮刮乐|刮刮乐}}
{{首页/图标|表情包|表情包|表情包}}
{{首页/图标|设定集|设定集|设定集}}
</div>
{{板块|内容结束}}
{{板块|结束}}
<!--板块：攻略 结束-->
</div>
<!--左侧结束-->
<!--右侧开始-->
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4" style="padding: 0px 15px 0px 0px;">
<!--板块：公告 开始-->
{{板块|开始|标题=公告|CSS=|查看更多=公告}}
{{板块|内容开始}}
{{#ask:[[分类:公告]]
|?类别
|?标题
|sort=修改日期
|template=自动更新文章列表
|format=template
|limit=8
|order=desc
|link=none
}}
{{#ask:[[分类:榜单||新手||分享]]
|?类别
|?标题
|sort=修改日期
|template=自动更新文章列表
|format=template
|limit=8
|order=desc
|link=none
}}
{{板块|内容结束}}
{{板块|结束}}
<!--板块：公告 结束-->
<!--板块：游戏冒险 开始-->
{{板块|开始|标题=游戏冒险|CSS=|查看更多=冒险}}
{{板块|内容开始}}
{{#ask:[[分类:冒险]]
|?类别
|?标题
|sort=修改日期
|template=自动更新冒险列表
|format=template
|limit=6
|order=desc
|link=none
}}
{{板块|内容结束}}
{{板块|结束}}
<!--板块：游戏冒险 结束-->
<!--板块：更新日志 开始-->
{{板块|开始|标题=更新日志|CSS=|查看更多=特殊:最近更改}}
{{板块|内容开始}}
<brecentchanges></brecentchanges>
{{板块|内容结束}}
{{板块|结束}}
<!--板块：更新日志 结束-->
<!--板块：关于本WIKI 开始-->
{{板块|开始|标题=关于本WIKI|CSS=}}
{{板块|内容开始}}
{{模板:WIKI介绍}}
{{板块|内容结束}}
{{板块|结束}}
<!--板块：关于本WIKI 结束-->
</div>
<!--右侧结束-->
<!--全宽：关于游戏 开始-->
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="padding: 0px 15px 0px 0px;">
{{板块|开始|标题=关于游戏|CSS=}}
{{板块|内容开始}}
{{模板:游戏介绍}}
{{板块|内容结束}}
{{板块|结束}}
</div>
<!--全宽：关于游戏 结束-->
<!--全宽：游戏资料 开始-->
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="padding: 0px 15px 0px 0px;">
{{板块|开始|标题=游戏资料|CSS=}}
{{板块|内容开始}}
{{首页游戏故事}}
{{板块|内容结束}}
{{板块|结束}}
</div>
<!--全宽：游戏资料 结束-->
</div>
<!--页面结束-->
{{#seo:
|site_name=Crash Fever中文维基
|keywords=クラッシュフィーバー,クラッシュフィーバー パズル,Crash Fever,Crash Fever WIKI,Crash Fever wiki,CrashFever,crashfever,crashfeverwiki,粉碎狂热,粉碎狂热WIKI,粉碎狂热wiki,粉碎狂热日服,CrashFever日服,消除游戏,益智RPG,パズルRPG,动漫风格
|image=Logo crashfever.png
|description=一指粉碎！新感觉消除益智 RPG《Crash Fever》。这里是日服 Crash Fever 中文 WIKI，整理角色图鉴、活动资讯、攻略资料与翻译内容，由 BWiki 平台用户编辑维护。
}}
{{#if:{{#varexists:防止多次加载首页样式}}||{{#vardefineecho:防止多次加载首页样式|
{{#css:
.Sy img{
border-radius: 2em;
margin: 0.3em;
}

.SyH:hover img {
transform: scale(0.9);
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.5, 1, 0.5, 1);
}

.home-icon-container-l,
.home-icon-container-s {
position: relative;
float: left;
margin: 4px;
border: 1px solid rgba(221,106,64,.42);
background: rgba(252,244,185,.92);
box-shadow: 0 2px 6px rgba(0,0,0,.14);
display: inline-block;
text-align: center;
padding-top: 5px;
border-radius: 10px;
overflow: hidden;
transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.home-icon-container-l:hover,
.home-icon-container-s:hover {
transform: translateY(-2px);
background: #fff7cf;
box-shadow: 0 4px 10px rgba(0,0,0,.18);
}

.home-icon-container-l {
min-width: 148px;
width: calc(20% - 8px);
height: 70px;
display: flex;
align-items: center;
padding: 0 5px;
}

.home-icon-container-s {
min-width: 72px;
width: calc(20% - 8px);
height: 70px;
}

/* === 大模式：图片左，文字右，文字铺满右侧 === */
.home-icon-container-l .home-icon-wrapper {
display: flex;
width: 100%;
align-items: center;
}

.home-icon-container-l .home-icon-caption {
flex: 1;
position: static;
font-size: 12px;
text-align: left;
white-space: normal;
width: auto;
min-width: 0;
line-height: 1.25;
}

/* === 小模式：图片上，文字下 === */
.home-icon-container-s .home-icon-caption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
border-radius: 0 0 10px 10px;
font-size: 12px;
line-height: 1.2;
padding: 2px 0;
background: rgba(255,255,255,.72);
}

h2,
h3 {
clear: both;
}

.avatar-container {
position: relative;
display: inline-block;
width: 70px;
height: 70px;
vertical-align: middle;
overflow: hidden;
}

.avatar-img {
position: absolute;
top: 0;
left: 0;
width: 70px;
height: 70px;
}

.avatar-img img {
width: 70px;
height: 70px;
}

/* --- 小图样式：模板:新Min图鉴样式 --- */
.character-card {
position: relative;
display: inline-flex;
flex-direction: column;
align-items: center;
width: 50px;
vertical-align: top;
}

.character-image-container {
position: relative;
width: 50px;
height: 50px;
}

.character-overlay-image {
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 50px;
}

.character-name {
display: block;
text-align: center;
font-size: 11px;
line-height: 1.2;
margin-top: 2px;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

@media (max-width: 768px) {
.home-icon-container-l {
width: calc(50% - 8px);
min-width: 0;
}

.home-icon-container-s {
width: calc(25% - 8px);
min-width: 0;
}
}

@media (max-width: 480px) {
.home-icon-container-l {
width: calc(100% - 8px);
}

.home-icon-container-s {
width: calc(33.333% - 8px);
}
}
}} }}
}}