Team:Imperial College/Templates/homebuttons

From 2013.igem.org

(Difference between revisions)
(Blanked the page)
 
Line 1: Line 1:
-
<!--DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"-->
 
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
 
-
<head>
 
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
-
<meta name="generator" content="MediaWiki 1.16.0" />
 
-
<link rel="shortcut icon" href="/favicon.ico" />
 
-
<link rel="search" type="application/opensearchdescription+xml" href="https://2012.igem.org/wiki/opensearch_desc.php" title="2012.igem.org (en)" />
 
-
<link title="Creative Commons" type="application/rdf+xml" href="https://2012.igem.org/wiki/index.php? title=Team:UC_Davis&amp;action=creativecommons" rel="meta" />
 
-
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
 
-
<link rel="alternate" type="application/atom+xml" title="2012.igem.org Atom feed" href="https://2012.igem.org/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" /> <title>Team:UC Davis - 2012.igem.org</title>
 
-
<style type="text/css" media="screen, projection">/*<![CDATA[*/
 
-
@import "/wiki/skins/common/shared.css?270";
 
-
@import "/wiki/skins/igem/main.css?270";
 
-
/*]]>*/</style>
 
-
<link rel="stylesheet" type="text/css" media="screen, projection" href="https://2012.igem.org/wiki/skins/common/shared.css?270" />
 
-
<link rel="stylesheet" type="text/css" media="screen, projection" href="https://2012.igem.org/wiki/skins/igem/main.css?270" />
 
-
 
-
<link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" />
 
