Jump to content

MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
 
(29 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 */
body.page-Main_Page h1.firstHeading { display:none; }
body.page-Main_Page h1.firstHeading { display:none; }


.XinReality1 {
.XinReality1 {
Line 105: Line 106:
     background: #DFE8FF;
     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 template style */
Line 150: Line 162:
     display: none;
     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*/
/*we don't want disqus on the main page*/
Line 163: Line 209:
/* top and bottom banners (add header and footer) */
/* top and bottom banners (add header and footer) */
body {
body {
background: url(https://xinreality.com/mediawiki/images/xinreality_header1.png) top left no-repeat, url(https://xinreality.com/mediawiki/images/xinreality_footer1.png) bottom left no-repeat;
background: url() top left no-repeat, url() bottom left no-repeat;


height:auto;
height:auto;
min-height:105vh;
min-height:110vh;
}
}


Line 172: Line 218:
background-repeat: no-repeat!important;
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*/