Crizzo-Max-width switch ext. adaption

[Forum Member]

Copy the theme folder of the prosilver ( ext - crizzo - maxwidthswitch - styles - prosilver - theme )
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;
	}
}

Copy the theme folder of the prosilver ( ext - crizzo - maxwidthswitch - styles - prosilver - theme )
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;
	}
}

Copy the theme folder of the prosilver ( ext - crizzo - maxwidthswitch - styles - prosilver - theme )
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;
	}
}