diff options
| author | Vjacheslav Trushkin <cyberalien@gmail.com> | 2013-09-15 00:13:04 +0300 |
|---|---|---|
| committer | Vjacheslav Trushkin <cyberalien@gmail.com> | 2013-10-17 21:08:31 +0300 |
| commit | f3d83def0a3a5effb99f7286a4363ef30b2915cb (patch) | |
| tree | 17177b265085e5e5b2521655b7ffcebf9e43b5f5 | |
| parent | 744a91dc7b7e020bf6eb8bb439756fd075c35dc9 (diff) | |
| download | forums-f3d83def0a3a5effb99f7286a4363ef30b2915cb.tar forums-f3d83def0a3a5effb99f7286a4363ef30b2915cb.tar.gz forums-f3d83def0a3a5effb99f7286a4363ef30b2915cb.tar.bz2 forums-f3d83def0a3a5effb99f7286a4363ef30b2915cb.tar.xz forums-f3d83def0a3a5effb99f7286a4363ef30b2915cb.zip | |
[ticket/11552] Responsive forums list
PHPBB3-11552
| -rw-r--r-- | phpBB/styles/prosilver/theme/responsive.css | 88 |
1 files changed, 88 insertions, 0 deletions
diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 6323abe88c..de4b92d0a1 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -46,3 +46,91 @@ body { #site-description p, #search-box { display: none; } + +/* .topiclist lists */ +li.header dt { + text-align: center; + text-transform: none; + line-height: 1em; + font-size: 1.2em; + padding-bottom: 4px; +} + +ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner { + margin-right: 0 !important; + padding-right: 0; +} + +ul.topiclist li.header dd { + display: none !important; +} + +ul.topiclist dt, ul.topiclist dt .list-inner { + margin-right: 0; +} + +ul.topiclist dd { + display: none; +} +ul.topiclist dd.mark { + display: block; +} + +/* Forums and topics lists */ +ul.topiclist.forums dt, ul.topiclist.topics dt { + margin-right: -250px; +} +ul.topiclist.forums dt .list-inner, ul.topiclist.topics dt .list-inner { + margin-right: 250px; + padding-bottom: 18px; +} + +ul.topiclist.forums dd.lastpost, ul.topiclist.topics dd.lastpost { + display: block; +} + +ul.topiclist.forums dd.topics, ul.topiclist.topics dd.posts { + display: block; + position: absolute; + left: 45px; + right: 0; + bottom: 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + min-height: 0; + height: auto; + border-width: 0; + margin: 0; + padding: 5px 0; + width: auto; + min-width: 0; + text-align: left; + font-weight: bold; + font-size: 1.2em; + line-height: 1em; +} + +ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { + position: relative; + left: 0; + width: auto; + display: inline; + font-weight: normal; +} + +@media only screen and (max-width: 550px), only screen and (max-device-width: 550px) +{ + ul.topiclist.forums dt, ul.topiclist.topics dt { + margin-right: 0; + } + + ul.topiclist.forums dt .list-inner, ul.topiclist.topics dt .list-inner { + margin-right: 0; + } + + ul.topiclist.forums dd.lastpost, ul.topiclist.topics dd.lastpost { + display: none; + } +} + |