查看“微件:BilibiliVideo”的源代码

<noinclude>
该Widget引用自:  [https://zh.moegirl.org.cn/ 萌娘百科]

出处&使用说明:  https://zh.moegirl.org.cn/Widget:BilibiliVideo

'''本Widget不能单独使用'''，请使用Template:BilibiliVideo！
</noinclude>

<includeonly><!--{if !isset($wgBilibili) || !$wgBilibili}--><!--{assign var="wgBilibili" value=true scope="global"}--><style>
.bilibili-video-container {
    border: 1px solid rgba(170,170,170,0.37);
    max-width: 100%;
}
.bilibili-video-container.exec {
    display: table;
}
.bilibili-iframe-container,
.bilibili-video-container {
    display: none;
}
.bilibili-video-container,
.bilibili-video-container .bilibili-widescreen,
.bilibili-video-container iframe {
    max-width: 100%;
    background-color: #fff!important;
}
.bilibili-title {
    padding: .2em 6.5em .2em 1em;
    position: relative;
}
.bilibili-title a {
    word-break: break-word;
}
.bilibili-widescreen {
    position: absolute;
    display: none;
    width: 1em;
    right: calc(-2rem - 1px);
    border: 1px solid rgba(170,170,170,0.37);
    padding: .25rem .5rem;
    line-height: 1.5em;
    top: -2px;
    user-select: none;
    cursor: pointer;
}
.onshow .bilibili-widescreen{
    display: block;
}
.bilibili-toggle {
    position: absolute;
    top: calc(50% - .5em);
    right: .7em;
    line-height: 1em;
    cursor: pointer;
    padding-left: 1em;
    background-image: url(/skins/Vector/images/search-ltr.png?39f97);
    background-image: linear-gradient(transparent,transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2213%22%3E%3Cg%20stroke-width%3D%222%22%20stroke%3D%22%236c6c6c%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M11.29%2011.71l-4-4%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%225%22%20r%3D%224%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-image: linear-gradient(transparent,transparent), url(/skins/Vector/images/search-ltr.svg?07752)!ie;
    background-image: -o-linear-gradient(transparent,transparent), url(/skins/Vector/images/search-ltr.png?39f97);
    background-position: left center;
    background-repeat: no-repeat;
}
.bilibili-toggle:hover {
    color: #36b;
}
.bilibili-video-button,
.bilibili-video-button:visited {
    display: inline-block;
    margin: 4px 5px;
    padding: 10px 25px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background: #de698c;
    border-radius: 4px;
}
.bilibili-iframe-container {
    padding: 6px;
    position: relative;
    border: 0 solid rgba(170,170,170,0.37);
    border-top-width: 1px;
}
.bilibili-video-container:not([data-max-width]) .bilibili-iframe-container {
    max-width: calc(100% - 12px)!important;
}
.bilibili-video-container:not([data-max-width]).onshow .bilibili-iframe-container {
    max-height: calc(100% - 27px)!important;
}
.bilibili-video-container textarea {
    background: white;
    color: black;
    width: 80%;
    margin: auto;
}
.bilibili-iframe-overlay {
    width: 0;
    height: 0;
    padding-top: 30%;
    text-align: center;
    box-sizing: border-box;
    background: rgb(167, 215, 249);
    position: absolute;
    top: 3px;
    left: 6px;
    z-index: 2;
}
.bilibili-iframe-retry-link {
    position: absolute;
    top: 10px;
    right: 10px;
    display: none;
    background: white;
    padding: 0px 0.5em;
}
html > body > .navpopup .bilibili-video-container > * {
    display: none !important;
}
html > body > .navpopup .bilibili-video-container::before {
    content: "请不要在注释里使用 BilibiliVideo 模板";
    font-style: italic;
}
</style>



<!--{/if}--></includeonly>