MediaWiki:Common.css

Note: After publishing, 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: Press Ctrl-F5.

/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css2?family=Carter+One&family=EB+Garamond:ital,wght@0,400;0,800;1,400;1,800&family=Eczar:wght@400;600;700&family=Lato:ital,wght@0,300;0,700;0,900;1,300;1,700;1,900&family=Londrina+Solid:wght@300;900&family=Luckiest+Guy&family=Oswald:wght@300;500;700&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,700&family=Roboto+Serif:wdth,[email protected],400;100,100;100,500;100,900&family=Roboto:wght@100;500;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@font-face {
    font-family: "Century Gothic";
    src: url('https://archive.cojumpendium.net/gothic.woff');
}

/* ----------------- FLEXBOXES GENERAL ----------------- */

.flexRowContainer {
	display: flex; 
	flex-basis: auto;
	flex-flow: row wrap;
	justify-content: center;
	}

.flexRowContainer .flexItem {
	flex: 0;
	text-align:center;
	padding:10px; 
	margin: 2px;
}


/* ----------------- END - FLEXBOXES GENERAL ----------------- */

/* ----------------- INFOBOXES GLOBAL ----------------- */

.infobox {
	width: 300px;
	border: 1px solid #999999;
	float: right; 
	clear: right;
	margin: 10px 0px 30px 30px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	line-height: 1.8em !important;
	font-size: 11px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	font-family: "Century Gothic";
	color:#000000;
	}

#heading_biggest {
	text-align:center;
	font-size:20px;
	color: #000000;
	font-weight: bold;
	display:block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	line-height:normal !important;
	}

#heading_bigger {
	text-align:center;
	font-size:14px;
	font-weight: bold;
	display:block;
	margin: 5px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	line-height:normal !important;
	background-color:#0005;
	color: #fff;
	text-shadow: 1px 1px 3px #000;
	}
/* ----------------- INFOBOX ARTIST ----------------- */

#infobox_artist {
	background-color: #fb9f56;
	}

#infobox_artist #heading_biggest {
	}

#infobox_artist #heading_bigger {
    }
/* ----------------- INFOBOX SONG ----------------- */

#infobox_song {
	background-color: #fecbfc;
	}

#infobox_artist #heading_biggest {
	}

#infobox_artist #heading_bigger {
    }


/* ----------------- TRACKLIST GLOBAL ----------------- */
table.tracklist {
/*clear: both; */
font-size: inherit;
border: 1px solid #878787;
width: inherit;
background-color: #ececec;
}

table.tracklist th {
padding: 4px 9px;
margin: 0px;
border-bottom: 1px solid #666666;
}

table.tracklist td {}


/* ----------------- TRACKLIST ALBUMS ----------------- */

table#album {}

#album th {
background-color: #878787;
color: #ffffff;
}

#album tr {}

#album td {
background-color: #ececec;
padding: 4px 9px;
border-bottom: 1px solid #c6c6c6;
}

/* ----------------- INFOBOX ALBUM ----------------- */

#infobox_album {
	background-color: #accbf0;
	}

#infobox_album #heading_biggest {
	}

#infobox_album #heading_bigger {
    }