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

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


.showcase-container {
#tab-Second_Tab_Title-0 {
  width: 80%;
width: 15em;
  margin: 0 auto;
border-top: .5em #616161 solid;
  padding: 0;
background: #eaecf0;
  position: relative;
padding: 10px;
text-align: center;
color: #32AFAF;
}
}


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


.centered {
#tab-First_Tab_Title-0.tabber__tab--active {
  position: absolute;
background-color: #D0F0FF;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  padding: 10px 20px;
}
}


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


.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;
}