Team:Brasil-USP/Templates/folhaextra.css

/* This is Brazil...

*/

.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {

   margin: 0px 0px;
   padding: 0px;

}

a.back-to-top {

   position: fixed;
   bottom: 20px;
   right: 15px;
   display: block;
   margin: 0 0px 0 0;
   font-size: 18px;
   color: #000;
   background-color: #FF0;
   border: 1px solid #000;
   border-radius: 15px;
   padding: 10px 10px;

}

ToC {

   float: left;
   width: 350px;
   display: block;
   margin: 0px 20px 30px 10px;

}

ToC h3 {

   font-size: 17pt;
   text-align: left;
   font-family: Roboto;
   font-weight: bold;
   color: #444;
   margin-top: 10px;
   margin-bottom: 0px;
   border-bottom: 0px;

}

ToC ul, #ToC ul.sub {

   background-color: #EEE;
   padding-right: 90px;
   padding-left: 50px;
   margin: 5px 0 0px 0px;

}

ToC ul.sub {

   list-style-type: circle;
   background-color: #EEE;
   padding-right: 0px;
   padding-left: 15px;
   margin: 0px 0 0px 0px;

}

ToC li, #ToC .sub li {

   text-align: justify;
   line-height: 1.4em;
   font-size: 17px;
   font-weight: 300;
   margin: 2px 0;

}

ToC .sub li {

   line-height: 1.2em;
   font-size: 15px;
   margin: 0px 0;

}

@font-face {

   font-family: 'Glyphicons Halflings';
   src: url('https://static.igem.org/mediawiki/2015/4/4b/Team-Brasil-USP_Glyphicons-halflings-regular.eot');
   src: url('https://static.igem.org/mediawiki/2015/4/4b/Team-Brasil-USP_Glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://static.igem.org/mediawiki/2015/d/d2/Team-Brasil-USP_Glyphicons-halflings-regular.woff') format('woff'), url('https://static.igem.org/mediawiki/2015/1/12/Team-Brasil-USP_Glyphicons-halflings-regular.ttf') format('truetype');

} /* https://static.igem.org/mediawiki/2015/d/d2/Team-Brasil-USP_Glyphicons-halflings-regular.woff

/

/* Starting with the hacks */

.h1, h1 {

   font-size: 0px;

}

.h1, .h2, .h3, h1, h2, h3 {

   margin-top: 0px;
   margin-bottom: 0px;
   font-size: 0px;
   border-bottom: 0px;

}

/* this is actually the main container! */

content {

  color: #333;
  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;

}

hr.fancy-line { clear: both;

 float: none;
 width: 90%;
 height: 1px;
 margin: 20px 0 20px;
 border: none;
 background: #ddd;
 background-image: -webkit-gradient(
     linear,
     left bottom,
     right bottom,
     color-stop(0, rgb(255,255,255)),
     color-stop(0.2, rgb(221,221,221)),
     color-stop(0.8, rgb(221,221,221)),
     color-stop(1, rgb(255,255,255))
 );
 background-image: -moz-linear-gradient(
     left center,
     rgb(255,255,255) 0%,
     rgb(221,221,221) 20%,
     rgb(221,221,221) 80%,
     rgb(255,255,255) 100%
 );

}

top_menu_14 {

   position: absolute;

}

/* this is one is really a pain... */ p {

  margin: 0px 0px 0px 0px;
  line-height: 0;

}

/* Padding below the footer and lighter body text */

footer {

   margin-bottom: 30px;

}

footer p {

   font-size: 16px;

}

body {

   width: 100%;
   padding-bottom: 40px;
   color: #5a5a5a;
   margin: 0;

}

span.TextoVerde {

  color:#2B2;

} span.TextoAzul {

  color:#15F;

} span.TextoVermelho {

  color:#F44;

}

.glyphicon {

   visibility: hidden;
   font-size: 0px;

}

.teamname {

   font-family: "Arvo";
   visibility: hidden;
   font-size: 0pt;

}

.navbar-nav {

   float: right;

}

/* CUSTOMIZE THE NAVBAR

*/

/* Special class on .container surrounding .navbar, used for positioning it into place. */ .navbar-wrapper {

 position: fixed;
 top: 0;
 right: 0;
 left: 0;
 z-index: 20;

}

