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:#fff;
 +
      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