Difference between revisions of "Team:Chalmers-Gothenburg"

 
(33 intermediate revisions by the same user not shown)
Line 24: Line 24:
 
body {  
 
body {  
 
   background-color: #e6e6e6;
 
   background-color: #e6e6e6;
−
 
−
  background: -webkit-linear-gradient(left, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* For Safari 5.1 to 6.0 */
 
−
  background: -o-linear-gradient(right, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* For Opera 11.1 to 12.0 */
 
−
  background: -moz-linear-gradient(right, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* For Firefox 3.6 to 15 */
 
−
  background: linear-gradient(to right, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* Standard syntax (must be last) */
 
 
   font-family:'Lato', sans-serif;
 
   font-family:'Lato', sans-serif;
 
}
 
}
Line 65: Line 60:
 
background-repeat: no-repeat;
 
background-repeat: no-repeat;
 
   background-position: center;
 
   background-position: center;
−
background-size: 100% 100%;
+
/*background-size: 100% 100%;*/
 
/*border: 3px solid #000000;*/
 
/*border: 3px solid #000000;*/
 
text-align: left;
 
text-align: left;
 
position:top;
 
position:top;
−
  /*min-height: 750px;*/
+
      /* min-height: 500px;*/
 
height:auto;
 
height:auto;
 
background-attachment: fixed;
 
background-attachment: fixed;
Line 100: Line 95:
 
   cursor: default;
 
   cursor: default;
  
 +
}
 +
 +
.header_test {
 +
background-position: top;
 +
background-attachment: fixed;
 +
background-repeat: no-repeat;
 +
-webkit-background-size: cover;
 +
-moz-background-size: cover;
 +
-o-background-size: cover;
 +
background-size: cover;
 +
        padding-top: 80vh;
 +
        background-image: url("https://static.igem.org/mediawiki/2017/5/56/T--Chalmers-Gothenburg--Home_1.jpg");
 +
 +
/*A lot of code for the line between the header and the body */
 +
border-bottom: 3px solid transparent;
 +
  -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;
 +
}
 +
 +
 +
/* Banner: name of the page */
 +
#banner {
 +
height: 100%;
 +
        position: relative;
 +
        bottom: 100px;
 +
    float: left;
 +
    width: 100%;
 +
        font-size: 80pt; /*35pt*/
 +
font-family:"Lato", cursive;
 +
        color:#c91a03 ;
 +
line-height: 65pt;
 +
}
 +
 +
#banner h3 {
 +
display: block;
 +
position: absolute;
 +
bottom: 75px;
 +
left: 200px;
 +
        font-size: 80pt; /*35pt*/
 +
font-family:"Lato", cursive;
 +
        color:#c91a03 ;
 +
line-height: 65pt;
 +
        text-shadow: 5px 5px #000000;
 +
        /*border-style:dashed;*/
 +
padding: 25px 25px 25px 25px;
 +
 +
}
 +
 +
#banner h4 {
 +
display: block;
 +
position: absolute;
 +
bottom: 0px;
 +
left: 200px;
 +
        font-size: 40pt; /*35pt*/
 +
font-family:"Lato", cursive;
 +
        color:#c91a03 ;
 +
line-height: 65pt;
 +
        text-shadow: 3px 3px #000000;
 +
        /*border-style:dashed;*/
 +
padding: 25px 25px 25px 25px;
 +
}
 +
 +
#header_navbar_top_logo {
 +
  display:inline-block;
 +
    position: relative; /*absolute*/
 +
    width: 200px;  /*20% 20%*/
 +
    height:200px;
 +
    left:40%;
 +
    bottom:18vh;
 +
    /*border-style:dashed;*/
 +
 +
}
 +
 +
.subheader{
 +
display: block;
 +
position: relative;
 +
bottom: 0px;
 +
left: 0px;
 +
        font-size: 60pt; /*35pt*/
 +
font-family:"Lato", cursive;
 +
        color:#808080;
 +
line-height: 65pt;
 +
padding: 35px 35px 85px 35px;
 +
 +
        /*border-style:dashed;*/
 
}
 
}
  
