Wikimedia Colombia
cowikimedia
https://co.wikimedia.org/wiki/P%C3%A1gina_principal
MediaWiki 1.46.0-wmf.26
first-letter
Medio
Especial
Discusión
Usuario
Usuario discusión
Wikimedia
Wikimedia discusión
Archivo
Archivo discusión
MediaWiki
MediaWiki discusión
Plantilla
Plantilla discusión
Ayuda
Ayuda discusión
Categoría
Categoría discusión
TimedText
TimedText talk
Módulo
Módulo discusión
Plantilla:Portada/styles.css
10
1868
12717
12709
2026-05-03T11:12:45Z
Danielyepezgarces
5926
12717
sanitized-css
text/css
/* === WMCO — Estilos de la pagina principal === */
/* Hero banner */
.wmco-hero {
width: 100%;
background-color: #0086ff;
background-image: url('https://upload.wikimedia.org/wikipedia/commons/3/3d/Wikimedia-colombia-landing-background-illustration.png');
background-position: right center;
background-repeat: no-repeat;
background-size: auto 100%;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
padding: 28px 50px;
box-sizing: border-box;
min-height: 140px;
}
.wmco-hero-logo { flex-shrink: 0; }
.wmco-hero-text {
color: white;
line-height: 0.9;
flex: 1;
min-width: 0;
}
.wmco-hero-description,
.wmco-hero-description > div,
.wmco-hero-description a {
display: block;
width: 100%;
line-height: 0;
}
.wmco-hero-description img {
width: 100%;
height: auto;
max-height: 84px;
object-fit: contain;
object-position: left center;
}
/* Navegación */
.wmco-nav-inner {
display: flex;
width: 100%;
overflow-x: auto;
flex-wrap: nowrap;
scroll-behavior: smooth; /* mejora UX */
}
.wmco-nav-inner div {
flex: 1 1 0;
border-bottom: 9px solid #0086ff;
margin: 0 4px;
padding: 8px 12px;
font-size: 1.2em;
white-space: nowrap;
text-align: center;
min-width: 0;
}
.wmco-nav-inner div a {
color: inherit;
text-decoration: none;
}
/* Secciones de contenido */
.wmco-content { width: 100%; margin-top: 24px; }
.wmco-section-title {
font-size: clamp(24px, 4vw, 42px);
font-weight: 300;
margin-bottom: 6px;
}
/* Barras de sección */
.wmco-bar {
width: 100%;
border-radius: 18px;
padding: 14px 30px;
box-sizing: border-box;
margin-top: 28px;
}
.wmco-bar span {
font-size: clamp(22px, 4vw, 42px);
font-weight: 300;
color: white;
}
.wmco-bar-programs { background-color: #ff4e21; }
.wmco-bar-join { background-color: #f77fc4; }
.wmco-bar-news { background: linear-gradient(90deg, #6a5cff, #6f5bd6); }
/* Programa: imagen + texto en fila */
.wmco-program {
display: flex;
align-items: flex-start;
gap: 24px;
margin-bottom: 24px;
}
.wmco-program-img {
flex: 0 0 28%;
max-width: 260px;
border-radius: 25px;
overflow: hidden;
}
.wmco-program-img img { width: 100%; display: block; }
.wmco-program-body { flex: 1; }
.wmco-program-name {
font-size: clamp(20px, 3vw, 28px);
font-weight: 300;
margin-bottom: 6px;
}
/* Proyectos: grid de íconos */
.wmco-projects-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 16px;
text-align: center;
margin-top: 16px;
}
.wmco-project-item {
flex: 0 0 calc(22% - 16px);
min-width: 120px;
}
/* Únete: íconos */
.wmco-join-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 16px;
text-align: center;
margin-top: 24px;
}
.wmco-join-item {
flex: 0 0 calc(18% - 16px);
min-width: 100px;
}
/* Actividades: 3 columnas */
.wmco-activities-grid {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin-top: 16px;
}
.wmco-activity-card {
flex: 1 1 calc(33% - 16px);
min-width: 200px;
height: 180px;
background-color: black;
border-radius: 6px;
}
/* Botón CTA */
.wmco-btn {
display: inline-block;
background-color: #0086ff;
color: white;
padding: 8px 18px;
border-radius: 4px;
margin-top: 12px;
}
/* Hero responsivo: ancho < 960px */
@media (max-width: 960px) {
.wmco-hero {
padding: 28px 20px;
}
}
@media screen and (max-width: 640px) {
.wmco-hero {
background-image: none !important;
}
}
kv5rmrxcw23xli03327kgqwfzpguiaa
MediaWiki:Mobile.css
8
1870
12716
12710
2026-05-03T11:09:24Z
Danielyepezgarces
5926
12716
css
text/css
/* Todos los CSS colocados aquí serán cargados para los usuarios del sitio móvil */
@media screen and (max-width: 640px) {
.wmco-hero {
background-image: none !important;
}
.wmco-nav-inner {
display: grid !important;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
width: 100%;
padding: 0 8px;
box-sizing: border-box;
overflow: visible;
}
.wmco-nav-inner > div {
display: flex;
align-items: center;
justify-content: center;
flex: none !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
padding: 12px 10px !important;
font-size: 0.95em;
line-height: 1.2;
text-align: center;
white-space: normal !important;
border-bottom: 6px solid #0086ff !important;
box-sizing: border-box;
}
.wmco-nav-inner > div a {
display: block;
width: 100%;
color: inherit;
text-decoration: none;
}
.wmco-program {
flex-direction: column;
align-items: center;
text-align: center;
}
.wmco-program-img {
width: 100%;
max-width: 300px;
margin: 0 auto 12px auto;
text-align: center;
}
.wmco-program-img img {
display: block;
margin: 0 auto;
}
.wmco-program-body {
width: 100%;
}
}
csqahu5uh27xipcjfa584zfrmt93s6g