Difference between revisions of "MediaWiki:Common.css"
From Playdate Community Wiki
BlueMaxima (talk | contribs) |
BlueMaxima (talk | contribs) |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
#footer { | |||
padding-bottom: 1rem; | |||
} | |||
.navbar-brand | .navbar-brand img { height: 50px; } | ||
{ | |||
} | |||
/*NAVBAR*/ | /*NAVBAR*/ | ||
Line 70: | Line 69: | ||
background-color: goldenrod; | background-color: goldenrod; | ||
color: black; | color: black; | ||
} | |||
.toc, .toccolours { | |||
border: 1px solid goldenrod; | |||
background-color: black; | |||
} | } | ||
Revision as of 02:06, 8 March 2022
/* CSS placed here will be applied to all skins */ #footer { padding-bottom: 1rem; } .navbar-brand img { height: 50px; } /*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; } .toc, .toccolours { border: 1px solid goldenrod; background-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; }