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