|
|
| 第1行： |
第1行： |
| <noinclude>用来给{{tl|替换侧边栏底图}}和{{tl|背景图片}}更好的体验效果的，作者[[User:AnnAngela]]，修订[[User:=海豚=]]。</noinclude><includeonly><!--{if !isset($wgSideBarPic) || !$wgSideBarPic}--><!--{assign var="wgSideBarPic" value=true scope="global"}--><script>
| | |
| window.RLQ = window.RLQ || [];
| |
| window.RLQ.push(function() {
| |
| $(function() {
| |
| var sidebarCharacter = $(".sidebar-character").slice(0, 3);
| |
| if (!sidebarCharacter.length) return;
| |
| $("body").addClass("sideBarPic");
| |
| sidebarCharacter.addClass('active').each(function() {
| |
| var self = $(this);
| |
| self.appendTo("#mw-navigation").fadeIn().addClass(this.dataset.align === 'top' ? 'top' : 'bottom').css('user-select', 'none');
| |
| self.find('img').removeAttr('width').removeAttr('height');
| |
| });
| |
| $(window).on('resize', function() {
| |
| sidebarCharacter.each(function() {
| |
| var self = $(this);
| |
| self.find('img').width(self.width());
| |
| });
| |
| }).resize();
| |
| if (sidebarCharacter.is('[data-displaylogo="yes"]')) $('body').addClass('show-logo');
| |
| });
| |
| });</script><style>
| |
| /* 侧边栏logo或左下角图片添加 */
| |
| .sidebar-character {
| |
| position: fixed;
| |
| left: -3px;
| |
| z-index: -2;
| |
| }
| |
| .sidebar-character.top {
| |
| top: 0;
| |
| }
| |
| .sidebar-character.bottom {
| |
| bottom: 0;
| |
| }
| |
| #wglogo {
| |
| display: none;
| |
| }
| |
| @media screen and (max-width: 600px) {
| |
| /* 低像素设备隐藏 */
| |
| .sidebar-character {
| |
| display: none!important;
| |
| }
| |
| }
| |
| .sideBarPic.skin-vector:not(.DeceasedPerson) div#mw-panel div.portal {
| |
| background-color: rgba(246, 246, 246, 0.9);
| |
| /*padding-top: 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;
| |
| margin-top: 0;
| |
| }
| |
| .sideBarPic.skin-vector:not(.DeceasedPerson) #mw-panel div#p-logo {
| |
| /*background: rgba(246, 246, 246, 0.73);
| |
| left: 0;
| |
| padding: 0 .5em;
| |
| top: -212px*/
| |
| }
| |
| .sideBarPic:not(.DeceasedPerson) .sidebar-character.active {
| |
| display: block;
| |
| }
| |
| .sidebar-character {
| |
| 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.cn/logo/zhMoegirl15.2.png);
| |
| height: 160px;
| |
| }
| |
| .sideBarPic:not(.DeceasedPerson) #footer {
| |
| background-color: rgba(255,255,255,.7);
| |
| }
| |
| .sideBarPic:not(.DeceasedPerson) #footer #footer-moegirl .copyright {
| |
| 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 {
| |
| background-color: rgba(255,255,255,0);
| |
| background-image: none;
| |
| }
| |
| div#mw-head div#p-personal {
| |
| background: rgba(255,255,255,.73);
| |
| padding: 5px 10px 5px 0;
| |
| }
| |
| div#mw-head div#p-personal ul {
| |
| padding-left: 0;
| |
| }
| |
| body.sideBarPic div#mw-head div.vectorMenu h3 {
| |
| background-repeat: repeat-x;
| |
| }
| |
| #right-navigation {
| |
| background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkAQAAAABvV2fNAAAADElEQVR4AWNoGB4QAInlMgFKeRKBAAAAAElFTkSuQmCC);
| |
| 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,
| |
| #p-variants,
| |
| #p-cactions {
| |
| background-image: url(//img.moegirl.org.cn/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 {
| |
| background-image: url(//img.moegirl.org.cn/skin/tab-current-fade.png);
| |
| 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;
| |
| }
| |
| #mw-head {
| |
| top: -0.04em;
| |
| width: 100.06%;
| |
| }
| |
| .goog-te-gadget {
| |
| background-color: rgba(251,251,251,0.85)!important;
| |
| }
| |
| .comment-body textarea, .comment-preview {
| |
| background: rgba(251,251,251,0.75);
| |
| }
| |
| .comment-toolbar {
| |
| background: rgba(251,251,251,0.9);
| |
| }
| |
| </style>
| |
| <!--{/if}--></includeonly>
| |