Difference between revisions of "Team:Hawaii"

(Replaced content with " <html> </html>")
Line 1: Line 1:
  
  
<!-- HEADER -->
 
  
 
<html>
 
<html>
 
  <!-- External scripts -->
 
 
  <!-- Fonts Used On Page -->
 
  <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
 
  <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700' rel='stylesheet' type='text/css'>
 
 
 
  <!-- For mobile friendly version of website. -->
 
  <head>
 
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0">
 
  </head>
 
 
  <!-- Functionallity and behaviour JS -->
 
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 
  <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
 
 
  <!-- Necessary for nav bar header-->
 
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
 
  <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous"> -->
 
 
  <!-- TypeKit Fonts (BW) --> 
 
  <script src="https://use.typekit.net/hii0ztv.js"></script>
 
  <script>try{Typekit.load({ async: true });}catch(e){}</script>
 
 
<style type="text/css">
 
  * {
 
      margin:0;
 
      padding:0;
 
      text-decoration:none;
 
  }
 
 
  body {
 
      background: white;
 
  }
 
 
  header {
 
      z-index: 9999;
 
      position:relative;
 
      width:100%;
 
      background:#333;
 
  }
 
 
  .logo-header-custom {
 
      position:relative;
 
      z-index:123;
 
      padding-left: 12px;
 
      padding-right: 10px;
 
      padding-top: 2px;
 
      padding-bottom: 2px;
 
      font:18px verdana;
 
      color:#6DDB07;
 
      float:left;
 
      width:15%
 
  }
 
 
  .logo-header-custom a {
 
      color:#6DDB07;
 
  }
 
 
  nav {
 
      position:relative;
 
      width:100%;
 
      margin:0 auto;
 
  }
 
 
  #cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile {
 
      border:0;
 
      list-style:none;
 
      margin-bottom: -1px;
 
      display:block;
 
      position:relative;
 
      -webkit-box-sizing:border-box;
 
      -moz-box-sizing:border-box;
 
      box-sizing:border-box
 
  }
 
 
  #cssmenu:after,#cssmenu > ul:after {
 
      content:".";
 
      display:block;
 
      clear:both;
 
      visibility:hidden;
 
      line-height:0;
 
      height:0
 
  }
 
 
  #cssmenu #head-mobile {
 
      display:none
 
  }
 
 
  #cssmenu {
 
      font-family:"Objektiv-mk1";
 
      background: #fff;
 
      top: 16px;
 
  }
 
 
  #cssmenu > ul > li {
 
      float:right;
 
  }
 
 
  #cssmenu > ul > li > a {
 
      padding:17px;
 
      font-size:14px;
 
      letter-spacing:1px;
 
      text-decoration:none;
 
      color:#333;
 
      font-weight:300;
 
  }
 
 
  #cssmenu > ul > li:hover > a,#cssmenu ul li.active a {
 
      color:#fff !important;
 
  }
 
 
  #cssmenu ul li:hover {
 
      color: white !important;
 
  }
 
 
  #cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover {
 
      background-color:#50A500!important;
 
      -webkit-transition:background .3s ease;
 
      -ms-transition:background .3s ease;
 
      transition:background .3s ease;
 
  }
 
 
  #cssmenu > ul > li.has-sub > a {
 
      padding-right:30px
 
  }
 
 
  #cssmenu > ul > li.has-sub > a:after {
 
      position:absolute;
 
      top:28px;
 
      right:11px;
 
      width:8px;
 
      height:2px;
 
      display:block;
 
      background:#363636;
 
      content:''
 
  }
 
 
  #cssmenu > ul > li.has-sub > a:before {
 
      position:absolute;
 
      top:25px;
 
      right:14px;
 
      display:block;
 
      width:2px;
 
      height:8px;
 
      background:#363636;
 
      content:'';
 
      -webkit-transition:all .25s ease;
 
      -ms-transition:all .25s ease;
 
      transition:all .25s ease
 
  }
 
 
  #cssmenu > ul > li.has-sub:hover > a:before {
 
      top:29px;
 
      height:0
 
  }
 
 
  #cssmenu ul ul {
 
      position:fixed;
 
      left:-9999px;
 
      top: 75px;
 
  }
 
 
  #cssmenu ul ul li {
 
      height:0;
 
      line-height: 1;
 
      -webkit-transition:all .25s ease;
 
      -ms-transition:all .25s ease;
 
      background: #fff;
 
      transition: all .25s ease;
 
      border-bottom: 1px solid #999;
 
      border-left: 1px solid #999;
 
      border-right: 1px solid #999;
 
  }
 
 
  #cssmenu ul ul li:hover {
 
      background-color: #DCDCDC;
 
  }
 
 
  #cssmenu ul ul li.has-sub:hover {
 
      background-color: #DCDCDC !important;
 
  }
 
 
  #cssmenu li:hover > ul {
 
      left:auto
 
  }
 
 
  #cssmenu li:hover > ul > li {
 
      height:35px
 
  }
 
 
  #cssmenu ul ul li a {
 
      border-bottom:1px solid rgba(150,150,150,0.15);
 
      padding:11px 15px;
 
      width:200px;
 
      font-size:11px;
 
      text-decoration:none;
 
      color:#333;
 
      font-weight:300;
 
  }
 
 
  #cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a {
 
      border-bottom:0
 
  }
 
 
  #cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {
 
      color:#fff
 
  }
 
 
  #cssmenu ul ul li.has-sub > a:after {
 
      position:absolute;
 
      top:16px;
 
      right:11px;
 
      display:block;
 
      width:8px;
 
      height:2px;
 
      background:#363636;
 
      content:''
 
  }
 
 
  #cssmenu ul ul li.has-sub > a:before {
 
      position:absolute;
 
      top:13px;
 
      right:14px;
 
      display:block;
 
      width:2px;
 
      height:8px;
 
      background:#363636;
 
      content:'';
 
      -webkit-transition:all .25s ease;
 
      -ms-transition:all .25s ease;
 
      transition:all .25s ease
 
  }
 
 
  #cssmenu ul ul > li.has-sub:hover > a:before {
 
      top:17px;
 
      height:0
 
  }
 
 
  #cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover {
 
      background:#363636;
 
  }
 
 
  #cssmenu ul ul ul li.active a {
 
      border-left:1px solid #333
 
  }
 
 
  #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a {
 
      border-top:1px solid #333
 
  }
 
 
