User
Difference between revisions of "Seb35/bluell.css"
< User:Seb35
(Created page with "#totalContainer { display: flex; justify-content: space-between; padding: 0 1em; } #filterContainer { margin-top: 3em; } #filterContainer > p:first-child { display:...") |
(+prefix sndlib-) |
||
Line 1: | Line 1: | ||
− | #totalContainer { | + | #sndlib-totalContainer { |
display: flex; | display: flex; | ||
justify-content: space-between; | justify-content: space-between; | ||
Line 5: | Line 5: | ||
} | } | ||
− | #filterContainer { | + | #sndlib-filterContainer { |
margin-top: 3em; | margin-top: 3em; | ||
} | } | ||
− | #filterContainer > p:first-child { | + | #sndlib-filterContainer > p:first-child { |
− | + | display: flex; | |
− | + | flex-direction: column; | |
− | + | margin: 20px 5px; | |
} | } | ||
− | #buttonsContainer p { | + | #sndlib-buttonsContainer p { |
display: flex; | display: flex; | ||
− | + | flex-direction: row; | |
− | + | justify-content: space-evenly; | |
} | } | ||
− | #buttonsContainer + p { | + | #sndlib-buttonsContainer + p { |
text-align: center; | text-align: center; | ||
} | } | ||
− | #audioresults { | + | #sndlib-audioresults { |
display: grid; | display: grid; | ||
grid-template-columns: 1fr 1fr; | grid-template-columns: 1fr 1fr; | ||
Line 31: | Line 31: | ||
@media (max-width: 1100px) { | @media (max-width: 1100px) { | ||
− | #audioresults { | + | #sndlib-audioresults { |
display: grid; | display: grid; | ||
grid-template-columns: 1fr; | grid-template-columns: 1fr; | ||
Line 38: | Line 38: | ||
@media (max-width: 750px) { | @media (max-width: 750px) { | ||
− | #totalContainer { | + | #sndlib-totalContainer { |
flex-direction: column; | flex-direction: column; | ||
align-items: center; | align-items: center; | ||
Line 48: | Line 48: | ||
} | } | ||
− | #totalContainer h2 { | + | #sndlib-totalContainer h2 { |
− | + | text-align: center; | |
} | } | ||
− | #audioPages { | + | #sndlib-audioPages { |
display: flex; | display: flex; | ||
− | + | justify-content: flex-start; | |
} | } | ||
− | #audioPages a { | + | #sndlib-audioPages a { |
− | + | margin-right: 0.5em; | |
} | } |
Latest revision as of 11:00, 22 September 2021
#sndlib-totalContainer {
display: flex;
justify-content: space-between;
padding: 0 1em;
}
#sndlib-filterContainer {
margin-top: 3em;
}
#sndlib-filterContainer > p:first-child {
display: flex;
flex-direction: column;
margin: 20px 5px;
}
#sndlib-buttonsContainer p {
display: flex;
flex-direction: row;
justify-content: space-evenly;
}
#sndlib-buttonsContainer + p {
text-align: center;
}
#sndlib-audioresults {
display: grid;
grid-template-columns: 1fr 1fr;
}
@media (max-width: 1100px) {
#sndlib-audioresults {
display: grid;
grid-template-columns: 1fr;
}
}
@media (max-width: 750px) {
#sndlib-totalContainer {
flex-direction: column;
align-items: center;
}
}
.audiobox {
margin-right: 12px;
}
#sndlib-totalContainer h2 {
text-align: center;
}
#sndlib-audioPages {
display: flex;
justify-content: flex-start;
}
#sndlib-audioPages a {
margin-right: 0.5em;
}