makary/phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-06-27 21:58:52 +00:00
Code Issues Projects Releases Packages Wiki Activity

[ticket/11552] Responsive forums list

Browse source 
PHPBB3-11552
This commit is contained in:
Vjacheslav Trushkin 2013-09-15 00:13:04 +03:00
parent 744a91dc7b
commit f3d83def0a
1 changed files with 88 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

88
phpBB/styles/prosilver/theme/responsive.css
View file

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