Template:Lyon-INSA/homeCss

From 2012.igem.org

(Difference between revisions)
 
(85 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
 +
<SCRIPT LANGUAGE="JavaScript">
 +
// CHARGEMENT DES IMAGES AVANT LE RESTE
 +
i1 = new Image;
 +
i1.src = "https://static.igem.org/mediawiki/2012/0/07/The_lit_B.png";
 +
i2 = new Image;
 +
i2.src = "https://static.igem.org/mediawiki/2012/0/0f/Menu_T%26T.png";
 +
 +
i3 = new Image;
 +
i3.src = "https://static.igem.org/mediawiki/2012/3/35/Menu_project.png";
 +
i4 = new Image;
 +
i4.src = "https://static.igem.org/mediawiki/2012/8/8b/Menu_result.png";
 +
i5 = new Image;
 +
i5.src = "https://static.igem.org/mediawiki/2012/a/aa/Menu_collabo.png";
 +
i6 = new Image;
 +
i6.src = "https://static.igem.org/mediawiki/2012/9/9e/Menu_HP.png";
 +
i7 = new Image;
 +
i7.src = "https://static.igem.org/mediawiki/2012/e/e5/OurtownB.png";
 +
i8 = new Image;
 +
i8.src = "https://static.igem.org/mediawiki/2012/b/ba/V_and_P_B.png";
 +
i9 = new Image;
 +
i9.src = "https://static.igem.org/mediawiki/2012/2/2b/Attributions_B.png";
 +
i10 = new Image;
 +
i10.src = "https://static.igem.org/mediawiki/2012/d/d4/Description_B.png";
 +
i11 = new Image;
 +
i11.src = "https://static.igem.org/mediawiki/2012/b/b7/Modeling_B.png";
 +
i12 = new Image;
 +
i12.src = "https://static.igem.org/mediawiki/2012/5/5c/Safety_B.png";
 +
i13 = new Image;
 +
i13.src = "https://static.igem.org/mediawiki/2012/a/a1/Notebook_B.png";
 +
i14 = new Image;
 +
i14.src = "https://static.igem.org/mediawiki/2012/f/f9/Protocols_B.png";
 +
i15 = new Image;
 +
i15.src = "https://static.igem.org/mediawiki/2012/6/61/Results_B.png";
 +
i16 = new Image;
 +
i16.src = "https://static.igem.org/mediawiki/2012/a/ad/Data_page_B.png";
 +
i17 = new Image;
 +
i17.src = "https://static.igem.org/mediawiki/2012/a/aa/Achievements_B.png";
 +
i18 = new Image;
 +
i18.src = "https://static.igem.org/mediawiki/2012/2/22/Menu_LAB.png";
 +
i19 = new Image;
 +
i19.src = "https://static.igem.org/mediawiki/2012/8/8b/Menu_result.png";
 +
i20 = new Image;
 +
i20.src = "https://static.igem.org/mediawiki/2012/f/fe/Sponsors_B.png";
 +
i21 = new Image;
 +
i21.src = "https://static.igem.org/mediawiki/2012/3/3b/Collabo_between_B.png";
 +
i22 = new Image;
 +
i22.src = "https://static.igem.org/mediawiki/2012/e/e8/Contact_us_B.png";
 +
i23 = new Image;
 +
i23.src = "https://static.igem.org/mediawiki/2012/7/7f/Context_B.png";
 +
i24 = new Image;
 +
i24.src = "https://static.igem.org/mediawiki/2012/8/8f/State_of_B.png";
 +
i25 = new Image;
 +
i25.src = "https://static.igem.org/mediawiki/2012/f/fc/REACH_B.png";
 +
i26 = new Image;
 +
i26.src = "https://static.igem.org/mediawiki/2012/7/73/Applic_B.png";
 +
i27 = new Image;
 +
i27.src = "https://static.igem.org/mediawiki/2012/e/e8/Contact_us_B.png";
 +
i28 = new Image;
 +
i28.src = "https://static.igem.org/mediawiki/2012/1/12/Humanprac_B.png";
 +
 +
 +
 +
 +
</SCRIPT>
<style>
<style>
-
#content a:link {color:blue;}      /* unvisited link */
+
#content a:link {color:#33ccff;}      /* unvisited link */
-
#content a:visited {color:purple;}  /* visited link */
+
#content a:visited {color:#66ff99;}  /* visited link */
-
#content a:hover {color:pink;}  /* mouse over link */
+
#content a:hover {color:#9966ff;}  /* mouse over link */
-
#content a:active {color:red;}  /* selected link */
+
#content a:active {color:#ffffff;}  /* selected link */
 +
 
 +
#pageContent{
 +
margin-top:-220px;
 +
}
._pt{
._pt{
Line 130: Line 199:
h3
h3
{
{
-
   font-size:17px;
+
   font-weight:bold;
-
   color:black;
+
   color:#cccccc;
 +
  font-size:16px;
   text-shadow:2px 2px 2px #333333;
   text-shadow:2px 2px 2px #333333;
}
}
Line 168: Line 238:
   margin:20px;
   margin:20px;
   font-weight:bold;
   font-weight:bold;
-
   color:#dddddd;
+
   color:#777777;
-
   font-size:16px;
+
   font-size:14px;
text-shadow:2px 2px 2px #333333;
text-shadow:2px 2px 2px #333333;
Line 177: Line 247:
#p-logo img{
#p-logo img{
     width: 1178px;
     width: 1178px;
-
     left: -102px;
+
     left: -130px;
     position: absolute;
     position: absolute;
}
}
Line 239: Line 309:
   right:-150px;
   right:-150px;
}
}
 +