@media screen and (min-width: 1020px) {
 
 
  /*#bodyContent h4 {
 
      margin-bottom: 0px;
 
      position: fixed;
 
      top: 12px;
 
      right: 5px;
 
      font-size: 80%;
 
  }*/
 
 
  #cssmenu ul ul li {
 
      left: -28px;
 
  }
 
 
  #cssmenu ul ul li a:hover {
 
      color: white !important;
 
      background-color: #1B4900 !important;
 
  }
 
 
  #cssmenu ul ul ul li {
 
      position: relative;
 
      left: 171px !important;
 
      top: 34px;
 
  }
 
 
 
  #cssmenu ul ul ul a:before{
 
      display: none;
 
      position: absolute;
 
      left: -9999px;
 
      top: 20px;
 
  }
 
 
  #cssmenu ul ul ul a:after {
 
      display: block;
 
      position: absolute;
 
      left: -9999px;
 
      top: 20px;
 
  }
 
 
  /*h4 {
 
      display: none;
 
  }*/
 
 
  .tiny-little-menu-word-above-button {
 
      display: none;
 
  }
 
}
 
 
@media screen and (min-width: 200px) and (max-width:1020px){
 
 
  .logo-header-custom2 {
 
      display:none
 
  }
 
 
  header {
 
      display: block;
 
      z-index: 999999;
 
  }
 
 
 
  nav {
 
      width:100%;
 
      z-index: 999999;
 
  }
 
 
  .tiny-little-menu-word-above-button {
 
      display: block;
 
      font-family: 'objektiv-mk1';
 
      font-size: 80%;
 
      font-weight: 400;
 
      margin-bottom: 0px;
 
      position: fixed;
 
      top: 21px;
 
      right: 7px;
 
  }
 
 
  /*h4 {
 
      display: block;
 
  }*/
 
 
  #cssmenu {
 
      display: block;
 
      width:100%;
 
      z-index: 999999;
 
  }
 
 
  #cssmenu ul {
 
      z-index: 9999;
 
      width:100%;
 
      display:none;
 
      margin-left: 0px;
 
      margin-top: 20px;
 
  }
 
 
  #cssmenu ul li {
 
      width:100%;
 
      border-top:1px solid #444;
 
      border-bottom: 1px solid #444;
 
  }
 
 
  #cssmenu ul li,#cssmenu ul li a {
 
      line-height: 0.6;
 
  }
 
 
  #cssmenu ul li:hover {
 
      color: #fff !important;
 
      background:#1B4900;
 
  }
 
 
  #cssmenu ul ul li,#cssmenu li:hover > ul > li {
 
      height:auto
 
  }
 
 
  #cssmenu ul li a,#cssmenu ul ul li a {
 
      width:100%;
 
      border-bottom:0
 
  }
 
 
  #cssmenu > ul > li {
 
      float:none;
 
  }
 
 
  #cssmenu ul ul li a {
 
      padding-left:25px
 
  }
 
 
  #cssmenu ul ul li {
 
      background:#DCDCDC!important;
 
  }
 
 
  #cssmenu li a:hover {
 
      color: #fff !important;
 
  }
 
 
  #cssmenu ul ul li:hover {
 
      color: #fff !important;
 
      background:#1B4900!important;
 
  }
 
 
  #cssmenu ul ul ul li a {
 
      padding-left:50px
 
  }
 
 
  #cssmenu ul ul li a {
 
      color:#ddd;
 
      background:none
 
  }
 
 
  #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a {
 
      color:#ddd
 
  }
 
 
  #cssmenu ul ul,#cssmenu ul ul ul {
 
      position:initial;
 
      left:0;
 
      width:100%;
 
      margin:0;
 
      text-align:left
 
  }
 
 
  #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before {
 
      display:none
 
  }
 
 
  #cssmenu #head-mobile {
 
      display:block;
 
      padding:23px;
 
      color:#ddd;
 
      font-size:12px;
 
      font-weight:700
 
  }
 
 
  .button-custom {
 
      width:55px;
 
      height:46px;
 
      position:absolute;
 
      right:0;
 
      top:16px;
 
      cursor:pointer;
 
      z-index: 12399994;
 
  }
 
 
  .button-custom:after {
 
      position:absolute;
 
      top:22px;
 
      right:20px;
 
      display:block;
 
      height:8px;
 
      width:20px;
 
      border-top:2px solid #363636;
 
      border-bottom:2px solid #363636;
 
      content:''
 
  }
 
 
  .button-custom:before {
 
      -webkit-transition:all .3s ease;
 
      -ms-transition:all .3s ease;
 
      transition:all .3s ease;
 
      position:absolute;
 
      top:16px;
 
      right:20px;
 
      display:block;
 
      height:2px;
 
      width:20px;
 
      background:#363636;
 
      content:''
 
  }
 
 
  .button-custom.menu-opened:after {
 
      -webkit-transition:all .3s ease;
 
      -ms-transition:all .3s ease;
 
      transition:all .3s ease;
 
      top:23px;
 
      border:0;height:2px;
 
      width:19px;
 
      background:#363636;
 
      -webkit-transform:rotate(45deg);
 
      -moz-transform:rotate(45deg);
 
      -ms-transform:rotate(45deg);
 
      -o-transform:rotate(45deg);
 
      transform:rotate(45deg)
 
  }
 
 
  .button-custom.menu-opened:before {
 
      top:23px;
 
      background:#363636;
 
      width:19px;
 
      -webkit-transform:rotate(-45deg);
 
      -moz-transform:rotate(-45deg);
 
      -ms-transform:rotate(-45deg);
 
      -o-transform:rotate(-45deg);
 
      transform:rotate(-45deg)
 
  }
 
 
  #cssmenu .submenu-button-custom {
 
      position:absolute;
 
      z-index:99;
 
      right:0;
 
      top:0;
 
      display:block;
 
      border-left:1px solid #444;
 
      height:42px;
 
      width:46px;
 
      cursor:pointer
 
  }
 
 
  #cssmenu .submenu-button-custom.submenu-opened {
 
 
  }
 
 
  #cssmenu ul ul .submenu-button-custom {
 
      height:28px;
 
      width:34px
 
  }
 
 
  #cssmenu .submenu-button-custom:after {
 
      position:absolute;
 
      top:22px;
 
      right:19px;
 
      width:8px;
 
      height:2px;
 
      display:block;
 
      background:#363636;
 
      content:''
 
  }
 
 
  #cssmenu ul ul .submenu-button-custom:after {
 
      top:15px;
 
      right:13px
 
  }
 
 
  #cssmenu .submenu-button-custom.submenu-opened:after {
 
      background:#fff
 
  }
 
 
  #cssmenu .submenu-button-custom:before {
 
      position:absolute;
 
      top:19px;
 
      right:22px;
 
      display:block;
 
      width:2px;
 
      height:8px;
 
      background:#363636;
 
      content:''
 
  }
 
 
  #cssmenu ul ul .submenu-button-custom:before {
 
      top:12px;
 
      right:16px
 
  }
 
 
  #cssmenu .submenu-button-custom.submenu-opened:before {
 
      display:none
 
  }
 
 
  #cssmenu ul ul ul li.active a {
 
      border-left:none
 
  }
 
 
  #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a {
 
      border-top:none
 
  }
 
 
}
 
