Difference between revisions of "Template:Team:TU Eindhoven/Timeline CSS"

 
(33 intermediate revisions by one other user not shown)
Line 1: Line 1:
 
<html>
 
<html>
  
 +
#triangle{
 +
width: 200px;
 +
height: 60px;
 +
background-size: 100% 100%;
 +
background-image: url('https://static.igem.org/mediawiki/2015/b/bf/TU_Eindhoven_Marker_CroppedSmall.png');
 +
 +
}
 
#timeline{
 
#timeline{
 
background-size:100%;
 
background-size:100%;
Line 8: Line 15:
 
}
 
}
  
−
#event{
+
#eventsContainer{
−
Height: 200px;
+
visibility: hidden;
 +
}
 +
#eventBorder{
 
width : 300px;
 
width : 300px;
 +
height: 150px;
 +
border-radius: 20px;
 +
background-color: black;
 +
position: relative;
 +
}
 +
 +
#event{
 +
position: absolute;
 +
top: 10px;
 +
left: 10px;
 +
width : 280px;
 +
height: 130px;
 +
border-radius: 15px;
 +
background-image: url("https://static.igem.org/mediawiki/2015/c/ca/TU_Eindhoven_grey_bf.png");
 
}
 
}
  
 
</html>
 
</html>

Latest revision as of 21:50, 20 November 2015

#triangle{ width: 200px; height: 60px; background-size: 100% 100%; background-image: url('https://static.igem.org/mediawiki/2015/b/bf/TU_Eindhoven_Marker_CroppedSmall.png'); } #timeline{ background-size:100%; height:30px; width:1068px; background-image: url('https://static.igem.org/mediawiki/2015/0/08/TU_Eindhoven_timeline.png'); } #eventsContainer{ visibility: hidden; } #eventBorder{ width : 300px; height: 150px; border-radius: 20px; background-color: black; position: relative; } #event{ position: absolute; top: 10px; left: 10px; width : 280px; height: 130px; border-radius: 15px; background-image: url("https://static.igem.org/mediawiki/2015/c/ca/TU_Eindhoven_grey_bf.png"); }