-
<!--[if lt IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE50Fixes.css?270";</style><![endif]-->
 
-
<!--[if IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE55Fixes.css?270";</style><![endif]-->
 
-
<!--[if IE 6]><style type="text/css">@import "/wiki/skins/igem/IE60Fixes.css?270";</style><![endif]-->
 
-
<!--[if IE 7]><style type="text/css">@import "/wiki/skins/igem/IE70Fixes.css?270";</style><![endif]-->
 
-
<!--[if lt IE 7]><script type="text/javascript" src="/wiki/skins/common/IEFixes.js?270"></script>
 
-
<meta http-equiv="imagetoolbar" content="no" /><![endif]-->
 
-
<script>
 
-
var skin="igem",
 
-
stylepath="/wiki/skins",
 
-
wgUrlProtocols="http\\:\\/\\/|https\\:\\/\\/|ftp\\:\\/\\/|irc\\:\\/\\/|gopher\\:\\/\\/|telnet\\:\\/\\/|nntp\\:\\/\\/|worldwind\\:\\/\\/|mailto\\:|news\\:|svn\\:\\/\\/",
 
-
wgArticlePath="/$1",
 
-
wgScriptPath="/wiki",
 
-
wgScriptExtension=".php",
 
-
wgScript="/wiki/index.php",
 
-
wgVariantArticlePath=false,
 
-
wgActionPaths={},
 
-
wgServer="https://2012.igem.org",
 
-
wgCanonicalNamespace="",
 
-
wgCanonicalSpecialPageName=false,
 
-
wgNamespaceNumber=0,
 
-
wgPageName="Team:UC_Davis",
 
-
wgTitle="Team:UC Davis",
 
-
wgAction="view",
 
-
wgArticleId=1318,
 
-
wgIsArticle=true,
 
-
wgUserName=null,
 
-
wgUserGroups=null,
 
-
wgUserLanguage="en",
 
-
wgContentLanguage="en",
 
-
wgBreakFrames=false,
 
-
wgCurRevisionId=22440,
 
-
wgVersion="1.16.0",
 
-
wgEnableAPI=true,
 
-
wgEnableWriteAPI=true,
 
-
wgSeparatorTransformTable=["", ""],
 
-
wgDigitTransformTable=["", ""],
 
-
wgMainPageTitle="Main Page",
 
-
wgFormattedNamespaces={"-2": "Media", "-1": "Special", "0": "", "1": "Talk", "2": "User", "3": "User talk", "4": "2012.igem.org", "5": "2012.igem.org talk", "6": "File", "7": "File talk", "8": "MediaWiki", "9": "MediaWiki talk", "10": "Template", "11": "Template talk", "12": "Help", "13": "Help talk", "14": "Category", "15": "Category talk"},
 
-
wgNamespaceIds={"media": -2, "special": -1, "": 0, "talk": 1, "user": 2, "user_talk": 3, "2012.igem.org": 4, "2012.igem.org_talk": 5, "file": 6, "file_talk": 7, "mediawiki": 8, "mediawiki_talk": 9, "template": 10, "template_talk": 11, "help": 12, "help_talk": 13, "category": 14, "category_talk": 15, "image": 6, "image_talk": 7},
 
-
wgSiteName="2012.igem.org",
 
-
wgCategories=[],
 
-
wgMWSuggestTemplate="https://2012.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}\x26suggest",
 
-
wgDBname="2012_igem_org",
 
-
wgSearchNamespaces=[0],
 
-
wgMWSuggestMessages=["with suggestions", "no suggestions"],
 
-
wgRestrictionEdit=[],
 
-
wgRestrictionMove=[];       
 
-
</script>
 
-
<script type="text/javascript" src="https://2012.igem.org/wiki/skins/common/wikibits.js?270"><!-- wikibits js --></script>
 
-
 
-
<!-- Head Scripts -->
 
-
<script src="https://2012.igem.org/wiki/skins/common/ajax.js?270"></script>
 
-
<script src="https://2012.igem.org/wiki/skins/common/mwsuggest.js?270"></script>
 
-
<script type="text/javascript" src="https://2012.igem.org/wiki/index.php? title=-&amp;action=raw&amp;gen=js&amp;useskin=igem"><!-- site js --></script>
 
-
<!-- jQuery Javascript -->
 
-
<script type="text/javascript"        src ="https://2012.igem.org/common/jquery-latest.min.js"></script>
 
-
<script type="text/javascript"        src ="https://2012.igem.org/common/tablesorter/jquery.tablesorter.min.js"></script>
 
-
 
-
        <link rel="stylesheet" type="text/css" href="https://2012.igem.org/common/tablesorter/themes/groupparts/style.css" />
 
-
        <link rel="stylesheet" type="text/css" href="https://2012.igem.org/common/table_styles.css" />
 
-
        <link rel="stylesheet" type="text/css" href="https://2012.igem.org/forum/forum_styles.css" />
 
-
<script type="text/javascript"        src ="https://2012.igem.org/forum/forum_scripts.js"></script>
 
-
 
-
<!-- slide script starts here -->
 
-
 
-
<script type="text/javascript">
 
-
function slider() {
 
-
    var $current = $('#slides IMG.current');
 
-
 
-
    if ( $current.length == 0 ) $current = $('#slides IMG:last');
 
-
    var $next =  $current.next().length ? $current.next()
 
-
        : $('#slides IMG:first');
 
-
 
-
      $current.addClass('previous');
 
-
    $next.css({opacity: 0.0})
 
-
        .addClass('current')
 
-
        .animate({opacity: 1.0}, 2500, function() {
 
-
            $current.removeClass('current previous');
 
-
        });
 
-
 
-
var $navicurrent = $('.progress li.current');
 
-
if($navicurrent.length ==0) $navicurrent = $('.progress li:last');
 
-
var $navinext = $navicurrent.next().length ? $navicurrent.next() : $('.progress li:first');
 
-
$navicurrent.addClass('previous');
 
-
$navicurrent.removeClass('current previous');
 
-
$navinext.addClass('current').animate({opacity: 1.0}, 2500, function() {
 
-
        });
 
-
 
-
$('.progress li').click(function(){
 
-
   
 
-
var $ncurrent = $(this);
 
-
        $('.progress li').removeClass('current').removeClass('previous');
 
-
        $('#slides IMG').removeClass('current').removeClass('previous');
 
-
        $ncurrent.addClass('current');
 
-
        var ncurrentindex = $ncurrent.index();
 
-
if(  ncurrentindex=== 0) $current = $('#slides IMG:first');
 
-
        if(  ncurrentindex=== 1) $current = $('#slides IMG:eq(1)');
 
-
        if(  ncurrentindex=== 2) $current = $('#slides IMG:eq(2)');
 
-
        if(  ncurrentindex=== 3) $current = $('#slides IMG:last');
 
-
        $current.addClass('current');
 
-
 
-
});
 
-
 
-
}
 
-
$(function() {
 
-
    setInterval( "slider()", 5000 );
 
-
});
 
-
 
-
$(document).ready(function(){
 
-
 
-
  $('a.lightbox').click(function(e) {
 
-
    $('body').css('display', 'inherit'); // hide scrollbars!
 
-
 
-
    $('<div id="overlay"></div>')
 
-
    .css('opacity', '0')
 
-
      .animate({'opacity': '0.7'}, 'slow')
 
-
    .click(function(){
 
-
      removeLightbox();
 
-
      })
 
-
      .appendTo('body');
 
-
 
-
    $('<div id="lightbox"></div>')
 
-
      .hide()
 
-
      .appendTo('body');
 
-
 
-
    $('<img>')
 
-
      .attr('src', $(this).attr('href'))
 
-
      .load(function() {
 
-
        positionLightboxImage();
 
-
      })
 
-
      .click(function() {
 
-
        removeLightbox();
 
-
      })
 
-
      .appendTo('#lightbox');
 
-
 
-
    return false;
 
-
  });
 
-
});
 
-
 
-
function positionLightboxImage() {
 
-
  var top = ($(window).height()  - $('#lightbox').height())/2;
 
-
  var left = ($(window).width() - $('#lightbox').width())/2;
 
-
 
-
  $('#lightbox')
 
-
    .css({
 
-
      'top': top,
 
-
      'left':left-80
 
-
    })
 
-
    .fadeIn();
 
-
}
 
-
 
-
function removeLightbox() {
 
-
 
-
  $('#overlay, #lightbox')
 
-
    .fadeOut('slow', function() {
 
-
      $(this).remove();
 
-
      $('body').css('overflow-y', 'auto'); // show scrollbars!
 
-
    });
 
-
}
 
-
 
-
 
-
</script>
 
-
<!-- slide script ends here -->
 
-
<style type="text/css">
 
-
<!-- beginning of slider style -->
 
-
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%;
 
-
height:auto !important; /* real browsers */
 
-
height:100%; /* IE6: treaded as min-height*/
 
-
min-height:100%; /* real browsers */
 
-
}
 
-
#content { z-index: 1; background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; top:-3px; margin-top: -45px !important;
 
-
height:auto !important; /* real browsers */
 
-
height:100%; /* IE6: treaded as min-height*/
 
-
min-height:100%; /* real browsers */
 
-
}
 
