MediaWiki

Common.css

Revision as of 11:07, 22 September 2021 by Seb35 (talk | contribs) (+style for interface for displaying contributions on LinguaLibre:Explore the sound library)

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/*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%;
}

/* Interface for displaying contributions on [[LinguaLibre:Explore the sound library]] */

#sndlib-totalContainer {
	display: flex;
	justify-content: space-between;
	padding: 0 1em;
}

#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;
}