MediaWiki
Difference between revisions of "Common.css"
m (Reverted edits by Yug (talk) to last revision by WikiLucas00) Tag: Rollback |
|||
(52 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
+ | .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; } |
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; }