Difference between revisions of "Team:Brasil-USP/Templates/folhaextra.css"
Thmosqueiro (Talk | contribs) |
Thmosqueiro (Talk | contribs) |
||
Line 298: | Line 298: | ||
.board .btn-primary { | .board .btn-primary { | ||
color: #FFF; | color: #FFF; | ||
− | background-color: # | + | background-color: #33D; |
− | border-color: # | + | border-color: #AAF; |
} | } | ||
Revision as of 17:49, 24 July 2015
- This is Brazil...
*/
/* 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 {
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;
}
/* this is one is really a pain... */
p {
margin: 0px 0px 0px 0px;
}
/* Padding below the footer and lighter body text */
body {
width: 100%; padding-bottom: 40px; color: #5a5a5a; margin: 0;
}
span.TextoVerde {
color:#2B2;
} span.TextoAzul {
color:#15F;
} span.TextoVermelho {
color:#F44;
}
/* 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: 25px 15px;
}
.navbar-inverse {
background-color: #030; opacity: 0.9; margin-top: 15px;
}
/* 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: #777;
} .carousel-inner > .item > img {
position: absolute; top: 0; left: 0; min-width: 100%; height: 500px;
}
.jumbotron {
padding-top: 48px; 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;
}
/* Featurettes
*/
.featurette-divider {
margin: 80px 0; /* Space out the Bootstrapmore */
}
/* 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: 10px; } .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; }
}
@media (min-width: 992px) {
.featurette-heading { margin-top: 30px; }
}
.navbar-inverse .navbar-nav > li > a {
text-align: center; color: #F0F0F0; font-size: 10pt;
} .navbar-inverse .navbar-nav > li > a:hover {
color: #FF0;
}
.marketing {
width: 100%;
}
.title img {
display: block; margin: 40px auto 0 auto; width: 50%; width: 420px; min-width: 250px;
}
.title h1 {
font-family: "Arvo"; font-weight: normal; font-size: 35pt; text-align: center; color: #666; margin: 0px; padding: 10px 0px 0px; border-bottom: 0px solid #FFF;
}
.title #square {
margin: 10px auto; width: 300px; border: 4px solid #666; border-radius: 8px;
}
.title h3 {
margin: 5px 0 5px 0; font-size: 30px; color: #666; text-align: center;
}
.meio {
background: transparent url("") no-repeat fixed 80% 0px / cover;; overflow: hidden; height: 700px; margin: 30px auto 30px; padding: 170px 0px; color: #222;
}
.threecolumns {
background: transparent url("") no-repeat fixed 80% 0px / cover;; overflow: hidden; height: 800px; margin: 30px auto 30px; padding: 170px 0px; color: #222;
} .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;
}
.sponsors img {
display: block; margin: 0px auto; width: 900px;
}
.last img {
display: block; margin: 0px auto; width: 60%;
}
.sponsors p {
text-align: center;
} .sponsors a {
margin-top: 20px; font-size: 18pt;
}
- team {
background: transparent url("") no-repeat fixed 80% 0px / cover;; overflow: hidden; height: 700px; margin: 30px auto 30px; padding: 170px 0px; color: #222;
}
- team h1 {
font-family: Arvo; text-align: center; font-size: 25pt; padding: 15px 0 15px; background-color: #FFF; border-radius: 8px; opacity: 0.7;
}
- team p {
text-align: right; margin: 10px;
}