BBM-Repeater 1.10

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.09</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 .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:0.5px 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:9888 !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>
    	//---------- [ CREATE-DIV ] -------------------------------
        function create_div(opt) {const div = document.createElement('div');
          Object.keys(opt).forEach(key => {div.style[key] = opt[key];});
          return div;
        }       
        //---------- [ CREATE-REPEATER ]...