Team:Virginia/Team

From 2014.igem.org

(Difference between revisions)
Line 116: Line 116:
border-top: none;
border-top: none;
}
}
 +
 +
/** WRAPPER */
 +
 +
#wrapper
 +
{
 +
background: #FFFFFF;
 +
}
 +
 +
.container
 +
{
 +
width: 1000px;
 +
margin: 0px auto;
 +
}
 +
 +
.clearfix
 +
{
 +
clear: both;
 +
}
 +
 +
/** HEADER */
 +
 +
#header-wrapper
 +
{
 +
overflow: hidden;
 +
height: 150px;
 +
background: #088573;
 +
border-bottom: 1px solid #3B3B3A;
 +
}
 +
 +
#header
 +
{
 +
overflow: hidden;
 +
}
 +
 +
/** LOGO */
 +
 +
#logo
 +
{
 +
position: relative;
 +
float: left;
 +
width: 380px;
 +
height: 100px;
 +
}
 +
 +
#logo h1, #logo p
 +
{
 +
margin: 0px;
 +
line-height: normal;
 +
}
 +
 +
#logo h1 a
 +
{
 +
display: block;
 +
position: absolute;
 +
top: 0px;
 +
left: 0px;
 +
width: 100%;
 +
height: 100%;
 +
line-height: 150px;
 +
color: #FFFFFF;
 +
text-decoration: none;
 +
text-transform: uppercase;
 +
font-weight: 400;
 +
font-size: 1.50em;
 +
}
 +
 +
/** MENU */
 +
 +
#menu
 +
{
 +
float: right;
 +
padding: 40px 0px 0px 0px;
 +
height: 99px;
 +
}
 +
 +
#menu ul
 +
{
 +
float: right;
 +
margin: 0px;
 +
padding: 0px;
 +
background: #0DA993;
 +
list-style: none;
 +
line-height: normal;
 +
}
 +
 +
#menu li
 +
{
 +
float: left;
 +
padding: 2em 2em 2em 2em;
 +
}
 +
 +
#menu a
 +
{
 +
display: block;
 +
text-decoration: none;
 +
text-transform: uppercase;
 +
font-weight: 400;
 +
font-family: 'Archivo Narrow', sans-serif;
 +
font-size: 1.10em;
 +
color: #FFFFFF;
 +
}
 +
 +
#menu a:hover
 +
{
 +
text-decoration: underline;
 +
}
 +
 +
#menu .active a
 +
{
 +
color: #088674;
 +
}
 +
 +
#menu .first
 +
{
 +
background: #FFFFFF;
 +
border-left: none;
 +
box-shadow: none;
 +
color: #088674;
 +
}
 +
 +
/** PAGE */
 +
 +
#page
 +
{
 +
overflow: hidden;
 +
padding: 50px 0px;
 +
}
 +
 +
#page h2
 +
{
 +
padding: 0px 0px 30px 0px;
 +
letter-spacing: -1px;
 +
font-family: 'Open Sans', sans-serif;
 +
font-weight: 400;
 +
font-size: 2em;
 +
color: #098A76;
 +
}
 +
 +
/** CONTENT */
 +
 +
#content
 +
{
 +
float: left;
 +
width: 650px;
 +
}
 +
 +
#content h2
 +
{
 +
padding: 10px 0px 20px 0px;
 +
font-size: 2.50em;
 +
}
 +
 +
#content img
 +
{
 +
float: left;
 +
margin-right: 40px;
 +
}
 +
 +
/** SIDEBAR */
 +
 +
#sidebar
 +
{
 +
float: right;
 +
width: 300px;
 +
}
 +
 +
#sidebar h2
 +
{
 +
padding: 10px 0px 20px 0px;
 +
}
 +
 +
/* Footer */
 +
 +
#footer
 +
{
 +
overflow: hidden;
 +
padding: 3em 0em;
 +
}
 +
 +
#footer p
 +
{
 +
text-align: center;
 +
color: #FFFFFF;
 +
}
 +
 +
#footer a
 +
{
 +
color: #FFFFFF;
 +
}
 +
 +
/** Banner */
 +
 +
#banner
 +
{
 +
overflow: hidden;
 +
padding: 50px 0px;
 +
background: #E2E0DE;
 +
border-bottom: 1px solid #D8D8D8;
 +
}
 +
 +
/** Slider */
 +
 +