#tt1:hover{
 +
background:url('https://static.igem.org/mediawiki/2012/0/07/The_lit_B.png');
 +
}
 +
#tt2:hover{
 +
background:url('https://static.igem.org/mediawiki/2012/e/e5/OurtownB.png');
 +
}
 +
#tt3:hover{
 +
background:url('https://static.igem.org/mediawiki/2012/b/ba/V_and_P_B.png');
 +
}
 +
#tt4:hover{
 +
background:url('https://static.igem.org/mediawiki/2012/2/2b/Attributions_B.png');
 +
}
 +
#pro1:hover{
 +
background:url('https://static.igem.org/mediawiki/2012/d/d4/Description_B.png');
 +
}
 +
#pro2:hover{
 +
background:url('https://static.igem.org/mediawiki/2012/b/b7/Modeling_B.png');
 +
}
 +
#pro3:hover{
 +
background:url('https://static.igem.org/mediawiki/2012/5/5c/Safety_B.png');
 +
}
 +
#lab1:hover{
 +
background:url('https://static.igem.org/mediawiki/2012/a/a1/Notebook_B.png');
 +
}
 +
#lab2:hover{
 +
background:url('https://static.igem.org/mediawiki/2012/f/f9/Protocols_B.png');
 +
}
 +
#res1:hover{
 +
background:url('https://static.igem.org/mediawiki/2012/6/61/Results_B.png');
 +
}
 +
#res2:hover{
 +
background:url('https://static.igem.org/mediawiki/2012/a/ad/Data_page_B.png');
 +
}
 +
#res3:hover{
 +
background:url('https://static.igem.org/mediawiki/2012/a/aa/Achievements_B.png');
 +
}
 +
#col1:hover{
 +
background:url('https://static.igem.org/mediawiki/2012/f/fe/Sponsors_B.png');
 +
}
 +
#col2:hover{
 +
background:url('https://static.igem.org/mediawiki/2012/3/3b/Collabo_between_B.png');
 +
}
 +
#col3:hover{
 +
background:url('https://static.igem.org/mediawiki/2012/e/e8/Contact_us_B.png');
 +
}
 +
#hum1:hover{
 +
background:url('https://static.igem.org/mediawiki/2012/7/7f/Context_B.png');
 +
}
 +
#hum2:hover{
 +
background:url('https://static.igem.org/mediawiki/2012/8/8f/State_of_B.png');
 +
}
 +
#hum3:hover{
 +
background:url('https://static.igem.org/mediawiki/2012/f/fc/REACH_B.png');
 +
}
 +
