Line 1: | Line 1: | ||
+ | #topBtn { | ||
+ | display: none; /* Hidden by default */ | ||
+ | position: fixed; /* Fixed/sticky position */ | ||
+ | bottom: 20px; /* Place the button at the bottom of the page */ | ||
+ | right: 30px; /* Place the button 30px from the right */ | ||
+ | z-index: 99; /* Make sure it does not overlap */ | ||
+ | border: none; /* Remove borders */ | ||
+ | outline: none; /* Remove outline */ | ||
+ | background-color: red; /* Set a background color */ | ||
+ | color: white; /* Text color */ | ||
+ | cursor: pointer; /* Add a mouse pointer on hover */ | ||
+ | padding: 15px; /* Some padding */ | ||
+ | border-radius: 10px; /* Rounded corners */ | ||
+ | } | ||
+ | |||
+ | #topBtn:hover { | ||
+ | background-color: #555; /* Add a dark-grey background on hover */ | ||
+ | } | ||
+ | |||
+ | /* dropdown on hover */ | ||
+ | .dropdown:hover>.dropdown-menu { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | |||
+ | #rider { | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
.colibot:before { | .colibot:before { | ||
font-style: italic; | font-style: italic; |
Revision as of 13:10, 31 October 2017
- topBtn {
display: none; /* Hidden by default */ position: fixed; /* Fixed/sticky position */ bottom: 20px; /* Place the button at the bottom of the page */ right: 30px; /* Place the button 30px from the right */ z-index: 99; /* Make sure it does not overlap */ border: none; /* Remove borders */ outline: none; /* Remove outline */ background-color: red; /* Set a background color */ color: white; /* Text color */ cursor: pointer; /* Add a mouse pointer on hover */ padding: 15px; /* Some padding */ border-radius: 10px; /* Rounded corners */
}
- topBtn:hover {
background-color: #555; /* Add a dark-grey background on hover */
}
/* dropdown on hover */ .dropdown:hover>.dropdown-menu {
display: block;
}
- rider {
position: relative;
}
.colibot:before {
font-style: italic; content: 'Coli'
} .colibot:after {
font-style: normal; content: 'Bot'
} /* RIDER */ .rider {
-webkit-box-shadow: 0 8px 6px -6px #999; -moz-box-shadow: 0 8px 6px -6px #999; box-shadow: 0 8px 6px -6px #999
}
/* NAVBAR */ .navbar {
-webkit-box-shadow: 0 8px 6px -6px #999; -moz-box-shadow: 0 8px 6px -6px #999; box-shadow: 0 8px 6px -6px #999
}
/* STECKBRIEFE TEAM */ .team-portrait {
box-shadow: 10px 10px 5px #888888; margin-bottom: 1em;
} .steckbrief-image {
max-width: 100%; margin: 0 auto; padding: 0em;
}
.steckbrief-header {
padding: 0.5em; padding-bottom: 2em; margin-bottom: 2em; border-bottom: dashed 0.2em grey;
} .steckbrief-name {
text-align: left; font-size: 2.5em;
}
.steckbrief-attr {
text-align: left; font-size: 1.6em;
}
.steckbrief {
padding: 0em; /* border: 5px solid grey; */ border-radius: 5px; text-align: left;
}
.steckbrief-prompt {
font-weight: bold; text-align: center;
}
.steckbrief-prompt:after {
content: '\A'; white-space: pre;
}
/* IMAGES */
.team-group {
width: inherit; padding: 1em;
}
.section-video {
display: block; margin: 0 auto;
}
.section-image {
width: inherit; padding: 1em;
}