(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | {{Tec-Monterrey}} | + | {{:Team:Tec-Monterrey/Templates/Tec-Monterrey_General_Format}} |
<html> | <html> | ||
+ | <head> | ||
+ | <style> | ||
+ | .header-background { | ||
+ | display: flex; | ||
+ | z-index: 1; | ||
+ | height: 83%; | ||
+ | width: 99%; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | position: absolute; | ||
+ | direction: rtl; | ||
+ | } | ||
+ | .header-background-left, .header-background-center, .header-background-center-right, .header-background-right { | ||
+ | width: 18%; | ||
+ | } | ||
+ | .trail { | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | top: 5%; | ||
+ | } | ||
+ | .cd-vertical-nav li:first-of-type a::after { | ||
+ | /* change icon using image sprites */ | ||
+ | background-position: 0px -48px; | ||
+ | /* fix bug with transitions - set scale(0.01) rather than scale(0) */ | ||
+ | -webkit-transform: translateX(-50%) translateY(4.5em) scale(0.01); | ||
+ | -moz-transform: translateX(-50%) translateY(4.5em) scale(0.01); | ||
+ | -ms-transform: translateX(-50%) translateY(4.5em) scale(0.01); | ||
+ | -o-transform: translateX(-50%) translateY(4.5em) scale(0.01); | ||
+ | transform: translateX(-50%) translateY(4.5em) scale(0.01); | ||
+ | } | ||
+ | .cd-vertical-nav li:first-of-type a::before { | ||
+ | -webkit-transform: translateX(-50%) translateY(4.5em) scale(0.25); | ||
+ | -moz-transform: translateX(-50%) translateY(4.5em) scale(0.25); | ||
+ | -ms-transform: translateX(-50%) translateY(4.5em) scale(0.25); | ||
+ | -o-transform: translateX(-50%) translateY(4.5em) scale(0.25); | ||
+ | transform: translateX(-50%) translateY(4.5em) scale(0.25); | ||
+ | } | ||
+ | .cd-vertical-nav li:nth-of-type(2) a::after { | ||
+ | background-position: 0px -32px; | ||
+ | -webkit-transform: translateX(-50%) translateY(1.5em) scale(0.01); | ||
+ | -moz-transform: translateX(-50%) translateY(1.5em) scale(0.01); | ||
+ | -ms-transform: translateX(-50%) translateY(1.5em) scale(0.01); | ||
+ | -o-transform: translateX(-50%) translateY(1.5em) scale(0.01); | ||
+ | transform: translateX(-50%) translateY(1.5em) scale(0.01); | ||
+ | } | ||
+ | .cd-vertical-nav li:nth-of-type(2) a::before { | ||
+ | -webkit-transform: translateX(-50%) translateY(1.5em) scale(0.25); | ||
+ | -moz-transform: translateX(-50%) translateY(1.5em) scale(0.25); | ||
+ | -ms-transform: translateX(-50%) translateY(1.5em) scale(0.25); | ||
+ | -o-transform: translateX(-50%) translateY(1.5em) scale(0.25); | ||
+ | transform: translateX(-50%) translateY(1.5em) scale(0.25); | ||
+ | } | ||
+ | .cd-vertical-nav li:nth-of-type(3) a::after { | ||
+ | background-position: 0px -16px; | ||
+ | -webkit-transform: translateX(-50%) translateY(-1.5em) scale(0.01); | ||
+ | -moz-transform: translateX(-50%) translateY(-1.5em) scale(0.01); | ||
+ | -ms-transform: translateX(-50%) translateY(-1.5em) scale(0.01); | ||
+ | -o-transform: translateX(-50%) translateY(-1.5em) scale(0.01); | ||
+ | transform: translateX(-50%) translateY(-1.5em) scale(0.01); | ||
+ | } | ||
+ | .cd-vertical-nav li:nth-of-type(3) a::before { | ||
+ | -webkit-transform: translateX(-50%) translateY(-1.5em) scale(0.25); | ||
+ | -moz-transform: translateX(-50%) translateY(-1.5em) scale(0.25); | ||
+ | -ms-transform: translateX(-50%) translateY(-1.5em) scale(0.25); | ||
+ | -o-transform: translateX(-50%) translateY(-1.5em) scale(0.25); | ||
+ | transform: translateX(-50%) translateY(-1.5em) scale(0.25); | ||
+ | } | ||
+ | .cd-vertical-nav li:nth-of-type(4) a::after { | ||
+ | background-position: 0px 0px; | ||
+ | -webkit-transform: translateX(-50%) translateY(-4.5em) scale(0.01); | ||
+ | -moz-transform: translateX(-50%) translateY(-4.5em) scale(0.01); | ||
+ | -ms-transform: translateX(-50%) translateY(-4.5em) scale(0.01); | ||
+ | -o-transform: translateX(-50%) translateY(-4.5em) scale(0.01); | ||
+ | transform: translateX(-50%) translateY(-4.5em) scale(0.01); | ||
+ | } | ||
+ | .cd-vertical-nav li:nth-of-type(4) a::before { | ||
+ | -webkit-transform: translateX(-50%) translateY(-4.5em) scale(0.25); | ||
+ | -moz-transform: translateX(-50%) translateY(-4.5em) scale(0.25); | ||
+ | -ms-transform: translateX(-50%) translateY(-4.5em) scale(0.25); | ||
+ | -o-transform: translateX(-50%) translateY(-4.5em) scale(0.25); | ||
+ | transform: translateX(-50%) translateY(-4.5em) scale(0.25); | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <!------------------------------------------------------------------------------------------------------------------------> | ||
+ | <!----------------------------------------------------- sidebar dots navigation ------------------------------------------> | ||
+ | <!------------------------------------------------------------------------------------------------------------------------> | ||
+ | <script src="https://2018.igem.org/Team:Tec-Monterrey/T--Tec-Monterrey--modernizr?action=raw&ctype=text/javascript"</script> | ||
+ | <script src="https://2018.igem.org/Team:Tec-Monterrey/T--Tec-Monterrey--main-vertical-nav?action=raw&ctype=text/javascript"></script> | ||
+ | <!-- Modernizr --> | ||
+ | |||
− | + | ||
− | < | + | <script src="https://2018.igem.org/Team:Tec-Monterrey/T--Tec-Monterrey--main?action=raw&ctype=text/javascript"></script> |
− | + | <!-- Resource jQuery --> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <!-- Header --> | ||
+ | <header class="masthead" id="page-top"> | ||
+ | <div class="header-top" style="background: #397471;"> | ||
+ | </div> | ||
+ | <div class="header-bottom"> | ||
+ | <div class="header-background"> | ||
+ | <div class="header-background-right" style="margin-left: -10px; margin-right: 1%;"> | ||
+ | <img class="trail" src="https://static.igem.org/mediawiki/2018/5/51/T--Tec-Monterrey--Header_Trail_Far_Right.svg"> | ||
+ | </div> | ||
+ | <div class="header-background-center-right" style="margin-right: -5%; margin-left: -10px;"> | ||
+ | <img class="trail" src="https://static.igem.org/mediawiki/2018/7/72/T--Tec-Monterrey--Header_Trail_Center_Right.svg"> | ||
+ | </div> | ||
+ | <div class="header-background-center" style="margin-left: -10px; margin-right: -10px;"> | ||
+ | <img class="trail" src="https://static.igem.org/mediawiki/2018/7/7c/T--Tec-Monterrey--Header_Trail_Center_2.svg"> | ||
+ | </div> | ||
+ | <div class="header-background-left" style="margin-right: -10px;"> | ||
+ | <img class="trail" src="https://static.igem.org/mediawiki/2018/a/a6/T--Tec-Monterrey--Header_Trail_Left.svg"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="div-header-bottom"> | ||
+ | <div class="header-title"> | ||
+ | Description | ||
+ | </div> | ||
+ | <div class="header-subtitle"> | ||
+ | E. coding description | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </header> | ||
Line 60: | Line 134: | ||
+ | </body> | ||
</html> | </html> | ||
+ | {{:Team:Tec-Monterrey/Templates/Tec-Monterrey_Footer}} |
Revision as of 00:56, 16 October 2018
Description
E. coding description