Template:UFMG Brazil/css
From 2014.igem.org
(Difference between revisions)
Tiagocastro (Talk | contribs) |
Tiagocastro (Talk | contribs) |
||
Line 2: | Line 2: | ||
<style> | <style> | ||
- | + | html, body | |
{ | { | ||
height: 100%; | height: 100%; | ||
Line 11: | Line 11: | ||
margin: 0px; | margin: 0px; | ||
padding: 0px; | padding: 0px; | ||
- | background: # | + | background: #FFFFFF; |
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 60: | Line 67: | ||
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 261: | Line 367: | ||
{ | { | ||
display: inline-block; | display: inline-block; | ||
- | + | vertical-align: bottom; | |
padding: 1em 2em 1em 2em; | padding: 1em 2em 1em 2em; | ||
background: #B03500; | background: #B03500; | ||
Line 270: | Line 376: | ||
font-weight: 400; | font-weight: 400; | ||
font-size: 1.2em; | font-size: 1.2em; | ||
- | color: # | + | color: #FFFFFF; |
- | + | ||
+ | } | ||
.button:before | .button:before | ||
Line 291: | Line 398: | ||
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 316: | Line 462: | ||
color: #6F6F6F; | color: #6F6F6F; | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
/*********************************************************************************/ | /*********************************************************************************/ | ||
Line 325: | Line 476: | ||
overflow: hidden; | overflow: hidden; | ||
padding: 5em 0em; | padding: 5em 0em; | ||
- | background: # | + | background: #dc5e61 url(https://static.igem.org/mediawiki/2014/5/5c/Overlay.png) repeat; |
} | } | ||
Line 338: | Line 489: | ||
#logo | #logo | ||
{ | { | ||
- | padding: | + | padding: 0em 0em; |
text-align: center; | text-align: center; | ||
+ | font-size: 3.5em; | ||
+ | margin: 0em; | ||
} | } | ||
Line 345: | Line 498: | ||
{ | { | ||
font-size: 3.5em; | font-size: 3.5em; | ||
+ | text-decoration: none; | ||
} | } | ||
Line 380: | Line 534: | ||
#menu | #menu | ||
{ | { | ||
- | width: | + | width: 1200; |
margin: 0px auto; | margin: 0px auto; | ||
} | } | ||
Line 450: | Line 604: | ||
{ | { | ||
overflow: hidden; | overflow: hidden; | ||
- | + | ||
background: #939E77; | background: #939E77; | ||
} | } | ||
Line 469: | Line 623: | ||
{ | { | ||
padding: 0em 8em; | padding: 0em 8em; | ||
+ | text-align: justify; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
/*********************************************************************************/ | /*********************************************************************************/ | ||
Line 491: | Line 640: | ||
/*********************************************************************************/ | /*********************************************************************************/ | ||
- | #content | + | /*#content |
{ | { | ||
- | } | + | width: auto; |
+ | }*/ | ||
/*********************************************************************************/ | /*********************************************************************************/ | ||
Line 515: | Line 665: | ||
#footer .title span | #footer .title span | ||
{ | { | ||
- | color: rgba(255,255,255 | + | color: rgba(255,255,255); |
} | } | ||
Line 522: | Line 672: | ||
/*********************************************************************************/ | /*********************************************************************************/ | ||
- | # | + | #footer |
{ | { | ||
overflow: hidden; | overflow: hidden; | ||
Line 529: | Line 679: | ||
} | } | ||
- | # | + | #footer p |
{ | { | ||
letter-spacing: 0.20em; | letter-spacing: 0.20em; | ||
text-align: center; | text-align: center; | ||
- | |||
font-size: 0.80em; | font-size: 0.80em; | ||
- | color: | + | color: #F3F3F3; |
} | } | ||
- | # | + | #footer a |
{ | { | ||
text-decoration: none; | text-decoration: none; | ||
- | color: | + | color: #F3F3F3; |
} | } | ||
+ | #footer-box | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
/*********************************************************************************/ | /*********************************************************************************/ | ||
Line 578: | Line 709: | ||
{ | { | ||
text-align: center; | text-align: center; | ||
- | color: rgba(0,0,0, | + | color: rgba(0,0,0,10); |
+ | height: 677px; | ||
} | } | ||
Line 586: | Line 718: | ||
padding-bottom: 1em; | padding-bottom: 1em; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
- | font-size: | + | font-size: 10em; |
color: rgba(0,0,0,0.6); | color: rgba(0,0,0,0.6); | ||
} | } | ||
Line 606: | Line 738: | ||
{ | { | ||
width: 282px; | width: 282px; | ||
+ | |||
} | } | ||
Line 620: | Line 753: | ||
float: right; | float: right; | ||
} | } | ||
- | |||
</style> | </style> | ||
</html> | </html> |
Revision as of 14:50, 7 October 2014