mirror/php-phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-02-24 03:54:10 +01:00
Code Issues Releases Wiki Activity

[ticket/11552] Responsive paragraphs

Browse Source 
Responsive blocks below topics list and misc items

PHPBB3-11552
This commit is contained in:
Vjacheslav Trushkin 2013-09-15 23:20:05 +03:00
parent 9ccccb8baa
commit fd932820df
2 changed files with 46 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
phpBB/styles/prosilver/template/index_body.html
View File

@ -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 />[&nbsp;<a href="{U_MCP}">{L_MCP}</a>&nbsp;]</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 />[&nbsp;<a href="{U_MCP}">{L_MCP}</a>&nbsp;]</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">

44
phpBB/styles/prosilver/theme/responsive.css
View File

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