MediaWiki:Common.css
From WargameChess
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 */
/* Edit These Variables! */
:root{
--text: #735751;
--headings: #735751;
--content-bg: #e7d7c1;
--link: #F1BB6E ;
--link-visited: #C68429 ;
--link-hover: #06e;
}
/*LightMode*/
:root{
--var-text-color: var(--text);
--var-background-color: var(--content-bg);
--var-link: var(--link);
--var-link-visited: var(--link-visited);
--var-link-hover: var(--link-hover);
--var-link-active: #000;
}
/*DarkMode - invert text and background (can add darkMode variables)*/
:root.client-darkmode{
--var-text-color: var(--content-bg);
--var-background-color: var(--text);
--var-link: hsl(var(--link) h s calc(l + 40%));
--var-link-visited: hsl(var(--link-visited) h s calc(l + 40%));
--var-link-hover: hsl(var(--link-hover) h s calc(l + 40%));
--var-link-active: #fff;
}
#footer-icons{
border: 2px solid red;
padding: 20px 0;
}
/* Table of Contents */
#toc {
max-height: calc(60vh - 20px);
overflow-y: auto;
float: right;
margin:0 0 1em 1em;
position:fixed;
bottom:10px;
right:10px;
display:flex;
flex-direction: column;
z-index: 10000000;
padding: 20px;
transition: all 0.5s;
};
/* unvisited links */
a:link{
color: var(--var-link);
}
/* visited links */
a:visited{
color: var(--var-link-visited);
}
/* user hovers, or focus */
a:hover, a:focus{
color: var(--link-hover);
}
/* active links */
a:active{
color: var(--var-link-active);
}
/* Hides links in Sidebar - Tools */
#t-whatlinkshere{
display: none;
}
#t-recentchangeslinked{
display: none;
}
#t-upload{
display: none;
}
#t-specialpages{
display: none;
}
#t-permalink{
display: none;
}
#t-info{
display: none;
}
#t-cite{
display: none;
}
/* Hides links for Page and Discussion */
div#p-namespaces{
display: none;
}
#content {
background-color: var(--var-background-color);
}
body {
color: var(--var-text-color);
}
#footer{
z-index: 2;
}
