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

Line 678: Line 678:
 
}
 
}
  
−
/*.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/7/77/T--Chalmers-Gothenburg--Achievements_Biobricks.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: 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%);*/
 
   -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 730: Line 704:
 
}
 
}
  
−
.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;
+
/* Banner: name of the page */
−
  background-position: center;
+
#banner {
−
  background-repeat: no-repeat;
+
height: 100%;
−
  background-size: cover;
+
        position: relative;
−
background-color:#000000;
+
        bottom: 50px;
−
+
    float: left;
−
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
    width: 100%;
−
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
+
        font-size: 80pt; /*35pt*/
−
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
+
font-family:"Lato", cursive;
−
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
+
        color:#c91a03 ;
−
  border-image-slice: 1;
+
line-height: 65pt;
−
  -webkit-touch-callout: none;
+
        text-shadow: 5px 5px #000000;
−
  -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 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/pen_paper.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
        font-size: 80pt; /*35pt*/
−
/* min-height: 500px;*/
+
font-family:"Lato", cursive;
 +
        color:#c91a03 ;
 +
line-height: 65pt;
 +
        text-shadow: 5px 5px #000000;
 +
        /*border-style:dashed;*/
 +
padding: 20px 20px 20px 20px;
  
−
  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 {
+
#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/DNA.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
        font-size: 40pt; /*35pt*/
−
/*  min-height: 500px;*/
+
font-family:"Lato", cursive;
−
 
+
        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_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,627: Line 1,366:
  
 
            
 
            
−
         <div class="header_Team_collaborations">
+
         <div class="header_test">
−
    <div class="header-text">Achievements</div>
+
  <!-- Banner -->
−
    <div class="header-subtitle">Biobricks</div>
+
    <div id="banner">
−
    </div>
+
            <h3>Biobricks</h3>
 +
            </div>
 +
        </div>
 
        
 
        
 
       <div class="wrap-content">
 
       <div class="wrap-content">

Revision as of 15:03, 23 October 2017

Chalmers Gothenburg iGEM 2017

Introduction

Proin vitae massa a libero ultricies pulvinar. Vivamus laoreet orci at magna dapibus, id consectetur dui bibendum. In hac habitasse platea dictumst. Aenean ornare neque at justo eleifend, ut pharetra erat ultricies. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Biobricks

Biobrick 1

Proin vitae massa a libero ultricies pulvinar. Vivamus laoreet orci at magna dapibus, id consectetur dui bibendum. In hac habitasse platea dictumst. Aenean ornare neque at justo eleifend, ut pharetra erat ultricies. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Here's the brick

Biobrick 2

Proin vitae massa a libero ultricies pulvinar. Vivamus laoreet orci at magna dapibus, id consectetur dui bibendum. In hac habitasse platea dictumst. Aenean ornare neque at justo eleifend, ut pharetra erat ultricies. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Here's the brick

Biobrick 3

Proin vitae massa a libero ultricies pulvinar. Vivamus laoreet orci at magna dapibus, id consectetur dui bibendum. In hac habitasse platea dictumst. Aenean ornare neque at justo eleifend, ut pharetra erat ultricies. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Here's the brick