MediaWiki:Common.css: Difference between revisions

From WargameChess

No edit summary
No edit summary
Line 40: Line 40:
   margin:0 0 1em 1em;  
   margin:0 0 1em 1em;  
   position:fixed;  
   position:fixed;  
   bottom:150px;  
   bottom:10px;  
   right:10px;
   right:10px;
};
};

Revision as of 13:55, 30 January 2025

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

}

/* Table of Contents */
#toc {
  float:right; 
  margin:0 0 1em 1em; 
  position:fixed; 
  bottom:10px; 
  right:10px;
};


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