|
|
Line 8: |
Line 8: |
| <title>iGEM 2016 - Tec de Monterrey</title> | | <title>iGEM 2016 - Tec de Monterrey</title> |
| <link href="https://2016.igem.org/Template:Tec-Monterrey/css/bootstrap?action=raw&ctype=text/css" rel="stylesheet"> | | <link href="https://2016.igem.org/Template:Tec-Monterrey/css/bootstrap?action=raw&ctype=text/css" rel="stylesheet"> |
| + | <link href="https://2016.igem.org/Template:Tec-Monterrey/css/style?action=raw&ctype=text/css" rel="stylesheet"> |
| </head> | | </head> |
| | | |
Line 183: |
Line 184: |
| var s = skrollr.init(); | | var s = skrollr.init(); |
| </script> | | </script> |
− | <style>
| |
− | #sideMenu, #top_title{
| |
− | display:none;
| |
− | }
| |
− | #globalWrapper, #content{
| |
− | all: initial;
| |
− | * {
| |
− | all: unset;
| |
− | }
| |
− | }
| |
− |
| |
− | .navbar img {
| |
− | width: 10%;
| |
− | }
| |
− |
| |
− | body {
| |
− | background-color: #F4F4F4;
| |
− | font-family: 'Lato_Regular';
| |
− | }
| |
− |
| |
− | @font-face {
| |
− | font-family: Lato_Regular;
| |
− | src: url("https://2016.igem.org/File:T--Tec-Monterrey--Lato-Regular.ttf");
| |
− | }
| |
− | @font-face {
| |
− | font-family: Open_Sans;
| |
− | src: url("../fonts/OpenSans-Regular.ttf");
| |
− | }
| |
− |
| |
− | .navbar {
| |
− | padding-top: 1%;
| |
− | padding-bottom: 1%;
| |
− | background-color: #2b2b2b;
| |
− | width: 100%;
| |
− | }
| |
− |
| |
− | .navbar li p {
| |
− | font-weight: bold;
| |
− | }
| |
− |
| |
− | .dropdown-menu {
| |
− | opacity: .7;
| |
− | display: none;
| |
− | }
| |
− |
| |
− | .navbar-default .navbar-nav>li>p,
| |
− | .dropdown-menu {
| |
− | margin-top: 20px;
| |
− | color: #F8BD03;
| |
− | !important
| |
− | }
| |
− |
| |
− | .navbar-default .navbar-nav>li {
| |
− | margin-right: 5em;
| |
− | }
| |
− |
| |
− | .navbar-default .navbar-nav>li>p:hover {
| |
− | cursor: pointer;
| |
− | }
| |
− |
| |
− | .navbar-default {
| |
− | border: none;
| |
− | }
| |
− |
| |
− | .navbar-default .navbar-nav>.open>p,
| |
− | .navbar-default .navbar-nav>.open>p:focus,
| |
− | .navbar-default .navbar-nav>.open>p:hover {
| |
− | color: #3D986F;
| |
− | background-color: #2b2b2b;
| |
− | }
| |
− |
| |
− | .navbar-default .navbar-nav>li>p:hover {
| |
− | color: #3D986F;
| |
− | !important
| |
− | }
| |
− |
| |
− | #footer {
| |
− | background-color: #C6C6C6;
| |
− | color: #3D986F;
| |
− | }
| |
− |
| |
− | #main-container {
| |
− | margin-top: 6%;
| |
− | padding: 0;
| |
− | }
| |
− |
| |
− | #footer-right-border {
| |
− | border-right: 2px solid #3D986F;
| |
− | }
| |
− |
| |
− | #footer h4 {
| |
− | font-weight: 500;
| |
− | }
| |
− |
| |
− | .verticalLine {
| |
− | border: thick solid #ff0000;
| |
− | }
| |
− |
| |
− | #index-cover-img-parent {
| |
− | height: 500px !important;
| |
− | width: 100% !important;
| |
− | background-image: url("https://static.igem.org/mediawiki/2016/1/1b/T--Tec-Monterrey--index-banner.png") !important;
| |
− | background-size: 100% 500px !important;
| |
− | background-repeat: no-repeat !important;
| |
− | overflow: hidden !important;
| |
− | }
| |
− |
| |
− | #cover {
| |
− | background-color: #2b2b2b;
| |
− | }
| |
− |
| |
− | .dropdown {
| |
− | display: none;
| |
− | }
| |
− |
| |
− | .navbar-nav .dropdown:hover .dropdown-menu {
| |
− | display: block;
| |
− | opacity: .7;
| |
− | }
| |
− |
| |
− | .dropdown-menu,
| |
− | .dropdown-menu a {
| |
− | border-radius: 20px !important;
| |
− | }
| |
− |
| |
− | .dropdown-menu li>a:hover {
| |
− | font-weight: bold;
| |
− | color: #F8BD03;
| |
− | !important
| |
− | }
| |
− |
| |
− | #iGem {
| |
− | position: relative;
| |
− | left: 50%;
| |
− | -webkit-transform: translateX(-50%);
| |
− | -ms-transform: translateX(-50%);
| |
− | -o-transform: translateX(-50%);
| |
− | transform: translateX(-50%);
| |
− | }
| |
− |
| |
− | #main-video {
| |
− | width: 100%;
| |
− | -webkit-box-shadow: 7px 5px 38px 0px rgba(0, 0, 0, 0.75);
| |
− | -moz-box-shadow: 7px 5px 38px 0px rgba(0, 0, 0, 0.75);
| |
− | box-shadow: 7px 5px 38px 0px rgba(0, 0, 0, 0.75);
| |
− | }
| |
− |
| |
− | #index-cover-img {
| |
− | width: 100%;
| |
− | height: 400px;
| |
− | }
| |
− |
| |
− | #sponsors {
| |
− | background-color: #3D986F;
| |
− | }
| |
− |
| |
− | .panorama {
| |
− | overflow-x: scroll;
| |
− | overflow-y: hidden;
| |
− | }
| |
− |
| |
− | #colImage {
| |
− | margin-left: 25%;
| |
− | margin-top: 10%;
| |
− | }
| |
− |
| |
− |
| |
− | @media (max-width: 1080){
| |
− | #iGem {
| |
− | width: 40%;
| |
− | }
| |
− | }
| |
− | @media (max-width: 768px) {
| |
− | #index-cover-img {
| |
− | height: 300px;
| |
− | }
| |
− | #index-cover-img-parent {
| |
− | background-size: 100% 300px;
| |
− | size: 100% 300px;
| |
− | height: 300px;
| |
− | }
| |
− | #iGem {
| |
− | width: 40%;
| |
− | }
| |
− | }
| |
− |
| |
− | @media (max-width: 480px) {
| |
− | #index-cover-img {
| |
− | height: 200px;
| |
− | }
| |
− | #index-cover-img-parent {
| |
− | background-size: 100% 250px;
| |
− | size: 100% 200px;
| |
− | height: 250px;
| |
− | }
| |
− | #iGem {
| |
− | width: 50%;
| |
− | }
| |
− | }
| |
− |
| |
− | .vertical-center {
| |
− | display: flex;
| |
− | align-items: center;
| |
− | }
| |
− |
| |
− | div#hr_line>hr {
| |
− | border-top-left-radius: 100% 0.5em;
| |
− | border-bottom-left-radius: 100% 0.5em;
| |
− | border-top-right-radius: 100% 0.5em;
| |
− | border-bottom-right-radius: 100% 0.5em;
| |
− | display: block;
| |
− | height: 1px;
| |
− | border: 0;
| |
− | border-top: 5px solid #F8BD03;
| |
− | margin: 1em 0;
| |
− | padding: 0;
| |
− | }
| |
− |
| |
− | #our_project {
| |
− | color: #F8BD03;
| |
− | }
| |
− |
| |
− | #main_index_see_more {
| |
− | color: #3D986F;
| |
− | font-weight: bold;
| |
− | }
| |
− |
| |
− | #circuito-tab-container p {
| |
− | text-align:justify;
| |
− | }
| |
− |
| |
− | #circuito-tab-container .tab-pane div.well{
| |
− | max-height: 400px;
| |
− | overflow-y: scroll;
| |
− | }
| |
− |
| |
− | #titleBanner{
| |
− | margin-top:6%;
| |
− | }
| |
− |
| |
− | </style>
| |
− |
| |
| | | |
| </body> | | </body> |
| | | |
| </html> | | </html> |