Files
phpbb_board3-portal_tlw/styles/prosilver/theme/responsive.css
Marc Alexander ac91c09778 [responsive/portal] Make new tableless layout more or less responsive
Right column is moved down below other columns if width is not sufficient.
2013-12-01 22:56:46 +01:00

37 lines
1.3 KiB
CSS

@media only screen and (max-width: 895px), only screen and (max-device-width: 895px)
{
#portal-right { margin-left: 0 !important; }
#portal-center {
margin-right: 0 !important;
padding-right: 0 !important;
}
}
dd.responsive-portal-news { display: none !important; }
.responsive-portal-news dd.posts, .responsive-portal-news dd.views { display: none !important; }
.responsive-portal-news dt { width: 125% !important; }
dt#n { 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)
{
.responsive-portal-news dd.lastpost { display: none !important; }
.responsive-portal-news dt .list-inner { margin-right: 0px !important; }
.responsive-portal-news dt { width: 100% !important; }
dt#n { width: 100% !important; }
.portal-responsive-poll .resultbar {
display: none !important;
}
.portal-responsive-poll dt { width: 45% !important; }
.portal-responsive-poll dd {
width: 45% !important;
float: right !important;
}
#portal-forumlist dl.icon dt { width: 100% !important; }
#portal-left ul.topiclist dd, #portal-right ul.topiclist dd { display: block !important; }
.portal-responsive-show { display: block !important; }
.portal-responsive-hide { display: none !important; }
}