basic contact overview

src/main/resources/static/css/style.css

@@ -0,0 +1,109 @@
+html {
+	height: 100%;
+}
+
+body {
+	background-color: #eee;
+	height: calc(100% - 76px);
+}
+
+.body {
+	height: 100%;
+	width: 100%;
+	overflow: auto;
+}
+
+.page {
+	height: 100%;
+	width: 100%;
+	padding-bottom: 12px;
+	background-image: linear-gradient(to bottom, #eee, #777)
+		!important;
+}
+
+.emph {
+	border-radius: 3px !important;
+	border: 1px solid #3070b0 !important;
+	color: #ffffff !important;
+	background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%)
+		!important;
+}
+
+.doneoverviewtext {
+	font-size: 120%;
+}
+
+.doneoverviewtextemph {
+	font-size: 120%;
+	font-weight: bolder;
+}
+
+.loginpanel {
+	margin-top: 100px !important;
+	margin: 0 auto;
+	max-width: 400px !important;
+	width: 400px !important;
+}
+
+.successWell {
+	background-image: linear-gradient(to bottom, #ceeaca 0%, #f7fff7 100%)
+		!important;
+}
+
+.dangerWell {
+	background-image: linear-gradient(to bottom, #eacaca 0%, #fff7f7 100%)
+		!important;
+}
+
+.WP2 {
+	color: black !important;
+	background: radial-gradient(#ffff00, #ffe169) !important;
+	border: 1px solid darkgray;
+  padding-top: 8px !important;
+}
+
+.WP4 {
+	color: black !important;
+	background: radial-gradient(#00ffff, #69c3ff) !important;
+	border: 1px solid darkgray;
+  padding-top: 8px !important;
+}
+
+.WP5 {
+	color: black !important;
+	background: radial-gradient(#ff0000, #e396ff) !important;
+	border: 1px solid darkgray;
+  padding-top: 8px !important;
+}
+
+.TA3 {
+	color: black !important;
+	background: radial-gradient(#99ff99, #ccffcc) !important;
+	border: 1px solid darkgray;
+  padding-top: 8px !important;
+}
+
+.left {
+	text-align: left;
+}
+
+.right {
+	text-align: right;
+}
+
+.prompt {
+	margin: 4px;
+	padding: 4px !important;
+	padding-bottom: 2px !important;
+	font-size: medium !important;
+	background-color: #005782 !important;
+}
+
+.version {
+	font-size: small;
+	color: silver;
+}
+
+.fc-content {
+  cursor: pointer;
+}