Tweak stylesheet settings and usee newer media syntax

This commit is contained in:
Marc Alexander
2023-02-13 20:35:43 +01:00
parent 807e06f8a6
commit 552ceb2e49
3 changed files with 46 additions and 11 deletions

View File

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

View File

@@ -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;
}
@media only screen and (max-width: 540px), only screen and (max-device-width: 540px) {
.portal-body-center ul.topiclist dt .list-inner {
margin-right: 0;
}
}
@media (max-width: 540px) {
#portal-left, #portal-right {
display: none;
}

View File

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