Difference between revisions of "Team:Hawaii"

Line 697: Line 697:
 
</nav>
 
</nav>
 
</header>
 
</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
 +
}
 +
 +
 +
  /* The styling below was initially within styles tags on the UCSC-Header template */ 
 +
  #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;
 +
  }
 +
  #top-section{
 +
  background:#48af5d; /* green */
 +
  margin-left:0 !important;
 +
  width:100%;
 +
  left:0;
 +
  }
 +
  .c-layout-go2top {
 +
  display: inline-block;
 +
  position: fixed;
 +
  bottom: 20px;
 +
  right: 10px;
 +
  cursor: pointer;
 +
  }
 +
  .c-layout-go2top > i {
 +
  opacity: 0.5;
 +
  filter: alpha(opacity=50);
 +
  color: #89939e;
 +
  font-size: 38px;
 +
  font-weight: 300;
 +
  }
 +
  .c-layout-go2top:hover {
 +
  opacity: 0.8;
 +
  filter: alpha(opacity=80);
 +
  }
 +
  /* LOADING SCREEN */
 +
  .loading{
 +
  position:fixed;
 +
  width:100%;
 +
  height:100%;
 +
  top:0;
 +
  left:0;
 +
  z-index:5;
 +
  background-color:#555;
 +
  color:#fff;
 +
  text-align: center;
 +
  }
 +
  .loading p{
 +
  position: relative;
 +
  width:100%;
 +
  height:10%;
 +
  top:45%;
 +
  left:0;
 +
  }
 +
  /* MENU STYLING */
 +
  .menu{
 +
  position:fixed;
 +
  width:100%;
 +
  height:56px;
 +
  top:14px;
 +
  background-color: #47a3da; /* blue */
 +
  z-index:4;
 +
  border-collapse: collapse;
 +
  text-align:center;
 +
  }
 +
  .menu tr td{
 +
  text-align: center;
 +
  vertical-align: middle;
 +
  font-weight: 700;
 +
  font-size:16px;
 +
  color:#fff;
 +
  width:7%;
 +
  }
 +
  .menu tr td.menu-item:hover>a:{
 +
  background-color:#258ecd;
 +
  cursor: pointer;
 +
  }
 +
  .subselected{
 +
  background-color: #258ecd;
 +
  }
 +
  /* CONTAINERS STYLING */
 +
  .container{
 +
  position:relative;
 +
  width:100%;
 +
  top:50px;
 +
  }
 +
  .container .subcontainer{
 +
  position:absolute;
 +
  width:95%;
 +
  height:90%;
 +
  top:5%;
 +
  left:2.5%;
 +
  }
 +
  #top{
 +
  background-size: cover;
 +
 
 +
  }
 +
  /* TEAM MEMBERS CARDS STYLING */
 +
  .team-member-container{
 +
  position:relative;
 +
  width:14%;
 +
  margin-left:2.28%;
 +
  float:left;
 +
  }
 +
  .team-member-container:hover{
 +
  cursor:pointer;
 +
  }
 +
  .row2{
 +
  top:4%;
 +
  }
 +
  .team-member-container .team-member-photo{
 +
  position:relative;
 +
  width:100%;
 +
  height:85%;
 +
  top:0;
 +
  left:0;
 +
  background-size: cover;
 +
  }
 +
  .team-member-container .team-member-footer{
 +
  position:relative;
 +
  width:100%;
 +
  height:15%;
 +
  top:0;
 +
  left:0;
 +
  border:none;
 +
  border-collapse: collapse;
 +
  background-color: #47a3da;
 +
  color:#fff;
 +
  text-align: center;
 +
  vertical-align: middle;
 +
  }
 +
 +
 +
  .center-block {
 +
  display: block;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  }
 +
  .navbar-fixed-top {
 +
  background: #fff;
 +
  filter: none !important;
 +
  box-shadow: 0 2px 15px rgba(0,0,0,0.25);
 +
  -moz-box-shadow: 0 2px 15px rgba(0,0,0,0.25);
 +
  -webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.25);
 +
  border-bottom: 1px solid rgba(0,0,0,0.2);
 +
  }
 +
  .dropdown-submenu {
 +
  position: relative;
 +
  }
 +
  .dropdown-submenu>.dropdown-menu {
 +
  top: 0;
 +
  left: 100%;
 +
  margin-top: -6px;
 +
  margin-left: -1px;
 +
  -webkit-border-radius: 0 6px 6px 6px;
 +
  -moz-border-radius: 0 6px 6px;
 +
  border-radius: 0 6px 6px 6px;
 +
  }
 +
  .dropdown-submenu:hover>.dropdown-menu {
 +
  display: block;
 +
  }
 +
  .dropdown-submenu>a::after {
 +
  display: block;
 +
  content: " ";
 +
  float: right;
 +
  width: 0;
 +
  height: 0;
 +
  border-color: transparent;
 +
  border-style: solid;
 +
  border-width: 5px 0 5px 5px;
 +
  border-left-color: #ccc;
 +
  margin-top: 5px;
 +
  margin-right: -10px;
 +
  }
 +
  .dropdown-submenu:hover>a::after {
 +
  border-left-color: #fff;
 +
  }
 +
  .dropdown-submenu.pull-left {
 +
  float: none;
 +
  }
 +
  .dropdown-submenu.pull-left>.dropdown-menu {
 +
  left: -100%;
 +
  margin-left: 10px;
 +
  -webkit-border-radius: 6px 0 6px 6px;
 +
  -moz-border-radius: 6px 0 6px 6px;
 +
  border-radius: 6px 0 6px 6px;
 +
  }
 +
  .faceBot {
 +
  background: #202020;
 +
  }
 +
 +
  body {
 +
  font-family: 'Objektiv-mk1', sans-serif;
 +
  font-weight: 300 !important;
 +
  top: 60px !important;
 +
  background: honeydew !important;
 +
  }
 +
  ul.nav a{
 +
  color: gray;
 +
  background-color: transparent;
 +
  height: 100%;
 +
  position: relative;
 +
  }
 +
  ul.nav a::hover{
 +
  color: gray
 +
  background-color: transparent;
 +
  height: 100%;
 +
  position: relative;
 +
  }
 +
  h2 {
 +
  color:green;
 +
  font-family: 'Objektiv-mk1', sans-serif;
 +
  font-weight: 300;
 +
  }
 +
  h4 {
 +
  font-family: 'Objektiv-mk1', sans-serif;
 +
  font-weight: 300;
 +
  }
 +
  .menu-item{
 +
  height: 75px;
 +
  }
 +
  li.menu-item{
 +
  background: transparent !important;
 +
  padding-top: 18px;
 +
  }
 +
  .logo {
 +
    margin-top: 0px;
 +
    margin-left: 0px;
 +
  }
 +
  a:hover .green-effect{
 +
  display: inherit;
 +
  }
 +
  .invertir:hover {
 +
  -webkit-filter: invert(100%);
 +
  }
 +
  dropdown-toggle {
 +
  width: 10%;
 +
 
 +
  }
 +
 +
/*    @media screen and (max-width:640px) {
 +
  .leftSideBar, .rightSideBar {display:none}
 +
  }
 +
*/
 +
 +
  </style>
 +
 +
<!--  <script type="text/javascript">
 +
   
 +
    $('li.menu-item').on('click', function() {
 +
    $('ul.dropdown-menu').toggle();
 +
});
 +
  </script> -->
 +
 +
<!-- END STYLE -->
 +
 +
 +
 +
<!-- START TEMPLATE -->
  
−
<!-- Start Template -->
 
 
<title>W3.CSS Template</title>
 
<title>W3.CSS Template</title>
 
<meta charset="UTF-8">
 
<meta charset="UTF-8">

Revision as of 02:51, 17 May 2018

Template:Team:Hawaii-Header


W3.CSS Template

WERE NOT OLD, JUST

RETRO

Hawaii 2018

Greetings from the land of actively errupting volcanoes! We are currently working with a family of centromere-specific retrotransposons in Zea mays.

The Lab

7
Undergraduate Students
2
Graduate Students
2
Advisors
0
BioBrick Parts

Lab Photos

Contact Us

Honolulu, HI

Phone: 867-5309

Email: iGEMSHawaii@gmail.com


Let us know about your project: