Difference between revisions of "MediaWiki:Common.css"
From Playdate Community Wiki
BlueMaxima (talk | contribs) Tag: Reverted |
BlueMaxima (talk | contribs) Tag: Reverted |
||
Line 1: | Line 1: | ||
/* NAVBAR */ | /* NAVBAR */ | ||
.navbar { | .navbar { | ||
background-color: # | background-color: #000000; | ||
color: #212223; | color: #212223; | ||
} | } | ||
Line 20: | Line 20: | ||
margin-left: 0.5em; | margin-left: 0.5em; | ||
vertical-align: .2em; | vertical-align: .2em; | ||
} | } | ||
.navbar-nav .nav-item { | .navbar-nav .nav-item { | ||
Line 27: | Line 26: | ||
.navbar-nav.navbar-right .nav-item .fa.fa-user { | .navbar-nav.navbar-right .nav-item .fa.fa-user { | ||
margin-right: 0.5em; | margin-right: 0.5em; | ||
} | } | ||
/*FOOTER*/ | /*FOOTER*/ |
Revision as of 00:39, 28 March 2022
/* NAVBAR */ .navbar { background-color: #000000; color: #212223; } .navbar-brand { font-family: "Montserrat", sans-serif; } .navbar-brand img{ max-height: 50px; } .navbar-nav .nav-link { color: rgba(0,0,0,.7); } .navbar-nav .nav-link:hover { color: rgba(0,0,0,.5); } .navbar-nav .nav-item.dropdown .dropdown-toggle:after { margin-left: 0.5em; vertical-align: .2em; } .navbar-nav .nav-item { margin-right: 0.5em; } .navbar-nav.navbar-right .nav-item .fa.fa-user { margin-right: 0.5em; } /*FOOTER*/ @media (min-width: 992px) { .navbar .container-fluid { max-width: 70%; flex: 0 10% 50%; } .navbar-brand img{ padding-left: 50px; } .navbar-nav { padding-left: 20px; padding-right: 50px; } #content { /* background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(0,0,0,0.3); */ } .footer .container-fluid { padding-left: 90px; padding-right: 90px; max-width: 70%; flex: 0 10% 50%; } .footer a:hover { color: white; } } @media (max-width: 991px) { .navbar-nav:first-child { margin-bottom: 1em; } .navbar-nav .nav-item { margin-right: 0.5em; border-bottom: 1px solid rgba(0,0,0,0.5); } .navbar-nav .nav-item:last-child { border-bottom: none; } .navbar-nav .nav-item.dropdown .dropdown-toggle:after { float: right; margin-top: 10px; } .navbar-nav .nav-item.dropdown .dropdown-menu { margin-bottom: 0.5em; } .navbar-form input.search-query { width: 100%; margin-bottom: 1em; } #sidebar-right { width: 100% !important; } } /* MAIN CONTENT */ 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: #212223; } /* LINKS */ a { font-weight: 500; } a:link { /* unvisited link */ color: goldenrod; } a:visited { /* visited link */ color: goldenrod; } a:hover { /* mouse over link */ color: goldenrod; } a:active { /* selected link */ color: #ffc833; } a[href*="redlink=1"] { /* unknown link */ color: red; } #content a.external, /* external link default img removal */ #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; } #content a.external::after, /* external link icon */ #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; } /*DISPLAY CATERGORIES*/ #catlinks { display: block; background: transparent; border: none; } .mw-content-ltr ul { margin-left: 2em; } .mw-content-ltr li { padding-left: 0.5em; } .slideshow-current { background: #303133!important; }