-
#bodyContent { border: none; padding:0; margin:0; width:100%;
 
-
height:auto !important; /* real browsers */
 
-
height:100%; /* IE6: treaded as min-height*/
 
-
min-height:100%; /* real browsers */
 
-
}
 
-
#top-section { z-index: 2; height: 15px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; padding:0; border: none; font-size: 10px;}
 
-
#p-logo { height:1px; overflow:hidden; display: none;}
 
-
#search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}
 
-
.left-menu { width: 500px !important; display:block; margin-top:-80px; border: none; text-align: right;}
 
-
.left-menu ul { border: none; }
 
-
#menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;}
 
-
.right-menu ul { border: none; width: 300px;}
 
-
#footer-box { background-color: #216085; border: none; width: 850px; height: 30px; margin: -10px auto 0 auto; padding: 20px 0;}
 
-
.visualClear { display: none; }
 
-
#footer { border: none; width: 850px; margin: 0 auto; padding: 0;}
 
-
.firstHeading { display: block;}
 
-
#f-list a { color: #333; font-size: 10px;}
 
-
#f-list a:hover { color: #666;}
 
-
.printfooter { display: none; }
 
-
#footer ul { margin: 0; padding: 0;}
 
-
#footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;}
 
-
#search-controls { display:none; }
 