</style>
 
 
<script type="text/javascript">
 
 
</script>
 
 
 
<header>
 
<nav id="top-nav">
 
      <ul>
 
        <li>
 
          <a href="index.html">Home</a>
 
        </li>
 
        <li class="dropdown">
 
          <a href="team.html">Team</a>
 
          <i class="fas fa-angle-down"></i>
 
          <div class="dropdown-content">
 
            <div><a href="experiments.html">Team Members</a></div>
 
            <div><a href="notebook.html">Collaborations</a></div>
 
          </div>
 
        </li>
 
 
        <li class="dropdown">
 
          <a href="project.html">Project</a>
 
          <i class="fas fa-angle-down"></i>
 
          <div class="dropdown-content">
 
            <div><a href="description.html">Description</a></div>
 
            <div><a href="design.html">Design</a></div>
 
            <div><a href="parts.html">Experiments</a></div>
 
            <div><a href="html/notebook.html">Notebook</a></div>
 
            <div><a href="interlab.html">Interlab</a></div>
 
            <div><a href="model.html">Model</a></div>
 
            <div><a href="results.html">Results</a></div>
 
            <div><a href="demonstrate.html">Demonstrate</a></div>
 
            <div><a href="improve.html">Improve</a></div>
 
            <div><a href="attributions.html">Attributions</a></div>
 
          </div>
 
        </li>
 
 
        <li class="dropdown">
 
          <a href="parts.html">Parts</a>
 
          <i class="fas fa-angle-down"></i>
 
          <div class="dropdown-content">
 
            <div><a href="parts_overview.html">Parts Overview</a></div>
 
            <div><a href="basic_parts.html">Basic Parts</a></div>
 
            <div><a href="composite_parts.html">Composite Parts</a></div>
 
            <div><a href="part_collection.html">Part Collection</a></div>
 
          </div>
 
        </li>
 
 
        <li>
 
          <a href="safety.html">Safety</a>
 
        </li>
 
 
        <li class="dropdown">
 
          <a href="html/human.html">Human Practices</a>
 
          <i class="fas fa-angle-down"></i>
 
          <div class="dropdown-content">
 
            <div><a href="human.html">Human Practices</a></div>
 
            <div><a href="education.html">Education and Engagement</a></div>
 
          </div>
 
        </li>
 
 
        <li class="dropdown">
 
          <a href="html/awards.html">Awards</a>
 
          <i class="fas fa-angle-down"></i>
 
          <div class="dropdown-content">
 
            <div><a href="applied_design.html">Applied Design</a></div>
 
            <div><a href="entrepreneurship.html">Entrepreneurship</a></div>
 
            <div><a href="hardware.html">Hardware</a></div>
 
            <div><a href="model.html">Model</a></div>
 
            <div><a href="plant.html">Plant</a></div>
 
            <div><a href="software.html">Software</a></div>
 
          </div>
 
        </li>
 
      </ul>
 
    </nav>
 
 
