|
|
| Line 700: |
Line 700: |
| | | | |
| | | | |
| − | <!-- STYLE -->
| |
| | | | |
| − |
| |
| − | <style>
| |
| − |
| |
| − | /* This styling below is for the UCSC iGEM 2017 Homepage */
| |
| − |
| |
| − | /* This styling below was initially from the Team:UCSC/Assets/Test_Style_css stylesheet */
| |
| − |
| |
| − | 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> -->
| |
| − |
| |
| − |
| |
| | | | |
| | | | |
