“Widget:萌百条目”与“Widget:首页”:页面之间的差异
(页面间差异)
跳到导航
跳到搜索
imported>=海豚= 无编辑摘要 |
imported>=海豚= (对齐是不可能对齐的,这辈子都不可能对齐,强行对齐只会导致第一个框变宽) |
||
第1行: | 第1行: | ||
<noinclude> | <noinclude><nowiki>=。=</nowiki></noinclude><includeonly><!--{if !isset($wgMainpage) || !$wgMainpage}--><!--{assign var="wgMainpage" value=true scope="global"}--><style type="text/css"> | ||
<includeonly> | @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: 1840px) { | |||
.mainpage { | |||
width: 1680px; | |||
} | |||
} | |||
@media (max-width: 1680px) { | |||
.mainpage, | |||
.mainpage-column-left, | |||
.mainpage-column-right { | |||
max-width: 1360px; | |||
} | |||
} | |||
.mainpage, | |||
.mainpage * { | |||
box-sizing: border-box; | |||
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; | |||
} | |||
.mainpage-headtitle, | |||
.mainpage-column>* { | |||
margin: .5em; | |||
padding: .5em; | |||
box-shadow: 1px 1px 1px 1px #ededde; | |||
} | |||
.mainpage-headtitle:hover, .mainpage-column>*:hover { | |||
box-shadow: 1px 1px 6px 3px #ededde; | |||
margin: .5em .4em; | |||
} | |||
.mainpage-column>*:hover { | |||
background-color: #FFF; | |||
} | |||
.mainpage-headtitle { | |||
font-size: 1.8em; | |||
text-align: center; | |||
} | |||
.mainpage .mainpage-column h2 { | |||
margin-top: 0; | |||
border-width: 0; | |||
padding-left: .5em; | |||
color: #8b8b22; | |||
font-family: EasonPro, "黑体", serif; | |||
font-size-adjust: .43; | |||
font-weight: 400; | |||
border-left: 1em #ededde solid; | |||
} | |||
.mainpage .mainpage-column h3 { | |||
padding-left: .5em; | |||
} | |||
.mainpage .mw-headline-number { | |||
display: none; | |||
} | |||
.mainpage .mainpage-column p { | |||
padding-left: .5em; | |||
} | |||
.mainpage .mainpage-column p { | |||
text-indent: 2em; | |||
} | |||
.mainpage-banner-page, | |||
.mainpage-page { | |||
position: relative; | |||
} | |||
.mainpage-banner-page .mainpage-page-img { | |||
height: 200px; | |||
width: auto; | |||
} | |||
.mainpage-banner { | |||
position: relative; | |||
overflow: hidden; | |||
} | |||
.mainpage-banner-control { | |||
position: absolute; | |||
bottom: 1em; | |||
right: 1em; | |||
z-index: 7; | |||
} | |||
.mainpage-banner-control-triggle { | |||
width: 18px; | |||
height: 18px; | |||
border-radius: 18px; | |||
background-color: white; | |||
display: inline-block; | |||
cursor: pointer; | |||
border: 3px rgba(139, 139, 34, .5) solid; | |||
margin-left: 8px; | |||
} | |||
.mainpage-banner-control-triggle.on { | |||
border-color: white; | |||
background-color: rgba(139, 139, 34, .5); | |||
} | |||
.mainpage-banner-page { | |||
text-align: center; | |||
float: left; | |||
} | |||
.mainpage-counter { | |||
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-size: 205px 240px; | |||
min-height: 250px; | |||
padding: 0!important; | |||
display: flex; | |||
} | |||
.mainpage-counter-container { | |||
background: rgba(255, 255, 255, .73); | |||
padding: .5em; | |||
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> | ||
</includeonly> | </includeonly> |
2020年4月29日 (三) 14:23的版本
=。=