MediaWiki

Difference between revisions of "Common.css"

m
m (Reverted edits by Yug (talk) to last revision by WikiLucas00)
Tag: Rollback
 
(71 intermediate revisions by 4 users not shown)
Line 1: Line 1:
#site-tools, #page-tools, .wb-language-fallback-indicator {
+
.mwe-rw-core {
  display:none;
+
    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
  
input:not([type]),
+
DO NOT PUT RANDOM CSS CODE INHERE
input[type="text"],
+
*/
input[type="password"],
+
 
input[type="date"],
+
/********************************************** */
input[type="datetime"],
+
/* QUERYVIZ  ******************************* */
input[type="datetime-local"],
+
.queryviz-toggle { display: none; }
input[type="month"],
+
.queryviz-loading { border: 1px solid grey; }
input[type="week"],
+
/********************************************** */
input[type="email"],
+
/* REDIRECTS ******************************* */
input[type="number"],
+
#mwe-rw-steps, #mwe-rw-main{ padding: 0;}
input[type="search"],
+
/********************************************** */
input[type="tel"],
+
/* CITATIONS ******************************* */
input[type="time"],
+
code{
input[type="url"],
+
background: #FFFFFF66;
input[type="color"],
+
    font-size: 80%;
textarea {
+
    border: 1px solid #AAA;
    box-shadow: none;
+
    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; }