MediaWiki:Mobile.css: Difference between revisions
Appearance
Xinreality (talk | contribs) No edit summary |
Xinreality (talk | contribs) No edit summary |
||
Line 7: | Line 7: | ||
} | } | ||
/* give some padding to the infobox field names on mobile */ | |||
table.infobox tr td:nth-child(1) { | table.infobox tr td:nth-child(1) { | ||
padding: 5px!important; | padding: 5px!important; | ||
Line 12: | Line 13: | ||
padding-right: 10px!important; | padding-right: 10px!important; | ||
} | } | ||
/* Old Infobox template style - NOT WORKING on Mobile*/ | |||
.infobox { | |||
border: 1px solid #020202; | |||
background-color: #f9f9f9; | |||
color: black; | |||
margin-bottom: 0.1em!important; | |||
margin-left: 1em; | |||
padding: 0.2em; | |||
float: right; | |||
clear: right; | |||
} | |||
.infobox td, | |||
.infobox th, | |||
.infobox tr, | |||
.infobox tbody { | |||
vertical-align: top; | |||
} | |||
.content .infobox tbody > tr > td, .content .infobox tbody > tr > th{ | |||
flex: inherit!important; | |||
border-bottom:none!important; | |||
} | |||
.infobox tr th{ | |||
text-align:center!important; | |||
} | |||
.infobox tbody > tr { | |||
border-bottom:1px solid #eaecf0!important; | |||
} | |||
.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; | |||
} | |||
Revision as of 02:00, 15 September 2023
/* CSS placed here will affect users of the mobile site */
/* center the infobox on mobile */
table.infobox tr th{
text-align:center!important;
}
/* give some padding to the infobox field names on mobile */
table.infobox tr td:nth-child(1) {
padding: 5px!important;
padding-left: 10px!important;
padding-right: 10px!important;
}
/* Old Infobox template style - NOT WORKING on Mobile*/
.infobox {
border: 1px solid #020202;
background-color: #f9f9f9;
color: black;
margin-bottom: 0.1em!important;
margin-left: 1em;
padding: 0.2em;
float: right;
clear: right;
}
.infobox td,
.infobox th,
.infobox tr,
.infobox tbody {
vertical-align: top;
}
.content .infobox tbody > tr > td, .content .infobox tbody > tr > th{
flex: inherit!important;
border-bottom:none!important;
}
.infobox tr th{
text-align:center!important;
}
.infobox tbody > tr {
border-bottom:1px solid #eaecf0!important;
}
.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;
}
table.sweet1 td{
border: 1px solid white;
}
.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%);
}
p.white {
color:#FFFFFF;
}
.superheader {
border: 3px double #bbc2ca;
padding: 7px;
}
table.sweet1 {
margin: 0 0 0 0;
}
/* Stub template style */
.stub {
margin: 1px;
text-align: center;
border-collapse: collapse;
border: 1px solid #aaa;
background: #DFE8FF;
}
/*we don't want disqus on the main page*/
.page-Main_Page #disqus-wrapper {
display:none!important;
}
/*Show only mobile ad code on mobile*/
.nomobile{
display:none!important;
}