Difference between revisions of "MediaWiki:Common.css"
From diff.wiki
Line 27: | Line 27: | ||
overflow: hidden; | overflow: hidden; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | * { | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | table { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | table tbody td,table#difieretable thead th { | ||
+ | text-align: left; | ||
+ | padding: 6px; | ||
+ | word-wrap: break-word; | ||
+ | border-bottom: 2px solid #ededed; | ||
+ | } | ||
+ | |||
+ | table thead th:first-child,table#difieretable 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#difieretable thead th { | ||
+ | display: block; | ||
+ | width: 50%; | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | table thead th:first-child, table#difieretable tbody td:first-child { | ||
+ | width: 100%; | ||
+ | border-top: 2px solid #ededed; | ||
+ | } | ||
+ | table thead th:first-child { | ||
+ | display: none; | ||
+ | } | ||
} | } |
Revision as of 18:37, 18 July 2020
/** 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; } 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#difieretable thead th { text-align: left; padding: 6px; word-wrap: break-word; border-bottom: 2px solid #ededed; } table thead th:first-child,table#difieretable 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#difieretable thead th { display: block; width: 50%; border-bottom: none; } table thead th:first-child, table#difieretable tbody td:first-child { width: 100%; border-top: 2px solid #ededed; } table thead th:first-child { display: none; } }