Fixed themes so it's no longer centering elements which shouldn't be …

…centered
FransBouma · Feb 23, 2021 · 67832c6 · 67832c6
1 parent e989c06
commit 67832c6
Show file tree

Hide file tree

Showing 3 changed files with 45 additions and 18 deletions.
diff --git a/Themes/Default/Destination/css/theme.css b/Themes/Default/Destination/css/theme.css
@@ -511,11 +511,6 @@ td {
 	visibility: hidden;
 }
 
-div.figure {
-	align-items: center;
-	text-align: center;
-}
-
 img.shadowed, div.figure img {
 	margin: 0 auto;
 	box-shadow: 0px 0px 10px rgba(10,10,10,0.3);
@@ -1164,7 +1159,6 @@ div.figure p {
 	padding: 1.618em 3.236em;
 	height: 100%;
 	max-width: 800px;
-	margin: auto;
 }
 
 .side-nav-search {
@@ -1263,6 +1257,11 @@ div.figure p {
 }
 
 @media only screen and (max-width: 480px) {
+	img {
+		max-width: 100%;
+		height:auto;
+	}
+
 	.form input[type="text"] {
 		margin-bottom: 0.3em;
 		display: block;
@@ -1275,6 +1274,11 @@ div.figure p {
 }
 
 @media screen and (max-width: 480px) {
+	img {
+		max-width: 100%;
+		height:auto;
+	}
+
 	.mobile-hide {
 		display: none;
 	}
@@ -1289,6 +1293,11 @@ div.figure p {
 }
 
 @media screen and (max-width: 768px) {
+	img {
+		max-width: 100%;
+		height:auto;
+	}
+
 	.nav-top {
 		display: block;
 	}

diff --git a/Themes/LLBLGenPro/Destination/css/theme.css b/Themes/LLBLGenPro/Destination/css/theme.css
@@ -511,11 +511,6 @@ td {
 	visibility: hidden;
 }
 
-div.figure {
-	align-items: center;
-	text-align: center;
-}
-
 img.shadowed, div.figure img {
 	margin: 0 auto;
 	box-shadow: 0px 0px 8px rgba(10,10,10,0.2)
@@ -1164,7 +1159,6 @@ div.figure p {
 	padding: 1.618em 3.236em;
 	height: 100%;
 	max-width: 800px;
-	margin: auto;
 }
 
 .side-nav-search {
@@ -1263,6 +1257,11 @@ div.figure p {
 }
 
 @media only screen and (max-width: 480px) {
+	img {
+		max-width: 100%;
+		height:auto;
+	}
+
 	.form input[type="text"] {
 		margin-bottom: 0.3em;
 		display: block;
@@ -1275,6 +1274,11 @@ div.figure p {
 }
 
 @media screen and (max-width: 480px) {
+	img {
+		max-width: 100%;
+		height:auto;
+	}
+
 	.mobile-hide {
 		display: none;
 	}
@@ -1289,6 +1293,11 @@ div.figure p {
 }
 
 @media screen and (max-width: 768px) {
+	img {
+		max-width: 100%;
+		height:auto;
+	}
+
 	.nav-top {
 		display: block;
 	}

diff --git a/Themes/Light/Destination/css/theme.css b/Themes/Light/Destination/css/theme.css
@@ -511,11 +511,6 @@ td {
 	visibility: hidden;
 }
 
-div.figure {
-	align-items: center;
-	text-align: center;
-}
-
 img.shadowed, div.figure img {
 	margin: 0 auto;
 	box-shadow: 0px 0px 10px rgba(10,10,10,0.3);
@@ -1164,7 +1159,6 @@ div.figure p {
 	padding: 1.618em 3.236em;
 	height: 100%;
 	max-width: 800px;
-	margin: auto;
 }
 
 .side-nav-search {
@@ -1263,6 +1257,11 @@ div.figure p {
 }
 
 @media only screen and (max-width: 480px) {
+	img {
+		max-width: 100%;
+		height:auto;
+	}
+
 	.form input[type="text"] {
 		margin-bottom: 0.3em;
 		display: block;
@@ -1275,6 +1274,11 @@ div.figure p {
 }
 
 @media screen and (max-width: 480px) {
+	img {
+		max-width: 100%;
+		height:auto;
+	}
+
 	.mobile-hide {
 		display: none;
 	}
@@ -1289,6 +1293,11 @@ div.figure p {
 }
 
 @media screen and (max-width: 768px) {
+	img {
+		max-width: 100%;
+		height:auto;
+	}
+
 	.nav-top {
 		display: block;
 	}