MediaWiki:Common.css

From SEBoK
Jump to navigation Jump to search

Note: After saving, 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)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins */
#t-info { display: none !important; }
#ca-talk { display: none !important; }
#ca-pdfbook { display: none !important; }
body.page h1.firstHeading { display:block !important; }
/* hiding existing toolbox */
/* #p-navigation, #p-tb h5, #p-tb div.body { display:none !important; } */
#p-navigation { display:none !important; }
#Toolbox { display:none; }
#t-recentchangeslinked { display: none; }
#t-upload { display: none; }
#t-specialpages { display: none; }

/* logo size and position */
#mw-panel #p-logo > a {
	width: 732px;
}

/** SEB-82 */
body.skin-vector div#p-logo {
/*    margin-left: 213px; *//* SEBoK 2020.png            */
/*    margin-left: 230px; *//* SEBOK3-Banner3.png        */
      margin-left: 250px;   /* SEBoK_Banner3-cropped.png */
}

body.skin-vector #p-logo a {
	background-size: contain;
        background-position: left center;
}
/* # adjust for medium and small */
@media screen and ( max-width: 768px ){
body.skin-vector div#p-logo {
    margin-left: 0;
}
body.skin-vector #p-logo a {
    background-position: center center;
    width: 520px !important;
    margin-left: 20px;      /* SEBoK_Banner3-cropped.png */
}
}

/* # avoid overlapping on small */
@media screen and ( max-width: 576px ){
body.skin-vector #pt-mytalk, body.skin-vector #pt-mycontris {
    display: none;
}
}
@media screen and ( max-width: 480px ){
body.skin-vector #pt-preferences {
    display: none;
}
body.skin-vector #p-personal ul.vector-menu-content-list {
    text-align: right;
    display: flex;
    white-space: nowrap;
}
body.skin-vector #p-personal ul.vector-menu-content-list li {
    float: none !important;
}
}
/* </logo> */

.printonly {
  display: none;
}

@media print {
  .printonly {
    display: initial;
  }
}

.fancytree span.fancytree-title {
  font-size: 11px !important;
  white-space: normal !important;
  font-weight: normal !important;
}

div#mw-panel div.portal div.body .fancytree span.fancytree-title a {
  white-space: normal !important;
  line-height: 1.3em;
  font-weight: normal !important;
}

span.fancytree-node {
  position: relative;
  padding-left: 10px;
  box-sizing: border-box;
}

span.fancytree-node > .fancytree-expander {
  position: absolute;
  left: 0;
}

portal .body > .fancytree {
 margin-left: -30px;
}

/* sponsors block */

.sponsors-block {
  margin-bottom: 10px;
  padding: 10px 0;
  margin: 10px 0;
  /*border-top: 1px solid rgb(167 163 163);
  border-bottom: 1px solid rgb(167 163 163);*/
}

.sponsors-block .sponsors-block--heading {
    font-weight: 400;
    font-size: 11px;
    color: rgb(77, 77, 77);
    margin: 10px 0 15px -11px;
    display: block;
}

.sponsors-block .slideshow {
  margin: 10px 0 10px -15px;
}

.sponsors-block .slideshow {
    width: 222px;
    display: flex;
    height: 200px;
    align-items: center;
    overflow: hidden;
}

.sponsors-block .slideshow > div {
   position: relative !important;
}