|
|
(45 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
| <html> | | <html> |
− | <head>
| + | <meta http-equiv="CACHE-CONTROL" content="NO-CACHE"> |
− | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | + | <link rel="stylesheet" href="https://2015.igem.org/wiki/index.php?title=Team:Brasil-USP/Templates/cover.css&action=raw&ctype=text/css" type="text/css"/> |
− | <title>iGEM USP Team</title> | + | |
− | <style type="text/css">
| + | |
| | | |
− |
| |
− | /* GENERAL STYLING */
| |
− |
| |
− | body{
| |
− | margin: 0;
| |
− | padding: 0;
| |
− | width: 100%;
| |
− | }
| |
− |
| |
− | h1
| |
− | {
| |
− | font-family: "Arvo";
| |
− | font-weight: normal;
| |
− | font-size: 70px;
| |
− | text-align: center;
| |
− | color: #fff;
| |
− | margin: 0;
| |
− | padding: 0;
| |
− | }
| |
− |
| |
− | h2
| |
− | {
| |
− | font-family: "Arvo";
| |
− | font-weight: normal;
| |
− | font-size: 55px;
| |
− | text-align: center;
| |
− | color: #fff;
| |
− | margin: 0;
| |
− | padding: 0;
| |
− | }
| |
− |
| |
− | h3
| |
− | {
| |
− | font-family: Oswald;
| |
− | font-weight: normal;
| |
− | font-size: 20px;
| |
− | text-align: center;
| |
− | margin: 5px 0;
| |
− | padding: 0;
| |
− | z-index: 1;
| |
− | position: relative;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | .center { margin: 0 auto; }
| |
− | .content{ margin: 0 auto; width: 960px; }
| |
− | .clear { clear: both; }
| |
− | a.lpanel { float: left; color: #e1e1e1; font-size: 12px; font-family:"Wellfleet"; text-decoration: none; margin: 7px 11px; }
| |
− | a.rpanel { float: right; color: #e1e1e1; font-size: 12px; font-family:"Wellfleet"; text-decoration: none; margin: 7px 11px; }
| |
− |
| |
− | a.lpanel:hover{ color: #fff; }
| |
− | a.rpanel:hover{ color: #fff; }
| |
− |
| |
− |
| |
− |
| |
− | /* Header */
| |
− |
| |
− | #header {
| |
− | width: 100%;
| |
− | background-color: #322;
| |
− | opacity: 0.8;
| |
− | height: 80px;
| |
− | position: fixed;
| |
− | margin-top: 0px;
| |
− | }
| |
− |
| |
− | #nav { width: 550px; float: right; margin-top: 20px; margin-right: 0px; }
| |
− | #logo a { color: #fff; text-decoration: none; float: left; font-size: 30px; margin-top: 20px; color: #fff; font-family:"Wellfleet"; font-weight: bold; }
| |
− | #Br { text-decoration: none; float: left; margin: 15px 20px 0px 0px; }
| |
− | #nav ul{
| |
− | list-style: none;
| |
− | display: block;
| |
− | margin: 0 auto;
| |
− | list-style: none;
| |
− | }
| |
− |
| |
− | #nav li{
| |
− | margin-top: 9px;
| |
− | float: left;
| |
− | padding-left: 21px;
| |
− | }
| |
− |
| |
− | #nav li a { color: #fff; opacity:0.6; font-size: 16px; text-decoration: none; font-family: 'Wellfleet'; }
| |
− | #nav li a.active { color: #fff; opacity:1; border-bottom: 2px solid #fff; }
| |
− | #nav li a:hover { color: #fff; opacity:1; }
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | /* Slides */
| |
− |
| |
− | #capa, #project{ width: 100%; }
| |
− | #capa
| |
− | {
| |
− | background:url('../img/capa.jpg') 50% 0 no-repeat fixed;
| |
− | color: #fff;
| |
− | height: 600px;
| |
− | margin: 0;
| |
− | padding: 100px 0 260px 0;
| |
− | background-size: cover;
| |
− | }
| |
− |
| |
− |
| |
− | #capa img.igem
| |
− | {
| |
− | display: block;
| |
− | margin: 0 auto 0 auto;
| |
− | float: center;
| |
− | height: 200px;
| |
− | }
| |
− |
| |
− | #capa #square
| |
− | {
| |
− | margin: 30px auto;
| |
− | width: 300px;
| |
− | border: 4px solid #fff;
| |
− | border-radius: 8px;
| |
− | }
| |
− | #capa h3 { font-size: 30px; }
| |
− |
| |
− | #project
| |
− | {
| |
− | background-color: #fff;
| |
− | color: #333333;
| |
− | height: 300px;
| |
− | margin: 0 auto;
| |
− | overflow: hidden;
| |
− | padding: 200px 0;
| |
− | }
| |
− |
| |
− | #project h3
| |
− | {
| |
− | font-family: "Arvo";
| |
− | margin-bottom: 30px;
| |
− | font-weight: normal;
| |
− | font-size: 20px;
| |
− | }
| |
− |
| |
− | #project #colunaesquerda { float: left; width: 450px;}
| |
− | #project #colunadireita { float: right; width: 420px;}
| |
− | #project img
| |
− | {
| |
− | display: block;
| |
− | margin: 0 auto 0 auto;
| |
− | float: center;
| |
− | border-radius: 8px;
| |
− | border: 0px solid #fff;
| |
− | }
| |
− |
| |
− | #wiki
| |
− | {
| |
− | background: url('../img/Project.jpg') 50% 0 no-repeat fixed;
| |
− | color: #111;
| |
− | height: 600px;
| |
− | padding: 170px 0 0 0;
| |
− | background-size: cover;
| |
− | }
| |
− |
| |
− | #wiki h1, #wiki h2, #wiki h3 { margin-top: 30px; color: #333; }
| |
− | #wiki h2 { font-size: 30px; }
| |
− |
| |
− | #sponsors
| |
− | {
| |
− | background-color: #fff;
| |
− | color: #333333;
| |
− | height: 300px;
| |
− | padding: 200px 0;
| |
− | }
| |
− |
| |
− | #sponsors h1
| |
− | {
| |
− | font-size: 50px;
| |
− | margin-bottom: 70px;
| |
− | color: #333;
| |
− | }
| |
− |
| |
− | #sponsors img
| |
− | {
| |
− | width: 200px;
| |
− | float: left;
| |
− | margin-right: 70px;
| |
− | }
| |
− |
| |
− |
| |
− | #team
| |
− | {
| |
− | background: url(../img/pessoal.jpg) 50% 0 no-repeat fixed;
| |
− | height: 200px;
| |
− | margin: 0 auto;
| |
− | padding: 250px 0;
| |
− | color: #fff;
| |
− | background-size: cover;
| |
− | }
| |
− |
| |
− |
| |
− | #team h1, #team h2 { font-size: 45px; color: #000; background-color: #fff; opacity: 0.8; border-radius: 8px; }
| |
− | #team h1 { position: relative; top: -110px; }
| |
− | #team h2 { margin-top: 200px; }
| |
− |
| |
− |
| |
− | </style>
| |
− | <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
| |
− | <link href='http://fonts.googleapis.com/css?family=Wellfleet' rel='stylesheet' type='text/css'>
| |
| <link href='http://fonts.googleapis.com/css?family=Wellfleet' rel='stylesheet' type='text/css'> | | <link href='http://fonts.googleapis.com/css?family=Wellfleet' rel='stylesheet' type='text/css'> |
| + | <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'> |
| <link href='http://fonts.googleapis.com/css?family=Arvo:400,700,400italic,700italic' rel='stylesheet' type='text/css'> | | <link href='http://fonts.googleapis.com/css?family=Arvo:400,700,400italic,700italic' rel='stylesheet' type='text/css'> |
| <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'> | | <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'> |
| <link href='http://fonts.googleapis.com/css?family=Goudy+Bookletter+1911' rel='stylesheet' type='text/css'> | | <link href='http://fonts.googleapis.com/css?family=Goudy+Bookletter+1911' rel='stylesheet' type='text/css'> |
| + | |
| <script> | | <script> |
| | | |
− | <!----- JQUERY FOR SLIDING NAVIGATION --->
| + | $(document).ready(function() |
− | $(document).ready(function() {
| + | { |
− | $('a[href*=#]').each(function() {
| + | $('a[href*=#]').each(function() |
− | if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
| + | { |
− | && location.hostname == this.hostname
| + | if ( location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') ) |
− | && this.hash.replace(/#/,'') ) { | + | { |
− | var $targetId = $(this.hash), $targetAnchor = $('[name=' + this.hash.slice(1) +']');
| + | this.hash.replace(/#/,'') |
− | var $target = $targetId.length ? $targetId : $targetAnchor.length ? $targetAnchor : false;
| + | var $targetId = $(this.hash), $targetAnchor = $('[name=' + this.hash.slice(1) +']'); |
− | if ($target) {
| + | var $target = $targetId.length ? $targetId : $targetAnchor.length ? $targetAnchor : false; |
− | var targetOffset = $target.offset().top;
| + | if ($target) |
− |
| + | { |
− | <!----- JQUERY CLICK FUNCTION REMOVE AND ADD CLASS "ACTIVE" + SCROLL TO THE #DIV--->
| + | var targetOffset = $target.offset().top; |
− | $(this).click(function() {
| + | $(this).click(function() |
− | $("#nav li a").removeClass("active");
| + | { |
− | $(this).addClass('active');
| + | $("#nav li a").removeClass("active"); |
− | $('html, body').animate({scrollTop: targetOffset}, 1000);
| + | $(this).addClass('active'); |
− | return false;
| + | $('html, body').animate({scrollTop: targetOffset}, 1000); |
− | });
| + | return false; |
− | }
| + | }); |
− | }
| + | } |
− | });
| + | } |
− |
| + | }); |
− | });
| + | }); |
− |
| + | |
− |
| + | |
| </script> | | </script> |
− |
| + | |
− |
| + | |
− | </head> | + | <script> |
| + | (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ |
| + | (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), |
| + | m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) |
| + | })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); |
| + | |
| + | ga('create', 'UA-65251898-1', 'auto'); |
| + | ga('send', 'pageview'); |
| + | |
| + | </script> |
| | | |
| </html> | | </html> |