Jump to content

MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
 
(65 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
/* This makes the infobox above the content on Mobile only */
/* Mobile-specific infobox styling - only applies on small screens */
@media only screen and (max-width: 768px) {
  .infobox {
    float: none !important;
    display: block !important;
    width: 100% !important;
    margin: 0 0 15px 0 !important;
    box-sizing: border-box;
  }
  /* Optional: If you want a bit of margin on the sides */
  .infobox {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 95% !important;
  }
  /* Ensure infobox appears before the first paragraph */
  #bodyContent > p:first-of-type {
    clear: both;
  }
}
/* End of this makes the infobox above the content on Mobile only */
body.page-Main_Page h1.firstHeading { display:none; }
body.page-Main_Page h1.firstHeading { display:none; }


.XinReality1 {
.XinReality1 {
     background:#eab267;
     background:#939aa4;
     background:linear-gradient(to bottom, #eab267 0%, #f8d281 100%);
     background:linear-gradient(to bottom, #939aa4 0%, #bbc2ca 100%);
}
}


.XinReality2 {
.XinReality2 {
     background:#939aa4;
     background:#254b72;
     background:linear-gradient(to bottom, #939aa4 0%, #bbc2ca 100%);
     background:linear-gradient(to bottom, #254b72 0%, #6f97b0 100%);
}
}


.XinReality3 {
.XinReality3 {
     background:#254b72;
     background:#eab267;
     background:linear-gradient(to bottom, #254b72 0%, #6f97b0 100%);
     background:linear-gradient(to bottom, #e5a145 0%, #f8d281 100%);
}
}


.superheader {
.superheader {
     border: 3px double #82a0b8;
     border: 3px double #bbc2ca;
     padding: 7px;
     padding: 7px;
}
}
Line 41: Line 71:


.dull1 {
.dull1 {
   border: 3px double #bbc2ca;
   border: 3px double #82a0b8;
   margin: 0 0 10px 0;
   margin: 0 0 10px 0;
   padding: 3px 6px;
   padding: 3px 6px;
Line 75: Line 105:
   padding: 5px 5px 0px 10px;
   padding: 5px 5px 0px 10px;
}
}
.dull3 {
  border: 3px double #bbc2ca;
  margin: 0 0 10px 0;
  padding: 3px 6px;
  vertical-align: top;
}
.dull3 .heading {
  margin: 0 0 0px 0;
  padding: 5px 0 10px 0;
}
.dull3 .body {
  height: 100%;
  margin: 0 0 0 0;
  padding: 5px 5px 0px 10px;
}
/* Stub template style */
.stub {
    text-align: center;
    margin: 3px;
    margin-left:10%;
    margin-right:10%;
    border-collapse: collapse;
    border: 1px solid #aaa;
    background: #DFE8FF;
}
.needConfirmation {
    text-align: center;
    margin: 3px;
    margin-left:10%;
    margin-right:10%;
    border-collapse: collapse;
    border: 1px solid #aaa;
    background: #eab676;
}
/* Infobox template style */
.infobox {
  border: 1px solid #020202;
  background-color: #f9f9f9;
  color: black;
  margin-bottom: 0.5em;
  margin-left: 1em;
  padding: 0.2em;
  float: right;
  clear: right;
}
.infobox td,
.infobox th {
  vertical-align: top;
}
.infobox caption {
  font-size: larger;
  margin-left: inherit;
}
.infobox.bordered {
  border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
  border: 1px solid #020202;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
  border: 0;
}
/* Allow limiting of which header levels are shown in a TOC;
  <div class="toclimit-3">, for instance, will limit to
  showing ==headings== and ===headings=== but no further
  (as long as there are no =headings= on the page, which
  there shouldn't be according to the MoS). */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
    display: none;
}
/* widen the sidebar */
div#mw-panel {
            width: 12em;
}
div#footer, #mw-head-base, div#content {
            margin-left: 12em;
}
#left-navigation {
            left: 12em;
}
div#mw-panel div.portal {
  padding-bottom: 5px;
}
div#p-namespaces {
            margin-left: 1em;
}
div#mw-panel div.portal {
            margin: 0 0.6em 0 0;
}
div#mw-panel div.portal div.body ul li {
          margin-left: 1em;
}
div#mw-panel div.portal h3 {
        margin-left: 2.4em;
}
/*we don't want disqus on the main page*/
.page-Main_Page #disqus-wrapper {
    display:none!important;
}
/*Show only desktop ad code on Desktop*/
.nodesktop{
display:none!important;
}
/* top and bottom banners (add header and footer) */
body {
background: url() top left no-repeat, url() bottom left no-repeat;
height:auto;
min-height:110vh;
}
body {
background-repeat: no-repeat!important;
}
/* display mobile or desktop */
/* used by the front page start*/
/* Default styles for desktop (769px or more) */
.desktop-view {
    display: block;
}
.mobile-view {
    display: none;
}
@media only screen and (max-width: 768px) {
  .desktop-view { display: none !important; }
  .mobile-view { display: block !important; }
}
/* used by the front page end*/