MediaWiki: Common.css

Note: After saving, 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 */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap');

.navbar-brand
{
font-family: "Montserrat", sans-serif;
}

/*NAVBAR*/
.navbar-brand img{
max-height: 50px;
}
/*just makes it one line on most mobile devices up to 300px wide*/
.navbar-brand {
margin-right: 0rem;
}

/*makes nav-bar yellow*/
.bg-yellow{
	background-color:#ffc833;
	color: #212223;
}
/*THIS is what decides the width of the content of the navbar*/
.navbar .container-fluid {
max-width: 70%;
flex: 0 10% 50%;
}


/*endarkens*/
body
{
background: #212223;
color: white;
}




/*sidebar buttons only?? I THINK??**/
#sidebar-right .btn {
color: #212223;
}
/*ok it still has a border around the border????*/
#sidebar-right .btn:focus, .btn:active
{
	background-color:goldenrod;
	border-color: goldenrod;
	border-width: 5px;
}
/*ok it still has a border around the border????*/
.btn:focus, .btn:active
{
	background-color:goldenrod;
	border-color: goldenrod;
	border-width: 5px;
}


/*TOC*/
/*TOC colors???? for links*/
#tweekiTOC #toc a.active, #tweekiTOC #toc a:focus, #tweekiTOC #toc a:hover
{
	color: goldenrod;
}
/*SPECIFICALLY THE "TO TOP" FOR TOC*/
#tweekiTOC #toctitle h2 a, #tweekiTOC .toctitle h2 a
{
	background-color: goldenrod;
	color: black;
}



/* THESE R AFFECTING THE NAVBARS TOO*/

/*unvisited link*/
a:link {
  color: goldenrod;
}

/* visited link */
a:visited {
  color: goldenrod;
}

/* mouse over link */
a:hover {
  color: goldenrod;
}

/* selected link */
a:active {
  color: #ffc833;
}

/* unknown link */
a[href*="redlink=1"] {
	color: red;
}



/* EXTERNAL LINKS DEFAULT ICON REMOVAL */
#content a.external, 
#content a.external[href^="gopher://"],
#content a.external[href^="https://"],
.link-https {
	color: #ffc833;
	/* remove lock background: none padding-right:0 */
    background: none;
    padding-right: 0;
}

/* EXTERNAL LINKS ICON*/
#content a.external::after, 
#content a.external[href^="gopher://"]::after,
#content a.external[href^="https://"]::after,
.link-https, .link-https::after  {
	color: goldenrod;
	content: "\f35d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 8px;
    background: none;
    padding-left: 3px;
    padding-right: 0;
    vertical-align: super;
}

pre {
	color:white;
	background-color: #212223;
}

/*ALL BUTTONS*/
.btn, .btn:link
{
background-color:#FFC833;
border-style: solid;
border-color:#ffc833;
color: #212223;
border-width: 5px;
}
.btn:active, .btn:focus {
	color:goldenrod;
	border-style:solid;
	border-width: 5px;
}
/*BUTTON HOVER COLORS* note: when active/selected it's still fucked*/
.btn-primary.focus,.btn-primary:focus,.btn-primary:hover,.btn-primary:active{
    background-color: goldenrod;
    color: #212223;
    border-style: solid;
border-width: 5px;
border-color: goldenrod;
}

/*FOOTER*/
.footer .container-fluid {
max-width: 70%;
flex: 0 10% 50%;
}

/*DISPLAY CATERGORIES*/
#catlinks { 
display:block;
background: #212223;
border: none;
}