</header>
 
<!-- END HEADER -->
 
 
 
 
<!-- START STYLE -->
 
 
<style>
 
 
/* This styling below is for th3 Homepage */
 
 
 
 
html, body {
 
    max-width: 100%;
 
    overflow-x: hidden;
 
}
 
 
 
 
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
 
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
 
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
 
/*styles consistent across pages below:*/
 
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
 
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
 
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
 
 
 
/*.pageflow {
 
  margin-right: 0px;
 
  margin-left: 0px;
 
  margin-top:30px;
 
  background: honeydew;
 
}*/
 
 
/*h1 {
 
  font-family: 'objektiv-mk1'!important;
 
  font-size: 300%;
 
  font-weight: 300 !important;
 
    width: 80%;
 
}
 
 
h2 {
 
  font-family: 'objektiv-mk1' !important;
 
  font-size: 200%;
 
  font-weight: 300;
 
}
 
 
#page {
 
  background: honeydew;
 
}
 
 
.proj-button {
 
    position: relative;
 
    width: 10%;
 
}
 
 
.proj-button-image {
 
  opacity: 1;
 
  display: inline-block;
 
  width: 14%;
 
  height: auto;
 
  transition: .5s ease;
 
  backface-visibility: hidden;
 
}
 
 
.proj-button-desc {
 
  transition: .5s ease;
 
  opacity: 0;
 
  position: absolute;
 
  top: 100%;
 
  left: 50%;
 
  background: transparent;
 
  transform: translate(-50%, -50%);
 
  -ms-transform: translate(-50%, -50%)
 
}
 
 
.proj-button:hover .proj-button-image {
 
  opacity: 0.3;
 
}
 
 
.proj-button:hover .proj-button-desc {
 
  opacity: 0.6;
 
}
 
 
.overlap-button-text {
 
  background-color: transparent;
 
  color: black;
 
  font-size: 20px;
 
  font-family: "Objektiv-mk1" !important;
 
  font-weight: 600 !important;
 
  padding: 16px 32px;
 
}
 
 
.pagagraph {
 
  font-family: 'objektiv-mk1' !important;
 
 
}
 
 
p {
 
  font-family: 'objektiv-mk1' !important;
 
  font-size: large !important;
 
}
 
 
.firstword {
 
  font-family: 'objektiv-mk1' !important;
 
  font-size: 100px;
 
}
 
 
.titleimg {
 
  vertical-align: middle;
 
  width: 100%;
 
}
 
 
.titlebox {
 
  margin-left: 200px !important;
 
}*/
 
 
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
 
 
/*@media (min-width: 1144px) {
 
  .container {
 
    width: 70% !important;
 
  }
 
  .text-container {
 
    width: 60%;
 
    padding-left: 15px;
 
    padding-right: 15px;
 
  }
 
  .titlebox {
 
    width: 80%;
 
  }
 
  figcaption {
 
    font-size: 16px;
 
  }
 
}*/
 
 
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
 
 
/*@media (max-width: 1144px) {
 
 
  .titlebox {
 
    margin-left: auto !important;
 
  }
 
 
  .text-container {
 
    width: 80%;
 
    padding-left: 15px;
 
    padding-right: 15px;
 
  }
 
 
  p {
 
    font-family: 'objektiv-mk1' !important;
 
    margin-left: 20px !important;
 
    margin-right: 20px !important;
 
    font-size: medium !important;
 
  }
 
}*/
 
 
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
 
 
/*@media (max-width: 768px) {
 
 
  .overlap-button-text {
 
    background-color: rgba(94, 94, 94, 0.5);
 
    border-radius: 60px;
 
    color: white;
 
  }
 
 
  .proj-button-image {
 
      opacity: 1;
 
      display: inline-block;
 
      width: 30%;
 
      height: auto;
 
      transition: .5s ease;
 
      backface-visibility: hidden;
 
  }
 
 
  .proj-button-desc {
 
      transition: .5s ease;
 
      opacity: 1;
 
      position: absolute;
 
      top: 100%;
 
      left: 50%;
 
      transform: translate(-50%, -50%);
 
      -ms-transform: translate(-50%, -50%)
 
  }
 
 
  h1 {
 
      font-family: 'objektiv-mk1';
 
  }
 
 
  h2 {
 
      font-family: 'objektiv-mk1';
 
      font-size: 20px;
 
  }
 
 
  .text-container {
 
    width: 80%;
 
  }*/
 
 
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
 
 
/*@media (max-width: 576px) {
 
  .proj-button-image {
 
      opacity: 1;
 
      display: inline-block;
 
      width: 60%;
 
      height: auto;
 
      transition: .5s ease;
 
      backface-visibility: hidden;
 
  }
 
 
  .proj-button-desc {
 
      transition: .5s ease;
 
      opacity: 1;
 
      position: absolute;
 
      top: 100%;
 
      left: 50%;
 
      transform: translate(-50%, -50%);
 
      -ms-transform: translate(-50%, -50%)
 
  }
 
 
  .firstword {
 
    font-family: 'objektiv-mk1' !important;
 
    font-size: 70px;
 
  }
 
 
  .titleimg {
 
    vertical-align: middle;
 
    width: 90%;
 
  }
 
 
  .text-container {
 
    width: 100%;
 
    margin-left: -15px;
 
    margin-right: -15px;
 
  }
 
 
  p {
 
    font-family: 'objektiv-mk1' !important;
 
    margin-left: 10px !important;
 
    margin-right: 10px !important;
 
    font-size: small !important;
 
  }
 
}*/
 
 
 
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
 
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
 
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
 