#hum4:hover{
 +
background:url('https://static.igem.org/mediawiki/2012/0/0c/Our_sol_B.png');
 +
}
 +
#hum5:hover{
 +
background:url('https://static.igem.org/mediawiki/2012/7/73/Applic_B.png');
 +
}
 +
#hum6:hover{
 +
background:url('https://static.igem.org/mediawiki/2012/1/12/Humanprac_B.png');
 +
}
 +
</style>
</style>
<script>
<script>
Line 248: Line 382:
<body>   
<body>   
-
   <div id="menuBloc" style="height:80px;background-color:transparent;width:100%;position:relative;top:-80px">
+
 
 +
 
 +
   <div id="menuBloc" style="height:80px;background-color:transparent;width:100%;position:relative;top:-80px;left:-28px">
       <div id="teamtown" class="_pt menuprinc" style="background-color:transparent;position:relative;width:190px;height:80px;right:-50px">
       <div id="teamtown" class="_pt menuprinc" style="background-color:transparent;position:relative;width:190px;height:80px;right:-50px">
       </div>
       </div>
Line 262: Line 398:
       </div>
       </div>
   </div>
   </div>
-
   <div id="divtt" class="sousMenu" style="width:1021px;height:101px;position:relative;right:80px;background:url('https://static.igem.org/mediawiki/2012/0/0f/Menu_T%26T.png');top:-50px;display:none;">    
+
   <div id="modifLien" onclick="window.location='https://2012.igem.org/Team:Lyon-INSA';" class="_pt" style="height:170px;background-color:transparent;width:100%;position:relative;top:-320px;left:-0px">
   </div>
   </div>
-
   <div id="divproject" class="sousMenu" style="width:639px;height:101px;position:relative;right:80px;background:url('https://static.igem.org/mediawiki/2012/3/35/Menu_project.png');top:-50px;display:none;">    
+
 
 +
   <div id="divtt" class="sousMenu" style="width:1021px;height:101px;position:relative;right:80px;background:url('https://static.igem.org/mediawiki/2012/0/0f/Menu_T%26T.png');top:-220px;display:none;">
 +
<div id="tt1" class="_pt"  onclick="window.location='https://2012.igem.org/Team:Lyon-INSA/Team';" style="height:95px;width:302px;position:relative;top:-5px;right:-40px">
 +
</div>   
 +
<div id="tt2" class="_pt" onclick="window.location='https://2012.igem.org/Team:Lyon-INSA/town';" style="height:95px;width:193px;position:relative;top:-100px;right:-335px">
 +
</div>   
 +
<div id="tt3" class="_pt" onclick="window.location='https://2012.igem.org/Team:Lyon-INSA/videos';" style="height:95px;width:281px;position:relative;top:-195px;right:-520px">
 +
</div>   
 +
<div id="tt4" class="_pt" onclick="window.location='https://2012.igem.org/Team:Lyon-INSA/Attributions';" style="height:95px;width:193px;position:relative;top:-290px;right:-810px">
 +
</div>   
 +
 
   </div>
   </div>
-
   <div id="divlab" class="sousMenu" style="width:537px;height:101px;position:relative;right:80px;background:url('https://static.igem.org/mediawiki/2012/2/22/Menu_LAB.png');top:-50px;display:none;">    
+
   <div id="divproject" class="sousMenu" style="width:639px;height:101px;position:relative;right:80px;background:url('https://static.igem.org/mediawiki/2012/3/35/Menu_project.png');top:-220px;display:none;">
 +
<div id="pro1" class="_pt" onclick="window.location='https://2012.igem.org/Team:Lyon-INSA/project';" style="height:95px;width:193px;position:relative;top:-5px;right:-95px">
 +
</div>   
 +
<div id="pro2" class="_pt" onclick="window.location='https://2012.igem.org/Team:Lyon-INSA/modelling';" style="height:95px;width:193px;position:relative;top:-100px;right:-285px">
 +
</div>   
 +
