Improves the layout.

2 files changed, 88 insertions, 0 deletions

diff --git a/site/public/css/colors.css b/site/public/css/colors.css
new file mode 100644
index 0000000..be2d738
--- /dev/null
+++ b/site/public/css/colors.css
@@ -0,0 +1,39 @@
+.bg-primary, .bg-dark {
+	background-color: #1289A7 !important;
+	background-color: #0652DD !important;
+	background-color: #142639 !important;
+}
+a, .page-link {
+	color: #142639;
+	color: #406485; 
+	color: #142639;
+	color: #12CBC4;
+	color: #0fb9b1;
+	color: #1289A7 ;
+}
+a:hover, .page-link:hover {
+	color: #0fb9b1;
+	color: #12CBC4;
+}
+a.u:hover, .page-link:hover {
+	text-decoration-style: dotted;
+}
+.navbar-light {
+	color: #424242 !important;
+}
+
+.btn-secondary {
+	background-color: #406485 !important;
+	background-color: #778ca3 !important;
+	background-color: #d1d8e0 !important;
+	color: #142639 !important;
+}
+.btn-outline-success {
+	color: #1289A7 !important;
+	border: 1px solid #1289A7 !important;
+}
+
+.text-primary {
+	color: #142639 !important;
+}
+
diff --git a/site/public/css/custom.css b/site/public/css/custom.css
index b718b50..742b363 100644
--- a/site/public/css/custom.css
+++ b/site/public/css/custom.css
@@ -58,3 +58,52 @@
 	opacity: 0.7; 
 	filter: grayscale(100%);
 }
+.u {
+	text-decoration: underline;
+}
+.card {
+	/*
+	background-color: #d1d8e0;
+	box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
+	box-shadow: 0 .25rem .75rem #d1d8e0;
+	border: 0.5px solid #d1d8e0 !important;
+	box-shadow: 1rem 1rem 1rem #d1d8e0 !important;
+	*/
+	box-shadow: 0rem 0rem .5rem .15rem #d1d8e0, 1rem 1rem 1rem #d1d8e0 !important;
+}
+
+footer {
+	/*
+	background-color: #d1d8e0 !important;
+	box-shadow: -0.5rem 0 .1rem .15rem #d1d8e0;
+	box-shadow: 0 -0.5rem .1rem .05rem #d1d8e0;
+	*/
+	box-shadow: 0 -0.2rem .1rem .05rem #d1d8e0;
+}
+.jumbotron.box-shadow {
+	box-shadow: 0rem 0rem .5rem .15rem #d1d8e0, 1rem 1rem 1rem #d1d8e0 !important;
+}
+.text-fade-out {
+	position: absolute; 
+	bottom: 45%;
+	left: 0;
+	width: 100%; 
+	text-align: center; 
+	margin: 0; padding: 8px 0; 
+	background-image: linear-gradient(to bottom, transparent, white);
+}
+/*
+ * Not used.
+ */
+.created_at {
+	bottom: 5px;
+	/*
+	margin-top: 200%;
+	*/
+	position: absolute;
+	background-color: #d1d8e0 !important;
+	color: #142639 !important;
+	padding-left:5px; 
+	padding-right: 5px; 
+	opacity: 0.9;
+}