-
h3#siteSub { display: none;}
 
-
#contentSub {display: none;}
 
-
p:first-child { display: block;}
 
-
h1{border:none; width: 100%; clear: both;}
 
-
 
-
#globalWrapper {
 
-
    position: relative;
 
-
    font-size: 127%;
 
-
    width: 850px //100%;
 
-
    margin: 0;
 
-
    padding: 0;
 
-
    padding-bottom: 10px;
 
-
#    background:url(https://static.igem.org/mediawiki/2012/c/cc/UCD_Bg_1.jpg);
 
-
#    background-repeat: no-repeat;
 
-
#    background-attachment: fixed;
 
-
#    background-size:100% auto;
 
-
}
 
-
 
-
#main-content {
 
-
    position: relative;
 
-
    width:  850px;
 
-
    margin: 0 auto;
 
-
    padding: 5px 5px 5px 5px;;
 
-
    background: transparent;
 
-
    color: black;
 
-
#    border-left: 1px solid #ffffff;
 
-
#    border-right: 1px solid #ffffff;
 
-
#    line-height: 1.5em;
 
-
}
 
-
 
-
 
-
body {
 
-
background-color: rgba(255,255,255,1);
 
-
background-image: url('https://static.igem.org/mediawiki/2012/c/cc/UCD_Bg_1.jpg');
 
-
background-size: 100%;
 
-
background-repeat: no-repeat;
 
-
background-attachment:fixed;
 
-
 
-
    color: black;
 
-
    font: x-small sans-serif;
 
-
    margin: 0;
 
-
    padding: 0;
 
-
#    height:100%;
 
-
}
 
-
 
-
 
-
#topmenubar {
 
-
    position: relative;
 
-
    white-space: nowrap;
 
-
    top: -3px;
 
-
    width: 850px;
 
-
    z-index: 5;
 
-
    font-family: sans-serif;
 
-
    font-size: 80%;
 
-
    line-height: 1em;
 
-
}
 
-
 
-
.topleft-menu, .topleft-menu a {
 
-
    left: 0px;
 
-
    text-align: right;
 
-
    text-transform: lowercase;
 
-
}
 
-
 
-
.topleft-menu:hover {
 
-
    color: white;
 
-
    background-color: #bbbbbb
 
-
 
-
}
 
-
.topright-menu, .right-menu a {
 
-
    right: 0px;
 
-
    text-align: right;
 
-
    color: white;
 
-
}
 
-
#topmenubar ul {
 
-
    color: #555555;
 
-
    list-style: none;
 
-
}
 
-
#topmenubar li {
 
-
    display: inline;
 
-
    position: relative;
 
-
    cursor: pointer;
 
-
    padding-left: 0px;
 
-
    padding-right: 0px;
 
-
}
 
-
.topleft-menu li a {
 
-
    padding: 0px 7px 0px 0px;
 
-
}
 
-
.topleft-menu .selected {
 
-
#    color: white;
 
-
}
 
-
#.left-menu .selected:hover {
 
-
#    color: #5555FF;
 
-
#}
 
-
 
-
.topleft-menu:hover a {
 
-
    color: white;
 
-
}
 
-
#newnavi {
 
-
        position:relative;
 
-
        height:42px;
 
-
        width: 850px;
 
-
        margin-left: -2px;
 
-
        display:block;
 
-
        background:transparent;
 
-
}
 
-
#newnavi .newmenu {
 
-
        display:inline;
 
-
        overflow:hidden;
 
-
        padding:0px;
 
