diff options
Diffstat (limited to 'www/wiki/extensions/SemanticMediaWiki/res/smw/ext.smw.table.css')
-rw-r--r-- | www/wiki/extensions/SemanticMediaWiki/res/smw/ext.smw.table.css | 78 |
1 files changed, 78 insertions, 0 deletions
diff --git a/www/wiki/extensions/SemanticMediaWiki/res/smw/ext.smw.table.css b/www/wiki/extensions/SemanticMediaWiki/res/smw/ext.smw.table.css new file mode 100644 index 00000000..fd7068a8 --- /dev/null +++ b/www/wiki/extensions/SemanticMediaWiki/res/smw/ext.smw.table.css @@ -0,0 +1,78 @@ +/*! + * This file is part of the Semantic MediaWiki Extension + * @see https://www.semantic-mediawiki.org/ + * + * @section LICENSE + * This program is free software; you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation; either version 2 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program; if not, write to the Free Software + * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA + * + * @since 3.0 + * + * @file + * @ingroup SMW + * + * @licence GNU GPL v2+ + * @author mwjames + */ + +.smw-table { + display: table; + width: 100%; +} + +.smw-table-row { + display: table-row; +} + +.smw-table-header { + background-color: #eee; + display: table-header-group; +} + +.smw-table-cell, .smw-table-head { + border: 1px solid #999; + display: table-cell; + padding: 3px 10px; +} + +.smw-table-header { + background-color: #eee; + display: table-header-group; + font-weight: bold; +} + +.smw-table-footer { + background-color: #eee; + display: table-footer-group; + font-weight: bold; +} + +.smw-table-body { + display: table-row-group; +} + +/** + * Responsive settings + */ +@media screen and (max-width: 800px) { + .smw-table-cell { + display: flex; + flex-direction: row; + flex-wrap: wrap; + } + + .smw-table-row, .smw-table-header { + flex: 1 1 150px; + } +} |