Template:UFMG Brazil/css

From 2014.igem.org

(Difference between revisions)
Line 2: Line 2:
<style>
<style>
-
html, body
+
html, body
{
{
height: 100%;
height: 100%;
Line 11: Line 11:
margin: 0px;
margin: 0px;
padding: 0px;
padding: 0px;
-
background: #FFFFFF;
+
background: #00838C;
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Source Sans Pro', sans-serif;
font-size: 12pt;
font-size: 12pt;
Line 23: Line 23:
margin: 0;
margin: 0;
padding: 0;
padding: 0;
-
 
}
}
-
h5 {
 
-
font-size: 200%;
 
-
}
 
-
h6 {
 
-
font-size: 125%;
 
-
}
 
p, ol, ul
p, ol, ul
{
{
Line 67: Line 60:
margin: 0px auto;
margin: 0px auto;
width: 1200px;
width: 1200px;
-
 
}
}
-
 
+
-
        a:visited {
+
-
        color: #FFFFFF;
+
-
 
+
-
        }
+
-
 
+
-
/* Editado abaixo daqui */
+
-
 
+
-
#p-logo,
+
-
#search-controls,
+
-
.firstHeading {
+
-
    display: none;
+
-
}
+
-
 
+
-
#top-section {
+
-
    background-color: #FFFFFF;
+
-
    border: none;
+
-
    width: auto;
+
-
    height:25px;
+
-
    margin-top: 0;
+
-
    margin-bottom: 0px;
+
-
 
+
-
}
+
-
 
+
-
#top-section:hover {
+
-
    background: #F83939;
+
-
}
+
-
 
+
-
/* Edit and user menu */
+
-
#menubar {
+
-
    top: 0 !important;
+
-
    font-size: 0.8em;   
+
-
}
+
-
 
+
-
#menubar li,
+
-
#menubar li a:link {
+
-
    text-transform: uppercase;
+
-
}
+
-
 
+
-
/* Highlight with background colour on hover */
+
-
#top-section:hover #menubar li a {
+
-
    color: white;
+
-
}
+
-
 
+
-
#menubar li a:link,
+
-
#menubar li a:visited {
+
-
    color: #FFFFFF;
+
-
    background-color: transparent;
+
-
}
+
-
 
+
-
#menubar li a:hover,
+
-
#menubar li a:focus {
+
-
    color: white;
+
-
    text-decoration: none;
+
-
}
+
-
 
+
-
/* Edit */
+
-
#menubar.left-menu{
+
-
   
+
-
}
+
-
 
+
-
#menubar.left-menu:hover {
+
-
    background-color: transparent;
+
-
}
+
-
 
+
-
 
+
-
/* User */
+
-
#menubar.right-menu {
+
-
   
+
-
}
+
-
 
+
-
 
+
-
 
+
-
/* ? */
+
-
#catlinks {
+
-
    display:none;
+
-
    border:none;
+
-
    background: #ffffff;
+
-
}
+
-
 
+
-
#visualClear {
+
-
display:none;
+
-
}
+
-
 
+
-
#content{
+
-
border: none;
+
-
width: auto;
+
-
margin-top: -10px;
+
-
padding: 0px;
+
-
}
+
-
 
+
-
#contentSub{
+
-
display: none;
+
-
}
+
-
 
+
-
#bodyContent{
+
-
padding: 0px 0px 0px 0px;
+
-
 
+
-
}
+
/*********************************************************************************/
/*********************************************************************************/
Line 367: Line 261:
{
{
display: inline-block;
display: inline-block;
-
                vertical-align: bottom;
+
margin-top: 2em;
padding: 1em 2em 1em 2em;
padding: 1em 2em 1em 2em;
background: #B03500;
background: #B03500;
Line 376: Line 270:
font-weight: 400;
font-weight: 400;
font-size: 1.2em;
font-size: 1.2em;
-
color: #FFFFFF;
+
color: #FFF;
-
               
+
}
-
        }
+
.button:before
.button:before
Line 398: Line 291:
line-height: 1.8em;
line-height: 1.8em;
font-size: 1em;
font-size: 1em;
-
                vertical-align: bottom;
 
-
                display: inline-block;
 
-
}
 
-
 
-
.button-big
 
-
{
 
-
padding: 0.9em 2em;
 
-
line-height: 1.8em;
 
-
font-size: 1em;
 
-
background: #FFF;
 
-
color: #000;
 
}
}
-
/*********************************************************************************/
 
-
/* Heading Titles                                                                */
 
-
/*********************************************************************************/
 
-
 
-
.title2
 
-
{
 
-
margin-bottom: 3em;
 
-
                color: rgba(0,0,0,0);
 
-
                font-size: 2em;
 
-
                font-weight: bold;
 
-
     
 
-
}
 
-
 
-
.title2 h2
 
