Difference between revisions of "Team:Rice/Notebook"

(Undo revision 194462 by Ag103 (talk))
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 219: Line 130:
 
<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:34, 18 October 2017

Lab Notebook