From fa1d63d6e86bdd19e059ef6161bf2aa811f87ce0 Mon Sep 17 00:00:00 2001
From: Patrick McDermott <pj@pehjota.net>
Date: Sun, 05 Nov 2017 14:42:25 -0500
Subject: about:profiles: Pass profiles styles to mq_html_document()

---
(limited to 'src/schemes/about')

diff --git a/src/schemes/about/profiles.c b/src/schemes/about/profiles.c
index a31110a..a130800 100644
--- a/src/schemes/about/profiles.c
+++ b/src/schemes/about/profiles.c
@@ -31,6 +31,89 @@
 #include "../about.h"
 #include "paths.h"
 
+static const gchar *styles =
+	"div.profile > svg {\n"
+		"width: 64px;\n"
+		"height: 64px;\n"
+		"border: 1px solid transparent;\n"
+		"border-radius: 3px;\n"
+		"padding: 6px;\n"
+		"transition: all 250ms ease-in-out 0s;\n"
+		"-moz-transition: all 250ms ease-in-out 0s;\n"
+		"-wekbit-transition: all 250ms ease-in-out 0s;\n"
+		"-o-transition: all 250ms ease-in-out 0s;\n"
+	"}\n"
+	"div.profile > label {\n"
+		"display: inline;\n"
+		"border: 1px solid #9F9F9F;\n"
+		"border-radius: 3px;\n"
+		"background-color: #DFDFDF;\n"
+		"padding: 6px;\n"
+		"color: #000000;\n"
+		"transition: all 250ms ease-in-out 0s;\n"
+		"-moz-transition: all 250ms ease-in-out 0s;\n"
+		"-wekbit-transition: all 250ms ease-in-out 0s;\n"
+		"-o-transition: all 250ms ease-in-out 0s;\n"
+	"}\n"
+	"div.profile > label:hover {\n"
+		"border: 1px solid #4F8FCF;\n"
+		"outline: 0;\n"
+		"background-color: #EFEFEF;\n"
+	"}\n"
+	"div.profile {\n"
+		"background-color: #CFCFCF;\n"
+		"border: 1px solid #9F9F9F;\n"
+		"border-radius: 3px;\n"
+	"}\n"
+	"div.profile > input[type=radio] {\n"
+		"display: none;\n"
+	"}\n"
+	"div.profile > span {\n"
+		"display: inline;\n"
+		"position: absolute;\n"
+	"}\n"
+	"div.profile > span.current {\n"
+		"font-weight: bold;\n"
+	"}\n"
+	"div.profile > input[type=text] {\n"
+		"display: none;\n"
+		"position: absolute;\n"
+	"}\n"
+	"div.profile > label {\n"
+		"display: inline;\n"
+	"}\n"
+	"div.profile > label > span {\n"
+		"margin: 0;\n"
+	"}\n"
+	"div.profile > input[type=submit]:last-child {\n"
+		"display: none;\n"
+	"}\n"
+	"div.profile > input[type=radio]:checked ~ svg {\n"
+		"border-color: #9F9F9F;\n"
+		"background-color: #DFDFDF;\n"
+	"}\n"
+	"div.profile > input[type=radio]:checked ~ svg:hover {\n"
+		"border-color: #4F8FCF;\n"
+		"background-color: #EFEFEF;\n"
+	"}\n"
+	"div.profile > input[type=radio]:checked ~ span {\n"
+		"display: none;\n"
+	"}\n"
+	"div.profile > input[type=radio]:checked ~ input[type=text] {\n"
+		"display: inline;\n"
+	"}\n"
+	"div.profile > input[type=radio]:checked ~ label {\n"
+		"display: none;\n"
+	"}\n"
+	"div.profile > input[type=radio]:checked ~ "
+		"input[type=submit]:last-child {\n"
+		"display: inline;\n"
+	"}\n"
+	"div.profile > label, div.profile > input[type=submit] {\n"
+		"float: right;\n"
+	"}\n"
+	;
+
 static gchar *
 generate_div(MqProfiles *profiles, gchar *id)
 {
@@ -109,7 +192,7 @@ generate_document(MqProfiles *profiles, gboolean adding)
 	divs[i] = NULL;
 	g_strfreev(ids);
 
-	return mq_html_document("Profiles",
+	return mq_html_document("Profiles", styles,
 		mq_html_form_v("add", "Add Profile", NULL, NULL, divs),
 		NULL);
 }
--
cgit v0.9.1