MediaWiki:Common.css: Difference between revisions

From Cojumpendium Wiki
Jump to navigationJump to search
No edit summary
Tag: Reverted
No edit summary
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* 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://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://archive.cojumpendium.net/go/Fonts/Century%20Gothic%20Paneuropean%20Bold.ttf')


@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
ol.references li:target, sup.reference:target {
    background-color: rgb(0 0 255/ 20%);
}


/* ----------------- FLEXBOXES GENERAL ----------------- */
/* ----------------- FLEXBOXES GENERAL ----------------- */
Line 44: Line 50:
color:#000000;
color:#000000;
}
}
@media (max-width: 1000px) {
  .infobox {
      width: 100%
      }
  }


#heading_biggest {
#heading_biggest {
Line 139: Line 139:


#album td {
#album td {
background-color: #ececec;
background-color: rgba(127, 127, 127,);
padding: 4px 9px;
padding: 4px 9px;
border-bottom: 1px solid #c6c6c6;
border-bottom: 1px solid #c6c6c6;
Line 159: Line 159:
.showsTable th {
.showsTable th {
     text-align: left;
     text-align: left;
     background: #fff;
     background: #777;
     position: sticky;
     position: sticky;
     top: 0px;
     top: 0px;
}
}
.showsTable tr:nth-child(odd) {
.showsTable tr:nth-child(odd) {
     background: #eee;
     background: rgb(128,128,128 / 25%);
}
}
.showsTable td {
.showsTable td {

Latest revision as of 19:04, 6 December 2024

/* 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://archive.cojumpendium.net/go/Fonts/Century%20Gothic%20Paneuropean%20Bold.ttf')

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

ol.references li:target, sup.reference:target {
    background-color: rgb(0 0 255/ 20%);
}

/* ----------------- 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 Paneuropean", Futura, Verdana, Arial, Helvetica, sans-serif;
	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 {
    }

/* ----------------- INFOBOX PERSON ----------------- */

#infobox_person {
	background-color: #8ff387;
	}

#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: rgba(127, 127, 127,);
padding: 4px 9px;
border-bottom: 1px solid #c6c6c6;
}

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

#infobox_album {
	background-color: #accbf0;
	}

#infobox_album #heading_biggest {
	}

#infobox_album #heading_bigger {
    }

/* ---------------- TOURDATE ARCHIVE TABLE -------------- */
.showsTable th {
    text-align: left;
    background: #777;
    position: sticky;
    top: 0px;
}
.showsTable tr:nth-child(odd) {
    background: rgb(128,128,128 / 25%);
}
.showsTable td {
    border-right: 1px solid #ddd;
    padding: 5px;
}

.showsTable td:nth-child(5),
.showsTable td:nth-child(6),
.showsTable td:nth-child(7),
.showsTable td:nth-child(8) 
	{
    text-align: center;
	}
/* ----------------- ALBUMBOX ----------------- */

.albumbox .mw-collapsible-toggle-default .mw-collapsible-text {
    color: #ffffff;
}
.albumbox .mw-collapsible-toggle-default:before {
    color: #ffffff;
}
.albumbox .mw-collapsible-toggle-default:after {
    color: #ffffff;
}

/* ----------------- SHHHHH! ----------------- */
body[class*="page-User_BlueYoshi_57EML"] .mw-wiki-logo {
	background-image: url(https://i.imgur.com/WSU7FJO.png);
}