BBM-Repeater 1.04

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>xxxxxx</title>
    <style>
      ::-webkit-scrollbar {width: 1px;} /* HIDING SCROLLBAR IN CHROME */      
      body {
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 98vw;
        height: 100vh;
        background-color: lightgrey;
        overflow: hidden;
      }
      /* --------------------[ CONTAINER-ITEM-HOVER ]----------------------- */
      .divItem:hover {
        background: rgba(120, 180, 250, 0.9) !important;
        border-radius: 5px !important;
        font-weight: bold !important;
        border: 2.0px dashed white !important;
        cursor: pointer;
      }  
      
      .divItem:hover .divString,
      .divItem:hover .divNumber,
      .divItem:hover .divBoolean,
      .divItem:hover .divId,
      .divItem:hover .divOwner,
      .divItem:hover .divEmail {
        background: rgba(120, 180, 250, 0.9) !important;
        border-radius: 5px !important;
        font-weight: bold !important;
        border: 1px solid white;
        transform: translateX(7%) !important;
        cursor: pointer;
      }      
      /*------------[HOVER]--------------------*/
      .divKey:hover,
      .divValue:hover,
      .divString:hover,
      .divNumber:hover,
      .divBoolean:hover {
          overflow: scroll;
          cursor: pointer;
          border: 2px dashed white !important;
          background: rgba(120, 150, 250, 0.9) !important;
          
      }      
      /* --------------------[ CSS-xxxxxxxxxxxxxxxxxxxxxxxx]----------------------- */
		

		/* --------------------[ CSS-xxxxxxxxxxxxxxxxxxxxxxxx]----------------------- */
    </style>
        
    <script>
    	//---------- [ CREATE-DIV ] -------------------------------
        function create_div(opt) {const div = document.createElement('div');
         ...