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

Line 670: Line 670:
 
}
 
}
  
−
/*.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 {
+
.header_test {
−
  font-size: 45pt;
+
background-position: top;
−
  color: black;
+
background-attachment: fixed;
−
  text-align: center;
+
background-repeat: no-repeat;
−
position:bottom;
+
-webkit-background-size: cover;
−
  background-image: url("pictures_17/backgrounds/chalkboard_2.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
-moz-background-size: cover;
−
  min-height: 750px;
+
-o-background-size: cover;
−
height:auto;
+
background-size: cover;
−
  background-attachment: fixed;
+
        padding-top: 100vh;
−
  background-position: center;
+
        background-image: url("https://static.igem.org/mediawiki/2017/e/e5/T--Chalmers-Gothenburg--Notebook_Journal.jpg");
−
  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 {
+
/*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/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%);*/
 
   -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 750: Line 697:
 
}
 
}
  
−
.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;
+
/* 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_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;
 
−
}
 
  
 
.header-text {
 
.header-text {
Line 1,658: Line 1,398:
 
     <div class="wrap"> <!--To limit the width of the site-->
 
     <div class="wrap"> <!--To limit the width of the site-->
 
    
 
    
−
         <div class="header_Notebook_journal">
+
         <div class="header_test">
−
    <div class="header-text">NOTEBOOK</div>
+
  <!-- Banner -->
−
    <div class="header-subtitle">Lab journal</div>
+
    <div id="banner">
−
    </div>
+
            <h3>Lab journal</h3>
 +
            </div>
 +
        </div>
 
            
 
            
 
         <div class="wrap-content"> <!--To limit the width of the site-->
 
         <div class="wrap-content"> <!--To limit the width of the site-->

Revision as of 15:07, 23 October 2017

Chalmers Gothenburg iGEM 2017

Introduction

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed consequat mattis interdum. Aliquam et velit fermentum velit imperdiet rhoncus. Donec accumsan molestie ornare. Duis eu odio in tortor ullamcorper aliquam. Vivamus molestie fermentum urna, vitae commodo mauris consequat in. Curabitur porttitor pulvinar purus, ut varius nibh tempus id. Nulla dictum lectus ut erat condimentum, sit amet euismod nibh eleifend. Maecenas molestie efficitur urna vel semper. Nullam in turpis eleifend, venenatis ex tincidunt, tristique sapien. Suspendisse eget facilisis dolor. Integer congue nisi eu magna consectetur, a bibendum nibh accumsan. Vivamus fermentum metus id lectus porttitor congue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla metus quam, dapibus ac volutpat ut, dapibus sit amet felis.

Journal

It seems you can't see the document. No probs, you can always download the file by clicking here