Merge pull request #1 from clpetersonucf/darkmode/removing-redundant-…

…styles Redundant style cleanup
ucfopen · Sep 25, 2024 · 568239d · 568239d
2 parents 57c05ce + 9bbfa29
commit 568239d
Show file tree

Hide file tree

Showing 6 changed files with 369 additions and 3,980 deletions.
diff --git a/public/img/kogneato_metal_detecting.ai b/public/img/kogneato_metal_detecting.ai
diff --git a/src/components/404.scss b/src/components/404.scss
@@ -64,62 +64,20 @@
 
 .darkMode #notfound {
 	background: #21232a;
-	width: 100vw;
-	max-width: 1200px;
-	min-width: 600px;
-
-	margin: 0 auto;
 
 	.page {
-		position: relative;
-		display: block;
-
-		width: 80%;
-		height: 285px;
-		padding-top: 200px;
-		margin: 50px auto;	
-
 		background: url('/img/kogneato_metal_detecting_dark.png') 66% no-repeat,
 			url('/img/404_logo_balls_dark.png') 80% no-repeat,
 			url('/img/404_beachandocean_dark.png') 0 255px no-repeat;
 		background-position: right center;
 
 		h1 {
-			width: 50%;
-			height: 50%;
 			background: url('/img/404_insand_dark.png') top center no-repeat;
 			background-size: contain;
-			text-indent: -9000px;
-			position: absolute;
-			top: 30px;
-			left: 10px;
 		}
 
 		p {
-			position: relative;
-			top: 100px;
-			padding-left: 5%;
 			text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
-			font-size: 18px;
-			font-weight: 700;
-			text-align: left;
-		}
-
-		@media (max-width: 625px) {
-			h1 {
-				left: 5px;
-
-				width: 33%;
-				height: 33%;
-			}
-
-			p {
-				position: relative;
-				top: 40px;
-				background: rgba(255,255,255,0.85);
-				padding: 15px 5px;
-				text-align: center;
-			}
 		}
 	}
 }
diff --git a/src/components/500.scss b/src/components/500.scss
@@ -42,44 +42,10 @@
 	}
 }
 
-.container.general {
-	width: 100vw;
-	max-width: 1000px;
-	min-width: 600px;
-	height: 100%;
-
-	margin: 40px auto 0 auto;
-	padding-bottom: 40px;
+.darkMode .container.general {
 	background-color: #21232a;
 
-	.page {
-		position: relative;
-		width: 80%;
-		margin: 0 auto;
-
-		h1 {
-			position: relative;
-			left: 50%;
-			width: 400px;
-			margin: 50px 0 50px -200px;
-			padding-bottom: 30px;
-
-			font-size: 100px;
-			text-align: center;
-			color: #61a4e2;
-
-		}
-
-		p {
-			font-weight: 400;
-		}
-	}
-
-	#support-info-500 {
-		width: 50%;
-		max-width: 600px;
-		margin: 0 auto;
-
-		text-align: center;
+	.page h1 {
+		color: #61a4e2;
 	}
 }