Difference between revisions of "MediaWiki:Common.css"
From Playdate Community Wiki
BlueMaxima (talk | contribs) |
BlueMaxima (talk | contribs) |
||
Line 1: | Line 1: | ||
/* | /* NAVBAR */ | ||
.navbar { | |||
# | background-color: #ffc833; | ||
color: #212223; | |||
} | |||
.navbar-brand | |||
{ | |||
font-family: "Montserrat", sans-serif; | |||
} | } | ||
.navbar-brand img{ | .navbar-brand img{ | ||
max-height: 50px; | max-height: 50px; | ||
} | |||
.navbar-nav .nav-link { | |||
color: rgba(0,0,0,.7); | |||
} | } | ||
.navbar-nav .nav-link:hover { | |||
.navbar- | 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) { | ||
max-width: 70%; | .navbar .container-fluid { | ||
flex: 0 10% 50%; | 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%; | |||
} | |||
} | } | ||
@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 | body | ||
{ | { | ||
background: #212223; | background: #212223; | ||
color: white; | color: white; | ||
} | } | ||
/*sidebar buttons only?? I THINK??**/ | /*sidebar buttons only?? I THINK??**/ | ||
#sidebar-right .btn { | #sidebar-right .btn { | ||
color: #212223; | color: #212223; | ||
} | } | ||
/*ok it still has a border around the border????*/ | /*ok it still has a border around the border????*/ | ||
#sidebar-right .btn:focus, .btn:active | #sidebar-right .btn:focus, .btn:active | ||
{ | { | ||
background-color:goldenrod; | |||
border-color: goldenrod; | |||
border-width: 5px; | |||
} | } | ||
/*ok it still has a border around the border????*/ | /*ok it still has a border around the border????*/ | ||
.btn:focus, .btn:active | .btn:focus, .btn:active | ||
{ | { | ||
background-color:goldenrod; | |||
border-color: goldenrod; | |||
border-width: 5px; | |||
} | } | ||
Line 62: | Line 112: | ||
#tweekiTOC #toc a.active, #tweekiTOC #toc a:focus, #tweekiTOC #toc a:hover | #tweekiTOC #toc a.active, #tweekiTOC #toc a:focus, #tweekiTOC #toc a:hover | ||
{ | { | ||
color: goldenrod; | |||
} | } | ||
/*SPECIFICALLY THE "TO TOP" FOR TOC*/ | /*SPECIFICALLY THE "TO TOP" FOR TOC*/ | ||
#tweekiTOC #toctitle h2 a, #tweekiTOC .toctitle h2 a | #tweekiTOC #toctitle h2 a, #tweekiTOC .toctitle h2 a | ||
{ | { | ||
background-color: goldenrod; | |||
color: black; | |||
} | } | ||
/* LINKS */ | |||
a { | |||
font-weight: 500; | |||
} | } | ||
a:link { /* unvisited link */ | |||
/*unvisited link*/ | |||
color: goldenrod; | color: goldenrod; | ||
} | } | ||
a:visited { /* visited link */ | |||
/* visited link */ | |||
color: goldenrod; | color: goldenrod; | ||
} | } | ||
a:hover { /* mouse over link */ | |||
/* mouse over link */ | |||
color: goldenrod; | color: goldenrod; | ||
} | } | ||
a:active { /* selected link */ | |||
/* selected link */ | |||
color: #ffc833; | color: #ffc833; | ||
} | } | ||
a[href*="redlink=1"] { /* unknown link */ | |||
color: red; | |||
a[href*="redlink=1"] { | |||
} | } | ||
#content a.external, /* external link default img removal */ | |||
#content a.external, | |||
#content a.external[href^="gopher://"], | #content a.external[href^="gopher://"], | ||
#content a.external[href^="https://"], | #content a.external[href^="https://"], | ||
.link-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::after, | |||
#content a.external[href^="gopher://"]::after, | #content a.external[href^="gopher://"]::after, | ||
#content a.external[href^="https://"]::after, | #content a.external[href^="https://"]::after, | ||
.link-https, .link-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 { | pre { | ||
color: white; | |||
background-color: #212223; | |||
} | } | ||
Line 142: | Line 172: | ||
.btn, .btn:link | .btn, .btn:link | ||
{ | { | ||
background-color:#FFC833; | background-color:#FFC833; | ||
border-style: solid; | border-style: solid; | ||
border-color:#ffc833; | border-color:#ffc833; | ||
color: #212223; | color: #212223; | ||
border-width: 5px; | border-width: 5px; | ||
} | } | ||
.btn:active, .btn:focus { | .btn:active, .btn:focus { | ||
color: goldenrod; | |||
border-style: solid; | |||
border-width: 5px; | |||
} | } | ||
/*BUTTON HOVER COLORS* note: when active/selected it's still fucked*/ | /*BUTTON HOVER COLORS* note: when active/selected it's still fucked*/ | ||
.btn-primary.focus,.btn-primary:focus,.btn-primary:hover,.btn-primary:active{ | .btn-primary.focus,.btn-primary:focus,.btn-primary:hover,.btn-primary:active{ | ||
background-color: goldenrod; | |||
color: #212223; | |||
border-style: solid; | |||
border-width: 5px; | border-width: 5px; | ||
border-color: goldenrod | border-color: goldenrod; | ||
} | } | ||
/*DISPLAY CATERGORIES*/ | /*DISPLAY CATERGORIES*/ | ||
#catlinks { | #catlinks { | ||
display:block; | display: block; | ||
background: | background: transparent; | ||
border: none; | border: none; | ||
} | |||
.mw-content-ltr ul { | |||
margin-left: 2em; | |||
} | |||
.mw-content-ltr li { | |||
padding-left: 0.5em; | |||
} | } |
Revision as of 05:33, 8 March 2022
/* NAVBAR */ .navbar { background-color: #ffc833; 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%; } } @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; } /* 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; }