Jump to content

MediaWiki:Common.css

From Marxist Wiki
Revision as of 00:59, 20 March 2025 by Thehighwayman (talk | contribs)

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://vocapedia.info/w/images/e/ed/Bg_music.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://vocapedia.info/w/images/e/ed/Bg_music.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;
}