Template:UFMG Brazil/css

From 2014.igem.org

(Difference between revisions)
 
(121 intermediate revisions not shown)
Line 2: Line 2:
<style>
<style>
 +
html, body
 +
{
 +
height: 100%;
 +
}
 +
 +
body
 +
{
 +
margin: 0px;
 +
padding: 0px;
 +
background: #FFFFFF;
 +
font-family: 'Source Sans Pro', sans-serif;
 +
font-size: 12pt;
 +
font-weight: 400;
 +
color: #FFFFFF;
 +
}
 +
 +
 +
h1, h2, h3
 +
{
 +
margin: 0;
 +
padding: 0;
 +
 +
}
 +
 +
h5 {
 +
font-size: 200%;
 +
color: #FFFFFF;
 +
}
 +
h6 {
 +
font-size: 125%;
 +
}
 +
p, ol, ul
 +
{
 +
margin-top: 0;
 +
}
 +
 +
ol, ul
 +
{
 +
padding: 0;
 +
list-style: none;
 +
}
 +
 +
p
 +
{
 +
line-height: 180%;
 +
                color: #FFFFFF;
 +
}
 +
 +
strong
 +
{
 +
}
 +
 +
a
 +
{
 +
color: #0000FF;
 +
}
 +
 +
a:hover
 +
{
 +
text-decoration: none;
 +
}
 +
 +
 +
.container
 +
{
 +
margin: 0px auto;
 +
width: 1200px;
 +
 +
}
 +
 +
a:visited {
 +
color: #dc5e61;
 +
}
 +
 +
/* 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;
 +
 +
}
 +
 +
/*********************************************************************************/
 +
/* Form Style                                                                    */
 +
/*********************************************************************************/
 +
 +
form
 +
{
 +
}
 +
 +
form label
 +
{
 +
display: block;
 +
text-align: left;
 +
margin-bottom: 0.5em;
 +
}
 +
 +
form .submit
 +
{
 +
margin-top: 2em;
 +
background: #B03500;
 +
line-height: 1.5em;
 +
font-size: 1.3em;
 +
}
 +
 +
form input.text,
 +
form select,
 +
form textarea
 +
{
 +
position: relative;
 +
-webkit-appearance: none;
 +
display: block;
 +
border: 0;
 +
background: #fff;
 +
background: rgba(255,255,255,0.75);
 +
width: 100%;
 +
border-radius: 0.50em;
 +
margin: 1em 0em;
 +
padding: 1.50em 1em;
 +
box-shadow: inset 0 0.1em 0.1em 0 rgba(0,0,0,0.05);
 +
border: solid 1px rgba(0,0,0,0.15);
 +
-moz-transition: all 0.35s ease-in-out;
 +
-webkit-transition: all 0.35s ease-in-out;
 +
-o-transition: all 0.35s ease-in-out;
 +
-ms-transition: all 0.35s ease-in-out;
 +
transition: all 0.35s ease-in-out;
 +
font-family: 'Source Sans Pro', sans-serif;
 +
font-size: 1em;
 +
outline: none;
 +
}
 +
 +
form input.text:hover,
 +
form select:hover,
 +
form textarea:hover
 +
{
 +
}
 +
 +
form input.text:focus,
 +
form select:focus,
 +
form textarea:focus
 +
{
 +
box-shadow: 0 0 2px 1px #E0E0E0;
 +
background: #fff;
 +
}
 +
 +
form textarea
 +
{
 +
min-height: 12em;
 +
}
 +
 +
form .formerize-placeholder
 +
{
 +
color: #555 !important;
 +
}
 +
 +
form ::-webkit-input-placeholder
 +
{
 +
color: #555 !important;
 +
}
 +
 +
form :-moz-placeholder
 +
{
 +
color: #555 !important;
 +
}
 +
 +
form ::-moz-placeholder
 +
{
 +
color: #555 !important;
 +
}
 +
 +
form :-ms-input-placeholder
 +
{
 +
color: #555 !important;
 +
}
 +
 +
form ::-moz-focus-inner
 +
{
 +
border: 0;
 +
}
 +
/*********************************************************************************/
/*********************************************************************************/
Line 44: Line 310:
}
}
 +
/*********************************************************************************/
 +
/* List Styles                                                                  */
 +
/*********************************************************************************/
 +
ul.style1
 +
{
 +
}
 +
 +
 +
/*********************************************************************************/
 +
/* Social Icon Styles                                                            */
/*********************************************************************************/
/*********************************************************************************/
 +
 +
ul.contact
 +
{
 +
margin: 0;
 +
padding: 2em 0em 0em 0em;
 +
list-style: none;
 +
}
 +
 +
ul.contact li
 +
{
 +
display: inline-block;
 +
padding: 0em 0.30em;
 +
font-size: 1.2em;
 +
}
 +
 +
