Şablon:Anasayfa/anabanner.css: Revizyonlar arasındaki fark
Fen Ansiklopedisi sitesinden
Değişiklik özeti yok |
Değişiklik özeti yok |
||
34. satır: | 34. satır: | ||
text-align: center; | text-align: center; | ||
} | } | ||
.acordeon { | |||
max-width: 400px; | |||
background: white; | |||
margin: 0 auto; | |||
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); | |||
. | |||
} | } | ||
# | .acordeon-cabecera { | ||
border-bottom: 1px solid #DDE0E7; | |||
color: #222222; | |||
cursor: pointer; | |||
font-weight: 600; | |||
padding: 1.5rem; | |||
background:#f6f7f9; | |||
} | } | ||
.acordeon-cabecera:hover { | |||
background: #fdf8d7; | |||
} | } | ||
.acordeon-cabecera.active { | |||
background-color: #fdf8d7; | |||
} | } | ||
# | .acordeon-contenido { | ||
display: none; | |||
border-bottom: 1px solid #DDE0E7; | |||
background: #fff; | |||
padding: 1.4rem; | |||
color: #4a5666; | |||
} | } | ||
.containersınıf{ | .containersınıf{ | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
} | } |
11.51, 12 Ekim 2021 tarihindeki hâli
* {
margin: 1px;
box-sizing: border-box;
}
.flex-container {
display: flex;
flex-direction: row;
}
.flex-item-left {
padding: 10px;
flex: 60%;
}
.flex-item-right {
color: #ff5e5e;
padding: 10px;
flex: 40%;
}
/* Responsive layout - makes a one column-layout instead of a two-column layout */
@media (max-width: 800px) {
.flex-container {
flex-direction: column;
}
}
div.card {
border-spacing: 30px;
width: 100%;
height: 100%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 8px 0 rgba(0, 0, 0, 0.19);
text-align: center;
}
.acordeon {
max-width: 400px;
background: white;
margin: 0 auto;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.acordeon-cabecera {
border-bottom: 1px solid #DDE0E7;
color: #222222;
cursor: pointer;
font-weight: 600;
padding: 1.5rem;
background:#f6f7f9;
}
.acordeon-cabecera:hover {
background: #fdf8d7;
}
.acordeon-cabecera.active {
background-color: #fdf8d7;
}
.acordeon-contenido {
display: none;
border-bottom: 1px solid #DDE0E7;
background: #fff;
padding: 1.4rem;
color: #4a5666;
}
.containersınıf{
display: flex;
flex-wrap: wrap;
}