Difference between revisions of "Template:Team:William and Mary/HEADER3"

Line 67: Line 67:
 
   </script>
 
   </script>
  
  <style>
 
  
 
#sideMenu, #top_title {display:none;}
 
#content { padding:0px; width:90%; margin-top:-7px; margin-left:5%;, margin-right: 5%}
 
body {background-color:white; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
 
 
    body,
 
    html{
 
      margin: 0;
 
      padding:0;
 
      font-family: font-family: 'Yanone Kaffeesatz', sans-serif;
 
    }
 
 
    /* REMOVE UNWANTED ELEMENTS AND STYLE OTHERS */
 
    .firstHeading{
 
      display:none;
 
    }
 
    #top-section{
 
      background:#48af5d;
 
      margin-left:0 !important;
 
      width:100%;
 
      left:0;
 
    }
 
 
 
    /* 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: #fff;
 
 
      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{
 
      background-color:#fff;
 
      cursor: pointer;
 
    }
 
    .subselected{
 
      background-color: #fff;
 
    }
 
 
    /* 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;
 
   
 
      overflow:hidden;
 
    }
 
 
    /* 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: #fff;
 
      color:#fff;
 
 
      text-align: center;
 
      vertical-align: middle;
 
    }
 
 
body {
 
    padding-top: px;
 
}
 
 
.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;
 
}
 
 
@font-face {
 
  font-family: 'Open Sans', Arial;;
 
}
 
 
body
 
{
 
    font-family: 'Open Sans', Arial;
 
}
 
 
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:gray;
 
}
 
 
h4 {
 
    font-weight: bold;
 
}
 
 
.menu-item{
 
  height: 75px;
 
}
 
 
li.menu-item{
 
  background: transparent !important;
 
}
 
 
 
 
.green-effect{
 
  display: none;
 
  background-color: #000;
 
  opacity: 1;
 
  color: #FFF;
 
  transition-property: all;
 
  transition-duration: 0.3s;
 
  transition-timing-function: ease-out;
 
  transition-delay: 0s;
 
  border-color: #fff;
 
  position: absolute;
 
  bottom: 0px;
 
  width: 100%;
 
  height: 2px;
 
  right: 0px;
 
}
 
 
.logo {
 
margin-top: 100px;
 
 
}
 
 
a:hover .green-effect{
 
  display: inherit;
 
}
 
 
.invertir:hover {
 
  -webkit-filter: invert(100%);
 
}
 
 
dropdown-toggle {
 
width: 10%;
 
 
 
 
 
}
 
 
 
</style>
 
  
  

Revision as of 22:58, 15 August 2017