(40 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
+ | |||
+ | h1 { | ||
+ | |||
+ | } | ||
+ | /* SECTIONS */ | ||
+ | .section-heading { | ||
+ | |||
+ | } | ||
+ | |||
+ | .section-sub { | ||
+ | margin-top: 1em; | ||
+ | } | ||
+ | .section-sub-sub { | ||
+ | margin-top: 1em; | ||
+ | |||
+ | } | ||
+ | .section-text { | ||
+ | margin-top: 1em; | ||
+ | } | ||
+ | |||
+ | .section { | ||
+ | margin-top: 2em; | ||
+ | } | ||
+ | |||
+ | .section-sub-text { | ||
+ | font-size: 80%; | ||
+ | } | ||
+ | |||
+ | #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 */ | ||
+ | cursor: pointer; /* Add a mouse pointer on hover */ | ||
+ | |||
+ | } | ||
+ | |||
+ | .workstep { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | .workstep:before{ | ||
+ | content: '-->'; | ||
+ | } | ||
+ | |||
+ | .mainpage { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .bodyContent { | ||
+ | backgroud-image: url("https://static.igem.org/mediawiki/2017/5/5c/Chiplogo.png"); | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* dropdown on hover */ | ||
+ | .dropdown:hover>.dropdown-menu { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .colibot:before { | ||
+ | font-style: italic; | ||
+ | content: 'Coli'; | ||
+ | } | ||
+ | .colibot:after { | ||
+ | font-style: normal; | ||
+ | content: 'Bot'; | ||
+ | } | ||
+ | |||
+ | /* RIDER */ | ||
+ | #rider { | ||
+ | position: relative; | ||
+ | height: 3em; | ||
+ | } | ||
+ | .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 { | .navbar { | ||
− | -webkit-box-shadow: 0 8px 6px -6px #999; | + | -webkit-box-shadow: 0 8px 6px -6px #999; |
-moz-box-shadow: 0 8px 6px -6px #999; | -moz-box-shadow: 0 8px 6px -6px #999; | ||
box-shadow: 0 8px 6px -6px #999 | box-shadow: 0 8px 6px -6px #999 | ||
} | } | ||
+ | |||
/* STECKBRIEFE TEAM */ | /* STECKBRIEFE TEAM */ | ||
.team-portrait { | .team-portrait { | ||
Line 49: | Line 131: | ||
+ | |||
/* IMAGES */ | /* IMAGES */ | ||
Line 62: | Line 145: | ||
.section-image { | .section-image { | ||
− | width: | + | width: auto; |
+ | max-width: 90%; | ||
+ | max-height: 650px; | ||
padding: 1em; | padding: 1em; | ||
+ | } | ||
+ | |||
+ | .title-gif { | ||
+ | width: 50%; | ||
} | } |
Latest revision as of 02:26, 2 November 2017
h1 {
} /* SECTIONS */ .section-heading {
}
.section-sub {
margin-top: 1em;
} .section-sub-sub {
margin-top: 1em;
} .section-text {
margin-top: 1em;
}
.section {
margin-top: 2em;
}
.section-sub-text {
font-size: 80%;
}
- 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 */ cursor: pointer; /* Add a mouse pointer on hover */
}
.workstep {
font-weight: bold;
} .workstep:before{
content: '-->';
}
.mainpage {
width: 100%;
}
.bodyContent {
backgroud-image: url("");
}
/* dropdown on hover */ .dropdown:hover>.dropdown-menu {
display: block;
}
.colibot:before {
font-style: italic; content: 'Coli';
} .colibot:after {
font-style: normal; content: 'Bot';
}
/* RIDER */
- rider {
position: relative; height: 3em;
} .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: auto; max-width: 90%; max-height: 650px; padding: 1em;
}
.title-gif {
width: 50%;
}