Plantilla:Portada/styles.css

De Wikimedia Small Projects
Revisión del 17:43 10 oct 2022 de Hasley (discusión | contribs.) (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%…»)
(difs.) ← Revisión anterior | Revisión actual (difs.) | Revisión siguiente → (difs.)
* {
	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%;
	transform: translate(-50%, -50%);
	font-size: 229%;
	font-weight: bold;
	padding: 10px 20px;
	color: #fff;
}

h2.main-centered {
	border: none;
}

.main-content {
	border-spacing: 30px 0;
	margin: 30px 0 30px 0;
}

@media (max-width: 1000px) {
	.mega-header-title {
		font-size: 115%;
		width: 75%;
	}

	.main-content {
		padding: 0 35px 0 35px !important;
	}

	.bi-buttons span {
		display: inline-block;
	}

	.main-centered {
		top: 50%;
		left: 50%;
		width: 75%
	}


	body.skin-citizen .main-content {
		word-break: break-all !important;
	}

	body.skin-citizen .main-centered {
		top: 30% !important;
	}
}