-
        margin:2px solid transparent;
 
-
        list-style-type:none;
 
-
        height:24px;
 
-
        width: 107px;
 
-
        list-style-image:none;
 
-
        background: #004b85;
 
-
}
 
-
#newnavi .newmenu li    {
 
-
        float:right;
 
-
        background: #004b85;
 
-
        text-align:center;
 
-
}
 
-
#newnavi .newmenu .selected {
 
-
        background: #ba9108;
 
-
}
 
-
#newnavi .newmenu li a  {
 
-
text-align:center; vertical-align:middle; width:86px; padding:5px 10px 5px 10px; display:block; color:#fff; text-decoration:none; font:14px arial, verdana, sans-serif; font-weight: bold;
 
-
}
 
-
#newnavi .newmenu li:hover a {
 
-
        text-decoration:none;
 
-
}
 
-
#newnavi .newmenu ul    {
 
-
position:absolute; left:-9999px; top:-9999px; list-style-type:none; list-style-image:none; margin:0px; border:0px; padding:0px; background:  #05bcea;
 
-
}
 
-
#newnavi .newmenu li:hover      {
 
-
position:relative; background: #05bcea;
 
-
}
 
-
#newnavi .newmenu li:hover ul  {
 
-
left:0px; top:26px; background: #05bcea;  width:150px; opacity:1.0 ; z-index:4;
 
-
}
 
-
#newnavi .newmenu li:hover ul li        {
 
-
       
 
-
        background: #05bcea;
 
-
}
 
-
#newnavi .newmenu li:hover ul li a      {
 
-
text-align:left; padding:5px 0px 5px 0px;display:block; font-size:12px; width:150px; text-indent:10px; color:#444;
 
-
background-color: #05bcea; text-decoration:none;     
 
-
}
 
-
#newnavi .newmenu li:hover ul li a:hover {
 
-
background: #05bcea; color:#ffffff; width:150px;     
 
-
}
 
-
 
-
 
-
#newnavi .newmenu li ul li ul {
 
-
        height:40px;
 
-
        left:299px;
 
-
        top:-26px;
 
-
        margin: 0;
 
-
padding: 0;
 
-
list-style: none;
 
-
width: 150px;
 
-
        position:absolute;
 
-
display:none;
 
-
}
 
-
 
-
#newnavi .newmenu li ul li ul li {
 
-
position:relative;
 
-
background: #05bcea;
 
-
width: 150px;
 
-
}
 
-
 
-
#newnavi .newmenu li ul li ul li a {
 
-
 
-
padding:5px 0px 5px 0px;display:block; font-size:12px; width:100px; text-indent:10px; color:#444;
 
-
background-color: #05bcea; text-decoration:none;
 
-
}
 
-
 
-
#newnavi .newmenu li ul li:hover ul {
 
-
display:block;
 
-
color:#ffffff;
 
-
width:150px;
 
-
background:transparent;
 
-
}
 
-
 
-
#newnavi .newmenu li ul li:hover ul li {
 
-
top:-25px;
 
-
left:150px;
 
-
margin-bottom:-1px;
 
-
height:26px;
 
-
}
 
-
 
-
#newnavi .newmenu li ul li:hover ul li a {
 
-
 
-
padding:5px 0px 5px 0px;display:block; font-size:12px; text-indent:10px; color:#444;
 
-
background-color: #05bcea; text-decoration:none;border:0px solid;
 
-
}
 
-
 
-
#slides {
 
-
    position:relative;
 
-
    height:280px;
 
-
    width: 840px
 
-
   
 
-
}
 
-
 
-
#slides IMG {
 
-
        position:absolute;
 
-
        opacity:0.0;
 
-
        top:0px;   
 
-
        left:0px;
 
-
        z-index:1;   
 
-
}
 
-
 
-
#slides .current {
 
-
    z-index:3;
 
-
    opacity:1.0;
 
-
}
 
-
 
