Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Dribdat customization for EvalHack
@import url(https://fonts.googleapis.com/css2?family=Lato);
body, p, div, span, h1, h2, h3, h4, h5, h6 { font-family:Lato }
/* Show event graphic, hiding detail info on event page */
.jumbotron.event-info * { display:none }
.jumbotron.event-info { background:url(https://blog.datalets.ch/workshops/2020/ipdet/IPDET_Hackathon-C.jpg) no-repeat center; background-size: contain; height:240px; width: 100% }
/* Customize the top navigation */
.navbar.navbar-light { background: #f7e94a; }
.navbar-nav .nav-item a { color: black; }
.navbar-nav .nav-item a:hover { text-decoration: none; color: #00c; }
#navbar-main-collapse .navbar-nav .nav-item { margin-left: 2em; }
.navbar-nav .nav-item .fa { display: none; }
/* Adjust layout of event page */
.event-header { margin-bottom: 2em; margin-top: 2em; }
.event-header h3 { color: black; }
.event-header h4 { color: black; font-size: 80%; }
/* Hide the title of the category in info-box */
.category-container h3:first-child,
.nav-categories .btn:first-child {
display: none;
}
/* Customise and animate category buttons */
.nav-categories .btn {
background: #001489;
border: 2px solid white;
color: white;
opacity: 1;
width: 3em;
height: 4em;
overflow: hidden;
transition-property: width;
transition-duration: 1s;
}
.nav-categories label.active {
font-weight: bold;
width: 9em;
color: #ea9a00;
}
.nav-categories .btn:hover,
.nav-categories .btn:active {
width: 9em;
transition-property: width;
transition-duration: 1s;
background: #13c;
}
/* Customise honeycomb color scheme */
.honeycomb .hexagon { border-bottom: 1px solid rgba(0,0,0,.4); }
.honeycomb .hexagon:nth-child(2n+1) { background-color: #e3e3e3; }
.honeycomb .hexagon:nth-child(2n) { background-color: #f7e94a; }
/* Only show category-selected projects, instead of just fading */
.honeycomb .project { display: none; }
.honeycomb .project.category-highlight { display: inline-block; }
/* Scroll the honeycomb */
/*.honeycomb {
max-height: 500px;
overflow-y: auto;
overflow-x: hidden;
}*/
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment