Difference between revisions of "Dev/Awards2"

Line 7: Line 7:
 
<style>
 
<style>
 
.medals ul li {
 
.medals ul li {
−
    list-style: none;
+
list-style:none;
−
    display: inline-block;
+
−
    background-color: #f2f2f2;
+
−
    padding: 10px 8px;
+
−
    height: 20px;
+
−
    width: 18%;
+
−
    margin: 2px 0px;
+
−
    text-align: center;
+
 
}
 
}
−
 
−
.medals ul li:hover {
 
−
background-color: #ffffff;
 
−
}
 
  
 
.medals ul{
 
.medals ul{
Line 26: Line 15:
  
  
−
.medals ul a{
 
−
color: #666766;
 
−
 
−
}
 
 
</style>
 
</style>
  
Line 37: Line 22:
  
 
<h2> Awards demo </h2>
 
<h2> Awards demo </h2>
 +
 +
 +
<ul class="medals" id="gold_medals" >
 +
 +
</ul>
 +
 +
 +
 +
<ul class="medals" id="silver_medals" >
 +
 +
</ul>
 +
  
  
Line 56: Line 53:
  
 
// to use this function send the "source page" and then send the div's id to where you want to send it  
 
// to use this function send the "source page" and then send the div's id to where you want to send it  
−
load_these_items ( "https://2017.igem.org/Dev/Awards #demo_bronze", "bronze_medals");
 
  
 +
var medal_type = ["gold", "silver", "bronze"];
 +
 +
for( x= 0; x < medal_type.length() ; x++ ) {
 +
 +
load_these_items ( "https://2017.igem.org/Dev/Awards #demo_"+medal_type[x],  medal_type[x]+"_medals");
 +
}
 
});
 
});
  

Revision as of 19:50, 6 November 2017

MENU
Loading...

Awards demo