Line 106: Line 195:
 
/*Sizes in px*/
 
/*Sizes in px*/
 
display:inline-block;
 
display:inline-block;
−
padding-top:12%;
+
padding-top:8%;
 
   padding-right:20%;
 
   padding-right:20%;
 
   font-size: 100px;
 
   font-size: 100px;
Line 116: Line 205:
 
text-align:left;
 
text-align:left;
 
margin-left:10%;
 
margin-left:10%;
 +
        /*border-style:dashed;*/
  
 
}
 
}
Line 124: Line 214:
 
line-height: 30pt;
 
line-height: 30pt;
 
   padding-top: 1%;
 
   padding-top: 1%;
−
   padding-bottom: 20px;
+
   padding-bottom: 80px;
 
font-family:"Lato", cursive;
 
font-family:"Lato", cursive;
 
text-align:left;
 
text-align:left;
 
margin-left:10%;
 
margin-left:10%;
 
margin-right:25%;
 
margin-right:25%;
−
text-shadow: 3px 3px #000000;
+
text-shadow: 2px 2px #000000;
 +
        /*border-style:dashed;*/
  
 
    
 
    
−
}
 
−
 
−
.subheader{
 
−
color:#808080; /*#7e1002;*/
 
−
text-align:center;
 
−
font-size:50pt;
 
−
  margin-top:0px;
 
−
padding-top:200px;
 
−
padding-bottom:20px;
 
−
 
−
}
 
−
 
−
 
−
#header_navbar_top_logo {
 
−
  display:inline-block;
 
−
position: absolute;
 
−
  width:9vw; /*20% 20%*/
 
−
    height:9vw;
 
−
    right:5%;
 
−
    top:20%;
 
−
    border-style:dashed;
 
−
 
 
−
 
 
}
 
}
  
Line 177: Line 245:
  
  
−
#header_navbar_top_logo {
+
/*#header_navbar_top_logo {
 
   display:inline-block;
 
   display:inline-block;
−
}
+
}*/
  
 
/*--------------------Header navbar--------------------------------------------*/
 
/*--------------------Header navbar--------------------------------------------*/
Line 204: Line 272:
 
top: 0;
 
top: 0;
 
   width: 100%;
 
   width: 100%;
−
   /*min-width: 1440px; Makes the navbar too big for smaller screens. Keep muted if possible*/
+
   min-width: 1440px; /*Makes the navbar too big for smaller screens. Keep muted if possible*/
 
   z-index:9999;
 
   z-index:9999;
 
   -webkit-touch-callout: none;
 
   -webkit-touch-callout: none;
Line 429: Line 497:
 
   margin-top: 0px; /*40px --> 0px */
 
   margin-top: 0px; /*40px --> 0px */
  
−
width: cover;
+
  width: cover;
 +
  min-width:1440px;
 
   text-align: center;
 
   text-align: center;
 
   margin: auto;
 
   margin: auto;
Line 435: Line 504:
 
 
 
background:#e6e6e6;   
 
background:#e6e6e6;   
−
  background: -webkit-linear-gradient(left, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* For Safari 5.1 to 6.0 */
 
−
  background: -o-linear-gradient(right, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* For Opera 11.1 to 12.0 */
 
−
  background: -moz-linear-gradient(right, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* For Firefox 3.6 to 15 */
 
−
  background: linear-gradient(to right, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* Standard syntax (must be last) */
 
 
}
 
}
  
Line 681: Line 746:
 
}
 
}
  
−
/*.header is the class used in the header image at the top of pages*/
 
