From a6a738574f25e4260a7e1657a7f06041e4be1e82 Mon Sep 17 00:00:00 2001
From: Random Penguin <25882519-randompenguin@users.noreply.gitlab.com>
Date: Tue, 25 Mar 2025 13:31:29 -0500
Subject: [PATCH] Upload New File

---
 view/src/postbox.css | 120 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 120 insertions(+)
 create mode 100644 view/src/postbox.css

diff --git a/view/src/postbox.css b/view/src/postbox.css
new file mode 100644
index 0000000..7e7fb87
--- /dev/null
+++ b/view/src/postbox.css
@@ -0,0 +1,120 @@
+	/* 	Post Backgrounds 
+		================
+		Solid and Gradient backgrounds with larger text
+		to grab reader attention
+	*/
+	[class^="postbox-"]{
+		display: table-cell;
+		height: 350px;
+		width: 1000px;
+		max-width: 100%;
+		vertical-align: middle;
+		font-family: Arial, sans-serif;
+		font-size: 30px;
+		font-weight: 700;
+		line-height: 35px;
+		text-align: center;
+		padding: 50px 30px;
+		box-sizing: border-box;
+	}
+		[class^="postbox-"] a {
+			color: inherit !important;
+		}
+			[class^="postbox-"]:hover a,
+			[class^="postbox-"]:focus a {
+				text-decoration: underline;
+			}
+		/* Solid Color Backgrounds */
+		.postbox-black {
+			background-color: black;
+			color: white;
+		}
+		.postbox-red {
+			background-color: rgb(226, 1, 59);
+			color: white;
+		}
+		.postbox-green {
+			background-color: rgb(38, 146, 127);
+			color: white;
+		}
+		.postbox-blue {
+			background-color: rgb(32, 136, 175);
+			color: black;
+		}
+		.postbox-orange {
+			background-color: rgb(255, 99, 35);
+			color: black;
+		}
+		.postbox-purple {
+			background-color: rgb(115, 33, 173);
+			color: white;
+		}
+		.postbox-forest {
+			background-color: rgb(22, 83, 72);
+			color: white;
+		}
+		.postbox-ocean {
+			background-color: rgb(36, 55, 98);
+			color: white;
+		}
+		.postbox-pink {
+			background-color: rgb(243, 83, 105);
+			color: black;
+		}
+		.postbox-salmon {
+			background-color: rgb(250, 128, 114);
+			color: black;
+		}
+		/* Gradient Backgrounds */
+		.postbox-darkgray {
+			background-image: linear-gradient(135deg, rgb(119, 125, 136), rgb(79, 87, 102));
+			color: white;
+		}
+		.postbox-minty {
+			background-image: linear-gradient(135deg, rgb(143, 199, 173), rgb(72, 229, 169));
+			color: black;
+		}
+		.postbox-mintgray {
+			background-image: linear-gradient(135deg, rgb(143, 199, 173), rgb(72, 229, 169));
+			color: black;
+		}
+		.postbox-redblue {
+			background-image: linear-gradient(45deg, rgb(255, 0, 71), rgb(44, 52, 199));
+			color: white;
+		}
+		.postbox-violets {
+			background-image: linear-gradient(45deg, rgb(93, 63, 218), rgb(252, 54, 253));
+			color: white;
+		}
+		.postbox-grayblack {
+			background-image: linear-gradient(45deg, rgb(93, 99, 116), rgb(22, 24, 29));
+			color: white;
+		}
+		.postbox-tealblue {
+			background-image:  linear-gradient(to bottom,  #4bdfdf 0%,#207cca 50%,#19094a 100%);
+			color: white;
+		}
+		.postbox-greengray {
+			background-image: linear-gradient(to right,  #c8dbbd 0%,#dedede 100%);
+			color: black;
+		}
+		.postbox-tealgray {
+			background-image: linear-gradient(to right,  #8dcad0 0%,#dedede 100%);
+			color: black;
+		}
+		.postbox-bluegray {
+			background-image:  linear-gradient(to right,  #94bbeb 0%,#dedede 100%);
+			color: black;
+		}
+		.postbox-lavendergray {
+			background-image: linear-gradient(to right,  #cfbfda 0%,#dedede 100%);
+			color: black;
+		}
+		.postbox-sunset {
+			background-image: linear-gradient(to bottom,  #fecf41 0%,#fd7440 50%,#b623b1 100%);
+			color: white;
+		}
+		.postbox-sherbert {
+			background-image: linear-gradient(45deg,  #fcd6cd 6%,#f8bc44 25%,#fb7d88 44%,#fb7d88 64%,#fb7d88 64%,#fed640 100%);
+			color: black;
+		}
\ No newline at end of file