MediaWiki:Mobile.css: Difference between revisions
No edit summary |
No edit summary |
||
(20 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-top: 0px; | ||
margin-bottom: 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 */ | /* Frontpage Tables on Mobile */ | ||
table.frontpage-mobile-table-outer { | |||
margin-top: 0px; | |||
margin-bottom: 0px; | |||
} | |||
tr > td > table.frontpage-mobile-table { | tr > td > table.frontpage-mobile-table { | ||
margin-top: 2px; | margin-top: 2px; | ||
Line 18: | Line 30: | ||
background-color: #f9f9f9; | background-color: #f9f9f9; | ||
color: black; | color: black; | ||
margin-bottom: 0.1em!important; | margin-bottom: 0.1em!important; | ||
margin-left: 1em; | margin-left: 1em; | ||
Line 29: | Line 40: | ||
.infobox tr, | .infobox tr, | ||
.infobox tbody { | .infobox tbody { | ||
vertical-align: top; | 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 { | .infobox caption { | ||
font-size: larger; | font-size: larger; | ||
margin-left: inherit; | margin-left: inherit; | ||
} | } | ||
.infobox.bordered { | .infobox.bordered { | ||
Line 72: | Line 94: | ||
.infobox tbody > tr > th, .infobox tbody > tr > td { | .infobox tbody > tr > th, .infobox tbody > tr > td { | ||
min-width: 100px; | min-width: 100px; | ||
} | |||
/* Removes the long search result menu on mobile */ | |||
fieldset#mw-searchoptions { | |||
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;
}