Template:UFMG Brazil/css

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<style>
<style>
-
html, body
+
html, body
{
{
height: 100%;
height: 100%;
Line 61: Line 61:
}
}
 +
 +
/*********************************************************************************/
 +
/* 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 69: Line 168:
{
{
display: inline-block;
display: inline-block;
-
border: 100px solid rgba(0,0,0,.1);
+
border: 1px solid rgba(0,0,0,.1);
}
}
Line 102: Line 201:
width: auto;
width: auto;
}
}
 +
 +
/*********************************************************************************/
 +
/* List Styles                                                                  */
 +
/*********************************************************************************/
 +
 +
ul.style1
 +
{
 +
}
 +
/*********************************************************************************/
/*********************************************************************************/
Line 225: Line 333:
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: #dc5e61 url(images/overlay.png) repeat;
}
}
Line 354: Line 462:
}
}
 +
/*********************************************************************************/
 +
/* Welcome                                                                      */
 +
/*********************************************************************************/
 +
 +
#welcome
 +
{
 +
overflow: hidden;
 +
padding: 8em 0em;
 +
text-align: center;
 +
color: rgba(255,255,255,0.3);
 +
}
 +
 +
#welcome .content
 +
{
 +
padding: 0em 8em;
 +
text-align: justify;
 +
}
 +
 +
 +
 +
/*********************************************************************************/
 +
/* Page                                                                          */
 +
/*********************************************************************************/
 +
 +
#page
 +
{
 +
}
 +
 +
/*********************************************************************************/
 +
/* Content                                                                      */
 +
/*********************************************************************************/
 +
 +
#content
 +
{
 +
width: auto;
 +
}
 +
 +
/*********************************************************************************/
 +
/* Sidebar                                                                      */
 +
/*********************************************************************************/
 +
 +
#sidebar
 +
{
 +
}
 +
 +
/*********************************************************************************/
 +
/* Footer                                                                        */
 +
/*********************************************************************************/
 +
 +
#footer
 +
{
 +
text-align: center;
 +
}
 +
 +
 +
#footer .title span
 +
{
 +
color: rgba(255,255,255,0.4);
 +
}
 +
 +
/*********************************************************************************/
 +
/* Copyright                                                                    */
 +
/*********************************************************************************/
 +
 +
#footer
 +
{
 +
overflow: hidden;
 +
padding: 5em 0em;
 +
border-top: 1px solid rgba(255,255,255,0.08);
 +
}
 +
 +
#footer p
 +
{
 +
letter-spacing: 0.20em;
 +
text-align: center;
 +
text-transform: uppercase;
 +
font-size: 0.80em;
 +
color: rgba(255,255,255,0.3);
 +
}
 +
 +
#footer a
 +
{
 +
text-decoration: none;
 +
color: rgba(255,255,255,0.6);
 +
}
 +
 +
/*********************************************************************************/
 +
/* Portfolio                                                                    */
 +
/*********************************************************************************/
 +
 +
#portfolio
 +
{
 +
}
 +
 +
#portfolio .box
 +
{
 +
text-align: center;
 +
color: rgba(0,0,0,10);
 +
}
 +
 +
#portfolio h3
 +
{
 +
display: block;
 +
padding-bottom: 1em;
 +
text-transform: uppercase;
 +
font-size: 1em;
 +
color: rgba(0,0,0,0.6);
 +
}
 +
 +
#portfolio .title
 +
{
 +
text-align: center;
 +
}
 +
 +
#portfolio .title h2
 +
{
 +
color: rgba(0,0,0,0.8);
 +
}
 +
 +
.column1,
 +
.column2,
 +
.column3,
 +
.column4
 +
{
 +
width: 282px;
 +
}
 +
 +
.column1,
 +
.column2,
 +
.column3
 +
{
 +
float: left;
 +
margin-right: 24px;
 +
}
 +
 +
.column4
 +
{
 +
float: right;
 +
}
 +
</style>
</style>
</html>
</html>

Revision as of 19:45, 24 September 2014

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