<div id="pro3" class="_pt" onclick="window.location='https://2012.igem.org/Team:Lyon-INSA/safety';" style="height:95px;width:145px;position:relative;top:-195px;right:-465px">
 +
</div>   
   </div>
   </div>
-
   <div id="divresult" class="sousMenu" style="width:702px;height:101px;position:relative;right:80px;background:url('https://static.igem.org/mediawiki/2012/8/8b/Menu_result.png');top:-50px;display:none;">       
+
  <div id="divlab" class="sousMenu" style="width:537px;height:101px;position:relative;right:80px;background:url('https://static.igem.org/mediawiki/2012/2/22/Menu_LAB.png');top:-220px;display:none;"> 
 +
<div id="lab1" class="_pt" onclick="window.location='https://2012.igem.org/Team:Lyon-INSA/notebook';" style="height:95px;width:193px;position:relative;top:-5px;right:-95px">
 +
</div>   
 +
<div id="lab2" class="_pt" onclick="window.location='https://2012.igem.org/Team:Lyon-INSA/protocol';" style="height:95px;width:193px;position:relative;top:-100px;right:-295px">
 +
</div>   
 +
  </div>
 +
   <div id="divresult" class="sousMenu" style="width:702px;height:101px;position:relative;right:80px;background:url('https://static.igem.org/mediawiki/2012/8/8b/Menu_result.png');top:-220px;display:none;">  
 +
 
 +
<div id="res1" class="_pt" onclick="window.location='https://2012.igem.org/Team:Lyon-INSA/results';" style="height:95px;width:145px;position:relative;top:-5px;right:-95px">
 +
</div>   
 +
<div id="res2" class="_pt" onclick="window.location='https://2012.igem.org/Team:Lyon-INSA/datapage';" style="height:95px;width:193px;position:relative;top:-100px;right:-230px">
 +
</div>   
 +
<div id="res3" class="_pt" onclick="window.location='https://2012.igem.org/Team:Lyon-INSA/Achievements';" style="height:95px;width:208px;position:relative;top:-195px;right:-430px">
 +
</div>   
 +
      
   </div>
   </div>
-
   <div id="divcollabo" class="sousMenu" style="width:876px;height:101px;position:relative;right:80px;background:url('https://static.igem.org/mediawiki/2012/a/aa/Menu_collabo.png');top:-50px;display:none;">    
+
   <div id="divcollabo" class="sousMenu" style="width:876px;height:101px;position:relative;right:80px;background:url('https://static.igem.org/mediawiki/2012/a/aa/Menu_collabo.png');top:-220px;display:none;">    
 +
<div id="col1" class="_pt" onclick="window.location='https://2012.igem.org/Team:Lyon-INSA/sponsors';" style="height:95px;width:193px;position:relative;top:-5px;right:-55px">
 +
</div>
 +
<div id="col2" class="_pt" onclick="window.location='https://2012.igem.org/Team:Lyon-INSA/collaboration';" style="height:95px;width:405px;position:relative;top:-100px;right:-230px">
 +
</div>
 +
<div id="col3" class="_pt" onclick="window.location='https://2012.igem.org/Team:Lyon-INSA/contact';" style="height:95px;width:193px;position:relative;top:-195px;right:-615px">
 +
</div>
   </div>
   </div>
-
   <div id="divhuman" class="sousMenu" style="width:1076px;height:101px;position:relative;right:80px;background:url('https://static.igem.org/mediawiki/2012/9/9e/Menu_HP.png');top:-50px;display:none;">       
+
   <div id="divhuman" class="sousMenu" style="width:1076px;height:101px;position:relative;right:80px;background:url('https://static.igem.org/mediawiki/2012/9/9e/Menu_HP.png');top:-220px;display:none;">       
 +
<div id="hum1" class="_pt" onclick="window.location='https://2012.igem.org/Team:Lyon-INSA/Context';" style="height:95px;width:145px;position:relative;top:-5px;right:-45px">
 +
</div>
 +
<div id="hum2" class="_pt" onclick="window.location='https://2012.igem.org/Team:Lyon-INSA/StateArt';" style="height:95px;width:227px;position:relative;top:-100px;right:-170px">
 +
