From 5c3669eccb5024a972910476cf3308231486a165 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sat, 14 Sep 2013 22:43:05 +0300 Subject: [ticket/11552] Add link to responsive.css Add link to responsive.css and blank responsive.css PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 2 ++ 1 file changed, 2 insertions(+) create mode 100644 phpBB/styles/prosilver/theme/responsive.css (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css new file mode 100644 index 0000000000..f4342479b2 --- /dev/null +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -0,0 +1,2 @@ +/* Responsive Design +---------------------------------------- */ -- cgit v1.2.1 From befffe7472e86978289e182e6ec433679537dcbd Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sat, 14 Sep 2013 22:51:34 +0300 Subject: [ticket/11552] Basic rules for wrappers and header Basic rules for content wrapper, common block wrappers and header PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 47 +++++++++++++++++++++++++++++ 1 file changed, 47 insertions(+) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index f4342479b2..f2b2209091 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -1,2 +1,49 @@ /* Responsive Design ---------------------------------------- */ + +/* Content wrapper */ +html { + height: auto; +} + +body { + padding: 0 5px; +} + +#wrap { + min-width: 320px; + padding: 0; +} + +/* Common block wrappers */ +.headerbar, .navbar, .forabg, .forumbg, .post, .panel { + border-radius: 0; + margin-left: -5px; + margin-right: -5px; +} + +/* Logo block */ +#site-description { + float: none; + width: auto; + text-align: center; +} + +#logo { + /* change display value to inline-block to show logo */ + display: none; + float: none; + padding: 10px; +} + +#site-description h1, #site-description p { + text-align: inherit; + float: none; + margin: 5px; + line-height: 1.2em; +} + +#site-description p, #search-box { + display: none; +} + -- cgit v1.2.1 From 744a91dc7b7e020bf6eb8bb439756fd075c35dc9 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Thu, 17 Oct 2013 21:07:41 +0300 Subject: [ticket/11552] Responsive breadcrumbs PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 1 - 1 file changed, 1 deletion(-) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index f2b2209091..6323abe88c 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -46,4 +46,3 @@ body { #site-description p, #search-box { display: none; } - -- cgit v1.2.1 From f3d83def0a3a5effb99f7286a4363ef30b2915cb Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 15 Sep 2013 00:13:04 +0300 Subject: [ticket/11552] Responsive forums list PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 88 +++++++++++++++++++++++++++++ 1 file changed, 88 insertions(+) (limited to 'phpBB/styles/prosilver/theme/responsive.css') 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; + } +} + -- cgit v1.2.1 From 5e8eec6330194b7601b4084cde3a5b12d9fd3fff Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 15 Sep 2013 00:15:07 +0300 Subject: [ticket/11552] Move breadcrumbs up Remove spacing between navigation and breadcrumbs Fix comments format in responsive.css PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 21 ++++++++++++++++----- 1 file changed, 16 insertions(+), 5 deletions(-) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index de4b92d0a1..fe7569417e 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -1,7 +1,8 @@ /* Responsive Design ---------------------------------------- */ -/* Content wrapper */ +/* Content wrappers +----------------------------------------*/ html { height: auto; } @@ -15,14 +16,16 @@ body { padding: 0; } -/* Common block wrappers */ +/* Common block wrappers +----------------------------------------*/ .headerbar, .navbar, .forabg, .forumbg, .post, .panel { border-radius: 0; margin-left: -5px; margin-right: -5px; } -/* Logo block */ +/* Logo block +----------------------------------------*/ #site-description { float: none; width: auto; @@ -47,7 +50,14 @@ body { display: none; } -/* .topiclist lists */ +/* Navigation +----------------------------------------*/ +.headerbar + .navbar { + margin-top: -5px; +} + +/* .topiclist lists +----------------------------------------*/ li.header dt { text-align: center; text-transform: none; @@ -76,7 +86,8 @@ ul.topiclist dd.mark { display: block; } -/* Forums and topics lists */ +/* Forums and topics lists +----------------------------------------*/ ul.topiclist.forums dt, ul.topiclist.topics dt { margin-right: -250px; } -- cgit v1.2.1 From 284fb309581065d975cba583f51daa88301158d7 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 15 Sep 2013 00:21:19 +0300 Subject: [ticket/11552] Display checkbox in forums list PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 11 +++++++++++ 1 file changed, 11 insertions(+) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index fe7569417e..6501b301c8 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -122,6 +122,17 @@ ul.topiclist.forums dd.topics, ul.topiclist.topics dd.posts { line-height: 1em; } +ul.topiclist dd.mark { + display: block; + position: absolute; + right: 5px; + top: 0; + margin: 0; + width: auto; + min-width: 0; + text-align: left; +} + ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { position: relative; left: 0; -- cgit v1.2.1 From 88cbd68d0029d92e060756a7f78cc79d8958e30e Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 15 Sep 2013 12:44:24 +0300 Subject: [ticket/11552] Responsive notifications list, pagination PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 6501b301c8..a6e67ffcdf 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -156,3 +156,17 @@ ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { } } +/* Notifications list +----------------------------------------*/ +@media only screen and (max-width: 350px), only screen and (max-device-width: 350px) +{ + #notification_list { + width: 250px; + } +} + +/* Pagination +----------------------------------------*/ +.pagination { + margin: 5px 0; +} \ No newline at end of file -- cgit v1.2.1 From a1f118872ba08bf9230308112ddaa52fcc7385f8 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 15 Sep 2013 16:49:33 +0300 Subject: [ticket/11552] Responsive CP tabs PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index a6e67ffcdf..c62cd7a0b2 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -169,4 +169,4 @@ ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { ----------------------------------------*/ .pagination { margin: 5px 0; -} \ No newline at end of file +} -- cgit v1.2.1 From 118b66534eb72e8748ca27f842beedb898645244 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Thu, 17 Oct 2013 21:12:45 +0300 Subject: [ticket/11552] Add search link to responsive header PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index c62cd7a0b2..df96b00401 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -1,6 +1,10 @@ /* Responsive Design ---------------------------------------- */ +.responsive-hide { display: none !important; } +.responsive-show { display: block !important; } +.responsive-show-inline { display: inline !important; } + /* Content wrappers ----------------------------------------*/ html { @@ -56,6 +60,20 @@ body { margin-top: -5px; } +/* Search +----------------------------------------*/ +.responsive-search { display: block !important; } +.responsive-search a { + display: block; + width: 16px; + height: 18px; + text-indent: 99px; + overflow: hidden; + background-position: 50% 50%; + background-repeat: no-repeat; + text-decoration: none; +} + /* .topiclist lists ----------------------------------------*/ li.header dt { -- cgit v1.2.1 From f655ca3e54e066be4fd27cdbdad23c9661340b2c Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 15 Sep 2013 17:37:38 +0300 Subject: [ticket/11552] Responsive CP navigation PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index df96b00401..feed2fb4d3 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -188,3 +188,19 @@ ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { .pagination { margin: 5px 0; } + +/* *CP navigation +----------------------------------------*/ +#cp-menu, #navigation, #cp-main { + float: none; + width: auto; + margin: 0; +} + +#navigation { + padding: 0; +} + +#navigation a { + background-image: none; +} \ No newline at end of file -- cgit v1.2.1 From 34fa93a1533da539001f5545c5d4be759f35c2e2 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 15 Sep 2013 17:45:26 +0300 Subject: [ticket/11552] Adjustments for CP navigation PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index feed2fb4d3..3bf56c6e0d 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -199,8 +199,18 @@ ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { #navigation { padding: 0; + margin: 0 auto; + max-width: 320px; } #navigation a { background-image: none; -} \ No newline at end of file +} + +#navigation li:first-child a { + border-radius: 5px 5px 0 0; +} + +#navigation li:last-child a { + border-radius: 0 0 5px 5px; +} -- cgit v1.2.1 From 378b2dfa96fb3295c47a1d7ae0ed985291da5a6c Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 15 Sep 2013 18:05:54 +0300 Subject: [ticket/11552] Responsive minitabs PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 7 +++++++ 1 file changed, 7 insertions(+) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 3bf56c6e0d..029840137f 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -191,6 +191,13 @@ ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { /* *CP navigation ----------------------------------------*/ +.nojs #tabs a span, .nojs #minitabs a span { + max-width: 40px; + overflow: hidden; + text-overflow: ellipsis; + letter-spacing: -.5px; +} + #cp-menu, #navigation, #cp-main { float: none; width: auto; -- cgit v1.2.1 From fd932820dfb2c158bf7563a0ef7e78e5a0202580 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 15 Sep 2013 23:20:05 +0300 Subject: [ticket/11552] Responsive paragraphs Responsive blocks below topics list and misc items PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 44 +++++++++++++++++++++++++++++ 1 file changed, 44 insertions(+) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 029840137f..0abbabafaa 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -4,6 +4,7 @@ .responsive-hide { display: none !important; } .responsive-show { display: block !important; } .responsive-show-inline { display: inline !important; } +.responsive-show-inline-block { display: inline-block !important; } /* Content wrappers ----------------------------------------*/ @@ -221,3 +222,46 @@ ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { #navigation li:last-child a { border-radius: 0 0 5px 5px; } + +/* Misc stuff +----------------------------------------*/ +h2 { + margin-top: .5em; +} + +p { + margin-bottom: .5em; + overflow: hidden; +} + +p.rightside { + margin-bottom: 0; +} + +@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) +{ + p.responsive-center { + float: none; + text-align: center; + margin: 0; + } + + .topic-actions > div { + float: none; + overflow: hidden; + clear: both; + } + + .topic-actions > .pagination, fieldset.jumpbox { + text-align: center; + } + + .topic-actions > div.search-box, p.jumpbox-return { + display: none; + } + + .display-options > label:nth-child(1) { + display: block; + margin-bottom: 5px; + } +} -- cgit v1.2.1 From 8093e4e053964cefbbe0465989d14475a35ac186 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Thu, 26 Sep 2013 11:29:35 +0300 Subject: [ticket/11552] Do not wrap site name PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 2 ++ 1 file changed, 2 insertions(+) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 0abbabafaa..c4f6394c9a 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -49,6 +49,8 @@ body { float: none; margin: 5px; line-height: 1.2em; + overflow: hidden; + text-overflow: ellipsis; } #site-description p, #search-box { -- cgit v1.2.1 From 961a27091e4bd1e35966a9b2b3791cb4803c5592 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Fri, 27 Sep 2013 14:29:15 +0300 Subject: [ticket/11552] MCP fixes, responsive logs PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 58 +++++++++++++++++++++++++++-- 1 file changed, 55 insertions(+), 3 deletions(-) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index c4f6394c9a..aa0da9af91 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -96,7 +96,7 @@ ul.topiclist li.header dd { display: none !important; } -ul.topiclist dt, ul.topiclist dt .list-inner { +ul.topiclist li.row dt, ul.topiclist li.row dt .list-inner { margin-right: 0; } @@ -218,11 +218,63 @@ ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { } #navigation li:first-child a { - border-radius: 5px 5px 0 0; + border-top-left-radius: 5px; + border-top-right-radius: 5px; } #navigation li:last-child a { - border-radius: 0 0 5px 5px; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; +} + +/* Responsive tables +----------------------------------------*/ +table.responsive, table.responsive thead, table.responsive tbody, table.responsive tr, table.responsive th, table.responsive td { + display: block; + width: auto; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +table.responsive thead { + display: none; +} + +table.responsive tr { + overflow: hidden; + margin: 5px 0; +} + +table.mcp-logs td:nth-child(2) { + width: 50%; + float: left; +} + +table.mcp-logs td:nth-child(3) { + margin-left: 50%; + text-align: right; +} + +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.mcp-logs td:nth-child(4), +table.mcp-logs-full td:nth-child(4) { + clear: left; +} + +table.mcp-logs td:nth-child(5), +table.mcp-logs-full td:nth-child(2) { + text-align: center; +} + +table.mcp-logs td:nth-child(6), +table.mcp-logs-full td:nth-child(3) { + margin-left: 66%; + text-align: right; } /* Misc stuff -- cgit v1.2.1 From cab21f3a1ef17b81bfaef2231df6fc4c8326939e Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Fri, 27 Sep 2013 17:57:18 +0300 Subject: [ticket/11552] Responsive tables in MCP PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 29 +++++++++++++++++++++++++++-- 1 file changed, 27 insertions(+), 2 deletions(-) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index aa0da9af91..1e2cb15555 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -240,17 +240,37 @@ table.responsive thead { display: none; } +table.responsive th { + display: none; + border-bottom-width: 0 !important; +} + +table.mcp-warnings thead { + 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: ','; +} + table.responsive tr { overflow: hidden; margin: 5px 0; } -table.mcp-logs td:nth-child(2) { +table.mcp-logs td:nth-child(2), +table.mcp-warnings td:nth-child(2n + 1) { width: 50%; float: left; } -table.mcp-logs td:nth-child(3) { +table.mcp-logs td:nth-child(3), +table.mcp-warnings td:nth-child(2n) { margin-left: 50%; text-align: right; } @@ -292,6 +312,11 @@ p.rightside { margin-bottom: 0; } +.column1, .column2 { + width: auto; + float: none; +} + @media only screen and (max-width: 500px), only screen and (max-device-width: 500px) { p.responsive-center { -- cgit v1.2.1 From bc01da9dba589e9183a2f55a4855f2cb3f23550c Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Mon, 7 Oct 2013 23:04:41 +0300 Subject: [ticket/11552] Fix topiclist selectors PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 1e2cb15555..73b49e44be 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -96,7 +96,10 @@ ul.topiclist li.header dd { display: none !important; } -ul.topiclist li.row dt, ul.topiclist li.row dt .list-inner { +ul.topiclist dt, ul.topiclist dt .list-inner, +ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner, +ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner, +ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner { margin-right: 0; } -- cgit v1.2.1 From ea874c2ffbcd58720dc58e3f69e6c0b668bc95b9 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Fri, 18 Oct 2013 23:47:03 +0300 Subject: [ticket/11552] Responsive forms PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 47 +++++++++++++++++++++++++++++ 1 file changed, 47 insertions(+) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 73b49e44be..cf72686abf 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -300,6 +300,53 @@ table.mcp-logs-full td:nth-child(3) { text-align: right; } +/* Forms +----------------------------------------*/ +fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt { + width: auto; + float: none; +} + +fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd { + margin-left: 20px; +} + +textarea, dd textarea, #message-box textarea { + width: 100%; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +#smiley-box, #message-box { + float: none; + width: auto; +} + +#smiley-box { + margin-top: 5px; +} + +.bbcode-status { + display: none; +} + +#colour_palette table, #colour_palette tbody, #colour_palette tr { + display: block; +} + +#colour_palette td { + display: inline-block; + margin-right: 2px; +} + +#colour_palette td:nth-child(2n) { + display: none; +} + +#colour_palette a { + display: inline-block !important; +} + /* Misc stuff ----------------------------------------*/ h2 { -- cgit v1.2.1 From 9f0b0d901769e96d35b4d781070be8825a9ba0f3 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sat, 19 Oct 2013 12:17:38 +0300 Subject: [ticket/11552] Fixes for notifications list PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index cf72686abf..4134b2eb95 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -367,6 +367,10 @@ p.rightside { float: none; } +.topic-actions { + overflow: hidden; +} + @media only screen and (max-width: 500px), only screen and (max-device-width: 500px) { p.responsive-center { -- cgit v1.2.1 From 74eb7012a3f043187b7c5c2c396218388f729e00 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sat, 19 Oct 2013 12:39:13 +0300 Subject: [ticket/11552] Responsive user profile PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 4134b2eb95..a119c707b6 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -347,6 +347,26 @@ textarea, dd textarea, #message-box textarea { display: inline-block !important; } +/* User profile +----------------------------------------*/ +.column1, .column2, .left-box.profile-details { + float: none; + width: auto; +} + +@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) +{ + dl.details dt, dl.details dd { + width: auto; + float: none; + text-align: left; + } + + dl.details dd { + margin-left: 20px; + } +} + /* Misc stuff ----------------------------------------*/ h2 { @@ -389,6 +409,10 @@ p.rightside { text-align: center; } + .topic-actions > .pagination { + padding-bottom: 1px; + } + .topic-actions > div.search-box, p.jumpbox-return { display: none; } -- cgit v1.2.1 From ee8d7b536c30ac3f88aca1cb59fdb4d81b41cf90 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sat, 19 Oct 2013 15:40:20 +0300 Subject: [ticket/11552] Responsive post PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 45 +++++++++++++++++++++++++++++ 1 file changed, 45 insertions(+) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index a119c707b6..fa58e168ca 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -367,6 +367,51 @@ textarea, dd textarea, #message-box textarea { } } +/* Post +----------------------------------------*/ +.postprofile, .postbody { + display: block; + width: auto; + float: none; + padding: 0; + min-height: 0; +} + +.post .postprofile { + width: auto; + border-width: 0 0 1px 0; + padding-bottom: 5px; + margin: 0; + margin-bottom: 5px; + overflow: hidden; +} + +.postprofile dd { + display: none; +} + +.postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd { + display: block; + margin: 0; +} + +.postprofile ul.profile-icons { + display: none; +} + +.postprofile .avatar { + display: block; + float: left; + margin-right: 5px; +} + +.postprofile .avatar img { + width: auto !important; + height: auto !important; + display: block; + max-height: 32px; +} + /* Misc stuff ----------------------------------------*/ h2 { -- cgit v1.2.1 From fbd57b93696394e5c80297c4b166fff5bfc16860 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sat, 19 Oct 2013 16:20:34 +0300 Subject: [ticket/11552] Responsive PM editor Responsive PM editor, fix quickmod tools PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 22 +++++++++++++++++++++- 1 file changed, 21 insertions(+), 1 deletion(-) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index fa58e168ca..39004c0eaf 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -317,6 +317,20 @@ textarea, dd textarea, #message-box textarea { box-sizing: border-box; } +dl.pmlist dt { + width: auto !important; + margin-bottom: 5px; +} + +dl.pmlist dd { + display: inline-block; + margin-left: 0 !important; +} + +dl.pmlist dd:first-of-type { + padding-left: 20px; +} + #smiley-box, #message-box { float: none; width: auto; @@ -369,7 +383,7 @@ textarea, dd textarea, #message-box textarea { /* Post ----------------------------------------*/ -.postprofile, .postbody { +.postprofile, .postbody, .search .postbody { display: block; width: auto; float: none; @@ -436,6 +450,12 @@ p.rightside { overflow: hidden; } +fieldset.quickmod { + width: auto; + float: none; + text-align: center; +} + @media only screen and (max-width: 500px), only screen and (max-device-width: 500px) { p.responsive-center { -- cgit v1.2.1 From 734131d75053bd27fbe4f3b1292e81c4fc16abe3 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sat, 19 Oct 2013 21:01:25 +0300 Subject: [ticket/11552] Responsive member list Responsive member list and better responsive tables PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 66 ++++++++++------------------- 1 file changed, 22 insertions(+), 44 deletions(-) (limited to 'phpBB/styles/prosilver/theme/responsive.css') 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 -- cgit v1.2.1 From ff7b140c75a3fcc41547c2890234ce9b275c2349 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 20 Oct 2013 09:57:55 +0300 Subject: [ticket/11552] Responsive polls PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 7fe5f3bf17..79e7b511ec 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -359,6 +359,24 @@ dl.pmlist dd:first-of-type { } } +/* Polls +----------------------------------------*/ +fieldset.polls dt { + width: 90%; +} + +fieldset.polls dd.resultbar { + padding-left: 20px; +} + +fieldset.polls dd.poll_option_percent { + width: 20%; +} + +fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent { + margin-top: 5px; +} + /* Post ----------------------------------------*/ .postprofile, .postbody, .search .postbody { -- cgit v1.2.1 From 87134080b3d367d39f6bbadd3791a220188a5df7 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 20 Oct 2013 10:35:41 +0300 Subject: [ticket/11552] Responsive design fixes PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 15 +++++++++++++++ 1 file changed, 15 insertions(+) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 79e7b511ec..191aff4460 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -29,6 +29,10 @@ body { margin-right: -5px; } +#cp-main .forabg, #cp-main .forumdb, #cp-main .post, #cp-main .panel { + border-radius: 7px; +} + /* Logo block ----------------------------------------*/ #site-description { @@ -101,6 +105,7 @@ ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner, ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner, ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner { margin-right: 0; + min-height: 28px; } ul.topiclist dd { @@ -452,6 +457,16 @@ fieldset.quickmod { text-align: center; } +dl.mini dd.pm-legend { + float: left; + min-width: 200px; +} + +#topicreview { + margin: 0 -5px; + padding: 0 5px; +} + @media only screen and (max-width: 500px), only screen and (max-device-width: 500px) { p.responsive-center { -- cgit v1.2.1 From fef51d199b2ffd33b7a90ef5d008f0a08c4c485c Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 20 Oct 2013 11:49:54 +0300 Subject: [ticket/11552] Fixing incorrect min-height PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 7 +++++++ 1 file changed, 7 insertions(+) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 191aff4460..3addeb5d60 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -105,9 +105,16 @@ ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner, ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner, ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner { margin-right: 0; +} + +ul.topiclist dt .list-inner { min-height: 28px; } +ul.topiclist li.header dt .list-inner { + min-height: 0; +} + ul.topiclist dd { display: none; } -- cgit v1.2.1 From 2bb094cc19d068f597d31a5e4623faa618254e59 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 20 Oct 2013 13:12:03 +0300 Subject: [ticket/11552] More responsive design adjustments PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 3addeb5d60..dbc798848d 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -474,6 +474,10 @@ dl.mini dd.pm-legend { padding: 0 5px; } +fieldset.display-actions { + white-space: normal; +} + @media only screen and (max-width: 500px), only screen and (max-device-width: 500px) { p.responsive-center { -- cgit v1.2.1 From 61b5ebfdd37e953ebddb844344164229e0b20baf Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 20 Oct 2013 20:45:59 +0300 Subject: [ticket/11552] Padding for lists with checkbox PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index dbc798848d..a9d7b1abc7 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -107,6 +107,10 @@ ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner { margin-right: 0; } +ul.topiclist dt .list-inner.with-mark { + padding-right: 34px; +} + ul.topiclist dt .list-inner { min-height: 28px; } -- cgit v1.2.1