-
#slides .previous {
 
-
    z-index:2;
 
-
}
 
-
 
-
.progress {
 
-
 
-
margin-top:-270px;
 
-
margin-left:20px;
 
-
position:absolute;
 
-
 
-
}
 
-
 
-
.progress li{
 
-
border:1px solid rgba(0,0,0,0.9);
 
-
border-radius:3px;
 
-
margin-left: 5px;
 
-
float:left;
 
-
display:block;
 
-
position:relative;
 
-
z-index:10;
 
-
background-color:rgba(255,255,255,0.4);
 
-
}
 
-
 
-
.progress li a{
 
-
    padding-left: 6px;
 
-
    padding-right: 6px;
 
-
}
 
-
 
-
.progress li a:hover {
 
-
text-decoration:none;
 
-
}
 
-
 
-
.progress .current {
 
-
background-color:white;
 
-
}
 
-
 
-
#myleftrightbox
 
-
{
 
-
position:relative;
 
-
width:850px;
 
-
float:left;
 
-
background-color:transparent;
 
-
margin-top: 0px;
 
-
margin-left:3.75px solid transparent;
 
-
margin-right:3.75px solid transparent;
 
-
border-radius: 4px;
 
-
padding: 0px;
 
-
font: sans-serif;
 
-
font-size: 13px;
 
-
color: white;
 
-
}
 
-
 
-
#myleftrightbox .fourboxes
 
-
{
 
-
width:191px;
 
-
float:left;
 
-
background-color:rgba(143,143,143,0.7);
 
-
margin-top: 15px;
 
-
margin-left:3.75px solid #e8eff1;
 
-
margin-right:3.75px solid #e8eff1;
 
-
margin-bottom:0px;
 
-
border-radius: 4px;
 
-
padding: 8.5px;
 
-
font: sans-serif;
 
-
font-size: 13px;
 
-
color: white;
 
-
}
 
-
 
-
#myleftrightbox .fourboxes-1
 
-
{
 
-
width:191px;
 
-
float:left;
 
-
background-color:rgba(143,143,143,0.7);
 
-
margin-top: 15px;
 
-
margin-left:3.75px solid #e8eff1;
 
-
margin-right:3.75px solid #e8eff1;
 
-
margin-bottom:0px;
 
-
border-radius: 4px;
 
-
padding: 8.5px;
 
-
font: sans-serif;
 
-
font-size: 13px;
 
-
color: white;
 
-
}
 
-
 
-
#myleftrightbox .fourboxes-2
 
-
{
 
-
width:191px;
 
-
float:left;
 
-
background-color:rgba(143,143,143,0.7);
 
-
margin-top: 15px;
 
-
margin-left:3.75px solid #e8eff1;
 
-
margin-right:3.75px solid #e8eff1;
 
-
margin-bottom:0px;
 
-
border-radius: 4px;
 
-
padding: 8.5px;
 
-
font: sans-serif;
 
-
font-size: 13px;
 
-
color: white;
 
-
}
 
-
 
-
#myleftrightbox .fourboxes-3
 
-
{
 
-
width:191px;
 
-
float:left;
 
-
background-color:rgba(143,143,143,0.7);
 
-
margin-top: 15px;
 
-
margin-left:3.75px solid #e8eff1;
 
-
margin-right:3.75px solid #e8eff1;
 
-
margin-bottom:0px;
 
-
border-radius: 4px;
 
-
padding: 8.5px;
 
-
font: sans-serif;
 
-
font-size: 13px;
 
-
color: white;
 
-
}
 
-
 
-
#myleftrightbox .fourboxes-4
 
-
{
 
-
width:191px;
 
-
float:left;
 
-
background-color:rgba(143,143,143,0.7);
 
-
margin-top: 15px;
 
-
margin-left:3.75px solid #e8eff1;
 
-
margin-right:3.75px solid #e8eff1;
 
-
margin-bottom:0px;
 
-
border-radius: 4px;
 
-
padding: 8.5px;
 
-
font: sans-serif;
 
-
font-size: 13px;
 
-
color: white;
 
-
}
 
