Template:Team:TU-Eindhoven Timeline CSS

/* Page Specific CSS ---------------------------------------------------------------------------------------------------*/ .up{ width: 1000px; height: 2200px; margin-top:-250px; position:relative; } #Timeline{ width: 1024px; height: 1898px; position:absolute; left:50%; top:50%; margin-left:-460px; margin-top:-932px; } .active_3{ background-color: rgba(0, 0, 0, 0.5); } #Page_Height{ position: relative; height: 2200px; } #Januari{ right: 25px; top: 427px; } #Februari{ left: 25px; top: 587px; } #March{ right: 25px; top: 744px; } #April{ left: 25px; top: 905px; } #May{ right: 25px; top: 1069px; } #June{ left: 25px; top: 1235px; } #July{ font-size:15px; right: 25px; top: 1406px; } #August{ left: 25px; top: 1571px; } #September{ right: 25px; top: 1742px; } #October{ left: 25px; top: 1908px; } .Timeline_Text_Box_L{ color:white; padding: 0px 10px; z-index: 5; word-wrap: break-word; position: absolute; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 0px 0px 10px 10px; width: 316px; min-height: 100px; overflow: hidden; background:#4b4f9d; } .Timeline_Text_Box_R { color:white; padding: 0px 10px; z-index: 5; word-wrap: break-word; position: absolute; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 0px 0px 10px 10px; width: 316px; min-height: 100px; overflow: hidden; background:#4b4f9d; } .Timeline_Button{ z-index:99; cursor: pointer; position: absolute; height: 35px; width: 35px; background: transparent; border-radius: 50px; left: 50%; margin-left: -18px; } #Jan_Button{ top: 410px; } #Feb_Button{ top: 570px; } #Mar_Button{ top: 727px; } #Apr_Button{ top: 885px; } #May_Button{ top: 1050px; } #Jun_Button{ top: 1215px; } #Jul_Button{ top: 1390px; } #Aug_Button{ top: 1552px; } #Sep_Button{ top: 1724px; } #Oct_Button{ top: 1890px; } .Image{ width: 120px; height: 132px; position:absolute; left:50%; top:50%; margin-left:-60px; margin-top:-66px; }