/*styles consistent across pages above:*/
 
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
 
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
 
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
 
 
 
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
 
 
 
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
 
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
 
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
 
/*styles consistent across header, and meet the team below:*/
 
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
 
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
 
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
 
 
 
 
 
#globalWrapper {
 
  padding:0;
 
  /*margin-bottom: -40px;*/
 
}
 
 
.pad-top {
 
    padding-top: 60px
 
}
 
.text-center {
 
    text-align: center
 
}
 
i.fa {
 
    padding: 5px
 
}
 
section {
 
    padding-top: 50px;
 
    width: 100%
 
}
 
 
.hl_1 {
 
color: green;
 
}
 
 
.hl_2 {
 
color: red;
 
}
 
 
.page{
 
          background: honeydew;
 
}
 
 
/*p {
 
    margin: 0px !important;
 
    font-weight: 300 !important;
 
    line-height: 30px;
 
    font-size: 120%;
 
    font-family: "Objektiv-mk1" !important;
 
}*/
 
.persondesc {
 
    font-weight: 300;
 
    line-height: 30px;
 
    font-size: 105%
 
}
 
.pad-row {
 
    padding-top: 40px;
 
    padding-bottom: 40px
 
}
 
.pad-bottom {
 
    padding-bottom: 50px
 
}
 
 
.navbar {
 
    margin-top: 16px
 
}
 
