|
|
Line 1: |
Line 1: |
- | <html>
| + | {{Http://2014.igem.org/Team:ULB-Brussels/Template}} |
- | <!doctype html>
| + | |
- | <head>
| + | |
- | <!--init and scripts -->
| + | |
- | <style type="text/css">
| + | |
- |
| + | |
- | <script type="text/javascript">
| + | |
- | // Fonction destinée à remplacer le "LI:hover" pour IE 6
| + | |
- | sfHover = function() {
| + | |
- | var sfEls = document.getElementById("monmenu").getElementsByTagName("li");
| + | |
- | for (var i=0; i<sfEls.length; i++) {
| + | |
- | sfEls[i].onmouseover = function() {
| + | |
- | this.className = this.className.replace(new RegExp(" sfhover"), "");
| + | |
- | this.className += " sfhover";
| + | |
- | }
| + | |
- | sfEls[i].onmouseout = function() {
| + | |
- | this.className = this.className.replace(new RegExp(" sfhover"), "");
| + | |
- | }
| + | |
- | }
| + | |
- | }
| + | |
- | if (window.attachEvent) window.attachEvent("onload", sfHover);
| + | |
- | </script>
| + | |
- | <style type="text/css">
| + | |
- | #monmenu li {width: 144px;}
| + | |
- | </style>
| + | |
- | <![endif]-->
| + | |
- | <meta name="keywords"
| + | |
- | content="CSS, cascading style sheets, mise en page, design, site, web, techniques, sites, webmaster, page">
| + | |
- | <meta name="description"
| + | |
- | content="Voici un exemple de code de menu hiérarchique déroulant réalisé à l'aide de CSS.">
| + | |
- | <title>Exemple de menu hiérarchique en CSS</title>
| + | |
- | <script type="text/javascript" src="https://static.igem.org/mediawiki/2014/7/7f/Slider.jpg"></script>
| + | |
- | <script>
| + | |
- | jssor_slider1_starter = function (containerId) {
| + | |
- | var options = {
| + | |
- | $DragOrientation: 3,
| + | |
- | $ArrowNavigatorOptions: {
| + | |
- | $Class: $JssorArrowNavigator$,
| + | |
- | $ChanceToShow: 2,
| + | |
- | $AutoCenter: 0,
| + | |
- | $Steps: 1
| + | |
- | }
| + | |
- | };
| + | |
- | | + | |
- | var jssor_slider1 = new $JssorSlider$(containerId, options);
| + | |
- | };
| + | |
- | </script>
| + | |
- | <style type="text/css">
| + | |
- | | + | |
- | #menu-demo2, #menu-demo2 ul{
| + | |
- | width=100%;
| + | |
- | padding:0px;
| + | |
- | margin:3px;
| + | |
- | list-style:none;
| + | |
- | text-align:center;
| + | |
- | }
| + | |
- | #menu-demo2 li{
| + | |
- | display:inline-block;
| + | |
- | position:relative
| + | |
- | border-radius:0;
| + | |
- | }
| + | |
- | #menu-demo2 ul li{
| + | |
- | display:inherit;
| + | |
- | border-radius:0;
| + | |
- | }
| + | |
- | #menu-demo2 ul li:hover{
| + | |
- | border-radius:0;
| + | |
- | }
| + | |
- | #menu-demo2 ul li:last-child{
| + | |
- | border-radius:0 0 0px 0px;
| + | |
- | }
| + | |
- | #menu-demo2 ul{
| + | |
- | position:absolute;
| + | |
- | max-height:0px;
| + | |
- | width:100%;
| + | |
- | overflow:hidden;
| + | |
- | -moz-transition: .8s all .3s;
| + | |
- | -webkit-transition: .8s all .3s;
| + | |
- | transition: .8s all .3s;
| + | |
- | }
| + | |
- | #menu-demo2 li:hover ul{
| + | |
- | max-height:150px;
| + | |
- | }
| + | |
- | /* background des liens menus */
| + | |
- | #menu-demo2 li:first-child{margin: 20px 0px 1px 0px;
| + | |
- | background-color: #8b8b8b;
| + | |
- | background-image:#8b8b8b;
| + | |
- | }
| + | |
- | #menu-demo2 li:nth-child(2){
| + | |
- | background-color: #8b8b8b;
| + | |
- | background-image:#8b8b8b;
| + | |
- | }
| + | |
- | #menu-demo2 li:nth-child(3){
| + | |
- | background-color: #8b8b8b;
| + | |
- | background-color: #8b8b8b;
| + | |
- | background-image:#8b8b8b;
| + | |
- | }
| + | |
- | #menu-demo2 li:last-child{
| + | |
- | background-color: #8b8b8b;
| + | |
- | background-color: #8b8b8b;
| + | |
- | background-image:#8b8b8b;
| + | |
- | }
| + | |
- | /* background des liens sous menus */
| + | |
- | #menu-demo2 li:first-child li{
| + | |
- | background:#B0C4DE;
| + | |
- | }
| + | |
- | #menu-demo2 li:nth-child(2) li{
| + | |
- | background:#B0C4DE;
| + | |
- | }
| + | |
- | #menu-demo2 li:nth-child(3) li{
| + | |
- | background:#B0C4DE;
| + | |
- | }
| + | |
- | #menu-demo2 li:last-child li{
| + | |
- | background:#B0C4DE;
| + | |
- | }
| + | |
- | /* background des liens menus et sous menus au survol */
| + | |
- | #menu-demo2 li:first-child:hover, #menu-demo2 li:first-child li:hover{
| + | |
- | background:#B0C4DE;
| + | |
- | }
| + | |
- | | + | |
- | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo,.printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
| + | |
- | | + | |
- | .arrondie {
| + | |
- | -moz-border-radius:15px 15px 15px 15px;
| + | |
- | -webkit-border-radius:15px 15px 15px 15px;
| + | |
- | border-radius:15px 15px 15px 15px;
| + | |
- | }
| + | |
- | | + | |
- | .firstHeading {
| + | |
- | width: 0px;
| + | |
- | font-size: 0px;
| + | |
- | margin: 0px auto;
| + | |
- | padding-top: 0px;
| + | |
- | margin-bottom: 0px;
| + | |
- | font-family: Georgia, Times, "Times New Roman", serif;
| + | |
- | }
| + | |
- | | + | |
- | h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
| + | |
- | | + | |
- | #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
| + | |
- | background-color: #383838;
| + | |
- | border: 0 none;
| + | |
- | height: 14px;
| + | |
- | z-index: 100;
| + | |
- | top: 0;
| + | |
- | position: fixed;
| + | |
- | width: 975px;
| + | |
- | left: 50%;
| + | |
- | margin-left: -487px;
| + | |
- | }
| + | |
- | | + | |
- | #top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
| + | |
- | background-color: #383838;
| + | |
- | height: 14px;
| + | |
- | display: block;
| + | |
- | z-index: 10;
| + | |
- | position: fixed;
| + | |
- | width: 100%;
| + | |
- | top: 0;
| + | |
- | }
| + | |
- | | + | |
- | #menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
| + | |
- | color: #727272;
| + | |
- | text-decoration: none;
| + | |
- | background-color: transparent;
| + | |
- | }
| + | |
- | | + | |
- | body {
| + | |
- | background-color: #fff;
| + | |
- | }
| + | |
- | | + | |
- | #globalWrapper, #content { /*-- changes default wiki settings --*/
| + | |
- | width: 100%;
| + | |
- | height: 100%;
| + | |
- | border: 0px;
| + | |
- | background-color: transparent;
| + | |
- | margin: 0px;
| + | |
- | padding: 0px;
| + | |
- | }
| + | |
- | | + | |
- | html, body, .wrapper { /*-- changes default wiki settings --*/
| + | |
- | width: 100%;
| + | |
- | height: 100%;
| + | |
- | background-color: transparent;
| + | |
- | }
| + | |
- | | + | |
- | #contentcontainer { /*-- creates container for all content on page --*/
| + | |
- | font-family: Arial, Helvetica, sans-serif;
| + | |
- | font-weight: normal;
| + | |
- | font-size: 14px;
| + | |
- | color: #414141;
| + | |
- | width: 960px;
| + | |
- | margin-left: auto;
| + | |
- | margin-right: auto;
| + | |
- | background-color: #transparent;
| + | |
- | margin-top: 0px;
| + | |
- | }
| + | |
- | | + | |
- | .sidemenu, .sidemenu li {
| + | |
- | list-style-type: none;
| + | |
- | list-style-image: none;
| + | |
- | font-family: verdana;
| + | |
- | text-decoration: none;
| + | |
- | color:#000;
| + | |
- | font-size: 14px;
| + | |
- | }
| + | |
- | | + | |
- | .sidemenu li {display: block;}
| + | |
- | | + | |
- | .sidemenu a {
| + | |
- | text-decoration:none;
| + | |
- | color: #000;
| + | |
- | display: block;
| + | |
- | width: 180px;
| + | |
- | height: 100%;
| + | |
- | padding: 3px 5px;
| + | |
- | transition: .25s ease-in-out;
| + | |
- | -moz-transition: .25s ease-in-out;
| + | |
- | -webkit-transition: .25s ease-in-out;
| + | |
- | }
| + | |
- | | + | |
- | .sidemenu a.greyout { color: #909090; }
| + | |
- | | + | |
- | .sidemenu a:hover {
| + | |
- | color:#666;
| + | |
- | background-color: #d9f5aa;
| + | |
- | }
| + | |
- | | + | |
- | .sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
| + | |
- | .sub-sidemenu a {color: #666;}
| + | |
- | | + | |
- | div.underconst
| + | |
- | {
| + | |
- | padding:10px;
| + | |
- | border-radius:5px;
| + | |
- | background-color:pink;
| + | |
- | text-align:center;
| + | |
- | }
| + | |
- | | + | |
- | a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
| + | |
- | | + | |
- | .contentpara {margin-bottom: 30px;}
| + | |
- | | + | |
- | span.email{font-family: monospace; font-weight: normal;}
| + | |
- | | + | |
- | fieldset {border: 1px solid #337f53;}
| + | |
- | | + | |
- | .greyout {color: #A0A0A0;}
| + | |
- | .highlightme {background-color: #FFFF00;}
| + | |
- | | + | |
- | #alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}
| + | |
- | #annContainer {margin-left: 8px;}
| + | |
- | #newsContainer {border: 1px solid #ccc;}
| + | |
- | | + | |
- | .newsTitle {
| + | |
- | display: block;
| + | |
- | color: #414141;
| + | |
- | font-size: 25px;
| + | |
- | font-family: Georgia, Times, "Times New Roman", serif;
| + | |
- | padding: 10px 15px 5px 10px;
| + | |
- | border-bottom: 1px solid #ccc;
| + | |
- | margin-bottom: 0px;
| + | |
- | }
| + | |
- | | + | |
- | .newsItem {
| + | |
- | border-bottom: 1px solid #ccc;
| + | |
- | display: block;
| + | |
- | padding: 5px 15px 0px 10px;
| + | |
- | margin-bottom: 0px;
| + | |
- | }
| + | |
- | | + | |
- | .newsItem h3 {
| + | |
- | width: auto;
| + | |
- | display: inline;
| + | |
- | font-size: 14px;
| + | |
- | font-family: Arial, Helvetica, sans-serif;
| + | |
- | padding: 0px;
| + | |
- | margin: 0px;
| + | |
- | }
| + | |
- | | + | |
- | .newsItem img {
| + | |
- | float: right;
| + | |
- | clear: right;
| + | |
- | width: 80px;
| + | |
- | padding-left: 15px;
| + | |
- | display: inline-block;
| + | |
- | }
| + | |
- | | + | |
- | .newsItem .newsDate {
| + | |
- | font-style: italic;
| + | |
- | font-size: 14px;
| + | |
- | display: inline-block;
| + | |
- | color: #999;
| + | |
- | float: right;
| + | |
- | padding: 0px 0px 10px 15px;
| + | |
- | }
| + | |
- | | + | |
- | .newsItem p, .newsItem ul, .newsItem li {
| + | |
- | padding: 0px;
| + | |
- | margin-left: 20px;
| + | |
- | font-size: 12px;
| + | |
- | line-height: 1.2;
| + | |
- | }
| + | |
- | | + | |
- | .newsItem p {margin-top: 10px;}
| + | |
- | | + | |
- | .annItem {
| + | |
- | border: 2px solid #49b677;
| + | |
- | display: block;
| + | |
- | padding: 0px 15px 10px 10px;
| + | |
- | margin-bottom: 18px;
| + | |
- | position: relative;
| + | |
- | height: 160px;
| + | |
- | vertical-align: middle;
| + | |
- | }
| + | |
- | | + | |
- | .annItem .annCentered {
| + | |
- | display: table-cell;
| + | |
- | vertical-align: middle;
| + | |
- | height: 160px;
| + | |
- | }
| + | |
- | | + | |
- | .annCentered h3 {
| + | |
- | padding: 0px;
| + | |
- | display: block;
| + | |
- | margin-left: auto;
| + | |
- | margin-right: auto;
| + | |
- | text-align: center;
| + | |
- | }
| + | |
- | | + | |
- | .annItem ul, .annItem li {padding: 0px; margin: 0px;}
| + | |
- | .annItem li {list-style: none; margin: 5px}
| + | |
- | | + | |
- | | + | |
- | div#piedpage {
| + | |
- | position: absolute;
| + | |
- | bottom: 0; left: 0;
| + | |
- | width: 99.48%;
| + | |
- | /* pour que le bloc prenne toute la largeur du bloc de référence
| + | |
- | Note : le bloc de référence est le plus proche ancêtre positionné
| + | |
- | en relatif ou en absolu */
| + | |
- | height: 3em;
| + | |
- | margin-left: 3px;
| + | |
- | margin-right: auto;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | </style>
| + | |
- | </style>
| + | |
- | | + | |
- | </head>
| + | |
- | <body>
| + | |
- | | + | |
- | <!--main content -->
| + | |
- | <div id="mainblock" style="position: relative; width: 1024px; margin-left: auto; margin-right: auto">
| + | |
- |
| + | |
- | <tr><th><table width="90%" align="center" style="border:1px solid black;" >
| + | |
- | <!-- Jssor Slider Begin -->
| + | |
- | <!-- You can move inline styles to css file or css block. -->
| + | |
- | <div id="slider1_container" style="position: relative; width: 1024px;
| + | |
- | height: 300px; overflow: hidden; margin-left: auto; margin-right: auto">
| + | |
- |
| + | |
- | <!-- Slides Container -->
| + | |
- | <div u="slides" style="cursor: move; position: absolute; left: 0px; width: 1024px; height: 300px;
| + | |
- | overflow: hidden;">
| + | |
- | <div><img u="image" src="https://static.igem.org/mediawiki/2014/1/10/Panoramix3.png"/></div>
| + | |
- | <div><img u="image" src="https://static.igem.org/mediawiki/2014/8/82/ULB2014PLACEHOLDER2.png" /></div>
| + | |
- | </div>
| + | |
- | <!-- Arrow Navigator Skin Begin -->
| + | |
- | <style>
| + | |
- | /* jssor slider arrow navigator skin 03 css */
| + | |
- | /*
| + | |
- | .jssora03l (normal)
| + | |
- | .jssora03r (normal)
| + | |
- | .jssora03l:hover (normal mouseover)
| + | |
- | .jssora03r:hover (normal mouseover)
| + | |
- | .jssora03ldn (mousedown)
| + | |
- | .jssora03rdn (mousedown)
| + | |
- | */
| + | |
- | .jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn
| + | |
- | {
| + | |
- | position: absolute;
| + | |
- | cursor: pointer;
| + | |
- | display: block;
| + | |
- | background: url(https://static.igem.org/mediawiki/2014/d/d3/ULB2014ARROWS.png) no-repeat;
| + | |
- | overflow:hidden;
| + | |
- | }
| + | |
- | .jssora03l { background-position: -3px -33px; }
| + | |
- | .jssora03r { background-position: -63px -33px; }
| + | |
- | .jssora03l:hover { background-position: -123px -33px; }
| + | |
- | .jssora03r:hover { background-position: -183px -33px; }
| + | |
- | .jssora03ldn { background-position: -243px -33px; }
| + | |
- | .jssora03rdn { background-position: -303px -33px; }
| + | |
- | </style>
| + | |
- | <!-- Arrow Left -->
| + | |
- | <span u="arrowleft" class="jssora03l" style="width: 55px; height: 55px; top: 123px; left: 8px;">
| + | |
- | </span>
| + | |
- | <!-- Arrow Right -->
| + | |
- | <span u="arrowright" class="jssora03r" style="width: 55px; height: 55px; top: 123px; right: 8px">
| + | |
- | </span>
| + | |
- | <!-- Arrow Navigator Skin End -->
| + | |
- | <a style="display: none" href="http://www.jssor.com">carousel slider</a>
| + | |
- | <!-- Trigger -->
| + | |
- | <script>
| + | |
- | jssor_slider1_starter('slider1_container');
| + | |
- | </script>
| + | |
- | </div>
| + | |
- | <!-- Jssor Slider End -->
| + | |
- | <!--navigation menu -->
| + | |
- | | + | |
- | <table align="center" width="100%">
| + | |
- | <td align="center" colspan="3">
| + | |
- | | + | |
- | <table cellspacing="0"width="100%">
| + | |
- | <tr heigth="15px"></tr>
| + | |
- | <tr heigth="75px">
| + | |
- | | + | |
- | | + | |
- | <td style= "border-radius: 15px 0px 0px 15px; behavior: url(border-radius.htc);
| + | |
- | background :#8b8b8b
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
| + | |
- | background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
| + | |
- | background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
| + | |
- | border-top: 2px solid #939393;
| + | |
- | position: relative;
| + | |
- | margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#B0C4DE'" onMouseOut="this.bgColor='#8b8b8b'" bgColor=#8b8b8b >
| + | |
- | <a href="https://2014.igem.org/Team:ULB-Brussels"style="color:#000000">Home </a> </td>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | <td style= "
| + | |
- | background :#8b8b8b
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
| + | |
- | background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
| + | |
- | background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
| + | |
- | border-top: 2px solid #939393;
| + | |
- | position: relative;
| + | |
- | margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#B0C4DE'" onMouseOut="this.bgColor='#8b8b8b'" bgColor=#8b8b8b >
| + | |
- | | + | |
- | <a href="https://2014.igem.org/Team:ULB-Brussels/Team"style="color:#000000"> Team </a> </td>
| + | |
- | | + | |
- | | + | |
- | <td style= "
| + | |
- | background :#8b8b8b
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
| + | |
- | background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
| + | |
- | background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
| + | |
- | border-top: 2px solid #939393;
| + | |
- | position: relative;
| + | |
- | margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#B0C4DE'" onMouseOut="this.bgColor='#8b8b8b'" bgColor=#8b8b8b>
| + | |
- | <a href="https://2014.igem.org/Team:ULB-Brussels/Sponsors"style="color:#000000">Sponsors </a> </td>
| + | |
- | | + | |
- | <td colspan="3" style="
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
| + | |
- | background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
| + | |
- | background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
| + | |
- | border-top: 2px solid #939393;
| + | |
- | position: relative;
| + | |
- | margin-bottom: 30px;" align="center" height ="45px" bgColor=#8b8b8b>
| + | |
- | | + | |
- | <a href="https://2014.igem.org/Team:ULB-Brussels/Project"style="color:#000000"> <div id="monmenu">
| + | |
- | <ul height="100%" id="menu-demo2">
| + | |
- | <li style="background-color:#8b8b8b;
| + | |
- | background : -moz-linear-gradient(top, rgb(152,152,152), rgb(141,141,141));" ><a href="#" style="color:#000000">Project <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
| + | |
- | <ul >
| + | |
- | <li><a href="https://2014.igem.org/Team:ULB-Brussels/Project"style="color:#000000">Introduction</a></li>
| + | |
- | <li><a href="https://2014.igem.org/Team:ULB-Brussels/Modeling"style="color:#000000">Modeling</a></li>
| + | |
- | <li><a href="https://2014.igem.org/Team:ULB-Brussels/Parts"style="color:#000000">Parts</a></li>
| + | |
- | <li><a href="https://2014.igem.org/Team:ULB-Brussels/Safety"style="color:#000000">Safety</a></li>
| + | |
- | </ul></td>
| + | |
- | | + | |
- | <td style= "
| + | |
- | background :#8b8b8b
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
| + | |
- | background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
| + | |
- | background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
| + | |
- | border-top: 2px solid #939393;
| + | |
- | position: relative;
| + | |
- | margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#B0C4DE'" onMouseOut="this.bgColor='#8b8b8b'" bgColor=#8b8b8b>
| + | |
- | <a href="https://igem.org/Team.cgi?year=2014&team_name=ULB-Brussels"style="color:#000000"> Official Team Profile </a></td>
| + | |
- |
| + | |
- | <td style= "
| + | |
- | background :#8b8b8b
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
| + | |
- | background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
| + | |
- | background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
| + | |
- | border-top: 2px solid #939393;
| + | |
- | position: relative;
| + | |
- | margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#B0C4DE'" onMouseOut="this.bgColor='#8b8b8b'" bgColor=#8b8b8b>
| + | |
- | <a href="https://2014.igem.org/Equipe:_ULB_Bruxelles/Accueil"> Français </a></td>
| + | |
- | | + | |
- | | + | |
- | <td style= "
| + | |
- | background :#8b8b8b
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
| + | |
- | background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
| + | |
- | background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
| + | |
- | border-top: 2px solid #939393;
| + | |
- | position: relative;
| + | |
- | margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#B0C4DE'" onMouseOut="this.bgColor='#8b8b8b'" bgColor=#8b8b8b ><a href="#">Dutch </a></td>
| + | |
- | | + | |
- | | + | |
- | <td style= "border-radius: 0px 15px 15px 0px; behavior: url(border-radius.htc);
| + | |
- | background :#8b8b8b
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
| + | |
- | background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
| + | |
- | background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
| + | |
- | border-top: 2px solid #939393;
| + | |
- | position: relative;
| + | |
- | margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#B0C4DE'" onMouseOut="this.bgColor='#8b8b8b'" bgColor=#8b8b8b > <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" class="arrondie" width="55px"></a> </td>
| + | |
- | </tr>
| + | |
- | </table>
| + | |
- | | + | |
- | <table style="background-color:#ebebeb; border-radius: 15px 15px 15px 15px; behavior: url(border-radius.htc); " align="center" width="100%">
| + | |
- | <tr><th><table style="background-color:#ebebeb;" width="90%" align="center">
| + | |
- | <td align="center" colspan="3">
| + | |
- | </tr>
| + | |
- | </tr>
| + | |
- | </td>
| + | |
- | | + | |
- | <div>
| + | |
- | </body>
| + | |
- | | + | |
| | | |
| <html> | | <html> |
$~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
\newcommand{\MyColi}{{\small Mighty\hspace{0.12cm}Coli}}
\newcommand{\Stabi}{\small Stabi}$
$\newcommand{\EColi}{\small E.coli}
\newcommand{\SCere}{\small S.cerevisae}\\[0cm]
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
\newcommand{\PI}{\small PI}$
$\newcommand{\Igo}{\Large\mathcal{I}}
\newcommand{\Tgo}{\Large\mathcal{T}}
\newcommand{\Ogo}{\Large\mathcal{O}}
~$