From f3d83def0a3a5effb99f7286a4363ef30b2915cb Mon Sep 17 00:00:00 2001
From: Vjacheslav Trushkin <cyberalien@gmail.com>
Date: Sun, 15 Sep 2013 00:13:04 +0300
Subject: [PATCH] [ticket/11552] Responsive forums list

PHPBB3-11552
---
 phpBB/styles/prosilver/theme/responsive.css | 88 +++++++++++++++++++++
 1 file changed, 88 insertions(+)

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;
+	}
+}
+