“Widget:欢迎”与“Widget:首页”:页面之间的差异
(页面间差异)
跳到导航
跳到搜索
imported>=海豚= 无编辑摘要 |
imported>=海豚= ([InPageEdit] 没有编辑摘要 (编辑自Special:Diff/42522)) |
||
第1行: | 第1行: | ||
<noinclude><nowiki> | <noinclude><nowiki>=。=</nowiki></noinclude><includeonly><!--{if !isset($wgMainpage) || !$wgMainpage}--><!--{assign var="wgMainpage" value=true scope="global"}--><style type="text/css"> | ||
. | @media (min-width: 1480px) { | ||
. | .mainpage { | ||
width: 1404px; | |||
margin: 0 auto; | |||
} | |||
.mainpage-container, | |||
.mainpage-column { | |||
display: flex; | |||
flex-wrap: nowrap; | |||
justify-content: space-around; | |||
align-content: stretch; | |||
align-items: stretch; | |||
} | |||
.mainpage-column { | |||
flex-direction: column; | |||
} | |||
} | |||
@media (min-width: 1640px) { | |||
.mainpage { | |||
width: 1680px; | |||
} | |||
} | |||
@media (max-width: 1480px) { | |||
.mainpage, | |||
.mainpage-column-left, | |||
.mainpage-column-right { | |||
max-width: 1360px; | |||
} | |||
} | |||
.mainpage, | |||
.mainpage * { | |||
box-sizing: border-box; | box-sizing: border-box; | ||
transition: all .37s; | transition: all .37s; | ||
} | } | ||
. | .mainpage { | ||
/*background: url(./zhMoegirl15.2.png) no-repeat center center;*/ | |||
background-size: contain; | |||
} | |||
.mainpage-order-one { | |||
order: 1; | |||
} | |||
.mainpage-order-two { | |||
order: 2; | |||
} | |||
.mainpage-order-three { | |||
order: 3; | |||
} | |||
.mainpage-order-four { | |||
order: 4; | |||
} | |||
.mainpage-order-five { | |||
order: 5; | |||
} | |||
.mainpage-order-six { | |||
order: 6; | |||
} | |||
.mainpage-order-seven { | |||
order: 7; | |||
} | |||
.mainpage-order-eight { | |||
order: 8; | |||
} | |||
.mainpage-order-nine { | |||
order: 9; | |||
} | |||
.mainpage-flex-one { | |||
flex: 1; | |||
} | |||
.mainpage-flex-two { | |||
flex: 2; | |||
} | |||
.mainpage-flex-three { | |||
flex: 3; | |||
} | |||
.mainpage-flex-four { | |||
flex: 4; | |||
} | |||
.mainpage-flex-five { | |||
flex: 5; | |||
} | |||
.mainpage-flex-six { | |||
flex: 6; | |||
} | |||
.mainpage-flex-seven { | |||
flex: 7; | |||
} | |||
.mainpage-flex-eight { | |||
flex: 8; | |||
} | |||
.mainpage-flex-nine { | |||
flex: 9; | |||
} | |||
.mainpage-text-align-center { | |||
text-align: center; | text-align: center; | ||
} | } | ||
. | .mainpage-headtitle, | ||
. | .mainpage-column>* { | ||
margin: .5em; | margin: .5em; | ||
padding: .5em; | padding: .5em; | ||
box-shadow: 1px 1px 1px 1px #ededde; | box-shadow: 1px 1px 1px 1px #ededde; | ||
} | } | ||
. | .mainpage-headtitle:hover, .mainpage-column>*:hover { | ||
box-shadow: 1px 1px 6px 3px #ededde; | box-shadow: 1px 1px 6px 3px #ededde; | ||
margin: .5em .4em; | margin: .5em .4em; | ||
} | } | ||
. | .mainpage-column>*:hover { | ||
background-color: #FFF; | background-color: #FFF; | ||
} | } | ||
. | .mainpage-headtitle { | ||
font-size: 1.8em; | font-size: 1.8em; | ||
text-align: center; | text-align: center; | ||
} | } | ||
. | .mainpage .mainpage-column h2 { | ||
margin-top: 0; | margin-top: 0; | ||
border-width: 0; | border-width: 0; | ||
padding-left: .5em; | padding-left: .5em; | ||
color: #8b8b22 | color: #8b8b22; | ||
font-family: EasonPro, "黑体", serif | font-family: EasonPro, "黑体", serif; | ||
font-size-adjust: .43; | |||
font-weight: 400; | |||
font-size-adjust: .43 | |||
font-weight: 400 | |||
border-left: 1em #ededde solid; | border-left: 1em #ededde solid; | ||
} | } | ||
. | .mainpage .mainpage-column h3 { | ||
padding-left: .5em; | |||
} | |||
.mainpage .mw-headline-number { | |||
display: none; | display: none; | ||
} | } | ||
. | .mainpage .mainpage-column p { | ||
padding-left: .5em; | padding-left: .5em; | ||
} | } | ||
. | .mainpage .mainpage-column p { | ||
text-indent: 2em; | text-indent: 2em; | ||
} | } | ||
. | .mainpage-banner-page, | ||
. | .mainpage-page { | ||
position: relative; | position: relative; | ||
} | } | ||
. | .mainpage-banner-page .mainpage-page-img { | ||
height: | max-height: 200px; | ||
width: auto; | width: auto; | ||
} | } | ||
. | .mainpage-banner { | ||
position: relative; | position: relative; | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
. | .mainpage-banner-control { | ||
position: absolute; | position: absolute; | ||
bottom: 1em; | bottom: 1em; | ||
第65行: | 第152行: | ||
z-index: 7; | z-index: 7; | ||
} | } | ||
. | .mainpage-banner-control-triggle { | ||
width: 18px; | width: 18px; | ||
height: 18px; | height: 18px; | ||
第75行: | 第162行: | ||
margin-left: 8px; | margin-left: 8px; | ||
} | } | ||
. | .mainpage-banner-control-triggle.on { | ||
border-color: white; | border-color: white; | ||
background-color: rgba(139, 139, 34, .5); | background-color: rgba(139, 139, 34, .5); | ||
} | } | ||
. | .mainpage-banner-page { | ||
text-align: center; | text-align: center; | ||
float: left; | float: left; | ||
} | } | ||
. | .mainpage-counter { | ||
background: url(https://www.hmoegirl.com/images/thumb/ | background: url(https://www.hmoegirl.com/images/thumb/d/d8/Megumi_jacket_on_shoulders.png/205px-Megumi_jacket_on_shoulders.png) top right; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-size: | background-size: 205px 240px; | ||
min-height: 246.24px; | |||
min-height: | |||
padding: 0!important; | padding: 0!important; | ||
display: flex; | display: flex; | ||
} | } | ||
. | .mainpage-counter-container { | ||
background | background: rgba(255, 255, 255, .73); | ||
padding: .5em; | padding: .5em; | ||
flex: 1; | flex: 1; | ||
} | |||
.mainpage-ads { | |||
height: 250px; | |||
} | |||
.mainpage-page-img { | |||
width: 100%; | |||
} | |||
.mainpage-page-intro { | |||
position: absolute; | |||
bottom: 0; | |||
left: 0; | |||
margin: 0!important; | |||
padding: .5em; | |||
background-color: rgba(255, 255, 255, 0.73); | |||
width: 100%; | |||
} | |||
.mainpage-flex { | |||
display: flex; | |||
flex-wrap: nowrap; | |||
justify-content: space-around; | |||
align-content: stretch; | |||
} | |||
.mainpage-flex-no { | |||
flex: none; | |||
} | |||
.mainpage-mgsisters { | |||
color: #777; | |||
font-size: 115%; | |||
} | |||
.mainpage-mgsisters-container { | |||
margin: 1em 0; | |||
} | |||
.mainpage-mgsisters-img { | |||
width: 50px; | |||
} | |||
.mainpage-mgsisters-img img { | |||
height: 50px; | |||
width: auto; | |||
} | |||
.mainpage-mgsisters-text { | |||
font-size: 85%; | |||
} | } | ||
</style> | </style> | ||
<!--{/if}--></includeonly> | <script> | ||
window.RLQ.push(function() { | |||
window.RLQ = window.RLQ || []; | |||
$(function() { | |||
$(window).on('resize', function() { | |||
$('.mainpage-banner-page').width($('.mainpage-banner').width()); | |||
}).resize(); | |||
var marginLeft = $('.mainpage').offset().left - $('.mainpage').parent().offset().left; | |||
/* $('.mainpage').css('margin-left', marginLeft - (marginLeft - (($(window).width() - $('.mainpage').width()) / 2 - $('.mainpage').parent().offset().left)) / 2 + 'px'); // 计算合理的偏差,其中【($(window).width() - $('.mainpage').width()) / 2】用以计算主体居中时的实际offsetLeft值,减去父元素offset即是主体margin-left值,再用【marginLeft - (marginLeft - 主体margin-left值 / 2】来计算缓和后的margin-left值 */ | |||
var length = $('.mainpage-banner-page').length; | |||
if (!length) return; | |||
$('.mainpage-banner-container').width(length + '00%'); | |||
while (length--) $('.mainpage-banner-control').append('<span class="mainpage-banner-control-triggle"></span>'); | |||
var bannerCount = 25; | |||
$('.mainpage-banner-control-triggle').on('click', function() { | |||
bannerCount = 25; | |||
$(this).addClass('on').siblings().removeClass('on'); | |||
var index = $(this).parent().children().index(this); | |||
var target = $('.mainpage-banner-page').eq(index); | |||
var left = target.prevAll().length || 0; | |||
if (left) $('.mainpage-banner-container').css('margin-left', '-' + left + '00%'); | |||
else $('.mainpage-banner-container').css('margin-left', '0'); | |||
}).first().click(); | |||
setInterval(function() { | |||
if (bannerCount-- > 0) return; | |||
var next = $('.mainpage-banner-control-triggle.on').next(); | |||
if (!next.length) next = $('.mainpage-banner-control-triggle:first'); | |||
next.click(); | |||
}, 200); | |||
}); | |||
}); | |||
</script><!--{/if}--></includeonly> |
2020年4月29日 (三) 14:50的版本
=。=