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: Difference between revisions

From The Codex
PlozBot
PlozBot (talk | contribs) (Undo revision 98610 by PlozBot (talk))
Line 10: Line 10:
.watchlistredir {
.watchlistredir {
   font-style: italic;
   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;
}
}

Revision as of 22:58, 19 August 2022

/***** 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;
}