Team:Bielefeld-CeBiTec/Contribution
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.
Contribution
Bronze Medal Criterion #4
Standard Tracks: Participate in the Interlab Measurement Study (to be documented on your InterLab page) and/or improve the characterization of an existing BioBrick Part or Device and enter this information on that part's Main Page in the Registry. The part that you are characterizing must NOT be from a 2017 part number range. Teams who are working on improving the characterization of an existing part should document their experimental design here, along with an explanation for why they chose that part to improve. Data can also be shown here, but it MUST also be documented on the part's Main Page in the Registry.
Special Tracks: Document at least one new substantial contribution to the iGEM community that showcases a project related to BioBricks. This contribution should be central to your project and equivalent in difficulty to making and submitting a BioBrick part.
