Diferencia entre revisiones de «Usuario:Hasley/styles.css»
Más acciones
Sin resumen de edición |
Sin resumen de edición |
||
| Línea 1: | Línea 1: | ||
* { | |||
font-family: Ubuntu; | |||
} | |||
/* https://stackoverflow.com/a/51053501 */ | /* https://stackoverflow.com/a/51053501 */ | ||
.showcase-container { | .showcase-container { | ||
| Línea 17: | Línea 20: | ||
.main-centered { | .main-centered { | ||
position: absolute; | position: absolute; | ||
top: | top: 30%; | ||
left: | left: 40%; | ||
transform: translate(-50%, -50%); | transform: translate(-50%, -50%); | ||
font-size: 229%; | font-size: 229%; | ||
| Línea 28: | Línea 31: | ||
h2.main-centered { | h2.main-centered { | ||
border: none; | border: none; | ||
} | } | ||
| Línea 57: | Línea 40: | ||
.bi-buttons span { | .bi-buttons span { | ||
display: inline-block; | display: inline-block; | ||
} | |||
.main-centered { | |||
top: 50%; | |||
left: 50%; | |||
} | } | ||
} | } | ||
Revisión del 14:36 10 oct 2022
* {
font-family: Ubuntu;
}
/* 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;
}
@media (max-width: 1000px) {
.mega-header-title {
font-size: 115%;
width: 75%;
}
.bi-buttons span {
display: inline-block;
}
.main-centered {
top: 50%;
left: 50%;
}
}