Create in the style folder a folder ProsilverHiFiKabin and paste the copied theme folder
Replace the whole content with the code below
Then it will be displayed correctly for HiFiKabin, HiFiKabin_2nd and HiFiKabin_3rd.
In 4th and 5th the responsive is not correct at all. Therefore a different code must be inserted for these two style versions (see below)
Code: Alles auswählen
#wrap {
max-width: none !important;
margin: 0 0;
}
@media (max-width: 700px) {
#wrap {
margin: 0;
}
}
.wrap_border {
max-width: none !important;
margin: 0 20px;
padding: 10px 8px 8px 8px;
}
@media (max-width: 700px) {
.wrap_border {
margin: 0;
padding: 5px 6px;
}
}
@media (max-width: 700px) {
.headerbar, .navbar, .forabg, .forumbg, .post, .panel {
border-radius: 0;
margin-left: -15px;
margin-right: -15px;
}
.stat-block h3 {
margin-left: -8px;
margin-right: -8px;
}
.stat-block p {
margin-left: -8px;
margin-right: -8px;
}
}
Create in the style folder a folder ProsilverHiFiKabin_4th and paste the copied theme folder
Replace the whole content with the code below
Code: Alles auswählen
#wrap {
max-width: none !important;
margin: 0 0;
}
@media (max-width: 700px) {
#wrap {
margin: 0;
}
}
.wrap_border {
max-width: none !important;
margin: 0 20px;
padding: 10px 8px 8px 8px;
}
@media (max-width: 700px) {
.wrap_border {
margin: 0;
padding: 0;
}
}
@media (max-width: 700px) {
.headerbar, .navbar, .forabg, .forumbg, .post, .panel {
border-radius: 0;
margin-left: -10px;
margin-right: -10px;
}
.headerbar {
margin-top: -10px;
}
.stat-block {
padding: 0 10px;
border-radius: 0;
margin-bottom: -21px;
margin-top: 25px;
margin-left: -10px;
margin-right: -10px;
}
.stat-block h3 {
margin-left: -8px;
margin-right: -8px;
}
.stat-block p {
margin-left: -8px;
margin-right: -8px;
}
.copyright {
border-radius: 0;
padding: 2px 0 5px;
margin-top: 15px;
margin-left: -10px;
margin-right: -10px;
}
.online-container {
border-radius: 0;
margin-top: 15px;
margin-left: -8px;
margin-right: -8px;
}
}
Create in the style folder a folder ProsilverHiFiKabin_5th and paste the copied theme folder
Replace the whole content with the code below
Code: Alles auswählen
#wrap {
max-width: none !important;
margin: 0 0;
}
@media (max-width: 700px) {
#wrap {
margin: 0;
}
}
.wrap_border {
max-width: none !important;
margin: 0 20px;
padding: 10px 8px 8px 8px;
}
@media (max-width: 700px) {
.wrap_border {
margin: 0;
padding: 0;
}
}
@media (max-width: 700px) {
.headerbar, .navbar, .forabg, .forumbg, .post, .panel {
border-radius: 0;
margin-left: -10px;
margin-right: -10px;
}
.headerbar {
margin-top: -10px;
}
.stat-block {
padding: 0 10px;
border-radius: 0;
margin-bottom: -21px;
margin-top: 25px;
margin-left: -10px;
margin-right: -10px;
}
.stat-block h3 {
margin-left: -8px;
margin-right: -8px;
}
.stat-block p {
margin-left: -8px;
margin-right: -8px;
}
.copyright {
border-radius: 0;
padding: 2px 0 5px;
margin-top: 15px;
margin-left: -10px;
margin-right: -10px;
}
.online-container {
border-radius: 0;
margin-top: 15px;
margin-left: -8px;
margin-right: -8px;
}
}