您似乎还未注册一个账号?我们强烈推荐您点击此处创建一个账户。|如果您在H萌娘上发现某些内容错误/空缺/不中立,请勇于按右上角编辑按钮!

Widget:背景图片:修订间差异

H萌娘,万物皆可H的百科全书!
跳转到导航 跳转到搜索
imported>AnnAngela
无编辑摘要
无编辑摘要
 
(未显示2个用户的61个中间版本)
第1行: 第1行:
<noinclude>用来给{{tl|替换侧边栏底图}}更好的体验效果的,作者[[User:AnnAngela]]</noinclude><includeonly><!--{if !isset($wgSideBarPic) || !$wgSideBarPic}--><!--{assign var="wgSideBarPic" value=true scope="global"}--><script>
<noinclude>给{{tl|背景}}提供更好的体验效果</noinclude><includeonly><!--{if !isset($wgSideBarPic) || !$wgSideBarPic}--><!--{assign var="wgSideBarPic" value=true scope="global"}--><script>
window.RLQ = window.RLQ || [];
window.addEventListener('jquery-ready', function() {
window.RLQ.push(function() {
     $(function() {
     $(function() {
         var sidebarCharacter = $(".sidebar-character").slice(0, 3);
         var sidebarCharacter = $(".sidebar-character").slice(0, 3);
第9行: 第8行:
             var self = $(this);
             var self = $(this);
             self.appendTo("#mw-navigation").fadeIn().addClass(this.dataset.align === 'top' ? 'top' : 'bottom').css('user-select', 'none');
             self.appendTo("#mw-navigation").fadeIn().addClass(this.dataset.align === 'top' ? 'top' : 'bottom').css('user-select', 'none');
             self.find('img').removeAttr('width').removeAttr('height');
             var ele = self.find('.background-img-replace');
            ele[0].outerHTML = ele[0].outerHTML.replace('<br', '<img').replace('data-srcset', 'srcset');
            ele.removeAttr('width').removeAttr('height');
         });
         });
         $(window).on('resize', function() {
         $(window).on('resize', function() {
第20行: 第21行:
     });
     });
});</script><style>
});</script><style>
body{
    background-image:none!important;
}
/* 侧边栏logo或左下角图片添加 */
/* 侧边栏logo或左下角图片添加 */
.sidebar-character {
.sidebar-character {
第31行: 第35行:
.sidebar-character.bottom {
.sidebar-character.bottom {
     bottom: 0;
     bottom: 0;
}
#wglogo {
    display: none;
}
}
@media screen and (max-width: 600px) {
@media screen and (max-width: 600px) {
第41行: 第42行:
     }
     }
}
}
.sideBarPic.skin-vector:not(.DeceasedPerson) div#mw-panel div.portal {
@keyframes show{
     background-color: rgba(246, 246, 246, 0.9);
  from{
     /*padding-top: 0;
    opacity: 0;
     top: 212px*/
  }
    margin-left: -0.75em;
}
    margin-right: 0;
 
    padding-left: 1.5em;
@keyframes shrink{
    padding-right: .95em;
  from{
    transform: scale(1.15);
  }
}
 
@keyframes clear{
  from{
    filter: blur(5px);
  }
}
 
@keyframes appear{
  from{
      opacity: 0;
      transform: scale(1.3);
  }
}
 
@keyframes look-top{
from{
      width: 150%;
      height: 150%;
      object-position: center bottom;
    }
 
    50%{
      object-position: center top;
    }
}
 
