LLWiki正在建设中,欢迎加入我们!
“Widget:首页/愚人节”的版本间差异
跳转到导航
跳转到搜索
(//使用页面/文本对比查看器快速编辑) |
(//使用页面/文本对比查看器快速编辑) |
||
第1行: | 第1行: | ||
<noinclude>{{doc|content=只用于[[LLWiki:首页/2021年04月01日|2021年愚人节的首页]]样式。}}[[category: |
<noinclude>{{doc|content=只用于[[LLWiki:首页/2021年04月01日|2021年愚人节的首页]]样式。}}[[category:混合小部件]]<p>JavaScript脚本:[[User:Bhsd/widget/packed-hover.js]]</p></noinclude><includeonly><!--{if !isset($wgWidgetMainpage) || !$wgWidgetMainpage}--><!--{assign var="wgWidgetMainpage" value=true scope="global"}--><!--<script defer src='//cdn.jsdelivr.net/gh/bhsd-harry/LLWiki@1.7/widget/packed-hover.min.js'>--><script defer src='/zh?title=user:bhsd/widget/packed-hover.js&action=raw&ctype=text/javascript'></script><style> |
||
/* </includeonly>CSS样式表:<pre lang="css"> */ |
/* </includeonly>CSS样式表:<pre lang="css"> */ |
||
h1 |
h1 { /* 手机版首页会自动处理.pre-content */ |
||
display: none; |
display: none; |
||
} |
} |
||
第8行: | 第8行: | ||
height: auto; |
height: auto; |
||
} |
} |
||
.skin-minerva ul.mw-gallery-packed-hover |
.skin-minerva ul.mw-gallery-packed-hover, |
||
⚫ | |||
margin: 2px 0; |
|||
} |
|||
.skin-minerva .mw-gallery-packed-hover .thumb, |
.skin-minerva .mw-gallery-packed-hover .thumb, |
||
.skin-minerva .mw-gallery-packed-hover .gallerybox.mw-gallery-focused .gallerytextwrapper, |
.skin-minerva .mw-gallery-packed-hover .gallerybox.mw-gallery-focused .gallerytextwrapper, |
||
.skin-minerva .mw-gallery-packed-hover .gallerybox:hover .gallerytextwrapper { |
.skin-minerva .mw-gallery-packed-hover .gallerybox:hover .gallerytextwrapper { |
||
⚫ | |||
margin: 2px 0; |
margin: 2px 0; |
||
} |
} |
||
第29行: | 第27行: | ||
} |
} |
||
/* </pre><includeonly> */ |
/* </pre><includeonly> */ |
||
</style>< |
</style><!--{/if}--></includeonly> |
||
"use strict"; |
|||
(() => { |
|||
const main = () => { |
|||
if (matchMedia( '(hover: hover)' ).matches) { return; } |
|||
$('.gallerybox').addClass( 'mw-gallery-focused' ); |
|||
}; |
|||
if (window.jQuery) { main(); } |
|||
else { window.addEventListener('jquery', main); } |
|||
}) (); |
|||
</script><!--{/if}--></includeonly> |
2021年4月3日 (六) 04:19的版本
JavaScript脚本:User:Bhsd/widget/packed-hover.js
CSS样式表:
*/
h1 { /* 手机版首页会自动处理.pre-content */
display: none;
}
.floatnone img {
max-width: 100%;
height: auto;
}
.skin-minerva ul.mw-gallery-packed-hover,
.skin-minerva .mw-gallery-packed-hover .thumb,
.skin-minerva .mw-gallery-packed-hover .gallerybox.mw-gallery-focused .gallerytextwrapper,
.skin-minerva .mw-gallery-packed-hover .gallerybox:hover .gallerytextwrapper {
padding: 0;
margin: 2px 0;
}
.skin-minerva .mw-gallery-packed-hover img {
width: 100% !important;
}
@media screen and (min-width:720px) and (max-width:1000px) {
.skin-minerva .gallerybox {
width: calc(49vw - 3.35em) !important;
}
.skin-minerva .gallerybox > div, .skin-minerva .gallerybox .thumb {
width: auto !important;
}
}
/*