Difference between revisions of "MediaWiki:Common.css"

From SEBoK
Jump to navigation Jump to search
Line 14: Line 14:
 
width: 732px;
 
width: 732px;
 
}
 
}
 +
 +
/* <logo year="2020"> */
 +
/* size and position */
 +
body.skin-vector div#p-logo {
 +
    margin-left: 70px;
 +
}
 +
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: 320px !important;
 +
}
 +
}
 +
/* # 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 {
 
.printonly {

Revision as of 20:24, 8 March 2021

/* CSS placed here will be applied to all skins */
#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; }

#mw-panel #p-logo > a {
	width: 732px;
}

/* <logo year="2020"> */
/* size and position */
body.skin-vector div#p-logo {
    margin-left: 70px;
}
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: 320px !important;
}
}
/* # 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;
}