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.

/* <pre><nowiki> */

/* LINKS */

A:link { text-decoration: none; }
A:visited { text-decoration: none; }
A:active { text-decoration: none; }
A:hover { text-decoration: underline; }

.underlinelink a { text-decoration: underline !important; }
.nounderlinelink a { text-decoration: none !important; }
.nounderlinelink a:hover { text-decoration: underline !important; }


/* SEQUENCE TEMPLATE */

td.seqwhite a { color: #FFFFFF !important;}
td.seqwhite div span a { color: #FFFFFF !important;}
td.seqcream a { color: #FFFDD0 !important;}
td.seqcream div span a { color: #FFFDD0 !important;}
td.seqgrey a { color: #2A2A2A !important;}
td.seqgrey div span a { color: #2A2A2A !important;}



/* REFERENCES TEMPLATE */
ol.references { font-size: 80%; margin-top: 0px; padding-top: 0px; }
.references-small { font-size: 70%;}
ol.references > li:target { background-color: #ddeeff; }
sup.reference:target { background-color: #ddeeff; }


/* EXTRA EDIT BUTTONS */
.XEBPopupTitle
{ 
  background-color: #FFFAEF;
  padding: 5px;
  font-size: medium;
text-align: center
  /* opacity: 0.9; */
}
.XEBMnuItm
{
}


/* BULLET POINTS */
ul { margin-left: .7em; padding-left: .7em; }


/* MAIN PAGE */
.MP-UL ul { margin-bottom: 0; padding-bottom: 0; margin-top: 0; padding-top: 0; list-style-position: inside; margin-left: 1.5em; text-indent: -2.5em; padding-left: 1em; }
.MP-ULPORTAL ul { margin-bottom: 0; padding-bottom: 0; margin-top: 0; padding-top: 0; }


/* COLLAPSIBLE TABLES */
 
table.collapsed tr.collapsible {
        display: none;
}
 
.collapseButton {               /* 'show'/'hide' buttons created dynamically by the             */
        float: right;           /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
        font-weight: normal;    /* are styled here so they can be customised.             */
        text-align: right;
        width: 40px;
        font-size: 95%;
}



/* Infobox customizations so they scale for desktop and mobile appropriately */
@media only screen and (max-width: 600px) {
  .tginfobox {
    min-width: 100%;
  }
}

@media only screen and (min-width: 601px) {
  .tginfobox {
    width: 275px;
  }
}

/* Main Page customizations so they scale for desktop and mobile appropriately */
.tg-main-page-row {
  display: flex;
  flex-wrap: wrap;
}

.tg-main-page-column {
  flex: 50%;
}

@media screen and (max-width: 600px) {
  .tg-main-page-row {
    flex-direction: column;
  }

  .spotify {
	float: center;
	margin-left:10px;
  }
}

.pi-type-film .pi-secondary-background {
	background: rgb(238,249,238);
	background: linear-gradient(90deg, rgba(238,249,238,1) 0%, rgba(171,194,171,1) 35%, rgba(114,139,114,1) 100%);
}

.pi-data {
  display: flex;
  align-items: center;
}

.spotify {
	float: right;
	width: 300px;
	height: 100px;
}

#main-page-title {
	font-size:180%;
	border:none;
	margin: 0;
	padding:.1em;
	color:#000
}

#main-page-subtitle {
	top:+0.2em;
	font-size: 105%;
}

#articlecount {
	width:100%;
	text-align:center;
	font-size:95%;
}

@media screen and (max-width: 850px) {
	#main-page-title {
		font-size: 120%;
	}
	#main-page-subtitle {
		display: none;
	}
	#articlecount {
		display: none;
	}
	#p-logo-text {
	/* Tighten the logo a bit more to the left on mobile devices to prevent overlapping */
		left: 3em;
		
	}
}

/* </nowiki></pre> */