diff options
| author | Vjacheslav Trushkin <cyberalien@gmail.com> | 2013-10-19 21:01:25 +0300 |
|---|---|---|
| committer | Vjacheslav Trushkin <cyberalien@gmail.com> | 2013-10-19 21:01:25 +0300 |
| commit | 734131d75053bd27fbe4f3b1292e81c4fc16abe3 (patch) | |
| tree | 1397fc44cce47f379a8aecb3ec1091007ce0666f /phpBB/styles/prosilver/theme/responsive.css | |
| parent | fbd57b93696394e5c80297c4b166fff5bfc16860 (diff) | |
| download | forums-734131d75053bd27fbe4f3b1292e81c4fc16abe3.tar forums-734131d75053bd27fbe4f3b1292e81c4fc16abe3.tar.gz forums-734131d75053bd27fbe4f3b1292e81c4fc16abe3.tar.bz2 forums-734131d75053bd27fbe4f3b1292e81c4fc16abe3.tar.xz forums-734131d75053bd27fbe4f3b1292e81c4fc16abe3.zip | |
[ticket/11552] Responsive member list
Responsive member list and better responsive tables
PHPBB3-11552
Diffstat (limited to 'phpBB/styles/prosilver/theme/responsive.css')
| -rw-r--r-- | phpBB/styles/prosilver/theme/responsive.css | 66 |
1 files changed, 22 insertions, 44 deletions
diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 39004c0eaf..7fe5f3bf17 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -232,72 +232,50 @@ ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { /* Responsive tables ----------------------------------------*/ -table.responsive, table.responsive thead, table.responsive tbody, table.responsive tr, table.responsive th, table.responsive td { +table.responsive, table.responsive tbody, table.responsive tr, table.responsive td { display: block; - width: auto; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -table.responsive thead { - display: none; } -table.responsive th { +table.responsive thead, table.responsive th { display: none; - border-bottom-width: 0 !important; } -table.mcp-warnings thead { +table.responsive.show-header thead, table.responsive.show-header th:first-child { display: block; -} - -table.mcp-warnings th:nth-child(1), -table.mcp-warnings th:nth-child(3) { - display: inline; -} - -table.mcp-warnings th:nth-child(1):after { - content: ','; + width: auto !important; + text-align: left !important; } table.responsive tr { - overflow: hidden; - margin: 5px 0; + margin: 2px 0; } -table.mcp-logs td:nth-child(2), -table.mcp-warnings td:nth-child(2n + 1) { - width: 50%; - float: left; +table.responsive td { + width: auto !important; + text-align: left !important; + padding: 4px; } -table.mcp-logs td:nth-child(3), -table.mcp-warnings td:nth-child(2n) { - margin-left: 50%; - text-align: right; +table.responsive td.empty { + display: none !important; } -table.mcp-logs td:nth-child(4), table.mcp-logs td:nth-child(5), -table.mcp-logs-full td:nth-child(1), table.mcp-logs-full td:nth-child(2) { - width: 33%; - float: left; +table.responsive td > dfn { + display: inline-block !important; } -table.mcp-logs td:nth-child(4), -table.mcp-logs-full td:nth-child(4) { - clear: left; +table.responsive td > dfn:after { + content: ':'; + padding-right: 5px; } -table.mcp-logs td:nth-child(5), -table.mcp-logs-full td:nth-child(2) { - text-align: center; +table.responsive span.rank-img { + float: none; + padding-right: 5px; } -table.mcp-logs td:nth-child(6), -table.mcp-logs-full td:nth-child(3) { - margin-left: 66%; - text-align: right; +table.responsive#memberlist td:first-child input[type="checkbox"] { + float: right; } /* Forms |