</div>
 +
<div id="hum3" class="_pt" onclick="window.location='https://2012.igem.org/Team:Lyon-INSA/REACH';" style="height:95px;width:145px;position:relative;top:-195px;right:-375px">
 +
</div>
 +
<div id="hum4" class="_pt" onclick="window.location='https://2012.igem.org/Team:Lyon-INSA/BiofilmK';" style="height:95px;width:193px;position:relative;top:-290px;right:-500px">
 +
</div>
 +
<div id="hum5" class="_pt" onclick="window.location='https://2012.igem.org/Team:Lyon-INSA/microbialControl';" style="height:95px;width:193px;position:relative;top:-385px;right:-670px">
 +
</div>
 +
<div id="hum6" class="_pt" onclick="window.location='https://2012.igem.org/Team:Lyon-INSA/HP';" style="height:95px;width:242px;position:relative;top:-480px;right:-840px">
 +
</div>
   </div>
   </div>
</body>
</body>
Line 286: Line 470:
<script>
<script>
-
var btnCLicked;
+
var btnClicked;
$(".menuprinc").mouseout(function(){
$(".menuprinc").mouseout(function(){
-
          $(".menuprinc").css("background-position","-50px -50px");
+
       
 +
    $(".menuprinc").each(function(){
           var btn = $(this).attr('id');
           var btn = $(this).attr('id');
-
           if (btn==btnClicked)
+
           if (btn!=btnClicked)
           {
           {
-
               $(this).mouseover();
+
               $(this).css("background-position","-50px -50px");
           }
           }
 +
    });
});
});
Line 318: Line 504:
   $("#teamtown").click(
   $("#teamtown").click(
             function(){       
             function(){       
-
btnCLicked = $(this).attr('id');
+
btnClicked = $(this).attr('id');
   $(".menuprinc").css("background-position","-50px -50px");
   $(".menuprinc").css("background-position","-50px -50px");
                 $(".sousMenu").hide();
                 $(".sousMenu").hide();
Line 326: Line 512:
   $("#project").click(
   $("#project").click(
             function(){
             function(){
-
btnCLicked = $(this).attr('id');
+
btnClicked = $(this).attr('id');
   $(".menuprinc").css("background-position","-50px -50px");
   $(".menuprinc").css("background-position","-50px -50px");
                 $(".sousMenu").hide();
                 $(".sousMenu").hide();
Line 334: Line 520:
   $("#collaboration").click(
   $("#collaboration").click(
             function(){
             function(){
-
btnCLicked = $(this).attr('id');
+
btnClicked = $(this).attr('id');
   $(".menuprinc").css("background-position","-50px -50px");
   $(".menuprinc").css("background-position","-50px -50px");
                 $(".sousMenu").hide();
                 $(".sousMenu").hide();
Line 343: Line 529:
   $("#lab").click(
   $("#lab").click(
             function(){
             function(){
-
btnCLicked = $(this).attr('id');
+
btnClicked = $(this).attr('id');
   $(".menuprinc").css("background-position","-50px -50px");
   $(".menuprinc").css("background-position","-50px -50px");
                 $(".sousMenu").hide();
                 $(".sousMenu").hide();
Line 352: Line 538:
$("#human").click(
$("#human").click(
             function(){
             function(){
-
btnCLicked = $(this).attr('id');
+
btnClicked = $(this).attr('id');
   $(".menuprinc").css("background-position","-50px -50px");
   $(".menuprinc").css("background-position","-50px -50px");
                 $(".sousMenu").hide();
                 $(".sousMenu").hide();
Line 361: Line 547:
   $("#result").click(
   $("#result").click(
             function(){
             function(){
-
btnCLicked = $(this).attr('id');
+
btnClicked = $(this).attr('id');
   $(".menuprinc").css("background-position","-50px -50px");
   $(".menuprinc").css("background-position","-50px -50px");
                   $(".sousMenu").hide();
                   $(".sousMenu").hide();

Latest revision as of 15:03, 26 October 2012

Retrieved from "http://2012.igem.org/Template:Lyon-INSA/homeCss"