Związki wysuwane z lewej strony ekranu ;D

<style>.boxRelationship.blockItem {
position: fixed;
width: 475px;
left: -445px;
bottom: 0px;

background: transparent;

border-image: initial;
-webkit-transition-duration: 0,1s;
}

.boxRelationship.blockItem:hover {
position: fixed;
width: 475px;
left: -1px;
bottom: -1px;



border-image: initial;
-webkit-transition-duration: 0,1s;
}
<link rel="stylesheet" type="text/css" media="screen,projection" href="http://tnij.org/rmzz">
</style>

Bierzesz - Pisz :D [P.S - kod działa gdy jest aktywny komponent "Związki"]