.link .button .dropbtn table, td, th {border: .5px solid #d0d0d0; padding: 2px; border-collapse: collapse; text-align:center;} tr.theme_color th.theme_color html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; } table.log {background-color: #f0f0f0; border-collapse: collapse; border: 1px solid #C1DAD7; width: 100%;} th.log {height: 30px; text-align: center;} tr:nth-child(even).log {background-color: #fafafa;text-align: center;} td.log {font-family: Monospace; height: 20px;} a:link { color: #0066ff; text-decoration: none; } /* visited link */ a:visited { color: #0066ff; text-decoration: none; } /* mouse over link */ a:hover { color: hotpink; text-decoration: underline; } /* selected link */ a:active { color: #0066ff; text-decoration: none; } .tooltip { position: relative; opacity: 1; display: inline-block; border-bottom: 1px dotted black; } .tooltip .tooltiptext { visibility: hidden; width: 280px; background-color: #6E6E6E; box-shadow: 4px 4px 6px #3b3b3b; color: #FFFFFF; text-align: left; border-radius: 6px; padding: 8px 0; left: 100%; opacity: 1; /* Position the tooltip */ position: absolute; z-index: 1; } .tooltip:hover .tooltiptext { right: 100%; opacity: 1; visibility: visible; } .button { border: none; padding: 8px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; font-weight: 500; margin: 4px 2px; border-radius: 8px; box-shadow: 0px 8px 10px rgba(0,0,0,0.1); } .link:hover {background-color:rgb(140,140,140);background: rgb(140,140,140); color:white;} .dropdown:hover .dropbtn {background-color:rgb(140,140,140);background: rgb(140,140,140); color:white;} .dropbtn { border: none; padding: 8px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; font-weight: 500; margin: 4px 2px; border-radius: 8px; box-shadow: 0px 8px 10px rgba(0,0,0,0.1); } /* The container
- needed to position the dropdown content */ .dropdown { position: relative; display: inline-block; } /* Dropdown Content (Hidden by Default) */ .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 140px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1000; } /* Links inside the dropdown */ .dropdown-content a { color: black; padding: 6px 16px; text-decoration: none; display: block; } /* Change color of dropdown links on hover */ .dropdown-content a:hover {background-color: #ddd;} /* Show the dropdown menu on hover */ .dropdown:hover .dropdown-content {display: block;}