Difference between revisions of "MediaWiki:Common.css"
From Playdate Community Wiki
BlueMaxima (talk | contribs) |
BlueMaxima (talk | contribs) |
||
Line 1: | Line 1: | ||
div.mw-category-generated h3 { | div.mw-category-generated h3 { | ||
display: none; | display: none; | ||
} | |||
/* 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; | |||
} | } |
Revision as of 11:11, 7 March 2022
div.mw-category-generated h3 { display: none; } /* 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; }