|
|
(54 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
| <html> | | <html> |
− | <head> | + | <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet"> |
− | <meta charset="utf-8">
| + | <link href="https://fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet"> |
− | <meta name="viewport" content="initial-scale=1.0,width=device-width"/>
| + | <style type="text/css"> |
− | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
| + | /* Setting the WIKI config to default. START */ |
− | <link rel="stylesheet" href="https://2016.igem.org/Team:TEC-Costa_Rica/css/stylesheet.css">
| + | * { |
− | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
| + | margin: 0; |
− | </head> | + | padding: 0; |
− | <body> | + | border: 0; |
− | <header> | + | font-size: 100%; |
− | <div class="container">
| + | font: inherit; |
− | <navbar class="navbar navbar-inverse navbar-fixed-top" role="navigation">
| + | vertical-align: baseline; |
− | <div class="container-fluid">
| + | } |
− | <div class="navbar-header">
| + | #globalWrapper { |
− | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
| + | margin: 0 auto; |
− | <span class="sr-only">Toggle navigation</span>
| + | padding: 0; |
− | <span class="icon-bar" ></span>
| + | top: 0; |
− | <span class="icon-bar"></span>
| + | left: 0; |
− | <span class="icon-bar"></span>
| + | bottom: 0; |
− | </button>
| + | width: 100%; |
− | <a class="navbar-brand" href="https://2016.igem.org/Team:TEC-Costa_Rica">
| + | height: auto; |
− | <img id="prostal-logo" alt="Prostal Brand" class="featurette-image img-responsive center-block" src="https://static.igem.org/mediawiki/2016/0/0e/T--TEC-Costa_Rica--prostal_logo.png"></a>
| + | position: relative; |
− | </div>
| + | overflow: visible; |
| + | background-color: transparent; |
| + | } |
| + | #content { |
| + | margin: 0; |
| + | padding: 0; |
| + | border: none; |
| + | top: 0; |
| + | left: 0; |
| + | bottom: 0; |
| + | width: 100%; |
| + | height: auto; |
| + | position: relative; |
| + | z-index: 1; |
| + | background-color: transparent; |
| + | } |
| + | #bodyContent, #HQ_page, #mw-content-text { |
| + | margin: 0 auto; |
| + | padding: 0; |
| + | border: none; |
| + | border-color: none; |
| + | top: 0; |
| + | left: 0; |
| + | bottom: 0; |
| + | height: auto; |
| + | width: 100%; |
| + | position: relative; |
| + | background-color: transparent; |
| + | } |
| + | #top_title, #sideMenu, #top_menu_under { display: none; } |
| + | #top_menu_14 { position: fixed; } |
| + | /* Setting the WIKI config to default. END */ |
| | | |
− | <div id="navbar" class="collapse navbar-collapse pull-right">
| + | body { background: #FFFFFF url('https://static.igem.org/mediawiki/2016/4/4c/T--TEC-Costa_Rica--gplaypattern_background.png') top left repeat; } |
− | <ul class="nav navbar-nav">
| + | #HQ_page h1, #HQ_page h2, #HQ_page h3 { |
− | <li class="dropdown active"><a style="color: #e0e0d1;" href="https://2016.igem.org/Team:TEC-Costa_Rica">Home</a></li>
| + | font-family: 'Poppins', sans-serif; |
− | <li class="dropdown">
| + | font-weight: bold; |
− | <a style="color: #e0e0d1;" href="https://2016.igem.org/Team:TEC-Costa_Rica/Team">Team</a>
| + | margin-top: 10px; |
− | <ul class="dropdown-menu">
| + | margin-bottom: 0; |
− | <li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Team/Members">Members</a></li>
| + | } |
− | <li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Team/Instructors">Instructors</a></li>
| + | #HQ_page h1 { font-size: 26px; } |
− | <li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Team/Advisors">Advisors</a></li>
| + | #HQ_page h2 { font-size: 22px; } |
− | <li class="divider"></li>
| + | #HQ_page h3 { font-size: 18px; } |
− | <li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Team/Sponsors">Sponsors</a></li>
| + | #HQ_page p { |
− | </ul>
| + | font-family: 'Lato', sans-serif; |
− | </li>
| + | font-size: 16px; |
− | <li class="dropdown">
| + | margin: 0; |
− | <a style="color: #e0e0d1;" href="https://2016.igem.org/Team:TEC-Costa_Rica/Project">Project</a>
| + | padding: 0; |
− | <ul class="dropdown-menu">
| + | border: 0; |
− | <li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Project/System">System</a></li>
| + | } |
− | <li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Project/Modelling_Simulations">Modelling & Simulations</a></li>
| + | |
− | <li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Project/Parts">Parts</a></li>
| + | /* NAVBAR settings. START */ |
− | <li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Project/Collaborations">Collaborations</a></li>
| + | navbar { |
− | <li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Project/Safety">Safety</a></li>
| + | box-shadow: 5px 4px 5px #000; |
− | </ul>
| + | font-family: 'Open Sans', sans-serif; |
− | </li>
| + | margin-top: 16px; |
− | <li class="dropdown">
| + | background: #FFFFFF url('https://static.igem.org/mediawiki/2016/7/7e/T--TEC-Costa_Rica--lodyas_background.png') top left repeat; |
− | <a style="color: #e0e0d1;" href="https://2016.igem.org/Team:TEC-Costa_Rica/Judging">Judging</a>
| + | } |
− | <ul class="dropdown-menu">
| + | #navbar { float: right; } |
− | <li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Judging/Golden_Medals">Golden Medals</a></li>
| + | .navbar-nav li a { |
− | <li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Judging/Silver_Medals">Silver Medals</a></li>
| + | line-height: 25px; |
− | <li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Judging/Bronze_Medals">Bronze Medals</a></li>
| + | font-family: 'Poppins', sans-serif; |
− | </ul>
| + | font-weight: normal; |
− | </li>
| + | text-transform: uppercase; |
− | <li class="dropdown">
| + | font-size: 12px; |
− | <a style="color: #e0e0d1;" href="https://2016.igem.org/Team:TEC-Costa_Rica/Human_Practice">Human Practice</a>
| + | } |
− | <ul class="dropdown-menu">
| + | .dropdown .dropdown-menu { margin: 0; } |
− | <li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Human_Practice/Synbiothon">Synbiothon</a></li>
| + | .dropdown:hover { |
− | </ul>
| + | border-bottom: 1px solid white; |
− | </li>
| + | background-color: black; |
− | <li class="dropdown">
| + | } |
− | <a style="color: #e0e0d1;" href="https://2016.igem.org/Team:TEC-Costa_Rica/Notebook">Notebook</a>
| + | .active { border-bottom: 1px solid white; } |
− | <ul class="dropdown-menu">
| + | .navbar-toggle { margin-top: 15px; } |
− | <li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Notebook/Laboratory">Laboratory</a></li>
| + | .navbar-brand { padding-top: 7.5px; } |
− | <li><a href="https://2016.igem.org/Team:TEC-Costa_Rica/Notebook/Protocols">Protocols</a></li>
| + | .navbar-brand img { |
− | </ul>
| + | height: 50px; |
− | </li>
| + | width: 125px; |
− | <li class="dropdown"><a style="color: #e0e0d1;" href="https://2016.igem.org/Team:TEC-Costa_Rica/Interlab">Interlab</a></li>
| + | } |
− | </ul>
| + | .navbar .container-fluid { width: 90%; } |
− | </div>
| + | .well { background-color: #FFFFFF; } |
− | </div>
| + | main { |
− | </navbar>
| + | width: 90%; |
− | </div>
| + | height: 100%; |
− | </header> | + | display: block; |
− | </body> | + | margin: auto; |
− | </html>
| + | margin-top: 90px; |
− | {{:Team:TEC-Costa_Rica/Template:Stylesheet}} | + | position: relative; |
− | <html>
| + | padding-bottom: 200px; |
− | <body> | + | } |
− | <main class="home">
| + | .parallax { |
− | <!-- Carousel
| + | perspective: 1px; |
− | ================================================== -->
| + | overflow-x: hidden; |
− | <div id="myCarousel" class="carousel slide" data-ride="carousel">
| + | overflow-y: auto; |
− | <!-- Indicators -->
| + | } |
− | <ol class="carousel-indicators">
| + | .concept { |
− | <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
| + | display: block; |
− | <li data-target="#myCarousel" data-slide-to="1"></li>
| + | text-align: center !important; |
− | <li data-target="#myCarousel" data-slide-to="2"></li>
| + | margin: 10px auto 0 auto; |
− | </ol>
| + | width: 80% |
− | <div class="carousel-inner" role="listbox">
| + | } |
− | <div class="item active">
| + | .concept p { |
− | <img class="first-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="First slide">
| + | text-align: center !important; |
− | <div class="carousel-caption">
| + | } |
− | <h1>Phasellus rutrum vitae.</h1>
| + | .jumbotron span { font-size: 40px; } |
− | <p style="text-align: center;">Proin laoreet scelerisque tellus, vel aliquet eros porta maximus.</p>
| + | .slideanim { visibility: hidden; } |
− | </div>
| + | .slide { |
− | </div>
| + | animation-name: slide; |
− | </div>
| + | -webkit-animation-name: slide; |
− | <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
| + | animation-duration: 1s; |
− | <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
| + | -webkit-animation-duration: 1s; |
− | <span class="sr-only">Previous</span>
| + | visibility: visible; |
− | </a>
| + | } |
− | <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
| + | @keyframes slide { |
− | <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
| + | 0% { |
− | <span class="sr-only">Next</span>
| + | opacity: 0; |
− | </a>
| + | transform: translateY(70%); |
− | </div><!-- /.carousel --> | + | } |
− | </main>
| + | 100% { |
− | </body> | + | opacity: 1; |
| + | transform: translateY(0%); |
| + | } |
| + | } |
| + | @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {} |
| + | @media screen and (max-width: 1280px) { |
| + | } |
| + | @media screen and (max-width: 980px) { |
| + | #navbar { float: left; } |
| + | .well { |
| + | padding: 0; |
| + | } |
| + | } |
| + | @media screen and (max-width: 768px) { |
| + | #navbar { |
| + | float: left; |
| + | width: 100%; |
| + | } |
| + | .navbar-nav li a { text-align: center; } |
| + | } |
| + | @media screen and (max-width: 480px) { |
| + | #navbar { |
| + | float: left; |
| + | width: 100%; |
| + | } |
| + | .navbar-nav li a { text-align: center; } |
| + | } |
| + | </style> |
| </html> | | </html> |
− | {{:Team:TEC-Costa_Rica/Template:Scripts}}
| |
− | {{:Team:TEC-Costa_Rica/Template:Footer}}
| |