−
.header {
 
−
  font-size: 45pt;
 
−
  color: black;
 
−
  text-align: center;
 
−
  background-color: #000000;
 
−
  background-repeat: repeat;
 
−
  height: auto;
 
−
  line-height: 130px;
 
−
 
−
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 {
 
−
  font-size: 45pt;
 
−
  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: 500px;*/
 
−
 
−
  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_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: 500px;*/
 
−
 
−
  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 {
 
−
  font-size: 45pt;
 
−
  color: black;
 
−
  text-align: center;
 
−
position:bottom;
 
−
  background-image: url("pictures_17/backgrounds/pen_paper.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
 
−
/*  min-height: 500px;*/
 
−
 
−
  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_constructs {
 
−
  font-size: 45pt;
 
−
  color: black;
 
−
  text-align: center;
 
−
position:bottom;
 
−
  background-image: url("pictures_17/backgrounds/DNA.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
 
−
/*  min-height: 500px;*/
 
−
 
−
  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_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: 500px;*/
 
−
 
−
  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 {
 
−
  font-size: 45pt;
 
−
  color: black;
 
−
  text-align: center;
 
−
position:bottom;
 
−
  background-image: url("pictures_17/backgrounds/Chemistry_entrance_bw.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
 
−
/*  min-height: 500px;*/
 
−
 
−
  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_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: 500px;*/
 
−
 
−
  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: 500px;*/
 
−
 
−
  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: 500px;*/
 
−
 
−
  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: 500px;*/
 
−
 
−
  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: 500px;*/
 
−
 
−
  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-text {
 
.header-text {
Line 1,145: Line 879:
 
}
 
}
  
 +
.figure-caption {
 +
    display: table-caption;
 +
    caption-side: bottom; 
 +
}
 +
 +
.table-caption {
 +
    display: table-caption;
 +
    caption-side: top;   
 +
  color: black;
 +
  font-size: 11pt;
 +
  text-align: justify;
 +
  padding-left: 0px;
 +
  padding-right:0px;
 +
margin-left:0px;
 +
margin-right:0px;
 +
}
 +
 +
th {
 +
    text-align: center;
 +
}
 +
 +
figure {
 +
  display:table;
 +
  text-align:center;
 +
  margin: auto;
 +
  margin-bottom: 25px;
 +
  margin-top: 25px;
 +
}
 +
 +
/*---Reference List---*/
 +
 +
.reference_list {
 +
    text-align: left;
 +
}
 +
 +
.reference_list ul {
 +
    list-style-type: none;
 +
    list-style-image: none;
 +
}
 +
 +
.reference_list li {
 +
    padding-bottom: 10px;
 +
}
  
 
/*--------------Links in text and lists are red when hovered------------------*/
 
/*--------------Links in text and lists are red when hovered------------------*/
Line 1,508: Line 1,285:
 
       <nav><!--Used to apply a sticky class, so that the position can be changed to fixed-->
 
       <nav><!--Used to apply a sticky class, so that the position can be changed to fixed-->
 
         <ul class="header_navbar_ul">
 
         <ul class="header_navbar_ul">
−
           <li id="header_navbar_home"><a href="https://2017.igem.org/Team:Chalmers-Gothenburg" id="home_link"> Home <i class="fa fa-home" style="font-size:24px"></i> </a></li>
+
           <li id="header_navbar_home"><a href="https://2017.igem.org/Team:Chalmers-Gothenburg" id="home_link"> Home </a></li>
 
            
 
            
 
           <li class="dropdown">
 
           <li class="dropdown">
Line 1,532: Line 1,309:
 
             <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Project/constructs">Constructs</a>
 
             <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Project/constructs">Constructs</a>
 
             <hr>
 
             <hr>
−
             <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Model">Mathematical modelling</a>
+
             <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Model">Mathematical modeling</a>
 
             </div>
 
             </div>
 
           </li>
 
           </li>
Line 1,541: Line 1,318:
 
             <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/HP/Silver">Human practices</a>
 
             <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/HP/Silver">Human practices</a>
 
               <hr>
 
               <hr>
−
               <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/HP/Gold_Integrated">Integrated Human practices</a>
+
               <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/HP/Gold_Integrated">Integrated human practices</a>
 
             </div>
 
             </div>
 
           </li>
 
           </li>
Line 1,550: Line 1,327:
 
             <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Results">Project results</a>
 
             <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Results">Project results</a>
 
             <hr>
 
             <hr>
−
             <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Parts">BioBricks</a>
+
             <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Parts">Biobricks</a>
 
               <hr>
 
               <hr>
 
               <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/InterLab">Interlab study</a>
 
               <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/InterLab">Interlab study</a>
 
               <hr>
 
               <hr>
−
               <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Achievements/medal">Medals</a>
+
               <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Achievements/medal">Accomplishments</a>
 
             </div>
 
             </div>
 
           </li>
 
           </li>
Line 1,570: Line 1,347:
 
            
 
            
 
           <!--facebook, instagram and twitter icon-->
 
           <!--facebook, instagram and twitter icon-->
−
           <li id="header_navbar_home"><a href="https://sv-se.facebook.com/chalmersigem/" id="fb"><i class="fa fa-facebook-square" style="font-size:24px"></i> </a></li>
+
           <li id="header_navbar_home"><a href="https://sv-se.facebook.com/chalmersigem/" id="fb" target="_blank"><i class="fa fa-facebook-square" style="font-size:24px"></i> </a></li>
−
           <li id="header_navbar_home"><a href="https://www.instagram.com/chalmersigem/" id="instagram"><i class="fa fa-instagram" style="font-size:24px"></i> </a></li>
+
           <li id="header_navbar_home"><a href="https://www.instagram.com/chalmersigem/" id="instagram" target="_blank"><i class="fa fa-instagram" style="font-size:24px"></i> </a></li>
−
           <li id="header_navbar_home"><a href="https://twitter.com/igemchalmers" id="twitter"><i class="fa fa-twitter" style="font-size:24px"></i> </a></li>
+
           <li id="header_navbar_home"><a href="https://twitter.com/igemchalmers" id="twitter" target="_blank"><i class="fa fa-twitter" style="font-size:24px"></i> </a></li>
  
 
            
 
            
Line 1,585: Line 1,362:
 
     <div class="wrap"> <!--To limit the width of the site-->
 
     <div class="wrap"> <!--To limit the width of the site-->
 
 
−
<div id="header_navbar_top"> <!--The order of the things in header_nav_top is crucial for the correct positioning-->
+
        <div class="header_test">
−
<h1 class="subheader">What if cancer was <i>smellable</i>?</h1>
+
<div id="header_navbar_top_logo"><img src="https://static.igem.org/mediawiki/2017/d/df/T--Chalmers-Gothenburg--logo_c91a03.png" alt="logo" style="height:100%;"></div>
−
      <div id="header_navbar_top_title">BREATHtaking</div>
+
  <!-- Banner -->
−
<div id="header_navbar_top_logo"><img src="pictures_17/logotypes/iGEM_Chalmers_logo_red.png" alt="logo" style="height:100%;"></div>
+
    <div id="banner">
−
<div id="header_navbar_top_subtitle">iGEM Chalmers Gothenburg</div>
+
                  <h3>BREATHtaking</h3>
−
</div>
+
                  <h4>iGEM Chalmers Gothenburg</h4>
 +
            </div>
 +
        </div>
 +
 
  
 
       <div class="wrap-content">
 
       <div class="wrap-content">
Line 1,597: Line 1,377:
 
       <div class="target" id="project_description">
 
       <div class="target" id="project_description">
  
−
<div class="overview">
+
          <h1 class="subheader">What if cancer was <i>smellable</i>?</h1>
−
<img src="https://static.igem.org/mediawiki/2017/a/a6/T--Chalmers-Gothenburg--Overview.png" alt="iGEM Chalmers Overview" width="100%" height="100%">
+
 
−
</div>
+
<div class="overview">
 +
<img src="https://static.igem.org/mediawiki/2017/b/be/T--Chalmers-Gothenburg--Overview3.png" width="100%" height="100%">
 +
</div>
 
            
 
            
−
<h1>
+
<h1>
−
<a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Description">Read more about our project</a>
+
  <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Description">Click here to learn more</a>
−
</h1>
+
</h1>
−
        </div>
+
  </div>
 
   
 
   
−
    </div>
+
</div>
 
   <!--------------------------- HTML STOP -------------------------------->
 
   <!--------------------------- HTML STOP -------------------------------->
  
Line 1,621: Line 1,403:
 
          
 
          
 
         <div class="footerlogo">
 
         <div class="footerlogo">
−
           <a href="https://www.agilent.com/home">
+
           <a href="https://www.agilent.com/home" target="_blank">
−
             <img src="" alt="Agilent Technologies" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/f/fb/T--Chalmers-Gothenburg--Agilent_gray.png" alt="Agilent Technologies" class="footerimg on">
−
             <img src="" alt="Agilent Technologies" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/1/1e/T--Chalmers-Gothenburg--Agilent.png" alt="Agilent Technologies" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
 
          
 
          
 
         <div class="footerlogo">
 
         <div class="footerlogo">
−
           <a href="https://www.atum.bio/">
+
           <a href="https://www.atum.bio/" target="_blank">
−
             <img src="pictures_17/logotypes/ATUM_110216_4c30percentgray.png" alt="ATUM" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/a/ae/T--Chalmers-Gothenburg--ATUM_gray.png" alt="ATUM" class="footerimg on">
−
             <img src="pictures_17/logotypes/ATUM_110216_4cBlack2.png" alt="ATUM" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/7/71/T--Chalmers-Gothenburg--ATUM.png" alt="ATUM" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
 
          
 
          
 
         <div class="footerlogo">
 
         <div class="footerlogo">
−
           <a href="http://www.chalmers.se/en/Pages/default.aspx">
+
           <a href="http://www.chalmers.se/en/Pages/default.aspx" target="_blank">
−
             <img src="pictures_17/logotypes/chalmers_logo2_30percentgray.png" alt="Chalmers" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/9/9f/T--Chalmers-Gothenburg--Chalmers_logo_gray.png" alt="Chalmers" class="footerimg on">
−
             <img src="pictures_17/logotypes/chalmers_logo2.png" alt="Chalmers" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/9/9f/T--Chalmers-Gothenburg--Chalmers_logo.png" alt="Chalmers" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
 
          
 
          
 
         <div class="footerlogo">
 
         <div class="footerlogo">
−
           <a href="http://www.eurofins.com/">
+
           <a href="http://www.eurofins.com/" target="_blank">
−
             <img src="pictures_17/logotypes/eurofins_logo2_30percentgray.png" alt="Eurofins" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/f/f8/T--Chalmers-Gothenburg--eurofins_gray.png" alt="Eurofins" class="footerimg on">
−
             <img src="pictures_17/logotypes/eurofins_logo2.png" alt="Eurofins" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/e/e4/T--Chalmers-Gothenburg--eurofins.png" alt="Eurofins" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
 
          
 
          
 
         <div class="footerlogo">
 
         <div class="footerlogo">
−
           <a href="https://www.gatc-biotech.com/en/index.html">
+
           <a href="https://www.gatc-biotech.com/en/index.html" target=”_blank”>
−
             <img src="" alt="GATC Biotech" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/c/c2/T--Chalmers-Gothenburg--gatc_gray.png" alt="GATC Biotech" class="footerimg on">
−
             <img src="" alt="GATC Biotech" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/c/c0/T--Chalmers-Gothenburg--gatc.png" alt="GATC Biotech" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
 
          
 
          
 
         <div class="footerlogo">
 
         <div class="footerlogo">
−
           <a href="http://www.genscript.com/">
+
           <a href="http://www.genscript.com/" target="_blank">
−
             <img src="pictures_17/logotypes/Genscript_30percentgray.png" alt="Genscript" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/c/ce/T--Chalmers-Gothenburg--Genscript_gray.png" alt="Genscript" class="footerimg on">
−
             <img src="pictures_17/logotypes/Genscript.png" alt="Genscript" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/2/29/T--Chalmers-Gothenburg--Genscript.png" alt="Genscript" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
 
          
 
          
 
         <div class="footerlogo">
 
         <div class="footerlogo">
−
           <a href="https://www.idtdna.com/">
+
           <a href="https://www.idtdna.com/" target="_blank">
−
             <img src="pictures_17/logotypes/IDT_Logo_2014_(corp_blue)_30percentgray.png" alt="IDT" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/a/a3/T--Chalmers-Gothenburg--IDT_gray.png" alt="IDT" class="footerimg on">
−
             <img src="pictures_17/logotypes/IDT_Logo_2014_(corp_blue).png" alt="IDT" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/f/fd/T--Chalmers-Gothenburg--IDT.png" alt="IDT" class="footerimg off">
 +
          </a>
 +
        </div>
 +
 
 +
        <div class="footerlogo">
 +
          <a href="http://www.chalmers.se/en/areas-of-advance/lifescience/Pages/default.aspx" target="_blank">
 +
            <img src="https://static.igem.org/mediawiki/2017/6/6e/T--Chalmers-Gothenburg--Life_science_gray.png" alt="ATUM" class="footerimg on">
 +
            <img src="https://static.igem.org/mediawiki/2017/a/a3/T--Chalmers-Gothenburg--Life_science.png" alt="ATUM" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
 
          
 
          
 
         <div class="footerlogo">
 
         <div class="footerlogo">
−
           <a href="https://www.neb.com/">
+
           <a href="https://www.neb.com/" target="_blank">
−
             <img src="pictures_17/logotypes/neb_logo2_30percentgray.png" alt="NEB" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/2/29/T--Chalmers-Gothenburg--neb_gray.png" alt="NEB" class="footerimg on">
−
             <img src="pictures_17/logotypes/neb_logo3.png" alt="NEB" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/e/e6/T--Chalmers-Gothenburg--neb.png" alt="NEB" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
 
          
 
          
 
         <div class="footerlogo">
 
         <div class="footerlogo">
−
           <a href="http://www.snapgene.com/">
+
           <a href="http://www.snapgene.com/" target="_blank">
−
             <img src="pictures_17/logotypes/SnapGene-Logo-144_30percentgray.png" alt="SnapGene" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/1/1a/T--Chalmers-Gothenburg--SnapGene_gray.png" alt="SnapGene" class="footerimg on">
−
             <img src="pictures_17/logotypes/SnapGene-Logo-144.png" alt="SnapGene" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/9/95/T--Chalmers-Gothenburg--SnapGene.png" alt="SnapGene" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
 
          
 
          
 
         <div class="footerlogo">
 
         <div class="footerlogo">
−
           <a href="http://www.sysbio.se/">
+
           <a href="http://www.sysbio.se/" target="_blank">
−
             <img src="pictures_17/logotypes/sysbio_logo_30percentgray.png" alt="Sysbio" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/7/7d/T--Chalmers-Gothenburg--sysbio_gray.png" alt="Sysbio" class="footerimg on">
−
             <img src="pictures_17/logotypes/sysbio_logo.png" alt="Sysbio" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/8/89/T--Chalmers-Gothenburg--sysbio.png" alt="Sysbio" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
Line 1,694: Line 1,483:
 
       <div id="footer-contact-row">
 
       <div id="footer-contact-row">
 
         <hr>
 
         <hr>
−
         <a href="https://www.facebook.com/chalmersigem/?fref=ts">facebook</a>  
+
         <a href="https://www.facebook.com/chalmersigem/?fref=ts" target="_blank">facebook</a>  
−
         <a href="https://twitter.com/igemchalmers">twitter</a>  
+
         <a href="https://twitter.com/igemchalmers" target="_blank">twitter</a>  
 
         <a href="mailto:igemgothenburg@gmail.com">e-mail</a>  
 
         <a href="mailto:igemgothenburg@gmail.com">e-mail</a>  
−
         <a href="https://www.instagram.com/chalmersigem/">instagram</a>
+
         <a href="https://www.instagram.com/chalmersigem/" target="_blank">instagram</a>
 
       </div>
 
       </div>
−
     </footer> <!--------------------------------- footer_170726.html STOP ---------------------------------->
+
     </footer> <!--------------------------------- footer_170726.html STOP ----------------------------------> </body>
−
  </body>
+
 
    
 
    
  

Latest revision as of 13:52, 30 October 2017

Chalmers Gothenburg iGEM 2017

What if cancer was smellable?

Click here to learn more