Add more duration display and some short effects

Also fix some issues with replacements not being available via tab and hilight them like hover.
Also fix some NPC display issues.

css/replace.css

@@ -3,26 +3,22 @@
 /*"Nehmen" ersetzen*/
 a[href*="action=takemoney&act_item_id="],
 a[href*="action=take&act_item_id="] {
-    visibility: hidden;
     font-size: 0px;
     background: #0C0D0F;
 }
 a[href*="action=takemoney&act_item_id="]:after,
 a[href*="action=take&act_item_id="]:after {
-    visibility: visible;
     content: "An Bord holen";
     font-size: 12px;
 }
 
 /*Bank - "Item mitnehmen" ersetzen*/
 a[href$="arrive_eval=itemmitnahme0"] {
-    visibility: hidden;
     font-size: 0px;
     background: #0D0F10;
 }
 
 a[href$="arrive_eval=itemmitnahme0"]:after {
-    visibility: visible;
     content: "Item-Kategorien anzeigen";
     font-size: 12px;
 }
@@ -74,4 +70,31 @@ a[href$="arrive_eval=itemmitnahme0"]:after {
 */
 .frameitembg .small center br {
     display: none;
-}
+}
+
+/* Kurze Zustände */
+
+.frameitembg .listrow .small span:hover {
+    font-size: 12px;
+}
+
+.frameitembg .listrow .small span:hover:after {
+    content: "";
+}
+
+.frameitembg .listrow .small span:before,
+.frameitembg .listrow .small span:after {
+    font-size: 12px;
+}
+
+.frameitembg span#IS {font-size: 0px;}
+.frameitembg span#IS:after {content: "IS";}
+
+.frameitembg span#NR {font-size: 0px;}
+.frameitembg span#NR:after {content: "NPC-R.Det.";}
+
+.frameitembg span#RT {font-size: 0px;}
+.frameitembg span#RT:after {content: "Rib.";}
+
+.frameitembg span#AT {font-size: 0px;}
+.frameitembg span#AT:after {content: "Traktor";}

css/zustand.css

