Difference between revisions of "MediaWiki:Common.css"
From NSWiki
Line 1: | Line 1: | ||
+ | /* CSS placed here will be applied to all skins */ | ||
/*! | /*! | ||
* Bootstrap v3.1.0 (http://getbootstrap.com) | * Bootstrap v3.1.0 (http://getbootstrap.com) | ||
Line 5: | Line 6: | ||
*/ | */ | ||
− | /*! normalize.css v3.0.0 | MIT License | git.io/normalize */ | + | /*! normalize.css v3.0.0 | MIT License | git.io/normalize */ |
+ | .sr-only { | ||
+ | position: absolute; | ||
+ | width: 1px; | ||
+ | height: 1px; | ||
+ | margin: -1px; | ||
+ | padding: 0; | ||
+ | overflow: hidden; | ||
+ | clip: rect(0, 0, 0, 0); | ||
+ | border: 0; | ||
+ | } | ||
+ | @-ms-viewport { | ||
+ | width: device-width; | ||
+ | } | ||
+ | .visible-xs, | ||
+ | tr.visible-xs, | ||
+ | th.visible-xs, | ||
+ | td.visible-xs { | ||
+ | display: none !important; | ||
+ | } | ||
+ | @media (max-width: 767px) { | ||
+ | .visible-xs { | ||
+ | display: block !important; | ||
+ | } | ||
+ | table.visible-xs { | ||
+ | display: table; | ||
+ | } | ||
+ | tr.visible-xs { | ||
+ | display: table-row !important; | ||
+ | } | ||
+ | th.visible-xs, | ||
+ | td.visible-xs { | ||
+ | display: table-cell !important; | ||
+ | } | ||
+ | } | ||
+ | .visible-sm, | ||
+ | tr.visible-sm, | ||
+ | th.visible-sm, | ||
+ | td.visible-sm { | ||
+ | display: none !important; | ||
+ | } | ||
+ | @media (min-width: 768px) and (max-width: 991px) { | ||
+ | .visible-sm { | ||
+ | display: block !important; | ||
+ | } | ||
+ | table.visible-sm { | ||
+ | display: table; | ||
+ | } | ||
+ | tr.visible-sm { | ||
+ | display: table-row !important; | ||
+ | } | ||
+ | th.visible-sm, | ||
+ | td.visible-sm { | ||
+ | display: table-cell !important; | ||
+ | } | ||
+ | } | ||
+ | .visible-md, | ||
+ | tr.visible-md, | ||
+ | th.visible-md, | ||
+ | td.visible-md { | ||
+ | display: none !important; | ||
+ | } | ||
+ | @media (min-width: 992px) and (max-width: 1199px) { | ||
+ | .visible-md { | ||
+ | display: block !important; | ||
+ | } | ||
+ | table.visible-md { | ||
+ | display: table; | ||
+ | } | ||
+ | tr.visible-md { | ||
+ | display: table-row !important; | ||
+ | } | ||
+ | th.visible-md, | ||
+ | td.visible-md { | ||
+ | display: table-cell !important; | ||
+ | } | ||
+ | } | ||
+ | .visible-lg, | ||
+ | tr.visible-lg, | ||
+ | th.visible-lg, | ||
+ | td.visible-lg { | ||
+ | display: none !important; | ||
+ | } | ||
+ | @media (min-width: 1200px) { | ||
+ | .visible-lg { | ||
+ | display: block !important; | ||
+ | } | ||
+ | table.visible-lg { | ||
+ | display: table; | ||
+ | } | ||
+ | tr.visible-lg { | ||
+ | display: table-row !important; | ||
+ | } | ||
+ | th.visible-lg, | ||
+ | td.visible-lg { | ||
+ | display: table-cell !important; | ||
+ | } | ||
+ | } | ||
+ | @media (max-width: 767px) { | ||
+ | .hidden-xs, | ||
+ | tr.hidden-xs, | ||
+ | th.hidden-xs, | ||
+ | td.hidden-xs { | ||
+ | display: none !important; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 768px) and (max-width: 991px) { | ||
+ | .hidden-sm, | ||
+ | tr.hidden-sm, | ||
+ | th.hidden-sm, | ||
+ | td.hidden-sm { | ||
+ | display: none !important; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 992px) and (max-width: 1199px) { | ||
+ | .hidden-md, | ||
+ | tr.hidden-md, | ||
+ | th.hidden-md, | ||
+ | td.hidden-md { | ||
+ | display: none !important; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 1200px) { | ||
+ | .hidden-lg, | ||
+ | tr.hidden-lg, | ||
+ | th.hidden-lg, | ||
+ | td.hidden-lg { | ||
+ | display: none !important; | ||
+ | } | ||
+ | } | ||
+ | .visible-print, | ||
+ | tr.visible-print, | ||
+ | th.visible-print, | ||
+ | td.visible-print { | ||
+ | display: none !important; | ||
+ | } | ||
+ | @media print { | ||
+ | .visible-print { | ||
+ | display: block !important; | ||
+ | } | ||
+ | table.visible-print { | ||
+ | display: table; | ||
+ | } | ||
+ | tr.visible-print { | ||
+ | display: table-row !important; | ||
+ | } | ||
+ | th.visible-print, | ||
+ | td.visible-print { | ||
+ | display: table-cell !important; | ||
+ | } | ||
+ | } | ||
+ | @media print { | ||
+ | .hidden-print, | ||
+ | tr.hidden-print, | ||
+ | th.hidden-print, | ||
+ | td.hidden-print { | ||
+ | display: none !important; | ||
+ | } | ||
+ | } |
Revision as of 17:34, 7 February 2014
/* CSS placed here will be applied to all skins */ /*! * Bootstrap v3.1.0 (http://getbootstrap.com) * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.0 | MIT License | git.io/normalize */ .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } @-ms-viewport { width: device-width; } .visible-xs, tr.visible-xs, th.visible-xs, td.visible-xs { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } .visible-sm, tr.visible-sm, th.visible-sm, td.visible-sm { display: none !important; } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } .visible-md, tr.visible-md, th.visible-md, td.visible-md { display: none !important; } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } .visible-lg, tr.visible-lg, th.visible-lg, td.visible-lg { display: none !important; } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (max-width: 767px) { .hidden-xs, tr.hidden-xs, th.hidden-xs, td.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm, tr.hidden-sm, th.hidden-sm, td.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md, tr.hidden-md, th.hidden-md, td.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg, tr.hidden-lg, th.hidden-lg, td.hidden-lg { display: none !important; } } .visible-print, tr.visible-print, th.visible-print, td.visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } @media print { .hidden-print, tr.hidden-print, th.hidden-print, td.hidden-print { display: none !important; } }