Team:Imperial College/Templates/homebuttons

From 2013.igem.org

(Difference between revisions)
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="bodyContent">   
<!--  <div id="contentSub"></div> -->
<!--  <div id="contentSub"></div> -->

Revision as of 21:26, 21 September 2013

Team:UC Davis - 2012.igem.org