/* Flip around the padding for proper display in narrow viewports */ .navbar-wrapper > .container {

 padding-right: 0;
 padding-left: 0;

} .navbar-wrapper .navbar {

 padding-right: 15px;
 padding-left: 15px;

} .navbar-wrapper .navbar .container {

 width: auto;

}

div.navbar-header img {

   height: 40px;
   display: block;
   float: left;
   margin: -10px 5px 0 0;

}

.navbar-inverse .navbar-brand {

   color: #F0F0F0;
   font-family: "Arvo";
   font-size: 15pt;
   padding: 20px 15px;

}

.navbar-inverse {

   background-color: #030;
   opacity: 0.9;
   margin-top: 15px;

}

.navbar-inverse .navbar-nav > li > a {

   text-align: center;
   color: #F0F0F0;
   padding: 10px 5px;
   line-height: 0px;
   font-size: 13pt;

}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {

   color: #FF0;

}

/* CUSTOMIZE THE CAROUSEL

*/

/* Carousel base class */ .carousel {

 height: 500px;
 margin-bottom: 60px;

} /* Since positioning the image, we need to help out the caption */ .carousel-caption {

 z-index: 10;

}

/* Declare heights because of positioning of img element */ .carousel .item {

 height: 500px;
 background-color: none;

} .carousel-inner > .item > img {

 position: absolute;
 top: 0;
 left: 0;
 min-width: 100%;
 height: 500px;

}

.jumbotron {

   padding-top: 25px;
   padding-bottom: 10px;

}

/* MARKETING CONTENT

*/

/* Center align the text within the three columns below the carousel */ .marketing .col-lg-4 {

 margin-bottom: 20px;
 text-align: center;

} .marketing h2 {

   font-weight: normal;
   font-family: "Roboto";
   font-size: 20pt;

} .marketing .col-lg-4 p {

   margin-right: 10px;
   margin-left: 10px;
   font-size: 12pt;
   line-height: 1.5em;

}

/* Featurettes

*/

.featurette-divider {

margin: 80px 0; /* Space out the Bootstrap

more */

}

/* Thin out the marketing headings */ .featurette-heading {

 font-weight: 300;
 line-height: 1;
 letter-spacing: -1px;

}

/* RESPONSIVE CSS

*/

@media (min-width: 768px) {

 /* Navbar positioning foo */
 .navbar-wrapper {
   margin-top: 2px;
 }
 .navbar-wrapper .container {
   padding-right: 15px;
   padding-left: 15px;
 }
 .navbar-wrapper .navbar {
   padding-right: 0;
   padding-left: 0;
 }

 /* The navbar becomes detached from the top, so we round the corners */
 .navbar-wrapper .navbar {
   border-radius: 4px;
 }

 /* Bump up size of carousel content */
 .carousel-caption p {
   margin-bottom: 20px;
   font-size: 21px;
   line-height: 1.4;
 }

 .featurette-heading {
   font-size: 30px;
 }
 
 .glyphicon {
   visibility: visible;
   font-size: 12pt;
 }
 .navbar-inverse .navbar-nav > li > a {
   font-size: 10pt;
   padding: 10px 8px;
   line-height: 20px;
 }
 
 /*  Open tabs  */
 .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
   color: #666;
 }
 .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
   background-color: #FF3;
   color: #222;
 }

}

@media (min-width: 992px) {

 .featurette-heading {
   margin-top: 30px;
 }
 
 .navbar-inverse .navbar-nav > li > a {
   padding: 10px 15px;
 }
 
 .teamname {
   font-family: "Arvo";
   visibility: visible;
   font-size: 15pt;
 }
 
 .glyphicon {
   visibility: visible;
   font-size: 14pt;
 }

}

@media (min-width: 1200px) {

 .navbar-inverse .navbar-nav > li > a {
   padding: 10px 20px;
 }

}

.navbar-inverse .navbar-nav > li > a:hover {

   color: #FF0;

}

.marketing {

   width: 100%;

}

.title img, .PageTitle img {

   display: block;
   margin: 60px auto 0 auto;
   width: 50%;
   width: 420px;
   min-width: 250px;

}

.title h1 {

   font-family: "Arvo";
   font-weight: normal;
   font-size: 30pt;
   text-align: center;
   color: #666;
   lineheight: 60px;
   margin: 0px;
   padding: 10px 0px 0px;
   border-bottom: 0px solid #FFF;

}

.title #square {

   margin: 10px auto 0 auto;
   width: 250px;
   border: 2px solid #666;
   border-radius: 8px;

}