-
 
-
#myleftrightbox .fourboxes-1:hover {
 
-
background-color:green;
 
-
}
 
-
#myleftrightbox .fourboxes-2:hover {
 
-
background-color:orange;
 
-
}
 
-
#myleftrightbox .fourboxes-3:hover {
 
-
background-color:#05bcea;
 
-
}
 
-
#myleftrightbox .fourboxes-4:hover {
 
-
background-color:#4a4a4a;
 
-
}
 
-
 
-
#myleftrightbox .fourboxes2
 
-
{
 
-
width:191px;
 
-
float:left;
 
-
background-color:rgba(143,143,143,0.7);
 
-
margin-top: 5px;
 
-
margin-left:3.75px solid #e8eff1;
 
-
margin-right:3.75px solid #e8eff1;
 
-
margin-bottom:0px;
 
-
border-radius: 4px;
 
-
padding: 8.5px;
 
-
font: sans-serif;
 
-
font-size: 13px;
 
-
color: white;
 
-
}
 
-
 
-
#myleftrightbox .spacebox
 
-
{
 
-
float:left;
 
-
width:5px;
 
-
 
-
}
 
-
#myleftbox
 
-
{
 
-
position:relative;
 
-
width:625px;
 
-
float:left;
 
-
background-color:;
 
-
margin-top: 0px;
 
-
border-radius: 4px;
 
-
padding: 0px;
 
-
font: sans-serif;
 
-
font-size: 13px;
 
-
color: white;
 
-
}
 
-
#myleftbox .smallbox
 
-
{
 
-
width:604px;
 
-
float:left;
 
-
background-color:#bfbfbf;
 
-
margin-top: 15px;
 
-
border-radius: 4px;
 
-
padding: 15px 15px 15px 15px;
 
-
font: sans-serif;
 
-
font-size: 13px;
 
-
line-height:1.5em;
 
-
color:black;
 
-
}
 
-
#myleftbox .smallbox h1
 
-
{
 
-
color:#004b85;
 
-
font-weight:bold;
 
-
}
 
-
#myleftbox .smallbox p
 
-
{
 
-
color: #004b85;
 
-
font-weight:bold;
 
-
}
 
-
#myleftbox .smallboxsite
 
-
{
 
-
width:604px;
 
-
float:left;
 
-
background-color:rgba(191,191,191,0.6 );
 
-
margin-top: 17px;
 
-
border-radius: 4px;
 
-
padding: 15px 15px 15px 15px;
 
-
font: sans-serif;
 
-
font-size: 13px;
 
-
line-height:1.5em;
 
-
color:black;
 
-
 
-
}
 
-
#myleftbox .threeboxes
 
-
{
 
-
width:191px;
 
-
float:left;
 
-
background-color:rgba(143,143,143,0.7);
 
-
margin-top: 15px;
 
-
border-radius: 4px;
 
-
border-left:2px solid #e8eff1;
 
-
border-right:2px solid #e8eff1;
 
-
padding: 7px 7px 7px 7px;
 
-
font: sans-serif;
 
-
font-size: 13px;
 
-
color: white;
 
-
}
 
-
 
-
#myleftbox .threeboxes2
 
-
{
 
-
width:191px;
 
-
float:left;
 
-
background-color:rgba(143,143,143,0.7);
 
-
margin-top: 5px;
 
-
border-radius: 4px;
 
-
border-left:2px solid #e8eff1;
 
-
border-right:2px solid #e8eff1;
 
-
padding: 7px 7px 7px 7px;
 
-
font: sans-serif;
 
-
font-size: 13px;
 
-
color: white;
 
-
}
 
-
 
-
#myleftbox .threeleft
 
