Difference between revisions of "MediaWiki:Common.css"
From diff.wiki
m (Protected "MediaWiki:Common.css" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))) |
m |
||
(31 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
+ | body { | ||
+ | font-size:1.2em; | ||
+ | } | ||
+ | /** Hide sidebar **/ | ||
+ | div#mw-site-navigation { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | div#mw-related-navigation { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #left-navigation { | ||
+ | left: 1em; | ||
+ | } | ||
+ | #mw-head-base, | ||
+ | div#content, | ||
+ | div#footer { | ||
+ | margin-left: 1em; | ||
+ | } | ||
+ | |||
+ | |||
+ | #mw-content, #content-bottom-stuff { | ||
+ | margin-left: 0em; | ||
+ | padding: 0.45em 0.45em 0.45em 0em; | ||
+ | } | ||
+ | |||
+ | body.page-Main_Page.action-view h1.firstHeading, body.page--Main_Page.action-submit h1.firstHeading { display: none; } | ||
+ | |||
+ | .tools-inline li a { | ||
+ | text-indent: -99999px; | ||
+ | width: 20px; | ||
+ | overflow: hidden; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | * { | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | table { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | table tbody td,table thead th { | ||
+ | text-align: left; | ||
+ | padding: 6px; | ||
+ | word-wrap: break-word; | ||
+ | border-bottom: 2px solid #ededed; | ||
+ | } | ||
+ | |||
+ | table thead th:first-child,table tbody td:first-child { | ||
+ | font-weight: bold; | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 768px) { | ||
+ | table tr { | ||
+ | display: flex; | ||
+ | flex-flow: row wrap; | ||
+ | justify-content: space-around; | ||
+ | } | ||
+ | table tbody td, table thead th { | ||
+ | display: block; | ||
+ | width: 50%; | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | table thead th:first-child, table tbody td:first-child { | ||
+ | width: 100%; | ||
+ | border-top: 2px solid #ededed; | ||
+ | } | ||
+ | table thead th:first-child { | ||
+ | display: none; | ||
+ | } | ||
+ | th { | ||
+ | border-right: none; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | /** Center homepage content **/ | ||
+ | @media screen and (min-width: 768px){ | ||
+ | body.page-Main_Page.action-view .mw-content-ltr { | ||
+ | padding-left: 25%; | ||
+ | padding-right: 25%; | ||
+ | font-size: 1.25em; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /** Remove unused space on this size **/ | ||
+ | @media screen and (max-width: 1099px) and (min-width: 851px){ | ||
+ | #mw-header-nav-hack { | ||
+ | display: none; | ||
+ | z-index: 0; | ||
+ | } | ||
+ | |||
+ | #mw-content { | ||
+ | margin-top: 0em; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /** Remove usertools icon on smalles screen widths **/ | ||
+ | @media screen and (max-width: 550px){ | ||
+ | #mw-header-container { | ||
+ | padding: 0em 0.45em 0.35em; | ||
+ | } | ||
+ | |||
+ | #user-tools h2, .sidebar-chunk h2 { | ||
+ | display:none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /** Align logo text **/ | ||
+ | @media screen and (min-width: 551px) and (max-width: 850px){ | ||
+ | #p-logo-text a { | ||
+ | margin-left: -2.1em; | ||
+ | } | ||
+ | } |
Latest revision as of 22:35, 18 July 2020
body { font-size:1.2em; } /** Hide sidebar **/ div#mw-site-navigation { display: none; } div#mw-related-navigation { display: none; } #left-navigation { left: 1em; } #mw-head-base, div#content, div#footer { margin-left: 1em; } #mw-content, #content-bottom-stuff { margin-left: 0em; padding: 0.45em 0.45em 0.45em 0em; } body.page-Main_Page.action-view h1.firstHeading, body.page--Main_Page.action-submit h1.firstHeading { display: none; } .tools-inline li a { text-indent: -99999px; width: 20px; overflow: hidden; box-sizing: border-box; } * { box-sizing: border-box; } table { width: 100%; } table tbody td,table thead th { text-align: left; padding: 6px; word-wrap: break-word; border-bottom: 2px solid #ededed; } table thead th:first-child,table tbody td:first-child { font-weight: bold; color: black; } @media screen and (max-width: 768px) { table tr { display: flex; flex-flow: row wrap; justify-content: space-around; } table tbody td, table thead th { display: block; width: 50%; border-bottom: none; } table thead th:first-child, table tbody td:first-child { width: 100%; border-top: 2px solid #ededed; } table thead th:first-child { display: none; } th { border-right: none; } } /** Center homepage content **/ @media screen and (min-width: 768px){ body.page-Main_Page.action-view .mw-content-ltr { padding-left: 25%; padding-right: 25%; font-size: 1.25em; } } /** Remove unused space on this size **/ @media screen and (max-width: 1099px) and (min-width: 851px){ #mw-header-nav-hack { display: none; z-index: 0; } #mw-content { margin-top: 0em; } } /** Remove usertools icon on smalles screen widths **/ @media screen and (max-width: 550px){ #mw-header-container { padding: 0em 0.45em 0.35em; } #user-tools h2, .sidebar-chunk h2 { display:none; } } /** Align logo text **/ @media screen and (min-width: 551px) and (max-width: 850px){ #p-logo-text a { margin-left: -2.1em; } }