BBM-Repeater 1.08

by velo_ninja

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BBM-Repeater-1.05</title>
    <style>
      ::-webkit-scrollbar {width: 1px;} /* HIDING SCROLLBAR IN CHROME */    
      :root {
        --color1: rgba(55, 155, 255, 0.5);
        --color2: rgba(10, 110, 255, 0.5);
        --color3: rgba(100, 190, 555, 0.9);
      }
      /* --------------------[ DIV-ITEM-HOVER ]----------------------- */
      .divItem:hover {background: var(--color1)!important; border:1px solid black !important; z-index:998 !important;}     
      .divItem:hover .divString,
      .divItem:hover .divNumber,
      .divItem:hover .divBoolean   {cursor: pointer; transform:translateX(7%) !important; z-index:998 !important;}
      .divItem:hover .divId,
      .divItem:hover .divOwner,
      .divItem:hover .divEmail, 
      .divItem:hover .divMobile    {cursor:pointer; !important;}
      /*------------[HOVER]--------------------*/      
      .divString:hover,
      .divNumber:hover,
      .divBoolean:hover{background:var(--color2)!important; border:1px solid white !important; }
      .divId:hover,
      .divOwner:hover,
      .divEmail:hover,
      .divPhone:hover,
      .divMobile:hover,
      .divFax:hover    {background:var(--color2)!important; background:white !important; color:black !important; border:2px dashed black !important; font-size: 15px !important; z-index:999 !important;}
      /*-----------------*/
      .divEmail:hover .imgEmail     {filter: grayscale(0%) !important;}
      .divPhone:hover .imgPhone     {filter: grayscale(0%) !important;}
      .divMobile:hover .imgMobile   {filter: grayscale(0%) !important;}
      .divFax:hover .imgFax         {filter: grayscale(0%) !important;}
      .divProfile:hover .imgProfile {filter: grayscale(0%) !important;}
      /* --------------------[ CSS-xxxxxxxxxxxxxxxxxxxxxxxx]----------------------- */

    </style>    
 
    <script>
   ...