.navbar-inverse .navbar-nav>li>a {
 
    color: #FFF
 
}
 
.navbar-inverse .navbar-brand {
 
    color: #FFF
 
}
 
 
 
.nav li {
 
  transition: visibility 1.26s linear 0s, background 0.9s linear 0.36s;
 
}
 
 
.nh {
 
    background: #333;
 
    transition: all .2s ease
 
}
 
 
.nav ul li {
 
    text-align: center;
 
    list-style-type: none
 
}
 
 
.navsub, .nhs {
 
    color: white;
 
    background: #222;
 
    left: 0;
 
    text-align: center;
 
width: 100%;
 
position: fixed;
 
top: 68px;
 
}
 
.firstHeading {
 
    display: none;
 
}
 
 
#content {
 
width: 100%;
 
height: 100%;
 
border:none;
 
margin: 0px;
 
}
 
 
.navsub ul li, .nhs ul li {
 
    padding-left: 20px;
 
    padding-right: 20px;
 
    line-height: 50px;
 
    float: left;
 
    list-style-image: none
 
}
 
.navsub ul li a, .nhs ul li a {
 
    display: block;
 
    width: 100%;
 
    color: white;
 
    text-decoration: none
 
}
 
 
.nav > li > .navsub {
 
  visibility: hidden;
 
  opacity:0;
 
  transition: visibility 1.26s linear 0s, opacity 0.9s linear 0.36s, z-index 1.26s;
 
  z-index:10;
 
}
 
 
.nav > li:hover > .navsub, .nhs {
 
  visibility:visible;
 
  opacity:1;
 
  transition:visibility 0s linear 0s,opacity 0s linear;
 
  transition-delay:0s;
 
  z-index: 100;
 
}
 
 
.nhs {
 
z-index:1
 
}
 
 
.nhs:hover {
 
z-index:100
 
}
 
 
.navbar {
 
    -webkit-transition: background .8s ease-out, padding .8s ease-out;
 
    -moz-transition: background .8s ease-out, padding .8s ease-out;
 
    transition: background .8s ease-out, padding .8s ease-out
 
}
 
