Template:Http://2014.igem.org/Team:ULB-Brussels/Template

From 2014.igem.org

(Difference between revisions)
Line 541: Line 541:
<td colspan="3" style="  
<td colspan="3" style="  
-
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9b9b9', endColorstr='#8a8a8a')
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
     background : -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#8a8a8a));
-
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
     background : -moz-linear-gradient(top, #b9b9b9, #8a8a8a);
-
     background : linear-gradient(#a9a9a9, #7a7a7a);
+
     background : linear-gradient(#b9b9b9, #8a8a8a);
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
Line 561: Line 561:
<td colspan="3" style="  
<td colspan="3" style="  
-
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9b9b9', endColorstr='#8a8a8a')
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
     background : -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#8a8a8a));
-
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
     background : -moz-linear-gradient(top, #b9b9b9, #8a8a8a);
-
     background : linear-gradient(#a9a9a9, #7a7a7a);
+
     background : linear-gradient(#b9b9b9, #8a8a8a);
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
Line 571: Line 571:
<a href="https://2014.igem.org/Team:ULB-Brussels/Project"style="color:#000000"> <div id="monmenu">
<a href="https://2014.igem.org/Team:ULB-Brussels/Project"style="color:#000000"> <div id="monmenu">
         <ul height="100%" id="menu-demo2">
         <ul height="100%" id="menu-demo2">
-
<li  style="background-color:transparent;
+
<li  style="background-color:transparent;" ><a href="#" style="color:#000000">
-
    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>
     Project <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
<ul >
<ul >
Line 583: Line 582:
<td colspan="3" style="  
<td colspan="3" style="  
-
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9b9b9', endColorstr='#8a8a8a')
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
     background : -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#8a8a8a));
-
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
     background : -moz-linear-gradient(top, #b9b9b9, #8a8a8a);
-
     background : linear-gradient(#a9a9a9, #7a7a7a);
+
     background : linear-gradient(#b9b9b9, #8a8a8a);
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
Line 593: Line 592:
<a href="https://2014.igem.org/Team:ULB-Brussels/Modelling"style="color:#000000"> <div id="monmenu">
<a href="https://2014.igem.org/Team:ULB-Brussels/Modelling"style="color:#000000"> <div id="monmenu">
         <ul height="100%" id="menu-demo2">
         <ul height="100%" id="menu-demo2">
-
<li  style="background-color:transparent;
+
<li  style="background-color:transparent;" ><a href="#" style="color:#000000">
-
    background : -moz-linear-gradient(top, rgb(152,152,152), rgb(141,141,141));" ><a href="#" style="color:#000000">
+
     Modelling <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
     Modelling <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
<ul >
<ul >
Line 605: Line 603:
<td colspan="3" style="  
<td colspan="3" style="  
-
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9b9b9', endColorstr='#8a8a8a')
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
     background : -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#8a8a8a));
-
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
     background : -moz-linear-gradient(top, #b9b9b9, #8a8a8a);
 +
    background : linear-gradient(#b9b9b9, #8a8a8a);
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
Line 614: Line 613:
<a href="https://2014.igem.org/Team:ULB-Brussels/Human"style="color:#000000"> <div id="monmenu">
<a href="https://2014.igem.org/Team:ULB-Brussels/Human"style="color:#000000"> <div id="monmenu">
         <ul height="100%" id="menu-demo2">
         <ul height="100%" id="menu-demo2">
-
<li  style="background-color:#8b8b8b;
+
<li  style="background-color:transparent;" ><a href="#" style="color:#000000">
-
    background : -moz-linear-gradient(top, rgb(152,152,152), rgb(141,141,141));" ><a href="#" style="color:#000000">
+
     Human Practice <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
     Human Practice <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
<ul >
<ul >
Line 623: Line 621:
<td colspan="3" style="  
<td colspan="3" style="  
-
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9b9b9', endColorstr='#8a8a8a')
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
     background : -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#8a8a8a));
-
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
     background : -moz-linear-gradient(top, #b9b9b9, #8a8a8a);
 +
    background : linear-gradient(#b9b9b9, #8a8a8a);
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
Line 631: Line 630:
<td colspan="3" style="  
<td colspan="3" style="  
-
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9b9b9', endColorstr='#8a8a8a')
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
     background : -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#8a8a8a));
-
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
     background : -moz-linear-gradient(top, #b9b9b9, #8a8a8a);
 +
    background : linear-gradient(#b9b9b9, #8a8a8a);
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
Line 640: Line 640:
<a href="https://2014.igem.org/Team:ULB-Brussels/Parts"style="color:#000000"> <div id="monmenu">
<a href="https://2014.igem.org/Team:ULB-Brussels/Parts"style="color:#000000"> <div id="monmenu">
         <ul height="100%" id="menu-demo2">
         <ul height="100%" id="menu-demo2">
-
<li  style="background-color:#8b8b8b;
+
<li  style="background-color:transparent;" ><a href="#" style="color:#000000">  
-
    background : -moz-linear-gradient(top, rgb(152,152,152), rgb(141,141,141));" ><a href="#" style="color:#000000">  
+
     Parts </a>  
     Parts </a>  
     <ul >
     <ul >
Line 648: Line 647:
<td colspan="3" style="  
<td colspan="3" style="  
-
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9b9b9', endColorstr='#8a8a8a')
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
     background : -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#8a8a8a));
-
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
     background : -moz-linear-gradient(top, #b9b9b9, #8a8a8a);
 +
    background : linear-gradient(#b9b9b9, #8a8a8a);
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
Line 657: Line 657:
<a href="https://2014.igem.org/Team:ULB-Brussels/Safety"style="color:#000000"> <div id="monmenu">
<a href="https://2014.igem.org/Team:ULB-Brussels/Safety"style="color:#000000"> <div id="monmenu">
     <ul height="100%" id="menu-demo2">
     <ul height="100%" id="menu-demo2">
-
     <li  style="background-color:#8b8b8b;
+
     <li  style="background-color:transparent;" ><a href="#" style="color:#000000">
-
    background : -moz-linear-gradient(top, rgb(152,152,152), rgb(141,141,141));" ><a href="#" style="color:#000000">
+
     Safety <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>  
     Safety <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>  
     <ul >
     <ul >
Line 665: Line 664:
<td colspan="3" style="  
<td colspan="3" style="  
-
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9b9b9', endColorstr='#8a8a8a')
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
     background : -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#8a8a8a));
-
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
     background : -moz-linear-gradient(top, #b9b9b9, #8a8a8a);
-
     background : linear-gradient(#a9a9a9, #7a7a7a);
+
     background : linear-gradient(#b9b9b9, #8a8a8a);
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
Line 675: Line 674:
<a href="https://2014.igem.org/Team:ULB-Brussels/Previous"style="color:#000000"> <div id="monmenu">
<a href="https://2014.igem.org/Team:ULB-Brussels/Previous"style="color:#000000"> <div id="monmenu">
         <ul height="100%" id="menu-demo2">
         <ul height="100%" id="menu-demo2">
-
<li  style="background-color:transparent;
+
<li  style="background-color:transparent;" ><a href="#" style="color:#000000">
-
    background : -moz-linear-gradient(top, rgb(152,152,152), rgb(141,141,141));" ><a href="#" style="color:#000000">
+
     Previous Years <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
     Previous Years <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
<ul >
<ul >
Line 686: Line 684:
<td colspan="3" style="  
<td colspan="3" style="  
-
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9b9b9', endColorstr='#8a8a8a')
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
     background : -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#8a8a8a));
-
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
     background : -moz-linear-gradient(top, #b9b9b9, #8a8a8a);
-
     background : linear-gradient(#a9a9a9, #7a7a7a);
+
     background : linear-gradient(#b9b9b9, #8a8a8a);
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
Line 697: Line 695:
         <ul height="100%" id="menu-demo2">
         <ul height="100%" id="menu-demo2">
         <li  style="background-color:transparent;  
         <li  style="background-color:transparent;  
-
     background : -moz-linear-gradient(top, rgb(152,152,152), rgb(141,141,141));" ><a href="https://2014.igem.org/Team:ULB-Brussels/Sponsors" style="color:#000000">
+
     , rgb(141,141,141));" ><a href="https://2014.igem.org/Team:ULB-Brussels/Sponsors" style="color:#000000">
     Sponsors</a>  
     Sponsors</a>  
</td>
</td>
Line 704: Line 702:
<td style= "border-radius: 0px 15px 15px 0px; behavior: url(border-radius.htc);
<td style= "border-radius: 0px 15px 15px 0px; behavior: url(border-radius.htc);
     background :#8b8b8b
     background :#8b8b8b
-
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9b9b9', endColorstr='#8a8a8a')
-
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
     background : -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#8a8a8a));
-
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
     background : -moz-linear-gradient(top, #b9b9b9, #8a8a8a);
-
     background : linear-gradient(#a9a9a9, #7a7a7a);
+
     background : linear-gradient(#b9b9b9, #8a8a8a);
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;

Revision as of 09:37, 1 September 2014

Example of a hierarchical menu in CSS

carousel slider




$Scientia$ $Vincere$ $Tenebras$ - $\small Université$ $\small Libre$ $\small de$ $\small Bruxelles$


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