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