.title h3, .PageTitle h3 {

   margin: 2px 0 2px 0;
   font-size: 25px;
   color: #666;
   text-align: center;

}

.meio {

   background: transparent url("") no-repeat fixed 80% 0px / cover;;
   overflow: hidden;
   min-height: 700px;
   margin: 30px auto 30px;
   padding: 170px 0px;
   color: #444;

}

.threecolumns {

   background: transparent url("") no-repeat fixed 80% 0px / cover;;
   overflow: hidden;
   min-height: 800px;
   margin: 30px auto 30px;
   padding: 170px 0px;
   color: #555;

} .threecolumns .board {

   background-color: #FFF;
   opacity: 0.8;
   border-radius: 8px;
   padding: 2px 0 10px 0;

} .board .btn-primary {

   color: #FFF;
   background-color: #33D;
   border-color: #AAF;

}

.center{

   text-align: center;

} .featurette-heading span.TextoVerde {

   text-align: center;

}

videoCover_ {

   width: 100%;
   margin-top: 20px;

}

.col-md-5 img {

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

}

.sponsor {

   background-color: #FFF;

}

.sponsors h1, .team h1, .featurette h1 {

   font-size: 25pt;
   text-align: center;
   font-family: Oswald;
   color: #444;

}

.sponsors img {

   display: block;
   margin: 0px auto;
   width: 90%;
   min-width: 220px;
   max-width: 800px;

}

.last img {

   display: block;
   margin: 0px auto;
   width: 60%;
   margin-top: -40px;

}

.sponsors p {

   text-align: center;
   line-height: 1.5em;

} .sponsors a {

   margin-top: 20px;
   font-size: 18pt;

}

team {

   /*background: transparent url("") no-repeat fixed 80% 0px / cover;*/
   background: transparent url("") no-repeat fixed 80% 0px / cover;
   overflow: hidden;
   height: 700px;
   margin: 30px auto 30px;
   padding: 170px 0px;
   color: #555;

}

team h1 {

   font-family: Arvo;
   text-align: center;
   font-size: 25pt;
   padding: 15px 0 15px;
   margin-top: 50px;
   background-color: #FFF;
   border-radius: 8px;
   opacity: 0.7;
   color: #2A2A2A;

}

team p {

   text-align: right;
   margin: 10px;
   line-height: 1.5em;

}

.sponsors .btn-primary, #team .btn-primary {

   color: #FFF;
   background-color: #396;
   border-width: 0px;

}

/* GENERAL CONTENT */

.PageTitle {

   padding-top: 70px;
   padding-bottom: 0px;

}

.PageTitle h1 {

   font-family: Roboto;
   font-weight: bold;
   font-size: 40pt;
   line-height: 60px;
   text-align: center;
   color: #2CC22C;
   margin: 0px;
   padding: 75px 0px 0px;
   border-bottom: 0px solid #FFF;

}

.PageTitle h2 {

   font-family: Roboto;
   font-weight: bold;
   font-size: 30pt;
   line-height: 50px;
   text-align: center;
   color: #2CC22C;
   margin-top: 20px;
   padding: 0px 0px 0px;
   border-bottom: 0px solid #FFF;

}

img.grafico {

   display: block;
   margin: 10px auto 40px auto;
   height: auto;
   width: 600px;

}

div.fig {

  display: block;
  margin: 5px auto 5px auto;

} .fig p {

   text-align: center;
   font-size: 19pt;

}

.wikicontent {

  color: #333;
  position: relative;
  width: 80%;
  min-width: 500px;
  max-width: 1200px;
  margin: 20px auto 20px auto;
  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;

}

.wikicontent h1, #bodyContent .wikicontent h1 {

   font-size: 28pt;
   text-align: center;
   font-family: Oswald;
   color: #4C6;
   margin-top: 40px;
   margin-bottom: 15px;
   border-bottom: 3px solid #4C6;
   width: 100%;

}

.wikicontent h2, #bodyContent .wikicontent h2 {

   font-size: 21pt;
   text-align: left;
   font-family: Roboto;
   color: #4C6;
   margin-top: 15px;
   margin-bottom: 10px;
   border-bottom: 0px;

}

.wikicontent h3, #bodyContent .wikicontent h3 {

   font-size: 17pt;
   text-align: left;
   font-family: Roboto;
   font-weight: bold;
   color: #444;
   margin-top: 10px;
   margin-bottom: 5px;
   border-bottom: 0px;

}

