周纳维基:修订间差异
无编辑摘要 |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
<div id="fallback-banner"> | <div id="fallback-banner"> | ||
<h3> | <h3> | ||
| 第193行: | 第26行: | ||
|info = 他创建了恶俗! | |info = 他创建了恶俗! | ||
}} | }} | ||
{{AmBox | |||
|border = blue | |||
|image = [[Image:ZYCGuinness.jpg|50px]] | |||
|type = Yattaze! | |||
|info = 他创建了恶俗! | |||
}} | |||
{{Featured}} | {{Featured}} | ||
{{clear}} | {{clear}} | ||
| 第348行: | 第186行: | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div>{{#css: | ||
.esu-hp-content { | |||
overflow-x: auto; | |||
overflow-y: auto; | |||
background-color: #fdd3d4; | |||
border-top-left-radius: 5px 5px; | |||
border-top-right-radius: 5px 5px; | |||
border-bottom-right-radius: 5px 5px; | |||
border-bottom-left-radius: 5px 5px; | |||
border-radius: 5px; | |||
border-width: 1px; | |||
border-style: solid; | |||
padding: 10px; | |||
border-color: rgb(254, 153, 153); | |||
-webkit-box-flex: 1; | |||
-ms-flex: 1; | |||
flex: 1; | |||
} | |||
.esu-hp-text-center { | |||
text-align: center; | |||
} | |||
.esu-hp-huge-text { | |||
font-size: 500%; | |||
} | |||
.esu-hp-title { | |||
color: black; | |||
background-image: none; | |||
background-color: transparent; | |||
font-weight: normal; | |||
overflow-x: hidden; | |||
overflow-y: hidden; | |||
line-height: 1.3; | |||
font-size: 1.5em; | |||
text-align: left; | |||
border-width: medium; | |||
border-style: none none hidden; | |||
margin: 1px; | |||
padding: 1px; | |||
padding-bottom: 4px; | |||
-webkit-box-flex: 0; | |||
-ms-flex: 0 0 auto; | |||
flex: 0 0 auto; | |||
} | |||
.esu-hp-title .floatleft { | |||
margin: 0; | |||
} | |||
.esu-hp-row { | |||
display: -webkit-box; | |||
display: -ms-flexbox; | |||
display: flex; | |||
-webkit-box-orient: horizontal; | |||
-webkit-box-direction: normal; | |||
-ms-flex-direction: row; | |||
flex-direction: row; | |||
-ms-flex-pack: distribute; | |||
justify-content: space-around; | |||
-webkit-box-align: stretch; | |||
-ms-flex-align: stretch; | |||
align-items: stretch; | |||
-ms-flex-wrap: wrap; | |||
flex-wrap: wrap; | |||
} | |||
.esu-hp-item { | |||
max-width: 100%; | |||
min-width: 320px; | |||
vertical-align: top; | |||
background-color: #fdd3d4; | |||
border-color: rgba(255, 215, 234, 0.496094); | |||
border-width: 4px; | |||
border-style: solid; | |||
margin: 5px 1px; | |||
border-radius: 5px; | |||
-webkit-box-flex: 1; | |||
-ms-flex: 1 1 0px; | |||
flex: 1 1 0; | |||
display: -webkit-box; | |||
display: -ms-flexbox; | |||
display: flex; | |||
-webkit-box-orient: vertical; | |||
-webkit-box-direction: normal; | |||
-ms-flex-direction: column; | |||
flex-direction: column; | |||
} | |||
.esu-hp-left { | |||
justify-self: flex-start; | |||
} | |||
.esu-hp-right { | |||
justify-self: flex-end; | |||
} | |||
.esu-hp-zxr-container { | |||
display: -webkit-box; | |||
display: -ms-flexbox; | |||
display: flex; | |||
-webkit-box-align: center; | |||
-ms-flex-align: center; | |||
align-items: center; | |||
-webkit-box-pack: space-evenly; | |||
-ms-flex-pack: space-evenly; | |||
justify-content: space-evenly; | |||
-webkit-box-orient: horizontal; | |||
-webkit-box-direction: normal; | |||
-ms-flex-direction: row; | |||
flex-direction: row; | |||
} | |||
@media (max-width: 1024px) { | |||
.esu-hp-zxr-container { | |||
-webkit-box-orient: vertical; | |||
-webkit-box-direction: normal; | |||
-ms-flex-direction: column; | |||
flex-direction: column; | |||
} | |||
} | |||
.esu-hp-zxr-text { | |||
color: rgba(255, 0, 0, 0.546875); | |||
font-family: 微软雅黑; | |||
white-space: nowrap; | |||
text-shadow: rgb(255, 255, 255) 0px 0px 5px, rgb(255, 255, 255) 0px 0px 10px, rgb(255, 255, 255) 0px 0px 15px, rgba(255, 0, 0, 0.746094) 0px 0px 40px, rgba(255, 0, 0, 0.796875) 0px 0px 70px; | |||
border-width: 0; | |||
border-style: solid; | |||
} | |||
#esu-topbanner { | |||
background-color: #fe9999; | |||
display: -webkit-box; | |||
display: -ms-flexbox; | |||
display: flex; | |||
border-radius: 5px; | |||
-webkit-box-pack: justify; | |||
-ms-flex-pack: justify; | |||
justify-content: space-between; | |||
-webkit-box-align: center; | |||
-ms-flex-align: center; | |||
align-items: center; | |||
padding: 0.5em 0; | |||
} | |||
#esu-topbanner .left { | |||
text-align: center; | |||
max-width: 280px; | |||
-webkit-box-flex: 1; | |||
-ms-flex: 1; | |||
flex: 1; | |||
} | |||
#esu-topbanner .primary-title { | |||
font-size: 1.5em; | |||
margin: 0; | |||
line-height: 1.5; | |||
text-shadow: rgb(255, 255, 255) 0px 0px 5px, rgb(255, 255, 255) 0px 0px 10px, rgb(255, 255, 255) 0px 0px 15px, rgba(255, 0, 0, 0.246094) 0px 0px 40px, rgba(255, 0, 0, 0.246094) 0px 0px 70px; | |||
} | |||
#esu-topbanner .secondary-title { | |||
font-size: 0.9em; | |||
} | |||
#esu-topbanner .right { | |||
padding: 0 0.5em; | |||
} | |||
#esu-topbanner .right p { | |||
margin: 0; | |||
} | |||
#fallback-banner { | |||
text-align: center; | |||
background-color: #ff0000; | |||
display: none; | |||
} | |||
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { | |||
.esu-hp-item { | |||
display: block; | |||
} | |||
} | |||
}} | |||