.vis-timeline { border: 2px solid #111111; font-family: sans-serif; font-size: 22pt; font-weight: bold; background: white; text-shadow: 3px 3px 5px #3E3E3E; z-index: 0; } .vis-time-axis.vis-foreground{ background: rgba(180,180,180, 1); border: 2px solid #111111; } .vis-item { border-color: #444444; background-color: #CCCCCC; font-size: 10pt; color: white; box-shadow: 5px 5px 10px rgba(108,108,108, 0.8); } .vis-item:hover{ font-size: 10pt; color: white; transform: scale(1.1, 1.1); box-shadow: 5px 5px 10px rgba(108,108,108, 0.8); border-color: #444444; background-color: #EEEEEE; } .vis-item, .vis-item.vis-line { border-width: 3px; } .vis-item.vis-dot { border-width: 10px; border-radius: 10px; } .vis-item-content{ color: black; text-shadow: 5px 5px 5px rgba(0,0,0, 0); font-weight: bold; } .vis-item.vis-selected { /* border-color: #006699; */ /* background-color: #d9f0f2; */ border-color: #444444; background-color: #CCCCCC; } .vis-item.vis-selected:hover { /* border-color: #006699; */ /* background-color: #d9f0f2; */ border-color: #444444; background-color: #CCCCCC; } .vis-time-axis .vis-text { color: white; padding-top: 10px; padding-left: 10px; } .vis-time-axis .vis-text.vis-major { font-weight: bold; } .vis-time-axis .vis-grid.vis-minor { border-width: 2px; border-color: #666666; } .vis-time-axis .vis-grid.vis-major { border-width: 5px; border-color: #333333; }