Difference between revisions of "Team:Hawaii"

Line 1,413: Line 1,413:
 
   display:none;
 
   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;
+
  }
+
  
 +
/*    @media screen and (max-width:640px) {
  
  .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>
 
   </style>
  
<!--  <script type="text/javascript">
 
   
 
    $('li.menu-item').on('click', function() {
 
    $('ul.dropdown-menu').toggle();
 
});
 
  </script> -->
 
  
 
  <!-- END STYLE -->
 
  <!-- END STYLE -->

Revision as of 04:06, 21 June 2018