Julian/phpbb_board3-portal_tlw
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[responsive/portal] Make new tableless layout more or less responsive

Browse Source 
Right column is moved down below other columns if width is not sufficient.
This commit is contained in:
Marc Alexander
2013-12-01 22:56:46 +01:00
parent 161cc6c209
commit ac91c09778
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
styles/prosilver/theme/responsive.css
View File

@@ -1,18 +1,18 @@
@media only screen and (max-width: 895px), only screen and (max-device-width: 895px) @media only screen and (max-width: 895px), only screen and (max-device-width: 895px)
{ {
#portal-body #portal-right { display: none !important; } #portal-right { margin-left: 0 !important; }
#portal-center {
margin-right: 0 !important;
padding-right: 0 !important;
}
} }
dd.responsive-portal-news { display: none !important; } dd.responsive-portal-news { display: none !important; }
.responsive-portal-news dd.posts, .responsive-portal-news dd.views { display: none !important; } .responsive-portal-news dd.posts, .responsive-portal-news dd.views { display: none !important; }
.responsive-portal-news dt { width: 125% !important; } .responsive-portal-news dt { width: 125% !important; }
dt#n { width: 125% !important; } dt#n { width: 125% !important; }
.topiclist .topics, .topiclist .posts { display: none !important; }
@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) #portal-forumlist dl.icon dt { width: 125% !important; }
{
.topiclist .topics, .topiclist .posts { display: none !important; }
#portal-forumlist dl.icon dt { width: 125% !important; }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
{ {
@@ -30,7 +30,7 @@ dt#n { width: 125% !important; }
float: right !important; float: right !important;
} }
#portal-forumlist dl.icon dt { width: 100% !important; } #portal-forumlist dl.icon dt { width: 100% !important; }
#portal-left ul.topiclist dd { display: block !important; } #portal-left ul.topiclist dd, #portal-right ul.topiclist dd { display: block !important; }
.portal-responsive-show { display: block !important; } .portal-responsive-show { display: block !important; }
.portal-responsive-hide { display: none !important; } .portal-responsive-hide { display: none !important; }
} }