Difference between revisions of "Team:NAWI Graz/Resources/CSS/style"
| (36 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 { | .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 66: | Line 131: | ||
| + | |||
/* IMAGES */ | /* IMAGES */ | ||
| Line 79: | 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%;
}
