MediaWiki:Mobile.css: Difference between revisions
No edit summary Tag: Reverted |
No edit summary |
||
(38 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
/* All CSS here will be loaded for users of the mobile site */ | /* All CSS here will be loaded for users of the mobile site */ | ||
/* Frontpage Announcement Header */ | |||
div.nodesktop table.frontpage-announcement-mobile-outer { | |||
margin-top: 0px; | |||
margin-bottom: 0px; | |||
} | |||
tr > td > table.frontpage-announcement-mobile-inner { | |||
margin-top: 0px; | |||
margin-bottom: 0px; | |||
border: 1px solid #020202; | |||
} | |||
/* Frontpage Tables on Mobile */ | |||
table.frontpage-mobile-table-outer { | |||
margin-top: 0px; | |||
margin-bottom: 0px; | |||
} | |||
tr > td > table.frontpage-mobile-table { | |||
margin-top: 2px; | |||
margin-bottom: 2px; | |||
border: 1px solid #020202; | |||
} | |||
/* 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; | |||
} | |||
Line 19: | Line 88: | ||
/*Important: Show only mobile ad code on mobile*/ | /*Important: Show only mobile ad code on mobile*/ | ||
.nomobile { | .nomobile { | ||
display: none !important; | |||
} | |||
.infobox tbody > tr > th, .infobox tbody > tr > td { | |||
min-width: 100px; | |||
} | |||
/* Removes the long search result menu on mobile */ | |||
fieldset#mw-searchoptions { | |||
display: none !important; | display: none !important; | ||
} | } |
Latest revision as of 19:18, 30 August 2023
/* All CSS here will be loaded for users of the mobile site */
/* Frontpage Announcement Header */
div.nodesktop table.frontpage-announcement-mobile-outer {
margin-top: 0px;
margin-bottom: 0px;
}
tr > td > table.frontpage-announcement-mobile-inner {
margin-top: 0px;
margin-bottom: 0px;
border: 1px solid #020202;
}
/* Frontpage Tables on Mobile */
table.frontpage-mobile-table-outer {
margin-top: 0px;
margin-bottom: 0px;
}
tr > td > table.frontpage-mobile-table {
margin-top: 2px;
margin-bottom: 2px;
border: 1px solid #020202;
}
/* 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;
}
/* remove header on main page (Starfield Wiki) */
body.page-Starfield_Wiki header.mw-body-header {
display: none;
}
body.page-Starfield_Wiki h1#firstHeading {
display: none;
}
/* remove the empty space below the search bar and above the content */
div.vector-sitenotice-container {
display: none;
}
/*Important: Show only mobile ad code on mobile*/
.nomobile {
display: none !important;
}
.infobox tbody > tr > th, .infobox tbody > tr > td {
min-width: 100px;
}
/* Removes the long search result menu on mobile */
fieldset#mw-searchoptions {
display: none !important;
}