ul.contact li span
 +
{
 +
display: none;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 +
ul.contact li a
 +
{
 +
color: #FFF;
 +
}
 +
 +
ul.contact li a:before
 +
{
 +
display: inline-block;
 +
background: #333333;
 +
width: 60px;
 +
height: 60px;
 +
line-height: 60px;
 +
text-align: center;
 +
color: #FFFFFF;
 +
}
 +
 +
 +
/*********************************************************************************/
 +
/* Button Style                                                                  */
 +
/*********************************************************************************/
 +
 +
.button
 +
{
 +
display: inline-block;
 +
                vertical-align: bottom;
 +
padding: 0em 1em 0em 1em;
 +
background: #B03500;
 +
letter-spacing: 0.20em;
 +
line-height: 1.8em;
 +
text-decoration: none;
 +
text-transform: uppercase;
 +
font-weight: 400;
 +
font-size: 1.2em;
 +
color: #FFFFFF;
 +
               
 +
        }
 +
 +
.button:before
 +
{
 +
display: inline-block;
 +
background: #8DCB89;
 +
margin-right: 1em;
 +
width: 40px;
 +
height: 40px;
 +
line-height: 40px;
 +
border-radius: 20px;
 +
text-align: center;
 +
color: #272925;
 +
}
 +
 +
.button-small
 +
{
 +
padding: 0.9em 2em;
 +
line-height: 1.8em;
 +
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                                                                */
 +
/*********************************************************************************/
 +
 +
.title
 +
{
 +
margin-bottom: 3em;
 +
}
 +
 +
.title h2
 +
{
 +
font-size: 2.8em;
 +
color: rgba(255,255,255,0.9);
 +
}
 +
 +
.title .byline
 +
{
 +
letter-spacing: 0.15em;
 +
text-transform: uppercase;
 +
font-weight: 400;
 +
font-size: 1.1em;
 +
color: #6F6F6F;
 +
}
 +
 +
 +
 +
 +
/*********************************************************************************/
/*********************************************************************************/
Line 58: Line 480:
}
}
-
+
#header
 +
{
 +
}
/*********************************************************************************/
/*********************************************************************************/
Line 66: Line 490:
#logo
#logo
{
{
-
padding: 5em 0em;
+
padding: 0em 0em;
text-align: center;
text-align: center;
 +
                font-size: 3.5em;
 +
                margin: 0em;
}
}
Line 73: Line 499:
{
{
font-size: 3.5em;
font-size: 3.5em;
 +
                text-decoration: none;
}
}
Line 100: Line 527:
}
}
 +
 +
 +
/*********************************************************************************/
 +
/* Menu                                                                          */
 +
/*********************************************************************************/
 +
 +
#menu
 +
{
 +
width: 1200;
 +
margin: 0px auto;
 +
}
 +
 +
#menu ul
 +
{
 +
text-align: center;
 +
}
 +
 +
#menu li
 +
{
 +
display: inline-block;
 +
}
 +
 +
#menu li a, #menu li span
 +
{
 +
display: inline-block;
 +
margin-left: 0.50em;
 +
padding: 1.5em 1.5em;
 +
letter-spacing: 0.20em;
 +
text-decoration: none;
 +
font-size: 0.90em;
 +
font-weight: 600;
 +
text-transform: uppercase;
 +
outline: 0;
 +
color: #FFF;
 +
}
 +
 +
#menu li:hover a, #menu li.active a, #menu li.active span
 +
{
 +
}
 +
 +
#menu .current_page_item a
 +
{
 +
color: #FFF;
 +
}
 +
 +
 +
/*********************************************************************************/
 +
/* Banner                                                                        */
 +
/*********************************************************************************/
 +
 +
#banner
 +
{
 +
}
 +
/*********************************************************************************/
/*********************************************************************************/
/* Wrapper                                                                      */
/* Wrapper                                                                      */
Line 137: Line 618:
padding: 8em 0em;
padding: 8em 0em;
text-align: center;
text-align: center;
-
color: rgba(255,255,255,0.3);
+
color: #FFFFFF;
}
}
Line 160: Line 641:
/*********************************************************************************/
/*********************************************************************************/
-
#content
+
/*#content
{
{
width: auto;
width: auto;
-
}
+
}*/
/*********************************************************************************/
/*********************************************************************************/
Line 180: Line 661:
{
{
text-align: center;
text-align: center;
 +
}
}
Line 185: Line 667:
#footer .title span
#footer .title span
{
{
-
color: rgba(255,255,255,0.4);
+
color: rgba(255,255,255);
}
}
Line 192: Line 674:
/*********************************************************************************/
/*********************************************************************************/
-
#footer
+
#footer2
{
{
overflow: hidden;
overflow: hidden;
padding: 5em 0em;
padding: 5em 0em;
border-top: 1px solid rgba(255,255,255,0.08);
border-top: 1px solid rgba(255,255,255,0.08);
-
}
+
                background-color: black;
 +
 +
        }
-
#footer p
+
#footer2 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: rgba(255,255,255,0.3);
+
color: #F3F3F3;
}
}
-
#footer a
+
#footer2 a
{
{
text-decoration: none;
text-decoration: none;
-
color: rgba(255,255,255,0.6);
+
color: #F3F3F3;
 +
}
 +
        #footer-box
 +
        {
 +
        display: none;
 +
        } ​
 +
 
 +
 
 +
#footer2 .title span
 +
{
 +
color: rgba(255,255,255);
}
}
Line 226: Line 719:
text-align: center;
text-align: center;
color: rgba(0,0,0,10);
color: rgba(0,0,0,10);
 +
                height: 677px;
}
}
Line 233: Line 727:
padding-bottom: 1em;
padding-bottom: 1em;
text-transform: uppercase;
text-transform: uppercase;
-
font-size: 1em;
+
font-size: 10em;
color: rgba(0,0,0,0.6);
color: rgba(0,0,0,0.6);
}
}
Line 253: Line 747:
{
{
width: 282px;
width: 282px;
 +
             
}
}
Line 269: Line 764:
 +
//CONTENT DIVS
 +
 +
#protocols
 +
{
 +
height: auto;
 +
                padding: 8em;
 +
text-align: center;
 +
                color: #FFFFFF;
 +
                margin-top: 20px;
 +
 +
}
 +
#protocols .content
 +
{
 +
padding: 0em 8em;
 +
text-align: justify;
 +
color: red;
 +
}
</style>
</style>
</html>
</html>

Latest revision as of 01:26, 18 October 2014