From 552ceb2e49d889f6d62b8fac05659d1390255093 Mon Sep 17 00:00:00 2001 From: Marc Alexander Date: Mon, 13 Feb 2023 20:35:43 +0100 Subject: [PATCH] Tweak stylesheet settings and usee newer media syntax --- styles/prosilver/theme/portal.css | 26 +++++++++++++++---- .../prosilver/theme/portal_all_responsive.css | 20 +++++++++----- styles/prosilver/theme/portal_responsive.css | 11 ++++++++ 3 files changed, 46 insertions(+), 11 deletions(-) diff --git a/styles/prosilver/theme/portal.css b/styles/prosilver/theme/portal.css index 304a70a2..f5e1c22b 100644 --- a/styles/prosilver/theme/portal.css +++ b/styles/prosilver/theme/portal.css @@ -5,17 +5,21 @@ } a { - display: inline-block; + display: inline; } ul { - list-style-type: disc !important; + list-style-type: disc; } .portal-navigation{ width: auto; } +.b3p-post { + margin-bottom: 0; +} + .portal-navigation ul{ list-style-type: none; margin: 0; @@ -197,13 +201,26 @@ a.portal-forumtitle { .portal-poll-subtext { font-size: 1.0em !important; - width: 10em; + width: 100%; +} + +p.portal-side-poll-subtext { + width: 11em; + font-size: 1em; +} + +.portal-poll-subtext a { + display: inline-block; } .portal-poll-vote { border-top: none; } +.portal-poll-side-resultbar { + width: 70% !important; +} + .portal-poll-side-option dt { width: 30% !important; } @@ -223,8 +240,7 @@ a.portal-forumtitle { .portal-poll-side-checkbox input { vertical-align: top; - margin-left: 39px; - margin-top: 0; + margin-left: 3px; } /** diff --git a/styles/prosilver/theme/portal_all_responsive.css b/styles/prosilver/theme/portal_all_responsive.css index a173a691..5777a58e 100644 --- a/styles/prosilver/theme/portal_all_responsive.css +++ b/styles/prosilver/theme/portal_all_responsive.css @@ -1,4 +1,4 @@ -@media only screen and (max-width: 870px), only screen and (max-device-width: 870px) { +@media (max-width: 870px) { .portal-body-center dd.posts, .portal-body-center dd.views, .portal-body-center dd.topics { display: none !important; } @@ -24,18 +24,26 @@ .portal-body-center dd.lastpost { width: auto; } } -@media only screen and (max-width: 740px), only screen and (max-device-width: 740px) { - #portal-left ul.topiclist dd, #portal-right ul.topiclist dd { display: block !important; } - +@media (max-width: 740px)) { #portal-right > .portal-clear, #portal-body > .portal-clear, #portal-left > .portal-clear, #portal-center > .portal-clear, #portal-login-box .portal-clear { display: none !important; } } -@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) { +@media (max-width: 700px) { + #portal-left ul.topiclist dd, #portal-right ul.topiclist dd { display: block !important; } + .portal-body-center dt { width: 100% !important; } + + div#portal-left .header dt, div#portal-right .header dt { + margin-bottom: -7px !important; + } + + .portal-body-center ul.topiclist dt .list-inner { + margin-right: 0; + } } -@media only screen and (max-width: 540px), only screen and (max-device-width: 540px) { +@media (max-width: 540px) { #portal-left, #portal-right { display: none; } diff --git a/styles/prosilver/theme/portal_responsive.css b/styles/prosilver/theme/portal_responsive.css index 2e4db7d1..3a4af7e8 100644 --- a/styles/prosilver/theme/portal_responsive.css +++ b/styles/prosilver/theme/portal_responsive.css @@ -52,6 +52,17 @@ } @media (max-width: 700px) { + div#portal-left .header dt, div#portal-right .header dt { + margin-bottom: -7px !important; + } + + .jumpbox { + margin: 15px auto; + } + .copyright { + clear: both; + } + .responsive-portal-news dd.lastpost, .responsive-portal-announcements dd.lastpost { display: none !important; } .responsive-portal-news dt .list-inner, .responsive-portal-announcements dt .list-inner { margin-right: 0 !important; } .responsive-portal-news dt, .responsive-portal-announcements dt { width: 100% !important; }