H萌娘

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

以互动方式浏览历史
←上一编辑

BakeWater​（留言 | 贡献）

3个用户组
266次编辑
可视化wikitext
imported>=海豚=
无编辑摘要
小无编辑摘要
 
（未显示2个用户的57个中间版本）
第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;
    padding-right: .95em;
}
}
.sideBarPic.skin-vector:not(.DeceasedPerson) div#mw-panel #p-logo + div.portal{
 
     padding-top: 1.1em;
@keyframes shrink{
    margin-top: 0;
  from{
     transform: scale(1.15);
  }
}
}
.sideBarPic.skin-vector:not(.DeceasedPerson) #mw-panel div#p-logo {
 
     /*background: rgba(246, 246, 246, 0.73);
@keyframes clear{
    left: 0;
  from{
    padding: 0 .5em;
    filter: blur(5px);
    top: -212px*/
  }
}
 
@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;
}
.infoBoxYellow {
  padding: 0.5em;
  background: rgba(255,255,245,0.75);
}
.infoBoxRed {
  padding: 0.5em;
  background: rgba(258,240,245,0.75);
}
.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 {
    padding-left: 0;
}
body.sideBarPic div#mw-head div.vectorMenu h3 {
    background-repeat: repeat-x;
}
}
#right-navigation {
li.gallerybox div.thumb{
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkAQAAAABvV2fNAAAADElEQVR4AWNoGB4QAInlMgFKeRKBAAAAAElFTkSuQmCC);
     background-color: rgba(255,255,255,.6);
    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,
div.thumbinner{
#p-variants,
     background-color: rgba(255,255,255,.5);
#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 {
.toc-custom {
    background-image: url(//img.moegirl.org/skin/tab-current-fade.png);
  opacity: 0.92;
    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,
.comment-body textarea, .comment-preview {
div.vectorTabs,
background: rgba(251,251,251,0.75);
div.vectorTabs span,
div.vectorTabs ul,
div#mw-head div.vectorMenu h3 {
    background-image: none;
}
}
#mw-head {
.comment-toolbar {
    top: -0.04em;
background: rgba(251,251,251,0.7);
    width: 100.06%;
}
}
</style>
</style>
<!--{/if}--></includeonly>
<!--{/if}--></includeonly>
检索自“https://hmoegirl.com/Widget:背景图片”