The official discord link if you wish to join the discord: https://discord.gg/j5RKwCvAFu

Support the wiki on our official Ko-Fi page or Patreon page!

MediaWiki:Common.css

From The Codex
Revision as of 22:58, 19 August 2022 by GiverOfThePeace (talk | contribs)

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 on the entire site. *****/
 
/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/*********************
     Template:Tabs
 *********************/
/* General styles */
	/** margins **/
.article-tabs {
	margin-bottom: 5px;
}
	/** list **/
.article-tabs ul {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
	/** tab default style **/
.article-tabs li {
	margin: 0;
	min-width: 100px;
	border: 1px solid var(--theme-text-color1);
	border-radius: 8px 8px 0 0;
	background-color: var(--colorscheme-bg, var(--theme-bg-color1));
	color: var(--colorscheme-txt, var(--theme-text-color1));
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}
	/** links cover the whole tab **/
.article-tabs li a,
.article-tabs li a.new {
	display: block;
	color: inherit !important;
}
.article-tabs li > .selflink,
.article-tabs li > span,
.article-tabs li a > span {
	display: block;
	padding: 5px 10px;
}
	/** active and hover tab style **/
.article-tabs .at-selected,
.article-tabs li:hover {
	background-color: var(--colorscheme-txt, var(--theme-bg-color3));
	color: var(--colorscheme-bg, var(--theme-text-color3));
}

/* Second level tabs */
	/** default placement **/
.article-tabs .article-tabs {
	display: none;			/* initially hidden */
	position: absolute;

}
.article-tabs .article-tabs ul {
	width: 858px;
}
	/** tabs style **/
.article-tabs .article-tabs li {
	border-radius: 0;
}
	/** active tab style **/
.article-tabs .at-selected .article-tabs {
	display: table;
	left: 0;
}
	/** show on hover **/
.article-tabs li:not(.at-selected):hover > .article-tabs {
	display: table;
	z-index: 1;
}
	/** hover style **/
.article-tabs li:not(.at-selected):hover > .article-tabs ul {
	min-width: 200px;
	width: auto;
	flex-direction: column;
	left: -2px;
}

/* Adjacent tabs style (not nested) */
.article-tabs + .article-tabs li {
	margin-top: -5px;
	border-radius: 0 0 8px 8px;
}