-
{
 
-
width:175px;
 
-
float:left;
 
-
background-color:#ba9108;
 
-
margin-top: -52px;
 
-
border-radius: 4px;
 
-
padding: 15px 15px 15px 15px;
 
-
font: sans-serif;
 
-
font-size: 13px;
 
-
color: white;
 
-
}
 
-
 
-
#myleftbox .threecenter
 
-
{
 
-
width:175px;
 
-
#float:left;
 
-
background-color:#ba9108;
 
-
margin-top: -52px;
 
-
border-radius: 4px;
 
-
padding: 15px 15px 15px 15px;
 
-
font: sans-serif;
 
-
font-size: 13px;
 
-
color: white;
 
-
}
 
-
#myleftbox .threeright
 
-
{
 
-
width:175px;
 
-
float:right;
 
-
background-color:#ba9108;
 
-
margin-top: -52px;
 
-
border-radius: 4px;
 
-
padding: 15px 15px 15px 15px;
 
-
font: sans-serif;
 
-
font-size: 13px;
 
-
color: white;
 
-
}
 
-
 
-
 
-
 
-
#myleftbox .twoboxes
 
-
{
 
-
width:295px;
 
-
height:120px;
 
-
float:left;
 
-
background-color:rgba(143,143,143,0.7);
 
-
margin-top: 15px;
 
-
border-radius: 4px;
 
-
border-left:2px solid #e8eff1;
 
-
border-right:2px solid #e8eff1;
 
-
padding: 7px 7px 7px 7px;
 
-
font: sans-serif;
 
-
font-size: 13px;
 
-
color: white;
 
-
}
 
-
 
-
#myleftbox .twoboxes1
 
-
{
 
-
width:295px;
 
-
height:120px;
 
-
float:left;
 
-
background-color:rgba(143,143,143,0.7);
 
-
margin-top: 15px;
 
-
border-radius: 4px;
 
-
border-left:1px solid #e8eff1;
 
-
border-right:2px solid #e8eff1;
 
-
padding: 7px 7px 7px 7px;
 
-
font: sans-serif;
 
-
font-size: 13px;
 
-
color: white;
 
-
left:9px;
 
-
}
 
-
 
-
#myleftbox .twoboxes:hover {
 
-
background-color:red;
 
-
}
 
-
 
-
#myleftbox .twoboxes1:hover {
 
-
background-color:green;
 
-
}
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
<div id="bodyContent"> 
 
-
<!--  <div id="contentSub"></div> -->
 
-
<!--  </div> -->
 
-
<!-- float: right; first try -->
 
-
<!-- 1st row four boxes starts here -->
 
-
<div id="myleftrightbox">
 
-
<div id="myleftrightbox"  class="fourboxes-1">
 
-
<a href="https://2012.igem.org/Team:UC_Davis/Project"><img src="https://static.igem.org/mediawiki/2012/7/73/UCD_project_small_banner.jpg
 
-
"></a>
 
-
</div>
 
-
<div id="myleftrightbox"  class="spacebox">
 
-
<p></p>
 
-
</div>
 
-
<div id="myleftrightbox"  class="fourboxes-2">
 
-
<a href="https://2012.igem.org/Team:UC_Davis/Project/Catalyst"><img src="https://static.igem.org/mediawiki/2012/5/55/UCD_modular_small_banner.jpg
 
-
"></a>
 
-
</div>
 
-
<div id="myleftrightbox"  class="spacebox">
 
-
<p></p>
 
-
</div>
 
-
<div id="myleftrightbox"  class="fourboxes-3">
 
-
<a href="https://2012.igem.org/Team:UC_Davis/Project/Protein_Engineering"><img src="https://static.igem.org/mediawiki/2012/f/ff/UCD_protein_small_banner.jpg"></a>
 
-
</div>
 
-
<div id="myleftrightbox"  class="spacebox">
 
-
<p></p>
 
-
</div>
 
-
<!-- 1st row four boxes ends here -->
 

Latest revision as of 21:27, 21 September 2013