.navbar-pad-original {
 
    padding: 0
 
}
 
 
small {
 
    font-size: 15px;
 
    padding-left: 10px
 
}
 
#footer-sec {
 
    background-color: #000;
 
    margin-left: -1px;
 
    margin-bottom: -10px;
 
    color: gray
 
}
 
#footer-sec h4 {
 
    text-transform: uppercase;
 
    color: #fff
 
}
 
section {
 
    padding: 0;
 
    margin: 0;
 
    border: 0
 
}
 
.cam-container {
 
    height: auto;
 
    margin: 0;
 
    padding: 0px;
 
    background-color: #fff;
 
    font-size: 13.6px;
 
    min-width: 300px;
 
    -webkit-overflow-scrolling: touch;
 
}
 
 
#content {
 
  padding:0;
 
  /*margin-bottom: -50px;*/
 
}
 
 
/*@media only screen and (max-width: 1200px) {
 
    .cam-container {
 
        background-color: #000
 
    }
 
}*/
 
 
.cam-container section:first-of-type {
 
    margin-top: 50px;
 
    padding-top: 50px
 
}
 
 
.slide,
 
.slide-team,
 
.slide-bare {
 
    background-repeat: no-repeat;
 
    background-position: center;
 
    background-size: 100% auto;
 
    color: white;
 
    max-width: 1200px;
 
    margin: 0px auto 0px auto;
 
    padding: 20px 0px;
 
}
 
 
.ss {
 
padding: 20px 10px;
 
}
 
 
.slide,
 
.slide-team {
 
    min-height: 600px
 
}
 
.slide-team {
 
 
    display: block
 
}
 
.team {
 
    max-width: 1170px;
 
    min-width: 300px;
 
    text-align: center;
 
}
 
.teamen {
 
    text-align: center;
 
}
 
.face {
 
    white-space: normal;
 
    width: 220px;
 
    height: 280px;
 
    background-repeat: no-repeat;
 
    background-position: center;
 
    background-size: auto 100%;
 
    position: relative;
 
    display: inline-block;
 
    margin-top: 12px;
 
    margin-bottom: 12px;
 
}
 
.face .profile,
 
.face .blur {
 
    width: 100%;
 
    height: 100%;
 
    position: absolute;
 
    overflow: hidden;
 
    top: 0;
 
    left: 0
 
}
 
.face .profile {
 
    opacity: 0;
 
    padding: 0px;
 
    color: #fff
 
}
 
.face .profile h3 {
 
    text-align: center;
 
    margin: 0px 0
 
}
 
.face .profile p {
 
    line-height: normal
 
}
 
.face:hover .profile, .profilehovered {
 
    opacity: 1;
 
    background-color: rgba(0, 0, 0, 0.65);
 
    cursor: pointer;
 
}
 
.face:hover .blur, .facehovered {
 
    background: inherit;
 
    filter: blur(10px);
 
    -webkit-filter: blur(10px)
 
}
 
 
.person-name {
 
  font-family: 'Objektiv-mk1';
 
  font-weight: 300;
 
  opacity: 0;
 
  position: absolute;
 
  background-color: rgba(0, 0, 0, 0.65);
 
}
 
 
@media (max-width: 768px) {
 
  .person-name {
 
    opacity: 1;
 
    position: absolute;
 
    top: -42px;
 
    width: inherit;
 
    height: auto;
 
    background-color: rgba(0, 0, 0, 0);
 
  }
 
  .face:hover .profile, .profilehovered {
 
    opacity: 0;
 
    background-color: rgba(0, 0, 0, 0.65);
 
    cursor: pointer;
 
  }
 
 
@media (max-width: 420px) {
 
  .person-name {
 
    opacity: 1;
 
    position: absolute;
 
    top: -42px;
 
    width: inherit;
 
    height: auto;
 
    background-color: rgba(0, 0, 0, 0);
 
  }
 
}
 
 
}
 
 
.facen {
 
width: 250px;
 
height: 260px;
 
margin-top:20px;
 
}
 
 
.cam-container h1,
 
