Merge pull request #643 from CleanTalk/beta

Beta 2.177

Author: svfcode

css/spbc-admin.min.css

@@ -287,3 +287,124 @@ span.green_dot{
 	z-index: 9990 !important;
 	left: 160px !important;
 }
+
+td.column-spbc_pass_check {
+	display: flex;
+	flex-direction: column;
+}
+
+.row-spbc_pass_check {
+	margin: 5px 0;
+}
+
+/*long desc module*/
+	.spbc_long_description__show:hover{
+		color: #aaaaaa;
+		cursor: pointer;
+	}
+
+	.spbc_long_desc{
+		position: absolute;
+		background: #5a5a5a;
+		min-width: 80px; min-height: 80px;
+		max-width: 500px;
+		padding: 10px;
+		color: white;
+		z-index: 10;
+	}
+
+	@media screen and (max-width: 900px) {
+		.spbc_long_desc {
+			left: inherit !important;
+		}
+		.spbc_long_desc__angle_top_left {
+			display: none;
+		}
+	}
+	.spbc_long_desc p{
+		color: white !important;
+	}
+	i.animate-spin{
+		-moz-animation: spin 2s infinite linear;
+		-o-animation: spin 2s infinite linear;
+		-webkit-animation: spin 2s infinite linear;
+		animation: spin 2s infinite linear;
+		display: inline-block;
+		margin: 0 auto;
+		font-size: 25px;
+		line-height: 20px;
+		color: rgba(120,200,230,1);
+		margin: 25px;
+	}
+	@keyframes spin {
+		to{transform: rotate(359deg);}
+	}
+	.spbc_long_desc__cancel{
+		position: absolute;
+		top: 5px; right: 5px;
+		color: rgba(255,255,255,0.5);
+	}
+	.spbc_long_desc__cancel:hover{
+		color: white;
+	}
+	.spbc_long_desc__angle{
+		position: absolute;
+		top: 5px; left: -17px;
+		width: 10px; height: 10px;
+		background: #5a5a5a;
+		-webkit-transform: rotate(135deg);
+		-ms-transform: rotate(135deg);
+		transform: rotate(135deg);
+		-webkit-transform-origin: 100% 100%;
+		-ms-transform-origin: 100% 100%;
+		transform-origin: 100% 100%;
+	}
+
+	.spbc_long_desc__angle_top_left{
+		position: absolute;
+		top: -10px; left: -9px;
+		width: 10px; height: 10px;
+		background: #5a5a5a;
+		-webkit-transform: rotate(135deg);
+		-ms-transform: rotate(135deg);
+		transform: rotate(135deg);
+		-webkit-transform-origin: 100% 100%;
+		-ms-transform-origin: 100% 100%;
+		transform-origin: 100% 100%;
+	}
+
+	.spbc_long_desc__angle_top_right{
+		position: absolute;
+		top: -10px; right: 14px;
+		width: 10px; height: 10px;
+		background: #5a5a5a;
+		-webkit-transform: rotate(135deg);
+		-ms-transform: rotate(135deg);
+		transform: rotate(135deg);
+		-webkit-transform-origin: 100% 100%;
+		-ms-transform-origin: 100% 100%;
+		transform-origin: 100% 100%;
+	}
+
+	.spbc_long_desc__title{
+		color: rgba(120,200,230,1);
+		margin: 0;
+	}
+	.spbc_long_desc__link{
+		color: rgba(120,200,230,1);
+	}
+	.spbc_long_desc__link:hover{
+		color: rgba(140,220,250,1);
+	}
+	.spbc_long_desc h4{
+		color: rgb(80,160,190);
+		margin: 10px 0 3px 0;
+	}
+	.spbc_long_desc span{
+		margin: 0 0 0 10px;
+		display: inline-block;
+	}
+
+	.spbc_long_desc img{
+		width: 300px;
+	}