@keyframes look-bottom{
from{
      width: 150%;
      height: 150%;
      object-position: center top;
    }
 
    50%{
      object-position: center bottom;
    }
}
#content {
    position: relative;
     background-color: rgb(256,256,256,.85);
}
.mw-content-ltr {
     opacity: 95%;
}
table.navbox {
     opacity: 90%;
}
table.wikitable {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 4px;
  background-color: rgba(251,251,251,0.75) ;
  overflow: hidden;
}
}
.sideBarPic.skin-vector:not(.DeceasedPerson) div#mw-panel #p-logo + div.portal{
.infoBoxYellow {
    padding-top: 1.1em;
  padding: 0.5em;
    margin-top: 0;
  background: rgba(255,255,245,0.75);
}
}
.sideBarPic.skin-vector:not(.DeceasedPerson) #mw-panel div#p-logo {
.infoBoxRed {
    /*background: rgba(246, 246, 246, 0.73);
  padding: 0.5em;
    left: 0;
  background: rgba(258,240,245,0.75);
    padding: 0 .5em;
}
    top: -212px*/
.infoBoxBlue {
  padding: 0.4em;
  background: rgba(240,248,255,0.75);
}
.infoBoxPurple {
  padding: 0.4em;
  background: rgba(248,248,255,0.75);
}
.infoBoxGreen {
  padding: 0.5em;
  background: rgba(245,255,250,0.75);
}
.infoBoxOrange {
  padding: 0.5em;
  background: rgba(250,240,230,0.75);
}
}
.sideBarPic:not(.DeceasedPerson) .sidebar-character.active {
.sideBarPic:not(.DeceasedPerson) .sidebar-character.active {
第65行: 第135行:
.sidebar-character {
.sidebar-character {
     display: none;
     display: none;
}
body.show-logo:not(.DeceasedPerson) #mw-panel #p-logo {
    height: 160px;
}
body.show-logo:not(.DeceasedPerson) #mw-panel #p-logo .mw-wiki-logo {
    background-image: url(https://img.moegirl.org/logo/zhMoegirl15.2.png);
    height: 160px;
}
}
.sideBarPic:not(.DeceasedPerson) #footer {
.sideBarPic:not(.DeceasedPerson) #footer {
第78行: 第141行:
.sideBarPic:not(.DeceasedPerson) #footer #footer-moegirl .copyright {
.sideBarPic:not(.DeceasedPerson) #footer #footer-moegirl .copyright {
     color: #2f2f2f;
     color: #2f2f2f;
}
div#content,div#p-cactions li a:hover,div#p-cactions li.selected a,div#content div.thumb {
    background-color: rgba(255,255,255,.8);
    background-image: none;
}
}
div#mw-page-base {
div#mw-page-base {
第87行: 第146行:
     background-image: none;
     background-image: none;
}
}
div#mw-head div#p-personal {
#mw-head {
     background: rgba(255,255,255,.73);
     top: -0.04em;
     padding: 5px 10px 5px 0;
     width: 100.06%;
}
}
div#mw-head div#p-personal ul {
li.gallerybox div.thumb{
     padding-left: 0;
     background-color: rgba(255,255,255,.6);
}
}
body.sideBarPic div#mw-head div.vectorMenu h3 {
div.thumbinner{
     background-repeat: repeat-x;
     background-color: rgba(255,255,255,.5);
}
}
#right-navigation {
.toc-custom {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkAQAAAABvV2fNAAAADElEQVR4AWNoGB4QAInlMgFKeRKBAAAAAElFTkSuQmCC);
  opacity: 0.92;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5) 30%, rgba(255, 255, 255, 1));
    background-position: bottom left;
    background-repeat: repeat-x;
}
}
div.vectorTabs ul li,
.comment-body textarea, .comment-preview {
#p-variants,
background: rgba(251,251,251,0.75);
#p-cactions {
    background-image: url(//img.moegirl.org/skin/tab-normal-fade.png);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    background-color: transparent;
}
}
div.vectorTabs li.selected {
.comment-toolbar {
    background-image: url(//img.moegirl.org/skin/tab-current-fade.png);
background: rgba(251,251,251,0.7);
    background-image:-webkit-linear-gradient(top, rgba(167, 215, 249, 0), rgba(167, 215, 249, .5) 30%, rgba(167, 215, 249, 1));/* rgba(167, 215, 249, 1) = #a7d7f9 */
    background-color: transparent;
}
#p-variants-label,
div.vectorTabs,
div.vectorTabs span,
div.vectorTabs ul,
div#mw-head div.vectorMenu h3 {
    background-image: none;
}
}
</style>
</style>
<!--{/if}--></includeonly>
<!--{/if}--></includeonly>

2022年12月4日 (日) 16:25的最新版本

给{{背景图片}}提供更好的体验效果。