Team:Brasil-USP/Templates/cover.css

Insert non-formatted text here/* WIKI HACKS - START */

/* GENERAL STYLING */

body { margin: 0; padding: 0; width: 100%; }

span.TextoVerde {

   color:#2B2;

} span.TextoAzul {

   color:#15F;

} span.TextoVermelho {

   color:#F44;

}

p {

   margin: 0px 0px 0px 0px;

}

1. content /* this is actually the main container! */

{

   position: relative;
   width: 100%;
   margin: 0px 0px;
   padding: 0px;
   background: #FFF none repeat scroll 0% 0%;
   border-left: 0px solid #000000;
   border-right: 0px solid #000000;
   line-height: 1.5em;
   z-index: 2;

}

h1.firstHeading /* had to deal with this guy... */ {

   margin-bottom: 0;
   visibility: hidden;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   height: 0;
   border-bottom: 0px solid #FFF;

}

h1 {

   font-family: "Arvo";
   font-weight: normal;
   font-size: 70px;
   text-align: center;
   color: #fff;
   margin: 0;
   padding: 30px 0 0 0;
   border-bottom: 0px solid #FFF;

}

h2 {

   font-family: "Arvo";
   font-weight: normal;
   font-size: 55px;
   text-align: center;
   color: #fff;
   margin: 0;
   padding: 0;
   border-bottom: 0px solid #FFF;

}

h3 {

   font-family: "Martel Sans";
   font-weight: normal;
   font-size: 18px;
   text-align: center;
   margin: 5px 0;
   padding: 0;
   z-index: 1;
   position: relative;
   border-bottom: 0px solid #FFF;

}

.center { margin: 0 auto; } .content{ margin: 0 auto; width: 1100px; } .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 */

1. header {

   width: 100%; 
   background-color: #322;
   opacity: 0.8;
   height: 80px; 	
   position: fixed;
   margin-top: -1px;
   z-index: 100;

}

1. nav

{

   width: 550px; 
   float: right; 
   margin-top: 20px; 
   margin-right: 0px; 

}

1. logo a

{

   color: #fff; 
   text-decoration: none; 
   float: left; 
   font-size: 30px; 
   margin-top: 28px; 
   color: #fff;
   font-family:"Wellfleet"; 
   font-weight: bold; 

}

1. Br { text-decoration: none; float: left; margin: 15px 20px 0px 0px; }
2. nav ul{

list-style: none; display: block; margin: 0 auto; list-style: none; }

1. nav li{

margin-top: 9px; float: left; padding-left: 21px; }

1. nav li a { color: #fff; opacity:0.6; font-size: 16px; text-decoration: none; font-family: 'Wellfleet'; }
2. nav li a.active { color: #fff; opacity:1; border-bottom: 2px solid #fff; }
3. nav li a:hover { color: #fff; opacity:1; }

div.downarrow {

   position: relative;
   width: 40px;
   margin: 0 auto 0 auto;
   top: 400px;

}

1. project2 div.downarrow { top: 470px; }

div.downarrow img {

   height: 50px;

}

/* Slides */

1. capa, #project, #Intro

{

   width: 100%; 

}

1. capa

{

   background:url('https://static.igem.org/mediawiki/2015/b/b6/Team-Brasil-USP_Capa.jpg') 50% 0 no-repeat fixed;
   color: #fff;
   height: 600px;
   margin: 0;
   margin-top: -1px;
   padding: 100px 0 260px 0;
   background-size: cover;

}

1. capa img.igem

{

   display: block;
   margin: 0 auto 0 auto;
   float: center;
   height: 200px;

}

1. capa #square

{

   margin: 90px auto;
   width: 300px;
   border: 4px solid #fff; 
   border-radius: 8px;

}

1. capa h2 { margin-top: 30px }

1. capa h3 { font-size: 30px; color: #FFF; }

1. project, #project2

{

   background-color: #fafafa;
   color: #333;
   height: 400px;
   margin:  auto;
   overflow: hidden;
   padding: 130px 0 250px;

}

1. Intro

{

   background-color: none;
   color: #333;
   height: 600px;
   margin:  0 0;
   overflow: hidden;
   padding: 180px 0 0px;

}

1. project2

{

   background:url('https://static.igem.org/mediawiki/2015/1/1e/Team-Brasil-USP_CapaReator_CapaFundoIgem.png') 50% 0 no-repeat fixed;
   color: #fff;
   height: 600px;
   margin: 0;
   margin-top: -1px;
   padding: 100px 0 260px 0;
   background-size: cover;

}

1. project h3, #project2 h3, #Intro h3

{

   margin-bottom: 30px; 
   font-weight: normal;
   font-size: 20px;
   margin-bottom: 30px; 
   font-size: 25px;
   line-height: 25px;

}

#project2 h3 { font-size: 22px; }

1. project h3.title, #project2 h3.title, #Intro h3.title

{

   font-family: "Arvo";
   font-size: 30px;
   line-height: 30px;

}

1. project #colunaesquerda, #project2 #colunaesquerda { float: left; width: 450px; }
2. project #colunadireita, #project2 #colunadireita { float: right; width: 600px; margin: 0 20px 0 0; }

1. Intro #colunadireita { float: right; width: 640px; margin: 0 -30px 0 0; }
2. Intro #videoCover_ { float: left; width: 400px; }

1. project img, #project2 img, #Intro img

{

   display: block;
   margin: 0 auto 0 auto;
   float: center;
   border-radius: 8px; 
   border: 0px solid #fff; 

}

1. Intro h3

{

   /*margin: 50px;
   background-color: #fff; 
   opacity: 0.8; 
   border-radius: 8px;*/ 
   padding: 0px 0 0px 0;

}

/*#Intro #videoCover_ {

   z-index:-100;
   position: fixed;
   top: -50px;
   left: 0px;

}*/

1. wiki

{

   background: url('https://static.igem.org/mediawiki/2015/b/bb/Team-Brasil-USP_CapaProject.jpg') 50% 0 no-repeat fixed;
   color: #111;
   height: 700px;
   padding: 90px 0 0 0;	
   background-size: cover;

}

1. wiki h1, #wiki h2, #wiki h3 { margin-top: 30px; color: #333; }
2. wiki h1 { font-size: 40px; }

1. wiki img

{

   display: block;
   margin: 20px auto 0 auto;
   width: 900px;

}

1. sponsors

{

   background-color: #fff;
   color: #333333;
   height: 600px;
   padding: 140px 0;

}

1. sponsors h1

{

   font-size: 50px;
   margin-bottom: 30px;
   color: #333;

}

1. sponsors img

{

   display: block;
   margin: 0px auto 0 auto;
   width: 900px;

}

1. sponsors div.group

{

   display: block;
   margin: 70px auto 0px auto;
   width: 800px;

}

1. team

{

   background: url('https://static.igem.org/mediawiki/2015/c/cb/Team-Brasil-USP_TeamPic1.JPG') 80% 0 no-repeat fixed;
   height: 450px;
   margin: 0 auto;
   padding: 170px 0;
   color: #fff;
   background-size: cover;

}

1. team h1, #team h2

{

   font-size: 45px; 
   color: #000; 
   background-color: #fff; 
   opacity: 0.8; 
   border-radius: 8px; 
   line-height: 50px;
   padding: 20px 0 20px 0;

}

1. team h1

{

   position: relative; 
   top: -50px;

}

1. team h2

{

   margin-top: 250px; 

}