Difference between revisions of "Team:Chalmers-Gothenburg/Team/supervisors"

Line 677: Line 677:
 
}
 
}
  
−
/*.header is the class used in the header image at the top of pages*/
+
.header_test {
−
.header {
+
background-position: top;
−
  font-size: 45pt;
+
background-attachment: fixed;
−
  color: black;
+
background-repeat: no-repeat;
−
  text-align: center;
+
-webkit-background-size: cover;
−
  background-color: #000000;
+
-moz-background-size: cover;
−
  background-repeat: repeat;
+
-o-background-size: cover;
−
  height: auto;
+
background-size: cover;
−
  line-height: 130px;
+
        padding-top: 100vh;
−
+
        background-image: url("https://static.igem.org/mediawiki/2017/b/b3/T--Chalmers-Gothenburg--Team_Supervisors.jpg");
−
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
−
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
+
−
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
+
−
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
+
−
  border-image-slice: 1;
+
−
  -webkit-touch-callout: none;
+
−
  -webkit-user-select: none;
+
−
  -khtml-user-select: none;
+
−
  -moz-user-select: none;
+
−
  -ms-user-select: none;
+
−
  user-select: none;
+
−
  cursor: default;
+
−
  }
+
  
−
.header_Modelling {
+
/*A lot of code for the line between the header and the body */
−
  font-size: 45pt;
+
border-bottom: 3px solid transparent;
−
  color: black;
+
−
  text-align: center;
+
−
position:bottom;
+
−
  background-image: url("pictures_17/backgrounds/chalkboard_2.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
−
  min-height: 750px;
+
−
height:auto;
+
−
  background-attachment: fixed;
+
−
  background-position: center;
+
−
  background-repeat: no-repeat;
+
−
  background-size: cover;
+
−
background-color:#000000;
+
−
+
−
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
 
   -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
   -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
   -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
   -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
Line 729: Line 703:
 
}
 
}
  
−
.header_Achievements_biobricks {
 
−
  font-size: 45pt;
 
−
  color: black;
 
−
  text-align: center;
 
−
position:bottom;
 
−
  background-image: url("pictures_17/backgrounds/bricks.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
 
−
  min-height: 750px;
 
−
height:auto;
 
−
  background-attachment: fixed;
 
−
  background-position: center;
 
−
  background-repeat: no-repeat;
 
−
  background-size: cover;
 
−
background-color:#000000;
 
−
 
−
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
 
−
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
−
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
−
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
 
−
  border-image-slice: 1;
 
−
  -webkit-touch-callout: none;
 
−
  -webkit-user-select: none;
 
−
  -khtml-user-select: none;
 
−
  -moz-user-select: none;
 
−
  -ms-user-select: none;
 
−
  user-select: none;
 
−
  cursor: default;
 
−
}
 
  
−
.header_Project_theory {
+
/* Banner: name of the page */
−
  font-size: 45pt;
+
#banner {
−
  color: black;
+
height: 100%;
−
  text-align: center;
+
        position: relative;
−
position:bottom;
+
        bottom: 50px;
−
  background-image: url("pictures_17/backgrounds/pen_paper.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
    float: left;
−
  min-height: 750px;
+
    width: 100%;
−
height:auto;
+
        font-size: 80pt; /*35pt*/
−
  background-attachment: fixed;
+
font-family:"Lato", cursive;
−
  background-position: center;
+
        color:#c91a03 ;
−
  background-repeat: no-repeat;
+
line-height: 65pt;
−
  background-size: cover;
+
        text-shadow: 5px 5px #000000;
−
background-color:#000000;
+
−
+
−
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
−
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
+
−
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
+
−
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
+
−
  border-image-slice: 1;
+
−
  -webkit-touch-callout: none;
+
−
  -webkit-user-select: none;
+
−
  -khtml-user-select: none;
+
−
  -moz-user-select: none;
+
−
  -ms-user-select: none;
+
−
  user-select: none;
+
−
  cursor: default;
+
 
}
 
}
  
−
.header_Project_constructs {
+
#banner h3 {
−
  font-size: 45pt;
+
display: block;
−
  color: black;
+
position: absolute;
−
  text-align: center;
+
bottom: 50px;
−
position:bottom;
+
left: 200px;
−
  background-image: url("pictures_17/backgrounds/DNA.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
        font-size: 80pt; /*35pt*/
−
  min-height: 750px;
+
font-family:"Lato", cursive;
−
height:auto;
+
        color:#c91a03 ;
−
  background-attachment: fixed;
+
line-height: 65pt;
−
  background-position: center;
+
        text-shadow: 5px 5px #000000;
−
  background-repeat: no-repeat;
+
        /*border-style:dashed;*/
−
  background-size: cover;
+
padding: 20px 20px 20px 20px;
−
background-color:#000000;
+
−
+
−
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
−
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
+
−
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
+
−
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
+
−
  border-image-slice: 1;
+
−
  -webkit-touch-callout: none;
+
−
  -webkit-user-select: none;
+
−
  -khtml-user-select: none;
+
−
  -moz-user-select: none;
+
−
  -ms-user-select: none;
+
−
  user-select: none;
+
−
  cursor: default;
+
−
}
+
  
−
.header_Team_students {
 
−
  font-size: 45pt;
 
−
  color: black;
 
−
  text-align: center;
 
−
position:bottom;
 
−
  background-image: url("pictures_17/team_photos_2017/group_photo_stairs_bw.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
 
−
  /*min-height: 750px;
 
−
height:auto;*/
 
−
  background-attachment: fixed;
 
−
  background-position: center;
 
−
  background-repeat: no-repeat;
 
−
  background-size: cover;
 
−
background-color:#000000;
 
−
 
−
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
 
−
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
−
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
−
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
 
−
  border-image-slice: 1;
 
−
  -webkit-touch-callout: none;
 
−
  -webkit-user-select: none;
 
−
  -khtml-user-select: none;
 
−
  -moz-user-select: none;
 
−
  -ms-user-select: none;
 
−
  user-select: none;
 
−
  cursor: default;
 
 
}
 
}
  
−
.header_Team_supervisors {
+
#banner h4 {
−
  font-size: 45pt;
+
display: block;
−
  color: black;
+
position: absolute;
−
  text-align: center;
+
bottom: -40px;
−
position:bottom;
+
left: 200px;
−
  background-image: url("pictures_17/backgrounds/Chemistry_entrance_bw.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
        font-size: 40pt; /*35pt*/
−
  /*min-height: 750px;
+
font-family:"Lato", cursive;
−
height:auto;*/
+
        color:#c91a03 ;
−
  background-attachment: fixed;
+
line-height: 65pt;
−
  background-position: center;
+
        text-shadow: 3px 3px #000000;
−
  background-repeat: no-repeat;
+
        /*border-style:dashed;*/
−
  background-size: cover;
+
padding: 20px 20px 20px 20px;
−
background-color:#000000;
+
−
+
−
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
−
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
+
−
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
+
−
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
+
−
  border-image-slice: 1;
+
−
  -webkit-touch-callout: none;
+
−
  -webkit-user-select: none;
+
−
  -khtml-user-select: none;
+
−
  -moz-user-select: none;
+
−
  -ms-user-select: none;
+
−
  user-select: none;
+
−
  cursor: default;
+
−
}
+
−
 
+
−
.header_Team_sponsors {
+
−
  font-size: 45pt;
+
−
  color: black;
+
−
  text-align: center;
+
−
position:bottom;
+
−
  background-image: url("pictures_17/backgrounds/money_bw.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
−
  /*min-height: 750px;
+
−
height:auto;*/
+
−
  background-attachment: fixed;
+
−
  background-position: center;
+
−
  background-repeat: no-repeat;
+
−
  background-size: cover;
+
−
background-color:#000000;
+
−
+
−
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
−
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
+
−
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
+
−
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
+
−
  border-image-slice: 1;
+
−
  -webkit-touch-callout: none;
+
−
  -webkit-user-select: none;
+
−
  -khtml-user-select: none;
+
−
  -moz-user-select: none;
+
−
  -ms-user-select: none;
+
−
  user-select: none;
+
−
  cursor: default;
+
−
}
+
−
 
+
−
.header_Team_collaborations {
+
−
  font-size: 45pt;
+
−
  color: black;
+
−
  text-align: center;
+
−
position:bottom;
+
−
  background-image: url("pictures_17/backgrounds/shaking_hands_darker.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
−
  /*min-height: 750px;
+
−
height:auto;*/
+
−
  background-attachment: fixed;
+
−
  background-position: center;
+
−
  background-repeat: no-repeat;
+
−
  background-size: cover;
+
−
background-color:#000000;
+
−
+
−
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
−
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
+
−
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
+
−
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
+
−
  border-image-slice: 1;
+
−
  -webkit-touch-callout: none;
+
−
  -webkit-user-select: none;
+
−
  -khtml-user-select: none;
+
−
  -moz-user-select: none;
+
−
  -ms-user-select: none;
+
−
  user-select: none;
+
−
  cursor: default;
+
−
}
+
−
 
+
−
.header_Team_attributions {
+
−
  font-size: 45pt;
+
−
  color: black;
+
−
  text-align: center;
+
−
position:bottom;
+
−
  background-image: url("pictures_17/backgrounds/Chalmers_port_4.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
−
  /*min-height: 750px;
+
−
height:auto;*/
+
−
  background-attachment: fixed;
+
−
  background-position: center;
+
−
  background-repeat: no-repeat;
+
−
  background-size: cover;
+
−
background-color:#000000;
+
−
+
−
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
−
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
+
−
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
+
−
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
+
−
  border-image-slice: 1;
+
−
  -webkit-touch-callout: none;
+
−
  -webkit-user-select: none;
+
−
  -khtml-user-select: none;
+
−
  -moz-user-select: none;
+
−
  -ms-user-select: none;
+
−
  user-select: none;
+
−
  cursor: default;
+
−
}
+
−
 
+
−
.header_Notebook_journal {
+
−
  font-size: 45pt;
+
−
  color: black;
+
−
  text-align: center;
+
−
position:bottom;
+
−
  background-image: url("pictures_17/backgrounds/Notebook.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
−
  /*min-height: 750px;
+
−
height:auto;*/
+
−
  background-attachment: fixed;
+
−
  background-position: center;
+
−
  background-repeat: no-repeat;
+
−
  background-size: cover;
+
−
background-color:#000000;
+
−
+
−
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
−
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
+
−
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
+
−
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
+
−
  border-image-slice: 1;
+
−
  -webkit-touch-callout: none;
+
−
  -webkit-user-select: none;
+
−
  -khtml-user-select: none;
+
−
  -moz-user-select: none;
+
−
  -ms-user-select: none;
+
−
  user-select: none;
+
−
  cursor: default;
+
−
}
+
−
 
+
−
.header_Notebook_lab_safety {
+
−
  font-size: 45pt;
+
−
  color: black;
+
−
  text-align: center;
+
−
position:bottom;
+
−
  background-image: url("pictures_17/backgrounds/T--Chalmers-Gothenburg--Safety_form_Fume_hood.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
−
  /*min-height: 750px;
+
−
height:auto;*/
+
−
  background-attachment: fixed;
+
−
  background-position: center;
+
−
  background-repeat: no-repeat;
+
−
  background-size: cover;
+
−
background-color:#000000;
+
−
+
−
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
−
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
+
−
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
+
−
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
+
−
  border-image-slice: 1;
+
−
  -webkit-touch-callout: none;
+
−
  -webkit-user-select: none;
+
−
  -khtml-user-select: none;
+
−
  -moz-user-select: none;
+
−
  -ms-user-select: none;
+
−
  user-select: none;
+
−
  cursor: default;
+
 
}
 
}
  
Line 1,622: Line 1,360:
  
 
            
 
            
−
         <div class="header_Team_supervisors">
+
         <div class="header_test">
−
    <div class="header-text">TEAM</div>
+
  <!-- Banner -->
−
    <div class="header-subtitle">Supervisors</div>
+
    <div id="banner">
−
    </div>
+
            <h3>Supervisors</h3>
 +
            </div>
 +
        </div>
 
        
 
        
 
       <div class="wrap-content">
 
       <div class="wrap-content">

Revision as of 14:46, 23 October 2017

Chalmers Gothenburg iGEM 2017

Verena Siewers, PhD
Team role: Primary PI

Project leader

Department of Biology and Biological Engineering, Chalmers University of Technology

E-mail: siewers@chalmers.se
Prof. Ivan Mijakovic, PhD
Team role: Secondary PI

Professor

Department of Biology and Biological Engineering, Chalmers University of Technology

E-mail: ivan.mijakovic@chalmers.se
Raphael Ferreira
Team role: Instructor

PhD Student

Department of Biology and Biological Engineering, Chalmers University of Technology

E-mail: rapfer@chalmers.se
David Bergenholm
Team role: Instructor

PhD Student

Department of Biology and Biological Engineering, Chalmers University of Technology

E-mail: davidju@chalmers.se