|
|
| Line 1: |
Line 1: |
| - | <html>
| |
| - | <html lang="en">
| |
| | | | |
| - | <style = "text/css" media="screen">
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | ul.topnav {
| |
| - | list-style: none;
| |
| - | padding: 0px 0px;
| |
| - | margin: 0px 0px 0px -22px;
| |
| - | width:1000px;
| |
| - | float: left;
| |
| - |
| |
| - |
| |
| - |
| |
| - | }
| |
| - | ul.topnav li {
| |
| - | font-family: 'Georgia', Times, serif;
| |
| - | font-weight: 150;
| |
| - | font-size: 1.65em;
| |
| - | float: left;
| |
| - | margin:0px 0px 0px 0px;
| |
| - | opacity:.8;
| |
| - | padding: 2px 6px 10px 12px;
| |
| - | position: 0px 0px; /*--Declare X and Y axis base for sub navigation--*/
| |
| - | }
| |
| - | ul.topnav li a{
| |
| - | padding: 18px 8px 10px 10px;
| |
| - | color: white;
| |
| - | display: block;
| |
| - |
| |
| - |
| |
| - |
| |
| - | text-decoration: none;
| |
| - | float: left;
| |
| - | }
| |
| - | ul.topnav li a:hover{
| |
| - | background-color:black;
| |
| - | padding: 18px 8px 10px 10px;
| |
| - | font-color: white;
| |
| - |
| |
| - | }
| |
| - | ul.topnav li span { /*--Drop down trigger styles--*/
| |
| - | width: 17px;
| |
| - | height: 25px;
| |
| - |
| |
| - | float: left;
| |
| - | background-color: gray;
| |
| - | }
| |
| - | ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
| |
| - | ul.topnav li ul.subnav {
| |
| - | list-style: none;
| |
| - | position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
| |
| - | left: 3px; top: 55px;
| |
| - | background: #333;
| |
| - | margin: 0; padding: 3px;
| |
| - | display: none;
| |
| - | float: left;
| |
| - | width: 160px;
| |
| - | opacity: .6;
| |
| - | border: 1px solid #111;
| |
| - | }
| |
| - | ul.topnav li ul.subnav li{
| |
| - | margin: 0; padding: 0;
| |
| - | border-top: 1px solid #252525; /*--Create bevel effect--*/
| |
| - | border-bottom: 1px solid #444; /*--Create bevel effect--*/
| |
| - | clear: both;
| |
| - | height:45px;
| |
| - | width: 155px;
| |
| - | font-size: .5em;
| |
| - | font-family: 'Georgia', Times, serif;
| |
| - | font-weight: 150;
| |
| - |
| |
| - |
| |
| - | }
| |
| - | html ul.topnav li ul.subnav li a {
| |
| - | float: left;
| |
| - | height:25px;
| |
| - | width: 145px;
| |
| - | background-color: white;
| |
| - | padding-left: 3px;
| |
| - |
| |
| - | }
| |
| - | html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
| |
| - | background-color: blue;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #content1{
| |
| - | font-family:Georgia ,Helvetica,sans-serif;
| |
| - | height: 300px;
| |
| - | }
| |
| - |
| |
| - | #content2{
| |
| - | font-family:Georgia ,Helvetica,sans-serif;
| |
| - | height: 50px;
| |
| - | }
| |
| - | body{ background: url(https://static.igem.org/mediawiki/2013hs/f/f4/BackgroundTareq.jpg);}
| |
| - | #globalWrapper {width: 100%;}
| |
| - |
| |
| - | #content{
| |
| - | padding: 0px;
| |
| - | width: 1000px;
| |
| - | background: #ffe5d4;
| |
| - | // Background Color
| |
| - | font-family:Georgia ,Helvetica,sans-serif;
| |
| - | border: none;
| |
| - | text-decoration: none;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | .main_item h1{
| |
| - | text-decoration:none;
| |
| - | }
| |
| - |
| |
| - | #p-logo{
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | #top-section2{
| |
| - | width: 100%;
| |
| - |
| |
| - | background: url(http://www.eecs.berkeley.edu/~jvmiller/images/imagetestberkeley.gif);
| |
| - | height: 65px;
| |
| - | }
| |
| - | #top-section3{
| |
| - | width: 100%;
| |
| - | height:78px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #spacer {
| |
| - | height: 20px;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #team{border: 1px solid black;
| |
| - | padding: 2px;
| |
| - | height:380px;}
| |
| - |
| |
| - |
| |
| - | #search-controls{
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | #spacer2 {
| |
| - | height: 12em;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #spacer3 {
| |
| - | height: .4em;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #top-section{
| |
| - | width: 100%;
| |
| - | background: url(https://static.igem.org/mediawiki/2011/6/68/Noise_pattern_8.jpg);
| |
| - | height: 5px;
| |
| - | border:none;
| |
| - | }
| |
| - |
| |
| - | .firstHeading {
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | /*
| |
| - | * jQuery Nivo Slider v2.6
| |
| - | * http://nivo.dev7studios.com
| |
| - | *
| |
| - | * Copyright 2011, Gilbert Pellegrom
| |
| - | * Free to use and abuse under the MIT license.
| |
| - | * http://www.opensource.org/licenses/mit-license.php
| |
| - | *
| |
| - | * March 2010
| |
| - | */
| |
| - |
| |
| - |
| |
| - | /* The Nivo Slider styles */
| |
| - | .nivoSlider {
| |
| - | position:relative;
| |
| - | effect: 'fade'
| |
| - | }
| |
| - | .nivoSlider img {
| |
| - | position:absolute;
| |
| - | top:0px;
| |
| - | left:0px;
| |
| - | }
| |
| - | /* If an image is wrapped in a link */
| |
| - | .nivoSlider a.nivo-imageLink {
| |
| - | position:absolute;
| |
| - | top:0px;
| |
| - | left:0px;
| |
| - | width:100%;
| |
| - | height:100%;
| |
| - | border:0;
| |
| - | padding:0;
| |
| - | margin:0;
| |
| - | z-index:6;
| |
| - | display:none;
| |
| - | }
| |
| - | /* The slices and boxes in the Slider */
| |
| - | .nivo-slice {
| |
| - | display:block;
| |
| - | position:absolute;
| |
| - | z-index:5;
| |
| - | height:100%;
| |
| - | }
| |
| - | .nivo-box {
| |
| - | display:block;
| |
| - | position:absolute;
| |
| - | z-index:5;
| |
| - | }
| |
| - | /* Caption styles */
| |
| - | .nivo-caption {
| |
| - | position:absolute;
| |
| - | left:0px;
| |
| - | bottom:0px;
| |
| - | background:#000;
| |
| - | color:#fff;
| |
| - | opacity:0.8; /* Overridden by captionOpacity setting */
| |
| - | width:100%;
| |
| - | z-index:8;
| |
| - | }
| |
| - | .nivo-caption p {
| |
| - | padding:5px;
| |
| - | margin:0;
| |
| - | }
| |
| - | .nivo-caption a {
| |
| - | display:inline !important;
| |
| - | }
| |
| - | .nivo-html-caption {
| |
| - | display:none;
| |
| - | }
| |
| - | /* Direction nav styles (e.g. Next & Prev) */
| |
| - | .nivo-directionNav a {
| |
| - | position:absolute;
| |
| - | top:45%;
| |
| - | z-index:9;
| |
| - | cursor:pointer;
| |
| - | }
| |
| - | .nivo-prevNav {
| |
| - | left:15px;
| |
| - | }
| |
| - | .nivo-nextNav {
| |
| - | right:15px;
| |
| - | }
| |
| - | /* Control nav styles (e.g. 1,2,3...) */
| |
| - | .theme-default .nivo-controlNav {
| |
| - | position:absolute; left:100%; bottom:-42px;
| |
| - | margin-left: -1000px;
| |
| - | }
| |
| - |
| |
| - | .nivo-controlNav a {
| |
| - | position:relative;
| |
| - | z-index:9;
| |
| - | cursor:pointer;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | .nivo-controlNav a.active {
| |
| - | font-weight:bold;
| |
| - | }
| |
| - |
| |
| - | .theme-default #slider {
| |
| - | margin:0px auto 0px auto;
| |
| - | width:618px; /* Make sure your images are the same size */
| |
| - | height:464px; /* Make sure your images are the same size */
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | </style>
| |
| - |
| |
| - | </html>
| |
| | | | |
| | <html> | | <html> |
"