@@ -216,8 +216,77 @@ span[title^="2m"] {color:#FF8000;}
 span[title^="1m"] {color:#D20000;}
 span[title^="0m"] {color:#D20000;}
 
+span[title^="60 M"]:before {content:"60m: ";}
+span[title^="59 M"]:before {content:"59m: ";}
+span[title^="58 M"]:before {content:"58m: ";}
+span[title^="57 M"]:before {content:"57m: ";}
+span[title^="56 M"]:before {content:"56m: ";}
+span[title^="55 M"]:before {content:"55m: ";}
+span[title^="54 M"]:before {content:"54m: ";}
+span[title^="53 M"]:before {content:"53m: ";}
+span[title^="52 M"]:before {content:"52m: ";}
+span[title^="51 M"]:before {content:"51m: ";}
+span[title^="50 M"]:before {content:"50m: ";}
+span[title^="49 M"]:before {content:"49m: ";}
+span[title^="48 M"]:before {content:"48m: ";}
+span[title^="47 M"]:before {content:"47m: ";}
+span[title^="46 M"]:before {content:"46m: ";}
+span[title^="45 M"]:before {content:"45m: ";}
+span[title^="44 M"]:before {content:"44m: ";}
+span[title^="43 M"]:before {content:"43m: ";}
+span[title^="42 M"]:before {content:"42m: ";}
+span[title^="41 M"]:before {content:"41m: ";}
+span[title^="40 M"]:before {content:"40m: ";}
+span[title^="39 M"]:before {content:"39m: ";}
+span[title^="38 M"]:before {content:"38m: ";}
+span[title^="37 M"]:before {content:"37m: ";}
+span[title^="36 M"]:before {content:"36m: ";}
+span[title^="35 M"]:before {content:"35m: ";}
+span[title^="34 M"]:before {content:"34m: ";}
+span[title^="33 M"]:before {content:"33m: ";}
+span[title^="32 M"]:before {content:"32m: ";}
+span[title^="31 M"]:before {content:"31m: ";}
+span[title^="30 M"]:before {content:"30m: ";}
+span[title^="29 M"]:before {content:"29m: ";}
+span[title^="28 M"]:before {content:"28m: ";}
+span[title^="27 M"]:before {content:"27m: ";}
+span[title^="26 M"]:before {content:"26m: ";}
+span[title^="25 M"]:before {content:"25m: ";}
+span[title^="24 M"]:before {content:"24m: ";}
+span[title^="23 M"]:before {content:"23m: ";}
+span[title^="22 M"]:before {content:"22m: ";}
+span[title^="21 M"]:before {content:"21m: ";}
+span[title^="20 M"]:before {content:"20m: ";}
+span[title^="19 M"]:before {content:"19m: ";}
+span[title^="18 M"]:before {content:"18m: ";}
+span[title^="17 M"]:before {content:"17m: ";}
+span[title^="16 M"]:before {content:"16m: ";}
+span[title^="15 M"]:before {content:"15m: ";}
+span[title^="14 M"]:before {content:"14m: ";}
+span[title^="13 M"]:before {content:"13m: ";}
+span[title^="12 M"]:before {content:"12m: ";}
+span[title^="11 M"]:before {content:"11m: ";}
+span[title^="10 M"]:before {content:"10m: ";}
+span[title^="9 M"]:before {content:"9m: ";}
+span[title^="8 M"]:before {content:"8m: ";}
+span[title^="7 M"]:before {content:"7m: ";}
+span[title^="6 M"]:before {content:"6m: ";}
+span[title^="5 M"]:before {content:"5m: ";}
+span[title^="4 M"]:before {content:"4m: ";}
 span[title^="3 M"]:before {content:"3m: ";}
 span[title^="2 M"]:before {content:"2m: ";}
 span[title^="1 M"]:before {content:"1m: ";}
 span[title^="0 M"]:before {content:"0m: ";}
 
+span[title^="100 / "]:before {content:"100: ";}
+span[title^="90 / "]:before {content:"90: ";}
+span[title^="80 / "]:before {content:"80: ";}
+span[title^="70 / "]:before {content:"70: ";}
+span[title^="60 / "]:before {content:"60: ";}
+span[title^="50 / "]:before {content:"50: ";}
+span[title^="40 / "]:before {content:"40: ";}
+span[title^="30 / "]:before {content:"30: ";}
+span[title^="20 / "]:before {content:"20: ";}
+span[title^="10 / "]:before {content:"10: ";}
+span[title^="0 / "]:before {content:"0: ";}
+

style..base.css

@@ -70,7 +70,8 @@ a:active {
     cursor: progress;
 }
 
-a:hover {
+a:hover,
+a:focus {
     color: #D0AA06;
     text-decoration: underline;
     font-weight: bold;
@@ -897,15 +898,15 @@ p.listplaceitemsrow {
     counter-increment: items;
 }
 
-p.listplaceitemsrow > b:before {
+p.listplaceitemsrow > b:first-of-type:before {
     content: counter(items) " | ";
 }
 
 div.listplaceitemsrow {
     counter-increment: items;
 }
 
-div.listplaceitemsrow > b:before {
+div.listplaceitemsrow > b:first-of-type:before {
     content: counter(items) " | ";
 }
 
@@ -922,6 +923,12 @@ div.listplaceitemsrow > b:before {
     overflow: hidden;
 }
 
+/* Fix NPC Text Abstände/Flow */
+.listusersrow img[src$="/npc19877.gif"] {
+    padding-right: 19px!important;
+    padding-bottom: 20px;
+}
+
 
 /*User-Klasse*/
 
@@ -1739,4 +1746,4 @@ div#shielddisp {
 #shieldlinks a[href="item.php?action=powerenergy"] {
     position: absolute;
     left: 11px;
-}
+}