Difference between revisions of "Team:Rice/Notebook"

 
(48 intermediate revisions by 4 users not shown)
Line 18: Line 18:
 
      
 
      
 
       body {
 
       body {
   padding-top: 20px;
+
   padding-top: -2px;
  text-align: center;
+
 
   background-color: white;  
 
   background-color: white;  
 
   color: #ddd;
 
   color: #ddd;
Line 36: Line 35:
 
   border-right-color: rgba(255, 0, 0, 0);
 
   border-right-color: rgba(255, 0, 0, 0);
 
}
 
}
 +
 +
 +
 
.triangle.bottom {
 
.triangle.bottom {
 
   width: 0px;
 
   width: 0px;
Line 107: Line 109:
 
h1 {
 
h1 {
 
   color:#af4657!important;
 
   color:#af4657!important;
font-family: 'Assistant', sans-serif!important;
+
  font-family: 'Assistant', sans-serif!important;
font-size: 30px!important;
+
  font-size: 30px!important;
                        line-height: 120%;
+
  line-height: 120%;
 +
  padding: 2%;
 +
 
 
}
 
}
  
 +
 +
.type-1 {
 +
  width: 33%;
 +
  margin: 2%;
 +
 +
 
 +
}
 +
 +
 +
.btn-1 {
 +
  background-color: #af4657;
 +
  width: 40%; 
 +
  left: 95%;
 +
  margin-bottom: 15px;
 +
  text-align: center;
 +
  color: white;
 +
  z-index: 3;
 +
 +
}
 +
.btn-1 .round {
 +
  background-color: #af4657;
 +
    left: 100%; 
 +
    width: 30%;
 +
    margin-bottom: 15px;
 +
    text-align: center;
 +
 +
   
 +
}
 +
 +
.btn-2 {
 +
  background-color: #af4657;
 +
    left: 95%; 
 +
    width: 40%;
 +
    margin-bottom: 15px;
 +
    text-align: center;
 +
 +
}
 +
.btn-2 .round {
 +
  background-color: #af4657;
 +
    left: 95%;
 +
    width: 30%;
 +
    margin-bottom: 15px;
 +
    text-align: center;
 +
 +
}
 +
 +
.btn-3 {
 +
  background-color: #af4657;
 +
    left: 95%;
 +
    width: 30%;
 +
    margin-bottom: 15px;
 +
    text-align: center;
 +
 +
}
 +
.btn-3 .round {
 +
  background-color: #af4657;
 +
    left: 95%;
 +
    width: 30%;
 +
    margin-bottom: 15px;
 +
    text-align: center;
 +
}
 +
 +
.btn-1, .btn-2, .btn-3 {
 +
  text-decoration: none;
 +
  -moz-border-radius: 30px;
 +
  -webkit-border-radius: 30px;
 +
  border-radius: 30px;
 +
  padding: 12px 30px 12px 30px;
 +
  color: white !important;
 +
  text-transform: uppercase;
 +
color:#ffffff!important;
 +
font-family: 'Didact Gothic', sans-serif!important;
 +
font-size: 22px!important;
 +
  font-weight: bold;
 +
  position: relative;
 +
  display: inline-block;
 +
}
 +
 +
.btn-1, .btn-2, .btn-3 span {
 +
position: relative;
 +
text-align:center;
 +
}
 +
 +
.txt {
 +
  font-size: 14px;
 +
  line-height: 1.45;
 +
}
 +
 +
div.center{
 +
text-align: center!important;
 +
margin-bottom: 5px;
 +
}
  
  
Line 119: Line 215:
  
 
<body>
 
<body>
   <h1>Lab Notebook</h1>
+
 
 +
<div class = "center">
 +
 
 +
   <h1>LAB NOTEBOOK</h1>
 
<div class='triangle top'></div>
 
<div class='triangle top'></div>
 
<div class='triangle bottom'></div>
 
<div class='triangle bottom'></div>
Line 128: Line 227:
 
<div class='triangle bottom-right'></div>
 
<div class='triangle bottom-right'></div>
 
<div class='triangle bottom-left'></div>
 
<div class='triangle bottom-left'></div>
 +
 +
<div class="type-1">
 +
  <div>
 +
    <a href="https://static.igem.org/mediawiki/parts/2/26/Rice_igem_May.pdf" class="btn btn-1">
 +
      <span class="txt">May </span>
 +
 +
    </a>
 +
  </div>
 +
 +
  <div>
 +
    <a href="https://static.igem.org/mediawiki/parts/5/51/Rice_igem_June.pdf" class="btn btn-2">
 +
      <span class="txt">June</span>
 +
 +
    </a>
 +
  </div>
 +
 +
  <div>
 +
    <a href="https://static.igem.org/mediawiki/parts/9/96/Rice_igem_July.pdf" class="btn btn-2">
 +
      <span class="txt">July</span>
 +
 +
    </a>
 +
  </div>
 +
 +
  <div>
 +
    <a href="https://static.igem.org/mediawiki/parts/2/26/Rice_igem_august.pdf" class="btn btn-2">
 +
      <span class="txt">August</span>
 +
 +
    </a>
 +
  </div>
 +
 +
  <div>
 +
    <a href="https://static.igem.org/mediawiki/parts/a/ad/Rice_igem_september.pdf" class="btn btn-2">
 +
      <span class="txt">September</span>
 +
 +
    </a>
 +
  </div>
 +
 +
  <div>
 +
    <a href="https://static.igem.org/mediawiki/2017/9/9f/October.pdf" class="btn btn-2">
 +
      <span class="txt">October</span>
 +
 +
    </a>
 +
  </div>
 +
 +
  <div>
 +
    <a href="https://static.igem.org/mediawiki/2017/9/9a/Protocols_final.pdf" class="btn btn-2">
 +
      <span class="txt">Protocols</span>
 +
 +
    </a>
 +
  </div>
 +
 +
</div>
 +
 +
 +
</div>
 +
 +
 +
 +
  
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 02:16, 2 November 2017