MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/* Edit These Variables! */
:root{
    --light-text: #735751;
    --light-headings: #735751;
    --light-content-bg: #e7d7c1;

    --light-link: #F1BB6E ;
    --light-link-visited: #735751 ;
    --light-link-hover: #06e;


    --dark-text: #e7d7c1;
    --dark-headings: #e7d7c1;
    --dark-content-bg: #735751;

    --dark-link: #F1BB6E ;
    --dark-link-visited: #735751 ;
    --dark-link-hover: #06e;
}

/*Careful Below*/

/*LightMode*/
:root{
    --var-text-color: var(--light-text);
    --var-background-color: var(--light-content-bg);

    --var-link: var(--light-link);
    --var-link-visited: var(--light-link-visited);
    --var-link-hover: var(--light-link-hover);
    --var-link-active: #000;
}

/*DarkMode - invert text and background (can add darkMode variables)*/
:root.client-darkmode{
    --var-text-color: var(--dark-text);
    --var-background-color: var(--dark-content-bg);

    --var-link: var(--dark-link);
    --var-link-visited: var(--dark-link-visited);
    --var-link-hover: var(--dark-link-hover);
    --var-link-active: #fff;

}



#footer #footer-icons{
  float: left;
}

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

table{
    display: block;

    max-width: 100%;
    overflow-x: auto;
    white-space:no-wrap;
}



@media screen and (max-width: 640px) {
  #header #p-banner{
    padding: 0 0 0em 0.5em;
    margin: 0.75em 0 1.5em 0.5em;
  }

  #header #p-search{
    top: auto;
    bottom:0.5em;
    padding:0 1.5em 0.5em 0.5em;
    
}
}
@media screen and (max-width: 420px) {
  #page-tools #p-actions{
    display:none;
  }
}