Team:Bielefeld-CeBiTec/Attributions
Bielefeld-CeBiTec
/* START OVERIDE HQ CSS */
- top_title {
display: none; }
- sideMenu {
display: none; }
- content {
padding: 0px; width: 100%; margin: 0px; border: none; }
- globalWrapper {
padding: 0px; }
- HQ_page p {
font-size: 10pt; }
- HQ_page table {
margin: 0px; margin: auto; }
ul { list-style-image: none; }
li { margin: 0px; margin-left: 25px; margin-bottom: 4px; }
a, a:link, a:visited, a:active { color: #9b4d75; text-decoration: none; }
a:hover { color: #cb7da5; text-decoration: none; }
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { margin: 0px; }
- groupparts {
margin: auto; }
/* END OVERIDE HQ CSS */
/* START OUR WIKI CSS */
table, th, td {
border-collapse: collapse;
border: 1px solid #dddddd;
}
table { width: 96%; table-layout: fixed; margin: auto; margin-top: 15x; margin-bottom: 15px; }
table.parts { width: 62%; margin-bottom: 20px; }
th { background-color: #efefef; text-align: center; }
tr { background-color: #ffffff; height: 30px; }
td { background-color: transparent; padding: 10px; }
tr:hover { background-color: #efefef; }
- ,
- before,
- after {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
- bodyContent a[href^="https://"], .link-https {
padding: 0px;
margin: 0px; }
body { height: 100%; font-family: verdana; font-size: 12px; color: #000000; margin: 0px; }
/*styles bar of the navigation bar and fixes it to the top*/ header { background-color: #FFFFFF;
text-align: center; float: left; width: 100%; height: 50px; position: fixed;
top: 16px; display: table-cell; vertical-align: bottom; z-index: 10; }
footer {
background-color: #333333;
text-align: center;
float: left;
width: 100%;
height: 80px;
padding-top: 15px;
box-shadow: 0px 0px 5px #000000;
margin: 0px;
}
- navbar-left, #navbar-right {
box-shadow: 0px 0px 5px #000000; }
/*Aligns navbar items to the bar and removes bullet points*/ ul.navbar { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #6b1d45; font-size: 14px; }
@media screen and (max-width: 1100px) {
ul.navbar {
/*background-color: #FF0000;*/ font-size: 12px; } }
@media screen and (max-width: 1050px) {
ul.navbar {
/*background-color: #0000FF;*/ font-size: 10px; } }
@media screen and (max-width: 920px) {
ul.navbar {
/*background-color: #00FF00;*/ font-size: 8px; } }
@media screen and (max-width: 780px) {
ul.navbar {
/*background-color: #00FFFF;*/ font-size: 6px; } }
.navbar-paragraph { background-color: #444444; color: #FFFFFF; list-style: none; width: 100%; height: 50%; margin: 0px; padding: 0px; }
.navbar.item-left, .navbar.item-right, .sub-navbar li { cursor:pointer; }
.navbar-paragraph.left { text-align: left; padding-left: 5%; }
.navbar-paragraph.right { text-align: right; padding-right: 5%; }
.navbar.left { width: 47%; float: left; height: 100%; }
.navbar.right { width: 47%; float: right; height: 100%; }
ul.navbar.center { width: 6%; float: left; padding: 1%; padding-bottom: 5px; padding-top: 5px; box-shadow: 0px 0px 5px #000000; }
ul.navbar.center:hover { /*background-color: #7b2d55;*/ background-color: #62153d; }
/*changes the order of the items from vertical to horizontal*/ li.navbar, .sub-navbar-item { float: left; margin: 0px; }
.navbar.item-left { float: right; }
.navbar.item-right { float: left; }
/*styles the single items from text-links to nice buttons*/ li.navbar a, .sub-navbar-item a { display: block; color: white; text-align: center; padding: 0px 16px; text-decoration: none; }
/*changes the item color when the cursor is hovering over it, clicking it or the tab is active*/ li.navbar a:hover, li.navbar a:active, li.navbar.active,
li.navbar.highlighted {
background-color: #62153d; }
/*changes the item color when the cursor is hovering over it, clicking it or the tab is active*/ .sub-navbar-item a:hover, .sub-navbar-item a:active, .sub-navbar-item.active,
.sub-navbar-item.highlighted {
background-color: rgba(0,0,0, 0.35); }
.sub-navbar {
text-align: center; float: left; width: 100%; position: fixed; top: 6000px;
z-index: 9; }
.sub-navbar-list { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: rgba(0,0,0,0.7); top: 0; width: 100%; }
.sub-navbar-item { font-size: 13px; height: 26px; line-height: 26px; }
.sub-navbar-item.small { font-size: 12px; }
.anchor-jump{
display: block; height: 60px; /*same height as header*/ margin-top: -60px; /*same height as header*/ visibility: hidden;
}
/* bevel size, left offset and color settings next 3 lines */ /*.bevel, .content { border-width: 30px } .bevel, .content { border-color: #eeeeee; border-style:solid; }
.contentbox .tr, .contentbox .tl, .contentbox .br, .contentbox .bl { height: 0px; width: 100%; } .contentbox .tr, .contentbox .tl { border-top: 0; } .contentbox .br, .contentbox .bl { border-bottom: 0; } .contentbox .tr, .contentbox .br { border-right-color: transparent; } .contentbox .tl, .contentbox .bl { border-left-color: transparent; } .no_bevel { height: 0px; width: 100%; border-bottom: 0; }*/
.container {
width: 100%;
margin-top: 16px;
background-color: #FFFFFF;
}
/*styles the background of the content boxes and orders them below each other*/ .contentbox { width: 100%;
margin: auto; /*margin-bottom: 30px;*/
background: #f0f0f0; }
.contentbox:nth-child(even) { background-color: #ffffff; }
/*@media screen and (max-width: 1000px) {
.contentbox {
width: 72%;
}
}
@media screen and (max-width: 900px) {
.contentbox {
width: 80%;
}
}
@media screen and (max-width: 800px) {
.contentbox {
width: 90%;
}
}*/
.labnotebox { width: 100%; margin: auto; background-color: #ffffff }
.labnotebox:nth-child(even) { background-color: #f0f0f0 }
.contentbox.team { width: 100%; background-color: #FF0000; padding-left: 0px; padding-right: 0px; display: flex; }
.contentbox.left { background-color: #FFFFFF; padding-left: 0px; padding-right: 0px; width: 50%; height: 100%; }
.contentbox.right { background-color: #FFFFFF; padding-left: 0px; padding-right: 0px; width: 50%; }
/*surrounds the content by boxes with round edges and adds shadows*/ .content {
width: 62%; border-top: 0; border-bottom: 0;
overflow: auto; margin: auto; padding-bottom: 20px; }
.content.oligo-table{
width: 86%;
}
article, .article { text-align: justify;
display: block; margin: auto;
}
article, .article, .contentline { width: 96%; }
.contentline article, .contentline .article { width: 100%; }
h1, h2, h3, h4, h5, h6 {
width: 92%; margin: auto; margin-top: 0px;
padding-top: 20px; padding-bottom: 15px;
}
/*---*/ .labnote-content { width: 50%;
border-top: 0; border-bottom: 0;
overflow: auto; margin: auto; padding-bottom: 20px; display: none; }
/*---*/ .labnote-title { padding-bottom: 5px; padding-left: 50px; padding-right: 50px; padding-top: 5px; text-align: justify; margin-top: 20px; margin: auto; cursor: pointer; text-align: center; }
/*---*/ .labnote-date { padding: 1px; padding-left: 50px; padding-right: 50px; padding-top: 20px; padding-bottom: 10px; text-align: center; margin: auto; }
/*icons from font-awesome*/ .fa { color: #dddddd; text-align: center; }
/*color change for icons*/ .fa:hover { color: #ffffff; }
.figure, .sponsor-figure { display: block; margin: auto; margin-top: 20px; margin-bottom: 20px; }
.figure.large, .sponsor-figure.large { width: 92%; }
.figure.medium, .figure.fifty, .sponsor-figure.medium, .sponsor-figure.fifty { width: 50%; }
.figure.small, .sponsor-figure.small { width: 30%; }
.figure.fourty, .sponsor-figure.fourty { width: 40%; }
.figure.sixty, .sponsor-figure.sixty { width: 60%; }
.figure.seventy, .sponsor-figure.seventy { width: 70%; }
.figure.eighty, .sponsor-figure.eighty { width: 80%; }
.figure.image, .sponsor-figure.image { width: 100%; margin-bottom: 15px; }
/*Styles the figure's subtitle to a smaller font-size. */ .figure.subtitle, .figure.subtitle p, .sponsor-figure.subtitle, , .sponsor-figure.subtitle p { font-size: 10pt; text-align: justify; margin-top: -10px; margin-bottom: 20px; }
.contentline { margin: auto; margin-top: 10px; margin-bottom: 10px; overflow: auto; }
.half { width: 48%; }
/* */ .half.left { float: left; margin-right: 1%; }
.half.right { float: right; margin-left: 1%; }
.third { width: 33%; float: left; margin-right: 0.334%; }
.third.double { width: 66%; float: left; margin-right: 0.335%; }
/*.figure { cursor: pointer; }*/
.cover { padding:0;
margin:0;
position:fixed; }
- cover {
cursor: pointer; width: 100%; height: 100%; background: rgba(0, 0, 0, 0);
top:0; left:0;
}
- cover-box {
width: 70%; height: 90%; background: rgba(1, 1, 1, 0);
top:50%; left:50%;
transform: translate(-50%, -50%); overflow: auto; margin-top: 25px; }
- cover-box-img {
position: relative; background: rgba(255, 0, 0, 0); width: 100%; height: 88%; text-align: center; margin-bottom: 0px; overflow: auto; }
- cover-box-text {
position:relative; background: rgba(0, 255, 0, 0); width: 100%; height: 12%; text-align: center; padding-left: 20px; padding-right: 20px; margin-top: 0px; overflow: auto; }
- cover-img {
margin: auto; margin-top: 10px; margin-bottom: 0px; }
- cover-p {
text-align: justify; }
- title {
background-repeat: no-repeat; background-size: 100%; background-attachment: fixed; background-position: 0px 34px; width: 100%; margin-top: 0px; position: relative; margin-bottom: 20px; }
- title img{
vertical-align: top;
width: 100%; opacity: 0;
}
- title-bg {
background-color: rgba(0, 0, 0, 0.7); line-height: 60px; position: absolute;
bottom: 0;
width: 100%; }
- title-text {
color: #FFFFFF; font-size: 30px; width: 60%; margin: auto; }
a.no-link { color: #ffffff; }
- footer-left {
width: 25%; float: left; }
- footer-center {
width: 50%; float: left; }
- footer-right {
width: 25%; float: left; }
- page-arrow-top {
cursor: pointer; padding: 0;
margin: 0;
position: fixed; bottom: 20px;
right: 50px;
}
.codeblock { width: 90%; color: #ffffff; background-color: #666666; font-size: 12pt; margin: auto; margin-top: 10px; margin-bottom: 10px; padding: 25px; padding-left: 50px; padding-right: 50px; font-family: courier new; }
.hidden-expand { cursor: pointer; }
.hidden-block { display: none; }
.equation-line { width: 96%; text-align: centeR; margin: auto; margin-top: 20px; margin-bottom: 20px; vertical-align: middle; }
.equation { }
.equation-nr { padding-top: 25px; float: right; }
.table-headline { margin: auto; margin-top: 10px; width: 96%; font-size: 12pt; }
p.table-headline { font-size: 12pt; }
.start-page-screen { background-color: #efefef; width: 100%; text-align: center; padding-top: 0px; }
.start-page-image { width: 67%; }
.start-page-screen:nth-child(even) { background-color: #ffffff; }
.borderbox { border-color: #6b1d45; border-style: solid; border-width: 5px; padding: 10px; }
body { background: #FFFFFF; }
.container.start-page { margin-top: 0px; }
html, body {
max-width: 100%; overflow-x: hidden;
}
★ ALERT!
This page is used by the judges to evaluate your team for the medal criterion or award listed above.
Delete this box in order to be evaluated for this medal criterion and/or award. See more information at Instructions for Pages for awards.
Attributions
Each team must clearly attribute work done by the student team members on this page. The team must distinguish work done by the students from work done by others, including the host labs, advisors, instructors, and individuals not on the team roster.
This is a bronze medal requirement. Please see the Medals requirements page for more details.
Why is this page needed?
The Attribution requirement helps the judges know what you did yourselves and what you had help with. We don't mind if you get help with difficult or complex techniques, but you must report what work your team did and what work was done by others.
For example, you might choose to work with an animal model during your project. Working with animals requires getting a license and applying far in advance to conduct certain experiments in many countries. This is difficult to achieve during the course of a summer, but much easier if you can work with a postdoc or PI who has the right licenses.
What should this page have?
- General Support
- Project support and advice
- Fundraising help and advice
- Lab support
- Difficult technique support
- Project advisor support
- Wiki support
- Presentation coaching
- Human Practices support
- Thanks and acknowledgements for all other people involved in helping make a successful iGEM team
Can we base our project on a previous one?
Yes! You can have a project based on a previous team, or based on someone else's idea, as long as you state this fact very clearly and give credit for the original project.
Inspiration
Take a look at what other teams have done:
- 2011 Imperial College London (scroll to the bottom)
- 2014 Exeter
- 2014 Melbourne
- 2014 Valencia Biocampus
Team training and Project start
Tell us if your institution teaches an iGEM or synthetic biology class and when you started your project:
- Does your institution teach an iGEM or synthetic biology course?
- When did you start this course?
- Are the syllabus and course materials freely available online?
- When did you start your brainstorming?
- When did you start in the lab?
- When did you start working on your project?
