Difference between revisions of "Team:Rice/Notebook"

 
(45 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 115: Line 117:
  
  
 +
.type-1 {
 +
  width: 33%;
 +
  margin: 2%;
  
−
body {
 
−
  margin: 10px;
 
−
  text-align: center;
 
−
}
 
−
body > div {
 
−
  width: 33%;
 
−
 
 
    
 
    
−
}
 
−
body > div > div {
 
−
  margin-bottom: 15px;
 
−
 
 
}
 
}
 +
  
 
.btn-1 {
 
.btn-1 {
−
   background-color: #F27935;
+
   background-color: #af4657;
−
   width: 30%;   
+
   width: 40%;   
−
   left: 90%;  
+
   left: 95%;  
 +
  margin-bottom: 15px;
 +
  text-align: center;
 +
  color: white;
 +
  z-index: 3;
 +
 
 
}
 
}
 
.btn-1 .round {
 
.btn-1 .round {
−
  background-color: #f59965;
+
  background-color: #af4657;
−
     left: 90%;  
+
     left: 100%;
 
     width: 30%;
 
     width: 30%;
 +
    margin-bottom: 15px;
 +
    text-align: center;
 +
 +
   
 
}
 
}
  
 
.btn-2 {
 
.btn-2 {
−
   background-color: #00AFD1;
+
   background-color: #af4657;
−
     left: 90%;  
+
     left: 95%;
−
     width: 30%;
+
     width: 40%;
 +
    margin-bottom: 15px;
 +
    text-align: center;
 +
 
 
}
 
}
 
.btn-2 .round {
 
.btn-2 .round {
−
  background-color: #00c4eb;
+
  background-color: #af4657;
−
     left: 90%;  
+
     left: 95%;  
 
     width: 30%;
 
     width: 30%;
 +
    margin-bottom: 15px;
 +
    text-align: center;
 +
 
}
 
}
  
 
.btn-3 {
 
.btn-3 {
−
   background-color: #5A5B5E;
+
   background-color: #af4657;
−
     left: 90%;  
+
     left: 95%;  
 
     width: 30%;
 
     width: 30%;
 +
    margin-bottom: 15px;
 +
    text-align: center;
 +
 
}
 
}
 
.btn-3 .round {
 
.btn-3 .round {
−
   background-color: #737478;
+
   background-color: #af4657;
−
     left: 90%;  
+
     left: 95%;  
 
     width: 30%;
 
     width: 30%;
 +
    margin-bottom: 15px;
 +
    text-align: center;
 
}
 
}
  
−
a {
+
.btn-1, .btn-2, .btn-3 {
 
   text-decoration: none;
 
   text-decoration: none;
 
   -moz-border-radius: 30px;
 
   -moz-border-radius: 30px;
Line 169: Line 184:
 
   border-radius: 30px;
 
   border-radius: 30px;
 
   padding: 12px 30px 12px 30px;
 
   padding: 12px 30px 12px 30px;
−
   color: #fff;
+
   color: white !important;  
 
   text-transform: uppercase;
 
   text-transform: uppercase;
−
  font-family: sans-serif;
+
color:#ffffff!important;
 +
font-family: 'Didact Gothic', sans-serif!important;
 +
font-size: 22px!important;
 
   font-weight: bold;
 
   font-weight: bold;
 
   position: relative;
 
   position: relative;
−
  -moz-transition: all 0.3s;
 
−
  -o-transition: all 0.3s;
 
−
  -webkit-transition: all 0.3s;
 
−
  transition: all 0.3s;
 
 
   display: inline-block;
 
   display: inline-block;
 
}
 
}
−
a span {
+
 
−
  position: relative;
+
.btn-1, .btn-2, .btn-3 span {
−
  z-index: 3;
+
position: relative;
−
}
+
text-align:center;
−
a .round {
+
−
  -moz-border-radius: 50%;
+
−
  -webkit-border-radius: 50%;
+
−
  border-radius: 50%;
+
−
  width: 38px;
+
−
  height: 38px;
+
−
  position: absolute;
+
−
  right: 3px;
+
−
  top: 3px;
+
−
  -moz-transition: all 0.3s ease-out;
+
−
  -o-transition: all 0.3s ease-out;
+
−
  -webkit-transition: all 0.3s ease-out;
+
−
  transition: all 0.3s ease-out;
+
−
  z-index: 2;
+
 
}
 
}
  
Line 204: Line 203:
 
   line-height: 1.45;
 
   line-height: 1.45;
 
}
 
}
 +
 +
div.center{
 +
text-align: center!important;
 +
margin-bottom: 5px;
 +
}
 +
  
  
Line 210: 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 220: Line 228:
 
<div class='triangle bottom-left'></div>
 
<div class='triangle bottom-left'></div>
  
−
<div class="type-1">
+
<div class="type-1">
 
   <div>
 
   <div>
−
     <a href="" class="btn btn-1">
+
     <a href="https://static.igem.org/mediawiki/parts/2/26/Rice_igem_May.pdf" class="btn btn-1">
 
       <span class="txt">May </span>
 
       <span class="txt">May </span>
  
Line 229: Line 237:
  
 
   <div>
 
   <div>
−
     <a href="" class="btn btn-2">
+
     <a href="https://static.igem.org/mediawiki/parts/5/51/Rice_igem_June.pdf" class="btn btn-2">
 
       <span class="txt">June</span>
 
       <span class="txt">June</span>
  
Line 236: Line 244:
  
 
   <div>
 
   <div>
−
     <a href="" class="btn btn-3">
+
     <a href="https://static.igem.org/mediawiki/parts/9/96/Rice_igem_July.pdf" class="btn btn-2">
 
       <span class="txt">July</span>
 
       <span class="txt">July</span>
  
Line 243: Line 251:
 
   
 
   
 
   <div>
 
   <div>
−
     <a href="" class="btn btn-3">
+
     <a href="https://static.igem.org/mediawiki/parts/2/26/Rice_igem_august.pdf" class="btn btn-2">
 
       <span class="txt">August</span>
 
       <span class="txt">August</span>
  
Line 250: Line 258:
  
 
   <div>
 
   <div>
−
     <a href="" class="btn btn-3">
+
     <a href="https://static.igem.org/mediawiki/parts/a/ad/Rice_igem_september.pdf" class="btn btn-2">
 
       <span class="txt">September</span>
 
       <span class="txt">September</span>
  
Line 257: Line 265:
  
 
   <div>
 
   <div>
−
     <a href="" class="btn btn-3">
+
     <a href="https://static.igem.org/mediawiki/2017/9/9f/October.pdf" class="btn btn-2">
 
       <span class="txt">October</span>
 
       <span class="txt">October</span>
  
Line 264: Line 272:
  
 
   <div>
 
   <div>
−
     <a href="" class="btn btn-3">
+
     <a href="https://static.igem.org/mediawiki/2017/9/9a/Protocols_final.pdf" class="btn btn-2">
 
       <span class="txt">Protocols</span>
 
       <span class="txt">Protocols</span>
  
Line 271: Line 279:
  
 
</div>
 
</div>
 +
 +
 +
</div>
 +
 +
 +
 +
  
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 02:16, 2 November 2017

Hexatri

LAB NOTEBOOK