From c2bb0a82a618484ab06f82bd9f35ff4a3bbf63bd Mon Sep 17 00:00:00 2001
From: Matteo Nastasi <nastasi@alternativeoutput.it>
Date: Sun, 3 May 2020 09:52:16 +0200
Subject: [PATCH] add new sp-card class to use with new sprites

---
 web/briskin5/briskin5.css | 69 +++++++++++++++++++++------------------
 1 file changed, 37 insertions(+), 32 deletions(-)

diff --git a/web/briskin5/briskin5.css b/web/briskin5/briskin5.css
index 4239a91..5095856 100644
--- a/web/briskin5/briskin5.css
+++ b/web/briskin5/briskin5.css
@@ -2,7 +2,7 @@
  *  brisk - briskin5.css
  *
  *  Copyright (C) 2006-2012 Matteo Nastasi
- *                          mailto: nastasi@alternativeoutput.it 
+ *                          mailto: nastasi@alternativeoutput.it
  *                                  matteo.nastasi@milug.org
  *                          web: http://www.alternativeoutput.it
  *
@@ -36,7 +36,7 @@ body {
 }
 
 table.chattshort_table {
-    width: 98%; 
+    width: 98%;
     margin: auto;
 }
 
@@ -44,7 +44,7 @@ table.chattshort_table {
 }
 
 img.tableinfo {
-    position:     absolute; 
+    position:     absolute;
     left:         619;
     top:          550;
     border-width: 0px;
@@ -52,7 +52,7 @@ img.tableinfo {
 }
 
 img.tablereload {
-    position:     absolute; 
+    position:     absolute;
     left:         667;
     top:          550;
     border-width: 0px;
@@ -60,15 +60,20 @@ img.tablereload {
 }
 
 img.tableout {
-    position:     absolute; 
+    position:     absolute;
     left:         730;
     top:          550;
     border-width: 0px;
     visibility:   visible;
 }
 
+img.sp-card {
+    position:     absolute;
+    visibility:   hidden;
+}
+
 img.card {
-    position:     absolute; 
+    position:     absolute;
     border-style: solid;
     border-width: 1px;
     border-color: gray;
@@ -77,12 +82,12 @@ img.card {
 
 
 img.astacard {
-    position:     absolute; 
+    position:     absolute;
     border-width: 0px;
 }
 
 img.cover {
-    position:     absolute; 
+    position:     absolute;
     border-style: solid;
     border-width: 1px;
     border-color: lightgray;
@@ -91,7 +96,7 @@ img.cover {
 
 .chooseed {
     visibility:   hidden;
-    position:absolute; 
+    position:absolute;
     width:  200px;
     height: 200px;
     top:  250px;
@@ -101,7 +106,7 @@ img.cover {
 
 .asta {
     visibility:   hidden;
-    position:     absolute; 
+    position:     absolute;
     width:  200px;
     height: 200px;
     top:  250px;
@@ -110,28 +115,28 @@ img.cover {
 }
 
 img.seed0 {
-    position:     absolute; 
+    position:     absolute;
     left: 0px;
     top: 55px;
     cursor: pointer;
 }
 
 img.seed1 {
-    position:     absolute; 
+    position:     absolute;
     left: 43px;
     top: 55px;
     cursor: pointer;
 }
 
 img.seed2 {
-    position:     absolute; 
+    position:     absolute;
     left: 93px;
     top: 55px;
     cursor: pointer;
 }
 
 img.seed3 {
-    position:     absolute; 
+    position:     absolute;
     left: 143px;
     top: 55px;
     cursor: pointer;
@@ -141,7 +146,7 @@ img.seed3 {
     display: block;	
     margin-left: auto;
     margin-right: auto;
-    position: relative;  
+    position: relative;
     text-align: center;
     width:  800px;
     height: 600px;
@@ -153,9 +158,9 @@ img.seed3 {
 }
 
 .points {
-    margin-top: 8px; 
+    margin-top: 8px;
     padding: 8px;
-    margin-left:auto; 
+    margin-left:auto;
     margin-right:auto;
     margin-bottom: 4px;
     border-style: solid;
@@ -181,8 +186,8 @@ div.table_commands {
     bottom: 15px;
 }
 
-.remark0 { 
-    position:     absolute; 
+.remark0 {
+    position:     absolute;
     width:  199px;
     height: 200px;
     left: 299;
@@ -193,8 +198,8 @@ div.table_commands {
     z-index: 1;
 }
 
-.remark1 { 
-    position:     absolute; 
+.remark1 {
+    position:     absolute;
     width:  199px !important;
     width:  207px;
     height: 200px !important;
@@ -207,8 +212,8 @@ div.table_commands {
     z-index: 1;
 }
 
-.remark2 { 
-    position:     absolute; 
+.remark2 {
+    position:     absolute;
     width:  199px !important;
     width:  203px;
     height: 200px !important;
@@ -222,7 +227,7 @@ div.table_commands {
 }
 
 .punti {
-    position:     absolute; 
+    position:     absolute;
     width: 68;
     height: 50;
     margin-top: 4px;
@@ -276,7 +281,7 @@ div.table_commands {
     display: block;
     margin-left: auto;
     margin-right: auto;
-}  
+}
 
 .pubinfo_we {
     color: gray;
@@ -442,7 +447,7 @@ div.table_commands {
     display: block;
     margin-left: auto;
     margin-right: auto;
-}  
+}
 
 .pubacard_ne {
     border-width: 0px;
@@ -450,7 +455,7 @@ div.table_commands {
     display: block;
     margin-left: auto;
     margin-right: auto;
-}  
+}
 
 .pubacard_nw {
     border-width: 0px;
@@ -458,7 +463,7 @@ div.table_commands {
     display: block;
     margin-left: auto;
     margin-right: auto;
-}  
+}
 
 .pubacard_we {
     border-width: 0px;
@@ -466,13 +471,13 @@ div.table_commands {
     display: block;
     margin-left: auto;
     margin-right: auto;
-}  
+}
 
 
 /* CALLER */
 .caller {
-    background-repeat: no-repeat; 
-    visibility: hidden; 
+    background-repeat: no-repeat;
+    visibility: hidden;
     position: absolute;
     left: 0px;
     top: 475px;
@@ -489,7 +494,7 @@ div.table_commands {
 }
 
 img.callerimg {
-    position:     absolute; 
+    position:     absolute;
     left: 133px;
     top: 10px;
 }
-- 
2.17.1