|
|
| Line 1: |
Line 1: |
| | | | |
| − | /* 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; }
| |