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;
+
display: flex;
    flex-direction: column;
+
flex-direction: column;
    margin: 20px 5px;
+
margin: 20px 5px;
 
}
 
}
  
#buttonsContainer p {
+
#sndlib-buttonsContainer p {
 
display: flex;
 
display: flex;
    flex-direction: row;
+
flex-direction: row;
    justify-content: space-evenly;
+
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;
+
text-align: center;
 
}
 
}
  
#audioPages {
+
#sndlib-audioPages {
 
display: flex;
 
display: flex;
    justify-content: flex-start;
+
justify-content: flex-start;
 
}
 
}
  
#audioPages a {
+
#sndlib-audioPages a {
    margin-right: 0.5em;
+
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;
}