Team:ULB-Brussels/Template

From 2014.igem.org

(Difference between revisions)
(Created page with "<html> <head> <!--init and scripts --> <script type="text/javascript" src="https://raw.githubusercontent.com/jssor/jquery-slider/master/js/jquery-1.9.1.min.js"></script> <scr...")
 
(30 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<head>
 
<!--init and scripts -->
<!--init and scripts -->
-
<script type="text/javascript" src="https://raw.githubusercontent.com/jssor/jquery-slider/master/js/jquery-1.9.1.min.js"></script>
+
     <script type="text/javascript" src="https://static.igem.org/mediawiki/2014/7/7f/Slider.jpg"></script>
-
     <script type="text/javascript" src="https://raw.githubusercontent.com/jssor/jquery-slider/master/js/jssor.core.js"></script>
+
-
    <script type="text/javascript" src="https://raw.githubusercontent.com/jssor/jquery-slider/master/js/jssor.utils.js"></script>
+
-
    <script type="text/javascript" src="https://raw.githubusercontent.com/jssor/jquery-slider/master/js/jssor.slider.js"></script>
+
     <script>
     <script>
         jssor_slider1_starter = function (containerId) {
         jssor_slider1_starter = function (containerId) {
-
 
             var options = {
             var options = {
-
                 $AutoPlay: false,
+
                 $DragOrientation: 3,
-
                 $SlideDuration: 800,
+
                 $ArrowNavigatorOptions: {
-
                $BulletNavigatorOptions: {
+
                     $Class: $JssorArrowNavigator$,
-
                     $Class: $JssorBulletNavigator$,
+
                     $ChanceToShow: 2,
                     $ChanceToShow: 2,
-
                     $AutoCenter: 1,
+
                     $AutoCenter: 0,
-
                     $Steps: 1,
+
                     $Steps: 1
-
                    $Lanes: 1,
+
-
                    $SpacingX: 10,
+
-
                    $SpacingY: 10,
+
-
                    $Orientation: 1
+
                 }
                 }
             };
             };
             var jssor_slider1 = new $JssorSlider$(containerId, options);
             var jssor_slider1 = new $JssorSlider$(containerId, options);
-
         }
+
         };
     </script>
     </script>
-
 
<!--main content -->
<!--main content -->
-
<div id="mainblock" style="position: relative; width: 1024px; margin-left: auto; margin-right: auto; border: 1px solid;">
+
<div id="mainblock" style="position: relative; width: 1024px; margin-left: auto; margin-right: auto;">
<table style="background-color:#ebebeb;" align="center" width="100%">   
<table style="background-color:#ebebeb;" align="center" width="100%">   
-
<tr><th><table style="background-color:#ebebeb;" width="90%"  align="center" style="border:1px solid black;" >
+
<tr><th><table style="background-color:#ebebeb;" width="90%"  align="center">
<!-- Jssor Slider Begin -->
<!-- Jssor Slider Begin -->
-
     <!-- You can move inline styles to css file or css block. -->  
+
     <!-- You can move inline styles to css file or css block. -->
-
     <div id="slider1_container" style="position: relative; width: 910px;
+
     <div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 1024px;
-
         height: 300px; overflow: hidden; margin-left: auto; margin-right: auto">
+
         height: 300px; ">
-
+
 
-
         <!-- Slides Container -->  
+
         <!-- Slides Container -->
-
         <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 910px; height: 300px;
+
         <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 1024px; height: 300px;
             overflow: hidden;">
             overflow: hidden;">
 +
            <div><img u="image" src="https://static.igem.org/mediawiki/2014/8/82/ULB2014PLACEHOLDER2.png" /></div>
             <div><img u="image" src="https://static.igem.org/mediawiki/2014/8/87/ULB2014PLACEHOLDER1.png" /></div>
             <div><img u="image" src="https://static.igem.org/mediawiki/2014/8/87/ULB2014PLACEHOLDER1.png" /></div>
-
            <div><img u="image" src="https://static.igem.org/mediawiki/2014/8/82/ULB2014PLACEHOLDER2.png" /></div>
 
         </div>
         </div>
-
 
+
       
-
         <!-- Bullet Navigator Skin Begin -->
+
         <!-- Arrow Navigator Skin Begin -->
         <style>
         <style>
-
             /* jssor slider bullet navigator skin 05 css */
+
             /* jssor slider arrow navigator skin 03 css */
             /*
             /*
-
             .jssorb05 div          (normal)
+
             .jssora03l              (normal)
-
             .jssorb05 div:hover    (normal mouseover)
+
             .jssora03r              (normal)
-
             .jssorb05 .av          (active)
+
             .jssora03l:hover        (normal mouseover)
-
             .jssorb05 .av:hover     (active mouseover)
+
             .jssora03r:hover       (normal mouseover)
-
             .jssorb05 .dn          (mousedown)
+
             .jssora03ldn            (mousedown)
 +
            .jssora03rdn            (mousedown)
             */
             */
-
             .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av
+
             .jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn
             {
             {
-
                 background: url(https://static.igem.org/mediawiki/2014/c/c2/ULB2014BULLETS2.png) no-repeat;
+
            position: absolute;
 +
            cursor: pointer;
 +
            display: block;
 +
                 background: url(https://static.igem.org/mediawiki/2014/d/d3/ULB2014ARROWS.png) no-repeat;
                 overflow:hidden;
                 overflow:hidden;
-
                cursor: pointer;
 
             }
             }
-
             .jssorb05 div { background-position: -7px -7px; }
+
             .jssora03l { background-position: -3px -33px; }
-
             .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
+
             .jssora03r { background-position: -63px -33px; }
-
             .jssorb05 .av { background-position: -67px -7px; }
+
            .jssora03l:hover { background-position: -123px -33px; }
-
             .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }
+
             .jssora03r:hover { background-position: -183px -33px; }
 +
             .jssora03ldn { background-position: -243px -33px; }
 +
            .jssora03rdn { background-position: -303px -33px; }
         </style>
         </style>
-
         <!-- bullet navigator container -->
+
         <!-- Arrow Left -->
-
         <div u="navigator" class="jssorb05" style="position: absolute; bottom: 16px; right: 6px;">
+
         <span u="arrowleft" class="jssora03l" style="width: 55px; height: 55px; top: 123px; left: 8px;">
-
            <!-- bullet navigator item prototype -->
+
        </span>
-
            <div u="prototype" style="POSITION: absolute; WIDTH: 16px; HEIGHT: 16px;"></div>
+
        <!-- Arrow Right -->
-
         </div>
+
        <span u="arrowright" class="jssora03r" style="width: 55px; height: 55px; top: 123px; right: 8px">
-
         <!-- Bullet Navigator Skin End -->
+
         </span>
-
 
+
         <!-- Arrow Navigator Skin End -->
-
         <a style="display: none" href="http://www.jssor.com">carousel slider</a>  
+
         <a style="display: none" href="http://www.jssor.com">carousel slider</a>
-
         <!-- Trigger -->  
+
         <!-- Trigger -->
         <script>
         <script>
             jssor_slider1_starter('slider1_container');
             jssor_slider1_starter('slider1_container');
-
         </script>  
+
         </script>
-
     </div>  
+
     </div>
-
     <!-- Jssor Slider End -->
+
     <!-- Jssor Slider End -->
-
</head>
+
-
<body>
+
<!--navigation menu -->
<!--navigation menu -->
<td align="center" colspan="3">
<td align="center" colspan="3">
Line 90: Line 82:
<td style= "
<td style= "
-
     background :#8b8b8b
+
     background :#00008b
-
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d3d3', endColorstr='#7a7a7a')
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
     background : -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#7a7a7a));
-
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
     background : -moz-linear-gradient(top, #d3d3d3, #7a7a7a);
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
Line 100: Line 92:
<td style= "
<td style= "
-
     background :#8b8b8b
+
     background :#00008b
-
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d3d3', endColorstr='#7a7a7a')
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
     background : -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#7a7a7a));
-
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
     background : -moz-linear-gradient(top, #d3d3d3, #7a7a7a);
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
Line 110: Line 102:
<td style= "
<td style= "
-
     background :#8b8b8b
+
     background :#00008b
-
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d3d3', endColorstr='#7a7a7a')
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
     background : -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#7a7a7a));
-
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
     background : -moz-linear-gradient(top, #d3d3d3, #7a7a7a);
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
Line 120: Line 112:
<td style= "
<td style= "
-
     background :#8b8b8b
+
     background :#00008b
-
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d3d3', endColorstr='#7a7a7a')
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
     background : -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#7a7a7a));
-
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
     background : -moz-linear-gradient(top, #d3d3d3, #7a7a7a);
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
     margin-bottom: 30px;"align="center"  height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>   
     margin-bottom: 30px;"align="center"  height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>   
-
<a href="https://2014.igem.org/Team:ULB-Brussels/Project"style="color:#000000"> Project</a></td>
+
<a href="https://2014.igem.org/Team:ULB-Brussels/Project"style="color:#ffff00"> Project</a></td>
<td style= "
<td style= "
-
     background :#8b8b8b
+
     background :#00008b
-
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d3d3', endColorstr='#7a7a7a')
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
     background : -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#7a7a7a));
-
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
     background : -moz-linear-gradient(top, #d3d3d3, #7a7a7a);
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
     margin-bottom: 30px;" align="center"  height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>  
     margin-bottom: 30px;" align="center"  height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>  
-
<a href="https://2014.igem.org/Team:ULB-Brussels/Parts"style="color:#000000"> Parts</a></td>
+
<a href="https://2014.igem.org/Team:ULB-Brussels/Parts"style="color:#ffff00"> Parts</a></td>
<td style= "
<td style= "
-
     background :#8b8b8b
+
     background :#00008b
-
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d3d3', endColorstr='#7a7a7a')
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
     background : -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#7a7a7a));
-
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
     background : -moz-linear-gradient(top, #d3d3d3, #7a7a7a);
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
     margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>  
     margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>  
-
<a href="https://2014.igem.org/Team:ULB-Brussels/Modeling"style="color:#000000"> Modeling</a></td>
+
<a href="https://2014.igem.org/Team:ULB-Brussels/Modeling"style="color:#ffff00"> Modeling</a></td>
<td style= "
<td style= "
-
     background :#8b8b8b
+
     background :#00008b
-
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d3d3', endColorstr='#7a7a7a')
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
     background : -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#7a7a7a));
-
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
     background : -moz-linear-gradient(top, #d3d3d3, #7a7a7a);
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
     margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>   
     margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>   
-
<a href="https://2014.igem.org/Team:ULB-Brussels/Notebook"style="color:#000000"> Notebook</a></td>
+
<a href="https://2014.igem.org/Team:ULB-Brussels/Notebook"style="color:#ffff00"> Notebook</a></td>
<td style= "
<td style= "
-
     background :#8b8b8b
+
     background :#00008b
-
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d3d3', endColorstr='#7a7a7a')
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
     background : -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#7a7a7a));
-
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
     background : -moz-linear-gradient(top, #d3d3d3, #7a7a7a);
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
     margin-bottom: 30px;" align="center"  height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>  
     margin-bottom: 30px;" align="center"  height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>  
-
<a href="https://2014.igem.org/Team:ULB-Brussels/Safety"style=" color:#000000"> Safety </a></td>
+
<a href="https://2014.igem.org/Team:ULB-Brussels/Safety"style=" color:#ffff00"> Safety </a></td>
<td style= "
<td style= "
-
     background :#8b8b8b
+
     background :#00008b
-
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d3d3', endColorstr='#7a7a7a')
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
     background : -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#7a7a7a));
-
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
     background : -moz-linear-gradient(top, #d3d3d3, #7a7a7a);
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
     margin-bottom: 30px;" align="center"  height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>  
     margin-bottom: 30px;" align="center"  height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>  
-
<a href="https://2014.igem.org/Team:ULB-Brussels/Attributions"style="color:#000000"> Attributions </a></td>
+
<a href="https://2014.igem.org/Team:ULB-Brussels/Attributions"style="color:#ff0000"> Attributions </a></td>
<td style= "
<td style= "
-
     background :#8b8b8b
+
     background :#00008b
-
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d3d3', endColorstr='#7a7a7a')
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
     background : -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#7a7a7a));
-
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
     background : -moz-linear-gradient(top, #d3d3d3, #7a7a7a);
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
     margin-bottom: 30px;" align="center"  height ="45px" onMouseOver="this.bgColor='Aqua'" onMouseOut="this.bgColor='Aqua'" bgColor=Aqua>  
     margin-bottom: 30px;" align="center"  height ="45px" onMouseOver="this.bgColor='Aqua'" onMouseOut="this.bgColor='Aqua'" bgColor=Aqua>  
-
<a href="https://2014.igem.org/Equipe:_ULB_Bruxelles/Accueil"style="color:#000000"> Français </a></td>
+
<a href="https://2014.igem.org/Equipe:_ULB_Bruxelles/Accueil"style="color:#ff0000"> Français </a></td>
<td style= "
<td style= "
-
     background :#8b8b8b
+
     background :#00008b
-
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d3d3', endColorstr='#7a7a7a')
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
     background : -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#7a7a7a));
-
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
     background : -moz-linear-gradient(top, #d3d3d3, #7a7a7a);
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
     margin-bottom: 30px;"align="center"  height ="45px" onMouseOver="this.bgColor='Aqua'" onMouseOut="this.bgColor='Aqua'" bgColor=Aqua>  
     margin-bottom: 30px;"align="center"  height ="45px" onMouseOver="this.bgColor='Aqua'" onMouseOut="this.bgColor='Aqua'" bgColor=Aqua>  
-
<a href="https://2014.igem.org/Team:ULB-Brussels/"style="color:#000000"> Dutch </a></td>
+
<a href="https://2014.igem.org/Team:ULB-Brussels/"style="color:#ff0000"> Dutch </a></td>
Line 206: Line 198:
</table>
</table>
<!--end navigation menu -->
<!--end navigation menu -->
-
<body>
 
-
</html>
 

Latest revision as of 22:22, 13 August 2014

carousel slider
Home Team Official Team Profile Project Parts Modeling Notebook Safety Attributions Français Dutch

Retrieved from "http://2014.igem.org/Team:ULB-Brussels/Template"