.cam-container h2,
 
.cam-container h3,
 
.cam-container h4,
 
.cam-container h5,
 
.cam-container h6 {
 
    padding: 0;
 
    border: 0;
 
    margin-bottom: 0em !important;
 
    padding-bottom: 0.6em;
 
}
 
.cam-container h1,
 
.cam-container h2 {
 
    margin-top: 0.6em !important
 
}
 
.cam-container h3,
 
.cam-container h4,
 
.cam-container h5,
 
.cam-container h6 {
 
    margin-top: 0.3em !important
 
}
 
.cam-container a,
 
.nav a {
 
    color: #fff
 
}
 
.cam-container a:link,
 
.nav a:link {
 
    color: #fff
 
}
 
.cam-container a:visited,
 
.nav a:visited {
 
    color: #fff
 
}
 
.cam-container a:hover {
 
    color: #89aabe
 
}
 
.nav a:hover {
 
    color: #fff
 
}
 
.cam-container a:active,
 
.nav a:active {
 
    color: #fff
 
}
 
#bodyContent a[href^="https://"], .link-https {
 
    background: none !important;
 
    padding: 0 !important;
 
}
 
section#footer-sec a,
 
a.blue {
 
    color: #98aabe
 
}
 
section#footer-sec a:link,
 
a.blue:link {
 
    color: #98aabe
 
}
 
section#footer-sec a:visited,
 
a.blue:visited {
 
    color: #98aabe
 
}
 
section#footer-sec a:hover,
 
a.blue:hover {
 
    color: #428bca
 
}
 
section#footer-sec a:active,
 
a.blue:active {
 
    color: #98aabe
 
}
 
.gitgraph-tooltip {
 
    position: absolute;
 
    margin-top: -15px;
 
    margin-left: 25px;
 
    padding: 10px;
 
    border-radius: 5px;
 
    background: #EEE;
 
    color: #333;
 
    text-align: center;
 
    font-size: 14px;
 
    line-height: 20px
 
}
 
.gitgraph-tooltip:after {
 
    position: absolute;
 
    top: 10px;
 
    left: -18px;
 
    width: 0;
 
    height: 0;
 
    border-width: 10px;
 
    border-style: solid;
 
    border-color: transparent;
 
    border-right-color: #EEE;
 
    content: ""
 
}
 
.gitgraph-detail {
 
    position: absolute;
 
    padding: 10px;
 
    text-align: justify;
 
    width: 800px;
 
    display: none
 
}
 
 
#footer-sec {
 
padding-top: 30px;
 
}
 
 
ul {
 
    list-style: square url('data:image/gif;base64,R0lGODlhBQAKAIABAAAAAP///yH5BAEAAAEALAAAAAAFAAoAAAIIjI+ZwKwPUQEAOw==')
 
}
 
 
table.rl tr td:first-child {
 
    padding-right: 0.5em;
 
    text-align: right
 
}
 
 
 
  #sideMenu, #top_title {display:none;}
 
  #content {}
 
  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
 
 
  body,
 
  html{
 
  margin: 0;
 
  padding:0;
 
  font-family: 'Objektiv-mk1', sans-serif;
 
  font-weight: 300;
 
 
  overflow-x: hidden;
 
  position: relative;
 
  }
 
  nav li a {
 
  display: block;
 
  color: #1A680A !important; text-decoration: none;
 
 
 
  }
 
  nav ul li:hover > ul {
 
  display: block;
 
  }
 
  /* REMOVE UNWANTED ELEMENTS AND STYLE OTHERS */
 
  .firstHeading{
 
  display:none;
 
  }
 
 
 
/*    @media screen and (max-width:640px) {
 
 
*/
 
 
  </style>
 
 
 
<!-- END STYLE -->
 
 
 
 
<!-- START TEMPLATE -->
 
 
 
 
 
 
 
 
 
 
  
  
 
</html>
 
</html>

Revision as of 04:09, 21 June 2018