https://arolstar52-zhtest.hf.space/index.php?action=history&feed=atom&title=Template%3AOOUI_section%2Fstyles.css
Template:OOUI section/styles.css - 版本历史
2026-07-04T10:05:29Z
在这个wiki上该页的修订历史
MediaWiki 1.43.8
https://arolstar52-zhtest.hf.space/index.php?title=Template:OOUI_section/styles.css&diff=3303528&oldid=prev
imported>Kcx36：测试
2024-10-27T04:53:48Z
<p>测试</p>
<p><b>新页面</b></p><div>/*<br />
New design of [[Template:OOUI section]]<br />
<br />
Based on:<br />
https://github.com/wikimedia/wikimedia-ui-base/blob/master/wikimedia-ui-base.less<br />
https://design.wikimedia.org/style-guide/<br />
*/<br />
<br />
/* Standard header */<br />
.main-header {<br />
border-bottom-color: transparent;<br />
margin-bottom: 0.25em;<br />
margin-top: 0;<br />
padding-bottom: 0;<br />
padding-top: 0;<br />
}<br />
<br />
/* */<br />
.main-box {<br />
background: var(--background-color-base,#fff);<br />
border: solid #c8ccd1;<br />
border-width: 1px 0;<br />
box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.15 );<br />
margin: 0 -1rem 1rem;<br />
padding: 1rem;<br />
}<br />
<br />
.main-box > p:last-child {<br />
margin-bottom: 0;<br />
}<br />
<br />
/* Recurso del día */<br />
.main-box-image-only > .main-box-content {<br />
margin: 0.5rem -1rem 0;<br />
text-align: center;<br />
}<br />
<br />
.main-box-image-only > .main-box-content img {<br />
height: auto;<br />
max-width: 100%;<br />
}<br />
<br />
.main-box-imageCaption {<br />
text-align: center;<br />
}<br />
<br />
.main-box-imageCaption > p {<br />
display: inline-block;<br />
margin-bottom: 0;<br />
text-align: left;<br />
}<br />
<br />
/* Sección */<br />
.main-box-section {<br />
color: #72777d;<br />
line-height: 1.25;<br />
margin-top: -.125em; /* Equilibrando el límite superior de nombre de sección debido a line-height: 1.25; */<br />
}<br />
<br />
/* Encabezado */<br />
.main-box-header {<br />
margin-top: -.15em; /* Equilibrando el límite superior del encabezado debido a line-height: 1.3; */<br />
}<br />
<br />
.main-box-header a {<br />
color: inherit;<br />
}<br />
<br />
.main-box-section + .main-box-header { /* Cuando existe el nombre, restablecer el margen al valor estándar */<br />
margin-top: 0;<br />
}<br />
<br />
.main-box-header a:focus,<br />
.main-box:hover .main-box-header a,<br />
.main-box:hover .main-featuredLists-item > a {<br />
color: #0645ad;<br />
}<br />
<br />
/* Pie */<br />
.main-footer {<br />
display: flex;<br />
justify-content: flex-end;<br />
margin-top: 1rem;<br />
position: relative;<br />
}<br />
<br />
.main-footer:empty {<br />
display: none;<br />
}<br />
<br />
.main-footer-actions {<br />
flex: 1;<br />
}<br />
<br />
.main-footer-actions > ul {<br />
align-items: center;<br />
display: flex;<br />
}<br />
<br />
/* Menú */<br />
.main-footer-menu {<br />
align-items: stretch;<br />
display: flex;<br />
}<br />
<br />
.main-footer-menuToggle {<br />
align-items: center;<br />
display: flex;<br />
float: none;<br />
height: 100%;<br />
opacity: 0.87;<br />
}<br />
<br />
.main-footer-menuToggle:hover {<br />
opacity: 0.51;<br />
}<br />
<br />
/* Desplegable */<br />
.main-footer-menuDropdown {<br />
background: var(--background-color-base,#fff);<br />
border: 1px solid #a2a9b1;<br />
border-radius: 2px;<br />
box-shadow: 0 2px 2px 0 rgba( 0, 0, 0, 0.25 );<br />
max-width: 15em;<br />
position: absolute;<br />
right: 0;<br />
top: 100%;<br />
z-index: 100;<br />
}<br />
<br />
.main-footer-menuDropdown .mw-ui-button {<br />
text-align: left;<br />
width: 100%;<br />
}<br />
<br />
/*<br />
Teléfonos móviles<br />
*/<br />
@media (max-width: 719px) {<br />
.main-box-responsive-image > .floatleft,<br />
.main-box-responsive-image > .floatright {<br />
float: none;<br />
margin-left: -1rem;<br />
margin-right: -1rem;<br />
text-align: center;<br />
}<br />
<br />
.main-box-responsive-image > .floatleft > a,<br />
.main-box-responsive-image > .floatright > a {<br />
display: block;<br />
}<br />
}<br />
<br />
/*<br />
Tabletas<br />
*/<br />
@media (min-width: 720px) {<br />
.main-box {<br />
border-radius: 2px;<br />
border-width: 1px;<br />
margin-bottom: 1rem;<br />
margin-left: 0;<br />
margin-right: 0;<br />
}<br />
}<br />
<br />
/*<br />
Computadoras<br />
*/<br />
@media (min-width: 1000px) {<br />
.main-box {<br />
margin-bottom: 1rem;<br />
padding: 1rem;<br />
}<br />
<br />
.main-box-image-only > .main-box-content {<br />
margin-left: -1rem;<br />
margin-right: -1rem;<br />
}<br />
}</div>
imported>Kcx36