#slider
 +
{
 +
overflow: hidden;
 +
margin: 0 auto;
 +
width: 1000px;
 +
position: relative;
 +
}
 +
 +
#slider .button
 +
{
 +
display: inline-block;
 +
background: #0074C6;
 +
color: #ffffff;
 +
text-align: center;
 +
line-height: 50px;
 +
height: 50px;
 +
text-decoration: none;
 +
outline: 0;
 +
border-radius: 8px;
 +
font-size: 1.25em;
 +
border-bottom: solid 2px #0054A6;
 +
text-shadow: 0 1px 1px #003A6C;
 +
}
 +
 +
#slider .button:hover
 +
{
 +
background: #2094E6;
 +
}
 +
 +
#slider .viewer
 +
{
 +
width: 1000px;
 +
height: 500px;
 +
margin: 0 auto;
 +
overflow: hidden;
 +
}
 +
 +
#slider .viewer .reel
 +
{
 +
display: none;
 +
}
 +
 +
#slider .viewer .reel .slide
 +
{
 +
position: relative;
 +
width: 1000px;
 +
height: 500px;
 +
}
 +
 +
#slider .viewer .reel h2
 +
{
 +
position: absolute;
 +
top: 230px;
 +
left: 0;
 +
padding: 0px 30px;
 +
line-height: 80px;
 +
background: #111111;
 +
text-align: center;
 +
opacity: 0.75;
 +
font-weight: normal;
 +
font-family: 'Archivo Narrow', sans-serif;
 +
color: #ffffff;
 +
font-size: 4.50em;
 +
}
 +
 +
#slider .viewer .reel p
 +
{
 +
position: absolute;
 +
top: 310px;
 +
left: 0;
 +
display: block;
 +
padding: 5px 35px;
 +
background: #0074C6;
 +
text-align: center;
 +
opacity: 0.75;
 +
font-family: 'Archivo Narrow', sans-serif;
 +
font-weight: normal;
 +
color: #ffffff;
 +
font-size: 2.00em;
 +
}
 +
 +
#slider .indicator
 +
{
 +
margin: 30px auto 0 auto;
 +
}
 +
 +
#slider .indicator ul
 +
{
 +
list-style: none;
 +
padding: 0;
 +
margin: 0;
 +
text-align: center;
 +
}
 +
 +
#slider .indicator ul li
 +
{
 +
display: inline-block;
 +
width: 12px;
 +
height: 12px;
 +
text-indent: -9999em;
 +
background: #c8c8c8;
 +
margin: 0 2px 0 2px;
 +
border-radius: 8px;
 +
border-bottom: solid 1px #ffffff;
 +
border-top: solid 1px #909090;
 +
}
 +
 +
#slider .indicator ul li.active
 +
{
 +
background: #505050;
 +
border-top: solid 1px #505050;
 +
}
 +
 +
#featured
 +
{
 +
overflow: hidden;
 +
padding: 50px 0px;
 +
border-bottom: 1px solid #D8D8D8;
 +
}
 +
 +
#featured #fbox1
 +
{
 +
float: left;
 +
width: 235px;
 +
margin-right: 20px;
 +
}
 +
 +
#featured #fbox2
 +
{
 +
float: left;
 +
width: 235px;
 +
margin-right: 20px;
 +
}
 +
 +
#featured #fbox3
 +
{
 +
float: left;
 +
width: 235px;
 +
}
 +
 +
#featured #fbox4
 +
{
 +
float: right;
 +
width: 235px;
 +
}
 +
 +
#featured img
 +
{
 +
}
 +
 +
#featured p
 +
{
 +
text-align: center;
 +
}
 +
 +
#featured h2
 +
{
 +
padding: 20px 0px 20px 0px;
 +
text-align: center;
 +
text-transform: uppercase;
 +
font-size: 1.00em;
 +
font-weight: 700;
 +
font-family: 'Open Sans', sans-serif;
 +
color: #098A76;
 +
}
 +
 +
#featured .title
 +
{
 +
margin-bottom: 40px;
 +
border-top: 1px solid #D8D8D8;
 +
border-bottom: 1px solid #D8D8D8;
 +
font-family: 'Open Sans', sans-serif;
 +
font-size: 2.50em;
 +
color: #098A76 !important;
 +
}
 +
</style>
</style>
</head>
</head>

Revision as of 14:13, 9 June 2014