Difference between revisions of "MediaWiki:Common.css"
From Mashinky
Line 15: | Line 15: | ||
border:1px dashed #a7d7f9;padding:0.5em 1em;float:right;margin-left:2em; | border:1px dashed #a7d7f9;padding:0.5em 1em;float:right;margin-left:2em; | ||
} | } | ||
+ | |||
+ | |||
+ | table.transformable td span{display:none;} | ||
+ | @media | ||
+ | only screen and (max-width: 720px), | ||
+ | (min-device-width: 768px) and (max-device-width: 1024px) { | ||
+ | |||
+ | |||
+ | /* Force table to not be like tables anymore */ | ||
+ | table.transformable, | ||
+ | table.transformable thead, | ||
+ | table.transformable tbody, | ||
+ | table.transformable th, | ||
+ | table.transformable td, | ||
+ | table.transformable tr { | ||
+ | display: block; | ||
+ | } | ||
+ | table.transformable {margin-bottom:10px;} | ||
+ | /* Hide table headers (but not display: none;, for accessibility) */ | ||
+ | table.transformable tbody tr:nth-of-type(1) { | ||
+ | position: absolute; | ||
+ | top: -9999px; | ||
+ | left: -9999px; | ||
+ | } | ||
+ | |||
+ | table.transformable tr { border: 1px solid #ccc; } | ||
+ | |||
+ | table.transformable td { | ||
+ | /* Behave like a "row" */ | ||
+ | border: none!important; | ||
+ | border-bottom: 1px solid #eee!important; | ||
+ | position: relative; | ||
+ | |||
+ | } | ||
+ | |||
+ | table.transformable td span { | ||
+ | /* Now like a table header */ | ||
+ | |||
+ | /* Top/left values mimic padding */ | ||
+ | |||
+ | |||
+ | width: 45%; | ||
+ | padding-right: 10px; | ||
+ | |||
+ | display:inline-block; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | |||
+ | |||
+ | } |
Revision as of 21:25, 22 October 2017
/* CSS placed here will be applied to all skins */ @media screen and ( min-width: 982px ) { .nomobile{ display:block; } td.nomobile,th.nomobile{ display:table-cell; } } #p-personal a.new { color: #fff!important; } div#contentSidebar { border:1px dashed #a7d7f9;padding:0.5em 1em;float:right;margin-left:2em; } table.transformable td span{display:none;} @media only screen and (max-width: 720px), (min-device-width: 768px) and (max-device-width: 1024px) { /* Force table to not be like tables anymore */ table.transformable, table.transformable thead, table.transformable tbody, table.transformable th, table.transformable td, table.transformable tr { display: block; } table.transformable {margin-bottom:10px;} /* Hide table headers (but not display: none;, for accessibility) */ table.transformable tbody tr:nth-of-type(1) { position: absolute; top: -9999px; left: -9999px; } table.transformable tr { border: 1px solid #ccc; } table.transformable td { /* Behave like a "row" */ border: none!important; border-bottom: 1px solid #eee!important; position: relative; } table.transformable td span { /* Now like a table header */ /* Top/left values mimic padding */ width: 45%; padding-right: 10px; display:inline-block; font-weight:bold; } }