MediaWiki
Difference between revisions of "Common.css"
(+rule for LinguaLibre:Explore the sound library) |
m (Reverted edits by Yug (talk) to last revision by WikiLucas00) Tag: Rollback |
||
| (8 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
| + | .mwe-rw-core { | ||
| + | flex-direction: unset; | ||
| + | } | ||
/*HOW TO INTEGRATE NEW CSS: | /*HOW TO INTEGRATE NEW CSS: | ||
1) Testing new css idea : use your inspector and test around ; | 1) Testing new css idea : use your inspector and test around ; | ||
| Line 6: | Line 9: | ||
DO NOT PUT RANDOM CSS CODE INHERE | DO NOT PUT RANDOM CSS CODE INHERE | ||
*/ | */ | ||
| + | |||
| + | /********************************************** */ | ||
| + | /* QUERYVIZ ******************************* */ | ||
| + | .queryviz-toggle { display: none; } | ||
| + | .queryviz-loading { border: 1px solid grey; } | ||
/********************************************** */ | /********************************************** */ | ||
/* REDIRECTS ******************************* */ | /* REDIRECTS ******************************* */ | ||
| Line 25: | Line 33: | ||
border: 1px solid #CCC; | border: 1px solid #CCC; | ||
border-left: 3px solid #CCC ; | border-left: 3px solid #CCC ; | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| Line 86: | Line 43: | ||
} | } | ||
| + | /********************************************** */ | ||
| + | /*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 51: | ||
padding: 0 1em; | padding: 0 1em; | ||
} | } | ||
| − | + | #sndlib-savefiltersearch { | |
| + | 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 107: | Line 65: | ||
margin: 20px 5px; | margin: 20px 5px; | ||
} | } | ||
| − | |||
#sndlib-buttonsContainer p { | #sndlib-buttonsContainer p { | ||
display: flex; | display: flex; | ||
| Line 113: | Line 70: | ||
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 129: | Line 83: | ||
} | } | ||
} | } | ||
| − | |||
@media (max-width: 750px) { | @media (max-width: 750px) { | ||
#sndlib-totalContainer { | #sndlib-totalContainer { | ||
| Line 136: | Line 89: | ||
} | } | ||
} | } | ||
| − | |||
.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; | ||
} | } | ||
| + | img[alt="1M recordings"] { width: 100% !important; height: auto !important; } | ||
Latest revision as of 09:57, 15 June 2024
.mwe-rw-core {
flex-direction: unset;
}
/*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
*/
/********************************************** */
/* QUERYVIZ ******************************* */
.queryviz-toggle { display: none; }
.queryviz-loading { border: 1px solid grey; }
/********************************************** */
/* 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 ;
}
/* 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;
}
img[alt="1M recordings"] { width: 100% !important; height: auto !important; }