MediaWiki:Common.css: Difference between revisions
Appearance
Xinreality (talk | contribs) Created page with "→CSS placed here will be applied to all skins: body.page-Main_Page h1.firstHeading { display:none; }" |
Xinreality (talk | contribs) No edit summary |
||
(67 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 { | |||
background:#939aa4; | |||
background:linear-gradient(to bottom, #939aa4 0%, #bbc2ca 100%); | |||
} | |||
.XinReality2 { | |||
background:#254b72; | |||
background:linear-gradient(to bottom, #254b72 0%, #6f97b0 100%); | |||
} | |||
.XinReality3 { | |||
background:#eab267; | |||
background:linear-gradient(to bottom, #e5a145 0%, #f8d281 100%); | |||
} | |||
.superheader { | |||
border: 3px double #bbc2ca; | |||
padding: 7px; | |||
} | |||
p.white { | |||
color:#FFFFFF; | |||
} | |||
.radical { | |||
padding: 0; | |||
margin: 10px -10px 0 -10px; | |||
} | |||
table.sharp1 { | |||
table-layout: fixed; | |||
border-collapse: separate; | |||
border-spacing: 10px; | |||
margin: -10px 0 0 0; | |||
padding: 0; | |||
width: 100%; | |||
} | |||
.dull1 { | |||
border: 3px double #82a0b8; | |||
margin: 0 0 10px 0; | |||
padding: 3px 6px; | |||
vertical-align: top; | |||
} | |||
.dull1 .heading { | |||
margin: 0 0 0px 0; | |||
padding: 5px 0 10px 0; | |||
} | |||
.dull1 .body { | |||
height: 100%; | |||
margin: 0 0 0 0; | |||
padding: 5px 5px 0px 10px; | |||
} | |||
.dull2 { | |||
border: 3px double #eab267; | |||
margin: 0 0 10px 0; | |||
padding: 3px 6px; | |||
vertical-align: top; | |||
} | |||
.dull2 .heading { | |||
margin: 0 0 0px 0; | |||
padding: 5px 0 10px 0; | |||
} | |||
.dull2 .body { | |||
height: 100%; | |||
margin: 0 0 0 0; | |||
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*/ |