|
|
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>
| |
| | | |
| | | |