Difference between revisions of "MediaWiki:Common.css"

From SEBoK
Jump to navigation Jump to search
Line 123: Line 123:
 
     width: 222px;
 
     width: 222px;
 
     display: flex;
 
     display: flex;
     height: 200px;
+
     /*height: 200px;*/
 
     align-items: center;
 
     align-items: center;
 
     overflow: hidden;
 
     overflow: hidden;

Revision as of 16:31, 11 June 2022

/* 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;
    justify-content: center;
}

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

.sponsors-block .slideshowspacer {
   display: none !important;
}