File size: 2,592 Bytes
40843fa |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 |
/* Resetting default styles */
body, html {
margin: 0;
padding: 0;
overflow-x: hidden; /* Hide horizontal scrollbar */
height: 100%; /* Set height to 100% */
}
body {
font-family: Arial, sans-serif;
background-size: cover;
background-position: center;
color: #333;
overflow-y: auto; /* Show vertical scrollbar if needed */
background-repeat: no-repeat; /* Prevent background image from repeating */
margin-bottom: 0; /* Remove default bottom margin */
}
.navbar {
background-color: #001;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px;
position: fixed;
top: 0;
z-index: 999; /* Ensure navbar is above other content */
}
.logo img {
height: 50px; /* Adjust logo height */
}
.navbar-links {
display: flex;
}
.navbar a {
color: white;
text-decoration: none;
padding: 10px 20px;
margin-right: 10px;
border-radius: 5px;
}
.navbar a:hover {
background-color: #555;
}
/* Dropdown styling */
.dropdown {
position: relative;
display: inline-block;
}
.dropbtn {
background-color: transparent;
color: white;
padding: 10px 20px;
font-size: 16px;
border: none;
cursor: pointer;
margin-right: 10px; /* Adjusted margin */
}
.dropdown-content {
display: none;
position: absolute;
background-color: black; /* Dropdown background color */
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
margin-top: 3px; /* Adjusted margin */
}
.dropdown-content a {
color: white; /* Dropdown text color */
padding: 12px 16px; /* Padding for normal state */
text-decoration: none;
display: block;
transition: background-color 0.3s, padding 0.3s; /* Add padding transition */
}
.dropdown-content a:hover {
background-color: grey; /* Hover color */
padding: 15px 16px; /* Increased padding on hover */
}
.dropdown:hover .dropdown-content {
display: block;
}
/* Corrected CSS */
.plots-container {
margin: 10px; /* Add margin around each visualization */
display: flex;
justify-content: center; /* Center visualizations horizontally */
flex-direction: column; /* Display visualizations vertically */
align-items: center;
}
.plot {
margin: 10px; /* Add margin around each plot */
}
.row {
display: flex; /* Use flexbox for rows */
justify-content: center; /* Center plots within the row */
}
|