(20 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 { | #topBtn { | ||
display: none; /* Hidden by default */ | display: none; /* Hidden by default */ | ||
Line 7: | Line 35: | ||
cursor: pointer; /* Add a mouse pointer on hover */ | cursor: pointer; /* Add a mouse pointer on hover */ | ||
+ | } | ||
+ | |||
+ | .workstep { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | .workstep:before{ | ||
+ | content: '-->'; | ||
} | } | ||
.mainpage { | .mainpage { | ||
width: 100%; | width: 100%; | ||
− | |||
} | } | ||
.bodyContent { | .bodyContent { | ||
− | backgroud-image: url("https://static.igem.org/mediawiki/2017/5/5c/Chiplogo.png") | + | backgroud-image: url("https://static.igem.org/mediawiki/2017/5/5c/Chiplogo.png"); |
} | } | ||
− | + | ||
− | + | ||
− | + | ||
/* dropdown on hover */ | /* dropdown on hover */ | ||
.dropdown:hover>.dropdown-menu { | .dropdown:hover>.dropdown-menu { | ||
display: block; | display: block; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
.colibot:before { | .colibot:before { | ||
font-style: italic; | font-style: italic; | ||
− | content: 'Coli' | + | content: 'Coli'; |
} | } | ||
.colibot:after { | .colibot:after { | ||
font-style: normal; | font-style: normal; | ||
− | content: 'Bot' | + | content: 'Bot'; |
} | } | ||
+ | |||
/* RIDER */ | /* RIDER */ | ||
+ | #rider { | ||
+ | position: relative; | ||
+ | height: 3em; | ||
+ | } | ||
.rider { | .rider { | ||
-webkit-box-shadow: 0 8px 6px -6px #999; | -webkit-box-shadow: 0 8px 6px -6px #999; | ||
Line 113: | Line 145: | ||
.section-image { | .section-image { | ||
− | width: | + | width: auto; |
+ | max-width: 90%; | ||
+ | max-height: 650px; | ||
padding: 1em; | padding: 1em; | ||
} | } |
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%;
}