MediaWiki
Difference between revisions of "Common.css"
m (grayed button 'Export to CSV' when inactive on LinguaLibre:Explore the sound library) |
m (Readability.) |
||
| Line 86: | Line 86: | ||
} | } | ||
| + | /********************************************** */ | ||
| + | /*SOUND LIBRARY *************************** */ | ||
/* Interface for displaying contributions on [[LinguaLibre:Explore the sound library]] */ | /* Interface for displaying contributions on [[LinguaLibre:Explore the sound library]] */ | ||
| − | |||
#sndlib-totalContainer { | #sndlib-totalContainer { | ||
display: flex; | display: flex; | ||
| Line 93: | Line 94: | ||
padding: 0 1em; | padding: 0 1em; | ||
} | } | ||
| − | |||
#sndlib-savefiltersearch { | #sndlib-savefiltersearch { | ||
color: gray; | color: gray; | ||
} | } | ||
| − | |||
#sndlib-savefiltersearch a { | #sndlib-savefiltersearch a { | ||
color: white; | color: white; | ||
} | } | ||
| − | |||
#sndlib-filterContainer { | #sndlib-filterContainer { | ||
margin-top: 3em; | margin-top: 3em; | ||
} | } | ||
| − | |||
#sndlib-filterContainer > p:first-child { | #sndlib-filterContainer > p:first-child { | ||
display: flex; | display: flex; | ||
| Line 111: | Line 108: | ||
margin: 20px 5px; | margin: 20px 5px; | ||
} | } | ||
| − | |||
#sndlib-buttonsContainer p { | #sndlib-buttonsContainer p { | ||
display: flex; | display: flex; | ||
| Line 117: | Line 113: | ||
justify-content: space-evenly; | justify-content: space-evenly; | ||
} | } | ||
| − | |||
#sndlib-buttonsContainer + p { | #sndlib-buttonsContainer + p { | ||
text-align: center; | text-align: center; | ||
} | } | ||
| − | |||
#sndlib-audioresults { | #sndlib-audioresults { | ||
display: grid; | display: grid; | ||
grid-template-columns: 1fr 1fr; | grid-template-columns: 1fr 1fr; | ||
} | } | ||
| − | |||
@media (max-width: 1100px) { | @media (max-width: 1100px) { | ||
#sndlib-audioresults { | #sndlib-audioresults { | ||
| Line 133: | Line 126: | ||
} | } | ||
} | } | ||
| − | |||
@media (max-width: 750px) { | @media (max-width: 750px) { | ||
#sndlib-totalContainer { | #sndlib-totalContainer { | ||
| Line 140: | Line 132: | ||
} | } | ||
} | } | ||
| − | |||
.audiobox { | .audiobox { | ||
margin-right: 12px; | margin-right: 12px; | ||
} | } | ||
| − | |||
#sndlib-totalContainer h2 { | #sndlib-totalContainer h2 { | ||
text-align: center; | text-align: center; | ||
} | } | ||
| − | |||
#sndlib-audioPages { | #sndlib-audioPages { | ||
display: flex; | display: flex; | ||
justify-content: flex-start; | justify-content: flex-start; | ||
} | } | ||
| − | |||
#sndlib-audioPages a { | #sndlib-audioPages a { | ||
margin-right: 0.5em; | margin-right: 0.5em; | ||
} | } | ||
Revision as of 19:06, 8 November 2021
/*HOW TO INTEGRATE NEW CSS:
1) Testing new css idea : use your inspector and test around ;
2) Submit a pull request to github's LinguaLibre skin (or ask someone on the chatroom to do so):
https://github.com/lingua-libre/BlueLL/blob/master/assets/stylesheets/main.css
DO NOT PUT RANDOM CSS CODE INHERE
*/
/********************************************** */
/* REDIRECTS ******************************* */
#mwe-rw-steps, #mwe-rw-main{ padding: 0;}
/********************************************** */
/* CITATIONS ******************************* */
code{
background: #FFFFFF66;
font-size: 80%;
border: 1px solid #AAA;
border-radius: 3px;
padding: .15em;
} /*test */
pre {
font-family: monospace;
padding: .3em .3em .3em 1em;
margin: 1em 0 1em 1em;
border: 1px solid #CCC;
border-left: 3px solid #CCC ;
}
/********************************************** */
/*LINES SPACING *************************** */
#mw-content-text h2+h2,
#mw-content-text h2+h3,
#mw-content-text h2+h4,
#mw-content-text h2+p,
#mw-content-text h2+ul,
#mw-content-text h2+ol,
#mw-content-text h3+h2,
#mw-content-text h3+h3,
#mw-content-text h3+h4,
#mw-content-text h3+p,
#mw-content-text h3+ul,
#mw-content-text h3+ol,
#mw-content-text h4+h2,
#mw-content-text h4+h3,
#mw-content-text h4+h4,
#mw-content-text h4+p,
#mw-content-text h4+ul,
#mw-content-text h4+ol,
#mw-content-text p+h2,
#mw-content-text p+h3,
#mw-content-text p+h4,
#mw-content-text p+p,
#mw-content-text p+ul,
#mw-content-text p+ol,
#mw-content-text ul+h2,
#mw-content-text ul+h3,
#mw-content-text ul+h4,
#mw-content-text ul+p,
#mw-content-text ul+ul,
#mw-content-text ul+ol,
#mw-content-text ol+h2,
#mw-content-text ol+h3,
#mw-content-text ol+h4,
#mw-content-text ol+p,
#mw-content-text ol+ul,
#mw-content-text ol+ol {
margin-top: 16px;
}
#mw-content-text ul {
margin-top: 16px;
}
#mw-content-text h2,
#mw-content-text h3 {
margin-top: 1.3em!important;
}
#mw-content-text h4,
#mw-content-text h5 {
margin-top: .8em!important;
}
/* Wikimedia Commons image's template with better style */
.commons-file-information-table {
border: 1px solid #a2a9b1;
background-color: #f8f9fa;
padding: 5px;
font-size: 95%;
}
/********************************************** */
/*SOUND LIBRARY *************************** */
/* Interface for displaying contributions on [[LinguaLibre:Explore the sound library]] */
#sndlib-totalContainer {
display: flex;
justify-content: space-between;
padding: 0 1em;
}
#sndlib-savefiltersearch {
color: gray;
}
#sndlib-savefiltersearch a {
color: white;
}
#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;
}