diff options
| author | Vjacheslav Trushkin <cyberalien@gmail.com> | 2013-09-15 23:20:05 +0300 |
|---|---|---|
| committer | Vjacheslav Trushkin <cyberalien@gmail.com> | 2013-10-17 21:13:05 +0300 |
| commit | fd932820dfb2c158bf7563a0ef7e78e5a0202580 (patch) | |
| tree | 78045ff73c12feef16d4e31500e395730cf75ae2 /phpBB/styles | |
| parent | 9ccccb8baac5649777da9125be2fab494106d725 (diff) | |
| download | forums-fd932820dfb2c158bf7563a0ef7e78e5a0202580.tar forums-fd932820dfb2c158bf7563a0ef7e78e5a0202580.tar.gz forums-fd932820dfb2c158bf7563a0ef7e78e5a0202580.tar.bz2 forums-fd932820dfb2c158bf7563a0ef7e78e5a0202580.tar.xz forums-fd932820dfb2c158bf7563a0ef7e78e5a0202580.zip | |
[ticket/11552] Responsive paragraphs
Responsive blocks below topics list and misc items
PHPBB3-11552
Diffstat (limited to 'phpBB/styles')
| -rw-r--r-- | phpBB/styles/prosilver/template/index_body.html | 4 | ||||
| -rw-r--r-- | phpBB/styles/prosilver/theme/responsive.css | 44 |
2 files changed, 46 insertions, 2 deletions
diff --git a/phpBB/styles/prosilver/template/index_body.html b/phpBB/styles/prosilver/template/index_body.html index e0a9279738..153e47e4e0 100644 --- a/phpBB/styles/prosilver/template/index_body.html +++ b/phpBB/styles/prosilver/template/index_body.html @@ -1,7 +1,7 @@ <!-- INCLUDE overall_header.html --> -<p class="{S_CONTENT_FLOW_END}<!-- IF S_USER_LOGGED_IN --> rightside<!-- ENDIF -->"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ELSE -->{CURRENT_TIME}<!-- ENDIF --></p> -<!-- IF U_MCP --><p>{CURRENT_TIME} <br />[ <a href="{U_MCP}">{L_MCP}</a> ]</p><!-- ELSEIF S_USER_LOGGED_IN --><p>{CURRENT_TIME}</p><!-- ENDIF --> +<p class="{S_CONTENT_FLOW_END} responsive-center<!-- IF S_USER_LOGGED_IN --> rightside<!-- ENDIF -->"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ELSE -->{CURRENT_TIME}<!-- ENDIF --></p> +<!-- IF U_MCP --><p class="responsive-center">{CURRENT_TIME} <br />[ <a href="{U_MCP}">{L_MCP}</a> ]</p><!-- ELSEIF S_USER_LOGGED_IN --><p>{CURRENT_TIME}</p><!-- ENDIF --> <!-- IF S_DISPLAY_SEARCH or (S_USER_LOGGED_IN and not S_IS_BOT) --> <ul class="linklist bulletin"> 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; + } +} |