Template:Team:TU Eindhoven/Design CSS

#containercontent{ text-align: justify; overflow: auto; } #imageText { width:100%; overflow:hidden; } .textImage { width:100%; overflow: hidden; margin: 10px 0px; } .left1 { float:left; width:58%; text-align: justify; } .left2 { float:left; width:72%; text-align: justify; } .right2i { float:right; width:72%; text-align: justify; } .left2imglink { display:block; float:right; width:23%; text-align:justify; overflow:hidden; position:relative; } .right2imglink { display:block; float:left; width:23%; text-align:justify; overflow:hidden; position:relative; } .linkImg { width:100%; } .linkTxt{ background-color:rgba(255,255,255,0.5); height:60%; padding:10px; position:absolute; bottom:-100%; transition: all 0.5s ease; } .left2imglink:hover .linkTxt { background-color:rgba(255,255,255,0.9); bottom:0; } .right2imglink:hover .linkTxt { background-color:rgba(255,255,255,0.9); bottom:0; } .right1{ float:right; width:35%; text-align: justify; } .right2{ float:right; width:58%x; text-align: justify; } .right2text { float:left; width:40%; text-align: justify; } .center { display: block; margin-left: auto; margin-right: auto; } .columnleft { float:left; width:calc(45%); text-align: justify; } .columnright { float:right; width:calc(45%); text-align: justify; } .references { width: 960px; float: left; }