MediaWiki:Common.css: Difference between revisions
Appearance
Xinreality (talk | contribs) No edit summary |
Xinreality (talk | contribs) No edit summary |
||
(62 intermediate revisions by the same user not shown) | |||
Line 2: | Line 2: | ||
body.page-Main_Page h1.firstHeading { display:none; } | body.page-Main_Page h1.firstHeading { display:none; } | ||
. | .XinReality1 { | ||
background:#939aa4; | background:#939aa4; | ||
background:linear-gradient(to bottom, #939aa4 0%, #bbc2ca 100%); | background:linear-gradient(to bottom, #939aa4 0%, #bbc2ca 100%); | ||
} | } | ||
. | .XinReality2 { | ||
background:#254b72; | background:#254b72; | ||
background:linear-gradient(to bottom, #254b72 0%, #6f97b0 100%); | background:linear-gradient(to bottom, #254b72 0%, #6f97b0 100%); | ||
} | } | ||
.XinReality3 { | |||
background:#eab267; | |||
background:linear-gradient(to bottom, #e5a145 0%, #f8d281 100%); | |||
} | |||
.superheader { | .superheader { | ||
border: 3px double # | border: 3px double #bbc2ca; | ||
padding: 7px; | padding: 7px; | ||
} | } | ||
Line 41: | Line 43: | ||
.dull1 { | .dull1 { | ||
border: 3px double # | border: 3px double #82a0b8; | ||
margin: 0 0 10px 0; | margin: 0 0 10px 0; | ||
padding: 3px 6px; | padding: 3px 6px; | ||
Line 75: | Line 77: | ||
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*/ |
Latest revision as of 19:26, 16 April 2025
/* CSS placed here will be applied to all skins */
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*/