Diferencia entre revisiones de «Usuario:Hasley/styles.css»

Sin resumen de edición
Sin resumen de edición
 
(No se muestran 23 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
/* https://stackoverflow.com/a/51053501 */
#tab-First_Tab_Title-0 {
.showcase-container {
width: 15em;
width: 100%;
border-top: .5em #32AFAF solid;
margin: 0 auto;
background: #eaecf0;
padding: 0;
padding: 10px;
position: relative;
text-align: center;
color: #32AFAF;
}
}


.showcase-container img {
#tab-Second_Tab_Title-0 {
display: block;
width: 15em;
width: 100%;
border-top: .5em #616161 solid;
height: auto;
background: #eaecf0;
margin: 0 auto;
padding: 10px;
max-width: 1200px;
text-align: center;
color: #32AFAF;
}
}


.main-centered {
#tab-Third_Tab_Title-0 {
position: absolute;
width: 15em;
top: 50%;
border-top: .5em #f15348 solid;
left: 50%;
background: #eaecf0;
transform: translate(-50%, -50%);
padding: 10px;
font-size: 229%;
text-align: center;
font-weight: bold;
color: #32AFAF;
padding: 10px 20px;
color: #fff;
}
}


h2.main-centered {
#tab-First_Tab_Title-0.tabber__tab--active {
border: none;
background-color: #D0F0FF;
}
}


 
#tab-Second_Tab_Title-0.tabber__tab--active {
* {
background-color: #eaecf0;
font-family: Ubuntu;
}
}


.bi-buttons a {
#tab-Third_Tab_Title-0.tabber__tab--active {
color: #fff !important;
background-color: #FFE8CC;
}
.bi-buttons span {
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
display: block;
max-width: 30%;
margin: 5px;
}
}


.mega-header-title {
.tabber__tab--active {
font-size: 229%;
box-shadow: inset 0 -2px 0 0 #fff;
width: 100%;
}
}


@media (max-width: 1000px) {
.tabber__panel {
.mega-header-title {
height: 100% !important;
font-size: 115%;
width: 75%;
}
.bi-buttons span {
display: inline-block;
}
}
}

Revisión actual - 22:15 17 oct 2022

#tab-First_Tab_Title-0 {
	width: 15em;
	border-top: .5em #32AFAF solid;
	background: #eaecf0;
	padding: 10px;
	text-align: center;
	color: #32AFAF;
}

#tab-Second_Tab_Title-0 {
	width: 15em;
	border-top: .5em #616161 solid;
	background: #eaecf0;
	padding: 10px;
	text-align: center;
	color: #32AFAF;
}

#tab-Third_Tab_Title-0 {
	width: 15em;
	border-top: .5em #f15348 solid;
	background: #eaecf0;
	padding: 10px;
	text-align: center;
	color: #32AFAF;
}

#tab-First_Tab_Title-0.tabber__tab--active {
	background-color: #D0F0FF;
}

#tab-Second_Tab_Title-0.tabber__tab--active {
	background-color: #eaecf0;
}

#tab-Third_Tab_Title-0.tabber__tab--active {
	background-color: #FFE8CC;
}

.tabber__tab--active {
	box-shadow: inset 0 -2px 0 0 #fff;
}

.tabber__panel {
	height: 100% !important;
}