Diferencia entre revisiones de «Plantilla:Portada/styles.css»
De Wikimedia Small Projects
Más acciones
Página creada con «* { font-family: Ubuntu; } .main-button { float: none; display: inline-block } .main-button:hover a { color: #3666cc; } .main-button:active a { color: #fff; } →https://stackoverflow.com/a/51053501: .showcase-container { width: 100%; margin: 0 auto; padding: 0; position: relative; } .showcase-container img { display: block; width: 100%; height: auto; margin: 0 auto; max-width: 1200px; } .main-centered { position: absolute; top: 30%; left: 40%…» |
Sin resumen de edición |
||
| Línea 1: | Línea 1: | ||
* { | /* Base header styles */ | ||
.mainpage_header { | |||
display: flex; | |||
flex-direction: column; | |||
align-items: center; | |||
padding: 2rem 1rem; | |||
background: linear-gradient(to bottom, #f8f9fa, #ffffff); | |||
margin-bottom: 1rem; | |||
border: none; | |||
} | |||
.mainpage_header .main-title { | |||
font-family: system-ui, -apple-system, sans-serif; | |||
font-size: 2.2rem; | |||
font-weight: bold; | |||
color: #202122; | |||
margin-bottom: 0.5rem; | |||
text-align: center; | |||
} | } | ||
. | /* Row and box layout */ | ||
.mainpage_row { | |||
display: flex; | |||
flex-flow: row wrap; | |||
justify-content: space-between; | |||
gap: 1rem; | |||
padding: 0 1rem; | |||
margin: 0 0 1.2rem 0; | |||
} | } | ||
. | .mainpage_box { | ||
flex: 1; | |||
min-width: 280px; | |||
} | } | ||
. | |||
/* Box headers */ | |||
.mainpage_box h3 { | |||
display: flex; | |||
align-items: center; | |||
gap: 0.5rem; | |||
padding: 0; | |||
color: #202122; | |||
font-size: 1.2rem; | |||
} | } | ||
.mainpage_box h3:not(.tpl-vheadanchor-heading) { | |||
padding-left: 0; | |||
} | } | ||
. | .mainpage_box h3 .header_icon { | ||
margin-right: 0.5rem; | |||
margin-top: 0; | |||
} | } | ||
. | .mainpage_box .items { | ||
padding-top: calc(1rem + 1px); | |||
} | } | ||
/* Get started and function examples sections */ | |||
#many-examples ul { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 0.5rem; | |||
justify-content: center; | |||
padding: 0; | |||
margin: 0; | |||
list-style: none; | |||
} | } | ||
#many-examples li { | |||
display: inline-block; | |||
padding: 0.5rem 1rem; | |||
background: #f8f9fa; | |||
border-radius: 4px; | |||
width: 100%; | |||
transition: background 0.2s ease; | |||
} | } | ||
#many-examples li:hover { | |||
background: #eaecf0; | |||
} | |||
#many-examples li::before { | |||
content: none; | |||
} | } | ||
Revisión del 00:27 12 sep 2026
/* Base header styles */
.mainpage_header {
display: flex;
flex-direction: column;
align-items: center;
padding: 2rem 1rem;
background: linear-gradient(to bottom, #f8f9fa, #ffffff);
margin-bottom: 1rem;
border: none;
}
.mainpage_header .main-title {
font-family: system-ui, -apple-system, sans-serif;
font-size: 2.2rem;
font-weight: bold;
color: #202122;
margin-bottom: 0.5rem;
text-align: center;
}
/* Row and box layout */
.mainpage_row {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
gap: 1rem;
padding: 0 1rem;
margin: 0 0 1.2rem 0;
}
.mainpage_box {
flex: 1;
min-width: 280px;
}
/* Box headers */
.mainpage_box h3 {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0;
color: #202122;
font-size: 1.2rem;
}
.mainpage_box h3:not(.tpl-vheadanchor-heading) {
padding-left: 0;
}
.mainpage_box h3 .header_icon {
margin-right: 0.5rem;
margin-top: 0;
}
.mainpage_box .items {
padding-top: calc(1rem + 1px);
}
/* Get started and function examples sections */
#many-examples ul {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
justify-content: center;
padding: 0;
margin: 0;
list-style: none;
}
#many-examples li {
display: inline-block;
padding: 0.5rem 1rem;
background: #f8f9fa;
border-radius: 4px;
width: 100%;
transition: background 0.2s ease;
}
#many-examples li:hover {
background: #eaecf0;
}
#many-examples li::before {
content: none;
}