Revision as of 16:02, 4 May 2017

MENU

HOME

TEAM

PROJECT

PARTS

HUMAN PRACTICES

AWARDS

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;

}

Results

Here you can describe the results of your project and your future plans.

What should this page contain?

Clearly and objectively describe the results of your work.
Future plans for the project.
Considerations for replicating the experiments.

You should also describe what your results mean:

Interpretation of the results obtained during your project. Don't just show a plot/figure/graph/other, tell us what you think the data means. This is an important part of your project that the judges will look for.
Show data, but remember all measurement and characterization data must be on part pages in the Registry.
Consider including an analysis summary section to discuss what your results mean. Judges like to read what you think your data means, beyond all the data you have acquired during your project.

Project Achievements

You can also include a list of bullet points (and links) of the successes and failures you have had over your summer. It is a quick reference page for the judges to see what you achieved during your summer.

A list of linked bullet points of the successful results during your project
A list of linked bullet points of the unsuccessful results during your project. This is about being scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you put your effort.

Inspiration

See how other teams presented their results.

@@ Line 1: / Line 1: @@
 {{Bielefeld-CeBiTec}}
+{{Team:Bielefeld-CeBiTec/CSS}}
 <html>

Difference between revisions of "Team:Bielefeld-CeBiTec/Results"

Revision as of 16:02, 4 May 2017

Bielefeld-CeBiTec

Results

What should this page contain?

You should also describe what your results mean:

Project Achievements

Inspiration