Şablon:Anasayfa/anabanner.css
Fen Ansiklopedisi sitesinden
* {
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%;
}
.flex-item-left2 {
padding: 10px;
flex: 50%;
}
.flex-item-right2 {
padding: 10px;
flex: 50%;
}
/* 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 {
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;
}