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;
}
- 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 */
- header {
width: 100%; background-color: #322; opacity: 0.8; height: 80px; position: fixed; margin-top: -1px; z-index: 100;
}
- 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: 28px; 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; }
div.downarrow {
position: relative; width: 40px; margin: 0 auto 0 auto; top: 400px;
}
- project2 div.downarrow { top: 470px; }
div.downarrow img {
height: 50px;
}
/* Slides */
- capa, #project, #Intro
{
width: 100%;
}
- 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;
}
- capa img.igem
{
display: block; margin: 0 auto 0 auto; float: center; height: 200px;
}
- capa #square
{
margin: 90px auto; width: 300px; border: 4px solid #fff; border-radius: 8px;
}
- capa h2 { margin-top: 30px }
- capa h3 { font-size: 30px; color: #FFF; }
- project, #project2
{
background-color: #fafafa; color: #333; height: 400px; margin: auto; overflow: hidden; padding: 130px 0 250px;
}
- Intro
{
background-color: none; color: #333; height: 600px; margin: 0 0; overflow: hidden; padding: 180px 0 0px;
}
- 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;
}
- 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; }
- project h3.title, #project2 h3.title, #Intro h3.title
{
font-family: "Arvo"; font-size: 30px; line-height: 30px;
}
- project #colunaesquerda, #project2 #colunaesquerda { float: left; width: 450px; }
- project #colunadireita, #project2 #colunadireita { float: right; width: 600px; margin: 0 20px 0 0; }
- Intro #colunadireita { float: right; width: 640px; margin: 0 -30px 0 0; }
- Intro #videoCover_ { float: left; width: 400px; }
- project img, #project2 img, #Intro img
{
display: block; margin: 0 auto 0 auto; float: center; border-radius: 8px; border: 0px solid #fff;
}
- 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;
}*/
- 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;
}
- wiki h1, #wiki h2, #wiki h3 { margin-top: 30px; color: #333; }
- wiki h1 { font-size: 40px; }
- wiki img
{
display: block; margin: 20px auto 0 auto; width: 900px;
}
- sponsors
{
background-color: #fff; color: #333333; height: 600px; padding: 140px 0;
}
- sponsors h1
{
font-size: 50px; margin-bottom: 70px; color: #333;
}
- sponsors img
{
display: block; margin: 20px auto 0 auto; width: 900px;
}
- sponsors div.group
{
display: block; margin: 70px auto 0px auto; width: 800px;
}
- 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;
}
- 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;
}
- team h1
{
position: relative; top: -50px;
}
- team h2
{
margin-top: 250px;
}