Big change: ability to change card colour, and new sticky (post-it) c…

…ard type

client/css/bigcards.css

@@ -73,3 +73,67 @@
 .stickertarget {
 	position: absolute;
 }
+
+
+
+.sticky {
+	width: 112px;
+	height: 100px;
+	xpadding: 5px; float: left;
+	xmargin: 0 10px 10px 0;
+	font-size: .9em;
+
+
+
+	overflow: visible;
+
+	position: absolute;
+	z-index: 10;
+
+	top: 460px;
+	left: 0px;
+
+	display: block;
+}
+
+.sticky .content {
+	overflow: hidden;
+	display: block;
+	width: 73px;
+	height: 68px;
+	margin: 1px 3px 0px 32px;
+
+	font-family: 'Covered By Your Grace',"Arial Rounded MT Bold", arial, serif;
+	font-size: 16px;
+	letter-spacing: 0px;
+
+	xtext-shadow: 0px 0px 1px #444;
+
+	opacity: .9;
+
+	color: black;
+	text-align: center;
+	padding-top: 4px;
+	xline-height: 16px;
+
+	align-items: center;
+    justify-content: center;
+    display: flex;
+}
+
+.sticky .card-icon {
+	left: 100px;
+	top: -5px;
+}
+
+.sticky .card-icon2 {
+	left: 100px;
+	top: 14px;
+
+}
+
+.sticky .filler {
+	margin-right: 5px;
+    margin-bottom: 23px;
+    margin-left: 25px;
+}

client/css/smallcards.css

@@ -90,3 +90,71 @@
 	text-align: center;
 	padding-top: 8px;
 }
+
+
+
+.sticky {
+	width: 56px;
+	height: 50px;
+	xpadding: 5px; float: left;
+	xmargin: 0 10px 10px 0;
+	font-size: .9em;
+
+
+
+	overflow: visible;
+
+	position: absolute;
+	z-index: 10;
+
+	top: 460px;
+	left: 0px;
+
+	display: block;
+}
+
+
+.card-icon {
+	top: 0px;
+}
+
+.card-icon2 {
+	top: 17px; left: 85%;
+
+}
+
+.sticky .content {
+	overflow: hidden;
+	display: block;
+	width: 33px;
+	height: 32px;
+	margin: 1px 3px 0px 19px;
+
+	font-family: 'Covered By Your Grace',"Arial Rounded MT Bold", arial, serif;
+	font-size: 11px;
+	letter-spacing: 0px;
+
+	xtext-shadow: 0px 0px 1px #444;
+
+	opacity: .9;
+
+	color: black;
+	text-align: center;
+	padding-top: 4px;
+	xline-height: 16px;
+
+	align-items: center;
+    justify-content: center;
+    display: flex;
+}
+
+.sticky .card-icon {
+	xleft: 100px;
+	top: -5px;
+}
+
+.sticky .filler {
+	margin-right: 2px;
+    margin-bottom: 12px;
+    margin-left: 25px;
+}

client/css/style.css

@@ -147,15 +147,22 @@ https://headers-css.vercel.app/styles/header-1.css
 .card-icon {
 display:none;
 position: absolute;
-top: 3%; left: 82%;
-opacity: .3;
+top: 3%; left: 85%;
+opacity: .5;
 width: 16px; height: 16px;
 }
 
 .card-icon-hover {
-	opacity: .9;
+	opacity: 1;
+}
+
+
+.card-icon2 {
+	top: 17%; left: 85%;
+
 }
 
+
 .card .editing, .card .editing input, .card .editing textarea,
 .col .editing, .col .editing input, .col .editing textarea
 {