Difference between revisions of "Team:Brasil-USP/Templates/Cover"

 
(44 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('https://2015.igem.org/File:Team-Brasil-USP_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>

Latest revision as of 17:34, 19 July 2015