Difference between revisions of "Team:Rice/Notebook"

Line 115: Line 115:
  
  
 +
 +
body {
 +
  margin: 10px;
 +
  text-align: center;
 +
}
 +
body > div {
 +
  width: 33%;
 +
 +
 
 +
}
 +
body > div > div {
 +
  margin-bottom: 15px;
 +
 +
}
 +
 +
.btn-1 {
 +
  background-color: #F27935;
 +
  width: 30%; 
 +
  left: 90%;
 +
}
 +
.btn-1 .round {
 +
  background-color: #f59965;
 +
    left: 90%;
 +
    width: 30%;
 +
}
 +
 +
.btn-2 {
 +
  background-color: #00AFD1;
 +
    left: 90%;
 +
    width: 30%;
 +
}
 +
.btn-2 .round {
 +
  background-color: #00c4eb;
 +
    left: 90%;
 +
    width: 30%;
 +
}
 +
 +
.btn-3 {
 +
  background-color: #5A5B5E;
 +
    left: 90%;
 +
    width: 30%;
 +
}
 +
.btn-3 .round {
 +
  background-color: #737478;
 +
    left: 90%;
 +
    width: 30%;
 +
}
 +
 +
a {
 +
  text-decoration: none;
 +
  -moz-border-radius: 30px;
 +
  -webkit-border-radius: 30px;
 +
  border-radius: 30px;
 +
  padding: 12px 30px 12px 30px;
 +
  color: #fff;
 +
  text-transform: uppercase;
 +
  font-family: sans-serif;
 +
  font-weight: bold;
 +
  position: relative;
 +
  -moz-transition: all 0.3s;
 +
  -o-transition: all 0.3s;
 +
  -webkit-transition: all 0.3s;
 +
  transition: all 0.3s;
 +
  display: inline-block;
 +
}
 +
a span {
 +
  position: relative;
 +
  z-index: 3;
 +
}
 +
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;
 +
}
 +
 +
.txt {
 +
  font-size: 14px;
 +
  line-height: 1.45;
 +
}
  
  
Line 130: Line 219:
 
<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="" class="btn btn-1">
 +
      <span class="txt">May </span>
 +
 +
    </a>
 +
  </div>
 +
 +
  <div>
 +
    <a href="" class="btn btn-2">
 +
      <span class="txt">June</span>
 +
 +
    </a>
 +
  </div>
 +
 +
  <div>
 +
    <a href="" class="btn btn-3">
 +
      <span class="txt">July</span>
 +
 +
    </a>
 +
  </div>
 +
 +
  <div>
 +
    <a href="" class="btn btn-3">
 +
      <span class="txt">August</span>
 +
 +
    </a>
 +
  </div>
 +
 +
  <div>
 +
    <a href="" class="btn btn-3">
 +
      <span class="txt">September</span>
 +
 +
    </a>
 +
  </div>
 +
 +
  <div>
 +
    <a href="" class="btn btn-3">
 +
      <span class="txt">October</span>
 +
 +
    </a>
 +
  </div>
 +
 +
  <div>
 +
    <a href="" class="btn btn-3">
 +
      <span class="txt">Protocols</span>
 +
 +
    </a>
 +
  </div>
 +
 +
</div>
  
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 05:23, 18 October 2017

Hexatri

Lab Notebook