.wikicontent a, .wikicontent a:visited, .wikicontent a:visited, .wikicontent a.active, .jamboreh a, .jamboreh a:visited, .jamboreh a:visited, .jamboreh a.active,

ToC a, #ToC a:visited, #ToC a:visited, #ToC a.active

{

   padding-right: 0px;
   color: #2cc22c;

}

.wikicontent ul {

   padding-right: 90px;
   padding-left: 70px;
   margin: 25px 0 25px 0px;

} .wikicontent li {

   text-align: justify;
   line-height: 1.4em;
   font-size: 21px;
   font-weight: 300;
   margin: 5px 0;

}

.wikicontent .centeredImage {

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

}

.wikicontent .ThanksBadge {

   display: block;
   margin: 0px auto 0px auto;
   height: 250px; width: auto;

}

/* Jambore */ .jamboreh .title img {

   display: block;
   margin: 40px auto 0 auto;
   width: 80%;
   min-width: 250px;
   max-width: 800px;

} .jamboreh img.center {

   display: block;
   margin: 30px auto 30px auto;
   min-width: 100px;

} .jamboreh h1 {

   font-size: 25pt;
   text-align: center;
   font-family: Oswald;
   color: #4C6;
   margin-top: 80px;
   border-bottom: 1px solid #666;

} .jamboreh img.SlideCover {

   display: block;
   width: 250px;
   height: auto;
   margin-top: 40px;

} .jamboreh .btn-primary {

   color: #333;
   background-color: #AFA;
   border-color: #131;

} .jamboreh .featurette-divider {

   margin: 40px 0;
   height: 0px;
   border: none;

} .jamboreh .carousel-inner img {

 top: 0;
 left: 0;
 width: 80%;
 max-width: 800px;
 height: auto;

} .jamboreh .carousel-caption {

   right: 0px;
   left: 0px;
   padding: 0 0 0 0;

} p.lead, .jamboreh p, .wikicontent p {

   text-align: justify;
   line-height: 25px;
   margin-bottom: 20px;
   font-size: 21px;
   font-weight: 300;

}

.jamboreh .quoting {

   display: block;
   width: 600px;
   margin: 30px auto 50px auto;

} .jamboreh .bqstart {

    float: left;
    height: 45px;
    margin-top: -20px;
    padding-top: 45px;
    margin-bottom: -50px;
    font-size: 700%;
    color: #0B6;

} .jamboreh blockquote {

   background-color: #EFE;
   padding: 10px 50px;
   margin: 0px 0px 0px;
   font-family: Roboto;
   font-size: 13pt;
   border-left: none;
   border-radius: 8px;

} .jamboreh span.quoteauthor {

   font-family: Roboto;
   font-size: 11pt;
   font-weight: bold;

}

/* */

bodyContent h1 {

   margin-bottom: 0px;

}

bodyContent .sponsors {

 margin-top: 100px;

}

bodyContent .sponsor a[href ^="https://"] {

 padding-right: 0px;

} .sponsor img {

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

} div.sponsor_imgs {

   float: left;
   margin: 0 10px 20px 10px;
   width: 400px;

}

.sponsor span.TextoVerde {

  color:#0b5;
  font-family: "Arvo";
  font-weight: bold;

}

.sponsor img.rightal {

   margin: 0 auto 0 20px;

} .sponsor img.leftal {

   margin: 0 auto 0 20px;

}

.sponsor p {

   line-height: 20px;
   margin: 0 auto 50px auto;
   font-family: Roboto;
   color: #5A5A5A;
   text-align: justify;
   width: 70%;
   max-width: 900px;
   min-width: 200px;

}

.sponsor h2 {

   text-align: left;
   margin: 10px 0 0 10px;
   font-family: "Arvo";
   font-size: 18pt;

}

.sponsor .container {

   margin: 15px auto 5px auto;

}

/* Specific for team pics */

.wikicontent img.TeamPic {

   display: block;
   width: auto;
   height: auto;
   margin-top: 40px;
   border-radius: 30px;

}

.wikicontent div.sponsor_imgs {

   float: left;
   margin: 0 10px 20px 10px;
   width: 300px;

}

.fadeEffect {

   display: inline-block;

}

.fadeEffect.hover {

   -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
       -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
           filter: grayscale(100%);
           filter: gray; /* IE 6-9 */
   opacity: 0.5;

}