MediaWiki:Common.css
Appearance
Note: After publishing, 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)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* CSS placed here will be applied to all skins */
#footer { display: none; }
#n-help-mediawiki {
display: none;
}
#n-randompage {
display: none;
}
body {
color: #2a2b2d;
}
.firstHeading {
font-size: calc(20px + 2vmin);
}
#p-logo img {
width: 240px;
padding: 1rem;
}
@media screen and ( min-width: 1105px ) {
#p-search {
float: right;
}
}
#p-personal.pull-right .p-personal-tools,
.p-personal.pull-right .p-personal-tools {
justify-content: center;
}
.p-navbar {
border-radius: .25rem;
background-image: url(https://marxistwiki.org/images/f/ff/ItHasCome.jpg);
background-position: center;
background-attachment: fixed;
background-blend-mode: luminosity;
/** background-blend-mode: overlay; **/
}
.page-Main_Page #firstHeading {
text-align: center;
padding: 0;
}
.page-Main_Page #contentSub {
display: none;
}
.page-Main_Page .banner {
margin-top: 50px;
background-blend-mode: luminosity;
padding: 1rem 2rem 2rem 2rem;
background-image: url(https://marxistwiki.org/images/f/ff/ItHasCome.jpg);
background-position: center;
background-attachment: fixed;
background-color: #2296d9;
}
.page-Main_Page .banner .lead p {
color: #fff;
font-weight: bold;
}
.page-Main_Page .banner img {
border: 0;
border-radius: 24px;
background: white;
margin-top: -110px !important;
margin-bottom: 2rem !important;
}
.page-Main_Page .banner .lead {
margin-bottom: 2rem;
}
.vocapedia.card-deck .card {
min-height: 240px;
background-size: cover;
background-position: center;
border-width: 5px !important;
}
.vocapedia.card-deck .card a:first-of-type {
flex: 1;
}
.vocapedia.card-deck .card a:last-of-type {
text-decoration: none !important;
}
.vocapedia.card-deck .card-footer {
background: #48a942bb;
color: #fff;
font-weight: bold;
}
.footer-nav .navbar-nav {
flex: 1;
flex-wrap: wrap;
justify-content: space-between;
align-items: start;
}
.footer-nav .social-nav {
display: flex;
}
.footer-nav .footer-menu,
.footer-nav .social-nav {
flex: 1;
justify-content: center;
}
.footer-nav .social-nav a:before {
margin-right: .25rem;
}
.dropdown-toggle::before {
display: none !important;
}
.featured-box > div:first-of-type {
margin: 1rem;
border: 5px solid var(--primary);
border-radius: 5px;
max-height: 320px;
overflow: hidden;
}
.featured-box > div:empty {
display: none;
}
.img-fit {
max-width: 100%;
object-fit: cover;
object-position: center;
}
@media screen and ( min-width: 960px ){
.featured-box > div:first-of-type {
margin: 1rem 1rem 1rem 0;
}
.featured-box:nth-of-type(even) > div:first-of-type {
order: 1;
margin: 1rem 0 1rem 1rem;
}
.featured-box .btn {
float: right;
}
.featured-box:nth-of-type(even) .btn {
float: none;
}
}
.partners .p-navbar {
background-color: transparent;
background-image: none;
}
.partners .navbar-nav {
flex-wrap: wrap;
gap: .5rem;
}
.partners .partner-logo img {
height: 96px;
width: auto;
}
@media screen {
a:visited {
color: #135fa2;
}
}
.navbar-userloggedin,
.navbar-usernotloggedin {
color: rgba(255,255,255,0.8) !important;
}
.navbar-userloggedin:hover,
.navbar-usernotloggedin:hover {
color: rgba(255,255,255,1) !important;
}
div.editOptions {
border: 0;
}
.contentHeader {
margin-bottom: 1rem;
}
.vp-resources-wrap {
display: none;
}
.article-bottom .vp-resources-wrap {
display: block;
}
.article-bottom .vp-resources-wrap ul {
margin: 0.3em 0 0 2.75em;
}
h2, h3 {
border-bottom: 0 !important;
}
.article-form .select2-container--default .select2-selection--multiple .select2-selection__choice {
width: 100% !important;
}