Team:Bielefeld-CeBiTec/Parts

Bielefeld-CeBiTec

/* START OVERIDE HQ CSS */

  1. top_title {

display: none; }

  1. sideMenu {

display: none; }

  1. content {

padding: 0px; width: 100%; margin: 0px; border: none; }

  1. globalWrapper {

padding: 0px; }

  1. HQ_page p {

font-size: 10pt; }

  1. 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; }

  1. 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;

}

  1. 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; }

  1. 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; }

  1. cover {

cursor: pointer; width: 100%; height: 100%; background: rgba(0, 0, 0, 0);

   top:0;
   left:0;

}

  1. 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; }

  1. cover-box-img {

position: relative; background: rgba(255, 0, 0, 0); width: 100%; height: 88%; text-align: center; margin-bottom: 0px; overflow: auto; }

  1. 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; }

  1. cover-img {

margin: auto; margin-top: 10px; margin-bottom: 0px; }

  1. cover-p {

text-align: justify; }

  1. 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; }

  1. title img{

vertical-align: top;

   width: 100%;
   opacity: 0;

}

  1. title-bg {

background-color: rgba(0, 0, 0, 0.7); line-height: 60px; position: absolute;

   bottom: 0;

width: 100%; }

  1. title-text {

color: #FFFFFF; font-size: 30px; width: 60%; margin: auto; }

a.no-link { color: #ffffff; }

  1. footer-left {

width: 25%; float: left; }

  1. footer-center {

width: 50%; float: left; }

  1. footer-right {

width: 25%; float: left; }

  1. 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;

}

Parts

Each team will make new parts during iGEM and will submit them to the Registry of Standard Biological Parts. The iGEM software provides an easy way to present the parts your team has created. The <groupparts> tag (see below) will generate a table with all of the parts that your team adds to your team sandbox.

Remember that the goal of proper part documentation is to describe and define a part, so that it can be used without needing to refer to the primary literature. Registry users in future years should be able to read your documentation and be able to use the part successfully. Also, you should provide proper references to acknowledge previous authors and to provide for users who wish to know more.

Note

Note that parts must be documented on the Registry. This page serves to showcase the parts you have made. Future teams and other users and are much more likely to find parts by looking in the Registry than by looking at your team wiki.

Adding parts to the registry

You can add parts to the Registry at our Add a Part to the Registry link.

We encourage teams to start completing documentation for their parts on the Registry as soon as you have it available. The sooner you put up your parts, the better you will remember all the details about your parts. Remember, you don't need to send us the DNA sample before you create an entry for a part on the Registry. (However, you do need to send us the DNA sample before the Jamboree. If you don't send us a DNA sample of a part, that part will not be eligible for awards and medal criteria.)

What information do I need to start putting my parts on the Registry?

The information needed to initially create a part on the Registry is:

  • Part Name
  • Part type
  • Creator
  • Sequence
  • Short Description (60 characters on what the DNA does)
  • Long Description (Longer description of what the DNA does)
  • Design considerations

We encourage you to put up much more information as you gather it over the summer. If you have images, plots, characterization data and other information, please also put it up on the part page.

Inspiration

We have a created a collection of well documented parts that can help you get started.

You can also take a look at how other teams have documented their parts in their wiki:

Part Table

Please include a table of all the parts your team has made during your project on this page. Remember part characterization and measurement data must go on your team part pages on the Registry.

<groupparts>iGEM17 Bielefeld-CeBiTec</groupparts>