Some Code cleaning & REST API

client/css/bigcards.css

@@ -18,6 +18,115 @@
 	display: block;
 }
 
+/* .label .content {
+	font-family: "Rock Salt" !important;
+	font-size: 1.2em;
+} */
+
+.label {
+	width: 230px;
+	height: 60px;
+	xpadding: 5px; float: left;
+	xmargin: 0 10px 10px 0;
+	font-size: .9em;
+	font-family: "Rock Salt" !important;
+	border-radius: 5px;
+
+
+
+	overflow: hidden;
+
+	position: absolute;
+	z-index: 10;
+
+	top: 460px;
+	left: 0px;
+
+	display: block;
+}
+
+.label .content {
+	overflow: hidden;
+	display: block;
+	width: 190px;
+	height: 60px;
+	margin: auto;
+	padding: 0 20px;
+
+	font-family: "Rock Salt" !important;
+	font-size: 1.2em;
+	letter-spacing: 0px;
+
+	xtext-shadow: 0px 0px 1px #444;
+
+	opacity: .9;
+	text-align: center;
+	xline-height: 16px;
+
+	align-items: center;
+    justify-content: center;
+    display: flex;
+}
+
+.label .card-icon {
+	left: 210px;
+	top: 5px;
+	z-index: 99999990;
+}
+
+.label .card-icon2 {
+	left: 210px;
+	top: 28px;
+
+}
+
+.label.white {
+	color: black;
+	background: rgba(255, 255, 255, 0.5);
+	box-shadow: 5px 5px 5px #ccc;
+}
+
+
+.label.green {
+	background: #016a70;
+	opacity: 0.8;
+	box-shadow: 5px 5px 5px #fff;
+	color: #ffffff;
+}
+
+.label.green .content {
+	color: #ffffff;
+}
+
+.label.yellow {
+	background: #f1cd5f;
+	opacity: 0.8;
+	box-shadow: 5px 5px 5px #ccc;
+	color: #black;
+}
+
+.label.yellow .content {
+	color: black;
+}
+
+.label.blue {
+	background: #d37153;
+	opacity: 0.8;
+	box-shadow: 5px 5px 5px #fff;
+	color: #ffffff;
+}
+
+.label.blue .content {
+	color: #ffffff;
+}
+
+/* .sticky .filler {
+	margin-right: 5px;
+    margin-bottom: 23px;
+    margin-left: 25px;
+} */
+
+
 .pink {
 }
 
@@ -40,14 +149,25 @@
 	z-index: -1000;
 }
 
+.card-avatar {
+	position: absolute;
+	top: 60% !important;
+	left: 80%;
+	width: 24px;
+	height: 24px;
+	overflow: hidden;
+	z-index: -500;
+	border-radius: 50%;
+}
+
 .content {
 	overflow: hidden;
 	display: block;
 	width: 158px;
 	height: 88px;
 	margin: 5px 23px 0px 34px;
 
-	font-family: 'Covered By Your Grace',"Arial Rounded MT Bold", arial, serif;
+	font-family: 'Handlee',"Arial Rounded MT Bold", arial, serif;
 	font-size: 18px;
 	letter-spacing: 0px;
 
@@ -103,7 +223,8 @@
 	height: 68px;
 	margin: 1px 3px 0px 32px;
 
-	font-family: 'Covered By Your Grace',"Arial Rounded MT Bold", arial, serif;
+	font-family: 'Handlee',"Arial Rounded MT Bold", arial, serif;
+	font-weight: bold;
 	font-size: 16px;
 	letter-spacing: 0px;
 
@@ -129,11 +250,11 @@
 .sticky .card-icon2 {
 	left: 100px;
 	top: 14px;
-	
+
 }
 
 .sticky .filler {
 	margin-right: 5px;
     margin-bottom: 23px;
     margin-left: 25px;
-}
+}

client/css/nocards.css

@@ -1,22 +1,22 @@
-.card { 
+.card {
 	width: 100px;
 	height: 50px;
 	xpadding: 5px; float: left;
 	xmargin: 0 10px 10px 0;
 	font-size: .9em;
-	
+
 
 
 	overflow: hidden;
-	
+
 	position: absolute;
 	z-index: 10;
-	
+
 	top: 100px;
 	left: 0px;
-	
+
 	display: block;
-	
+
 	xborder: solid rgba(92, 157, 181,0.5) 3px;
 	background-color: #ECDC96;
 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ECDC96), color-stop(100%,#EAD272));
@@ -46,23 +46,34 @@
 	display: none;
 }
 
-.content { 
+.card-avatar {
+	position: absolute;
+	top: 60% !important;
+	left: 80%;
+	width: 24px;
+	height: 24px;
+	overflow: hidden;
+	z-index: -500;
+	border-radius: 50%;
+}
+
+.content {
 	overflow: hidden;
 	display: block;
-	xwidth: 70%; 
+	xwidth: 70%;
 	height: 90px;
 	xmargin: 5px 20px 0px 30px;
-	
+
 	font-family: 'Helvetica Neue', arial, serif;
 	font-size: 12px;
-	letter-spacing: 0px;	
-	
+	letter-spacing: 0px;
+
 	xtext-shadow: 0px 0px 1px #444;
-	
+
 	opacity: 1;
-	
+
 	color: black;
 	text-align: center;
 	padding-top: 0px;
-	
-}
+
+}

client/css/smallcards.css

@@ -41,6 +41,17 @@
 	z-index: -1000;
 }
 
+.card-avatar {
+	position: absolute;
+	top: 60% !important;
+	left: 80%;
+	width: 16px;
+	height: 16px;
+	overflow: hidden;
+	z-index: -500;
+	border-radius: 50%;
+}
+
 .content {
 	overflow: hidden;
 	display: block;
@@ -157,4 +168,4 @@
 	margin-right: 2px;
     margin-bottom: 12px;
     margin-left: 25px;
-}
+}