LLWiki正在建设中,欢迎加入我们!
“Widget:Sif-song-table”的版本间差异
跳转到导航
跳转到搜索
(使用页面/文本对比查看器快速编辑) |
(//使用页面/文本对比查看器快速编辑) |
||
(未显示2个用户的15个中间版本) | |||
第1行: | 第1行: | ||
<noinclude>{{doc|content=用于[[LoveLive!学园偶像祭歌曲列表]]和[[LoveLive!学园偶像祭~after school ACTIVITY~ Wai-Wai! Home Meeting!!歌曲列表]]。请使用{{tl|Sif-song-table}}调用。}}[[category:混合小部件]] |
|||
< |
<p>JavaScript脚本:[[User:Bhsd/widget/sif-song-table.js]]</p></noinclude><includeonly><!--{if !isset($wgWidgetSifSongTable) || !$wgWidgetSifSongTable}--><!--{assign var="wgWidgetSifSongTable" value=true scope="global"}--><script defer src='/zh?title=user:bhsd/widget/sif-song-table.js&action=raw&ctype=text/javascript'></script><style> |
||
/* </includeonly>CSS样式表:<pre lang="css"> */ |
/* </includeonly>CSS样式表:<pre lang="css"> */ |
||
.sif-song-table { |
.sif-song-table { |
||
第7行: | 第8行: | ||
width: auto !important; |
width: auto !important; |
||
white-space: nowrap; |
white-space: nowrap; |
||
} |
|||
/* 涉及JS的高度计算,提前加载tabs扩展的部分样式 */ |
|||
.sif-song-table.tsticky .tabs-dropdown { |
|||
margin-top: 10px; |
|||
margin-bottom: 10px; |
|||
} |
|||
.sif-song-table.tsticky .tabs-container { |
|||
z-index: 1; |
|||
} |
|||
.sif-song-table .tabs-label { |
|||
transition-delay: 0.3s; |
|||
} |
|||
.sif-song-table .tabs-label:hover { |
|||
transition-delay: 0s; |
|||
} |
} |
||
.sif-song-table .tabs-content { |
.sif-song-table .tabs-content { |
||
第12行: | 第27行: | ||
width: auto; |
width: auto; |
||
min-width: 100%; |
min-width: 100%; |
||
left: 0; |
|||
transition: height linear 0.3s; |
|||
overflow: hidden; |
|||
} |
} |
||
.sif-song-table .tabs-dropdown |
.sif-song-table .tabs-dropdown:not(:hover) .tabs-content { |
||
height: 0 !important; |
|||
border-bottom: none; |
|||
} |
} |
||
.sif-song-table .tabs-dropdown li:last-child { |
.sif-song-table .tabs-dropdown li:last-child { |
||
border-radius: 0 0 8px 8px; |
border-radius: 0 0 8px 8px; |
||
} |
|||
.attrib-s { |
|||
background-color: #ffc1c1; |
|||
} |
|||
.attrib-p { |
|||
background-color: #c0ffbb; |
|||
} |
|||
.attrib-c { |
|||
background-color: #b0e2ff; |
|||
} |
|||
.swing { |
|||
display: inline-block; |
|||
width: 1.25em; |
|||
height: 1.25em; |
|||
background-image: url(/mediawiki/img_auth.php/6/65/SIF_Swing_Key.png); |
|||
background-size: 1.25em; |
|||
vertical-align: text-bottom; |
|||
} |
} |
||
/* </pre><includeonly> */ |
/* </pre><includeonly> */ |
2022年5月17日 (二) 19:55的最新版本
小部件文档
这个文档是内联文档。
用于LoveLive!学园偶像祭歌曲列表和LoveLive!学园偶像祭~after school ACTIVITY~ Wai-Wai! Home Meeting!!歌曲列表。请使用{{Sif-song-table}}调用。
JavaScript脚本:User:Bhsd/widget/sif-song-table.js
CSS样式表:
*/
.sif-song-table {
text-align: center;
}
.sif-song-table .tabs-dropdown {
width: auto !important;
white-space: nowrap;
}
/* 涉及JS的高度计算,提前加载tabs扩展的部分样式 */
.sif-song-table.tsticky .tabs-dropdown {
margin-top: 10px;
margin-bottom: 10px;
}
.sif-song-table.tsticky .tabs-container {
z-index: 1;
}
.sif-song-table .tabs-label {
transition-delay: 0.3s;
}
.sif-song-table .tabs-label:hover {
transition-delay: 0s;
}
.sif-song-table .tabs-content {
border-radius: 0 0 8px 8px;
width: auto;
min-width: 100%;
left: 0;
transition: height linear 0.3s;
overflow: hidden;
}
.sif-song-table .tabs-dropdown:not(:hover) .tabs-content {
height: 0 !important;
border-bottom: none;
}
.sif-song-table .tabs-dropdown li:last-child {
border-radius: 0 0 8px 8px;
}
.attrib-s {
background-color: #ffc1c1;
}
.attrib-p {
background-color: #c0ffbb;
}
.attrib-c {
background-color: #b0e2ff;
}
.swing {
display: inline-block;
width: 1.25em;
height: 1.25em;
background-image: url(/mediawiki/img_auth.php/6/65/SIF_Swing_Key.png);
background-size: 1.25em;
vertical-align: text-bottom;
}
/*