From 7cb84d7d4835088abc53b9db625fc5dee3543b5f Mon Sep 17 00:00:00 2001 From: bakape Date: Sat, 6 May 2017 00:25:46 +0300 Subject: [PATCH] Somewhat mobile-friendly main table --- css/style.css | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) diff --git a/css/style.css b/css/style.css index e19ea3c3..02cada43 100644 --- a/css/style.css +++ b/css/style.css @@ -100,3 +100,26 @@ div.container div.blockBody:nth-of-type(2) table tr:first-of-type th:nth-of-type div.container div.blockBody:nth-of-type(2) table tr:first-of-type th:nth-of-type(4){width:19%;} div.container div.blockBody:nth-of-type(2) table tr:first-of-type th:last-of-type{width:6%;} tr.torrent-info td.hash,tr.torrent-info td.date{word-wrap:break-word;} + +/* Mobile-friendly main table */ +@media only screen and (max-width: 700px) { + table, thead, tbody, tr { + display: block; + } + + th { + display: none; + } + + td { + display: inline-block; + } + + td:nth-of-type(1), td:nth-of-type(2) { + display: block; + } + + .table > tbody > tr > td { + border: none; + } +}