MediaWiki
Difference between revisions of "Common.css"
(remove some rules now redundant with code of BlueLL skin - requested by email from Adélaïde and Poslovitch) |
WikiLucas00 (talk | contribs) (add a rule related to the 1M recordings sitenotice for responsiveness) |
||
| (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 85: | Line 42: | ||
font-size: 95%; | 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; } | ||
Latest revision as of 21:58, 6 October 2023
.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; }