-
{
 
-
font-size: 2.8em;
 
-
color: rgba(255,255,255,0.9);
 
-
}
 
-
 
-
.title2 .byline
 
-
{
 
-
letter-spacing: 0.15em;
 
-
text-transform: uppercase;
 
-
font-weight: 400;
 
-
font-size: 1.1em;
 
-
color: #6F6F6F;
 
-
}
 
-
 
/*********************************************************************************/
/*********************************************************************************/
/* Heading Titles                                                                */
/* Heading Titles                                                                */
Line 462: Line 316:
color: #6F6F6F;
color: #6F6F6F;
}
}
-
 
-
 
-
 
-
 
-
 
/*********************************************************************************/
/*********************************************************************************/
Line 476: Line 325:
overflow: hidden;
overflow: hidden;
padding: 5em 0em;
padding: 5em 0em;
-
background: #dc5e61 url(https://static.igem.org/mediawiki/2014/5/5c/Overlay.png) repeat;
+
background: #B03500 url(images/overlay.png) repeat;
}
}
Line 489: Line 338:
#logo
#logo
{
{
-
padding: 0em 0em;
+
padding: 5em 0em;
text-align: center;
text-align: center;
-
                font-size: 3.5em;
 
-
                margin: 0em;
 
}
}
Line 498: Line 345:
{
{
font-size: 3.5em;
font-size: 3.5em;
-
                text-decoration: none;
 
}
}
Line 534: Line 380:
#menu
#menu
{
{
-
width: 1200;
+
width: 80%;
margin: 0px auto;
margin: 0px auto;
}
}
Line 604: Line 450:
{
{
overflow: hidden;
overflow: hidden;
-
+
padding: 8em 0em;
background: #939E77;
background: #939E77;
}
}
Line 623: Line 469:
{
{
padding: 0em 8em;
padding: 0em 8em;
-
text-align: justify;
 
}
}
 +
 +
#welcome a,
 +
#welcome strong
 +
{
 +
color: rgba(255,255,255,0.6);
 +
}
/*********************************************************************************/
/*********************************************************************************/
Line 640: Line 491:
/*********************************************************************************/
/*********************************************************************************/
-
/*#content
+
#content
{
{
-
width: auto;
+
}
-
}*/
+
/*********************************************************************************/
/*********************************************************************************/
Line 665: Line 515:
#footer .title span
#footer .title span
{
{
-
color: rgba(255,255,255);
+
color: rgba(255,255,255,0.4);
}
}
Line 672: Line 522:
/*********************************************************************************/
/*********************************************************************************/
-
#footer
+
#copyright
{
{
overflow: hidden;
overflow: hidden;
Line 679: Line 529:
}
}
-
#footer p
+
#copyright p
{
{
letter-spacing: 0.20em;
letter-spacing: 0.20em;
text-align: center;
text-align: center;
 +
text-transform: uppercase;
font-size: 0.80em;
font-size: 0.80em;
-
color: #F3F3F3;
+
color: rgba(255,255,255,0.3);
}
}
-
#footer a
+
#copyright a
{
{
text-decoration: none;
text-decoration: none;
-
color: #F3F3F3;
+
color: rgba(255,255,255,0.6);
}
}
-
        #footer-box
 
-
        {
 
-
        display: none;
 
-
        } ​
 
 +
/*********************************************************************************/
 +
/* Newsletter                                                                    */
 +
/*********************************************************************************/
 +
 +
#newsletter
 +
{
 +
overflow: hidden;
 +
padding: 8em 0em;
 +
background: #EDEDED;
 +
text-align: center;
 +
}
 +
 +
#newsletter .title h2
 +
{
 +
color: rgba(0,0,0,0.8);
 +
}
 +
 +
#newsletter .content
 +
{
 +
width: 600px;
 +
margin: 0px auto;
 +
}
/*********************************************************************************/
/*********************************************************************************/
Line 709: Line 578:
{
{
text-align: center;
text-align: center;
-
color: rgba(0,0,0,10);
+
color: rgba(0,0,0,0.5);
-
                height: 677px;
+
}
}
Line 718: Line 586:
padding-bottom: 1em;
padding-bottom: 1em;
text-transform: uppercase;
text-transform: uppercase;
-
font-size: 10em;
+
font-size: 1em;
color: rgba(0,0,0,0.6);
color: rgba(0,0,0,0.6);
}
}
Line 725: Line 593:
{
{
text-align: center;
text-align: center;
-
                     
+
}
#portfolio .title h2
#portfolio .title h2
Line 738: Line 606:
{
{
width: 282px;
width: 282px;
-
             
 
}
}
Line 753: Line 620:
float: right;
float: right;
}
}
 +
</style>
</style>
</html>
</html>

Revision as of 14:48, 7 October 2014

Retrieved from "http://2014.igem.org/Template:UFMG_Brazil/css"