/* LIENS */ h1{ text-transform: uppercase; text-align: left; font-size: 14px; font-weight: bold; font-style: italic; margin:15px; } .boxliensRLSLY { margin:auto; width:495px; margin-bottom:3px; } .likeRLSLY { width:15px; text-align:center; display:block; vertical-align:middle; } /*important*/ .nameRLSLY { font-family:Courier New; font-size:10px; text-align:center; height: 30px; /* Internet Explorer 10 */ display:-ms-flexbox; -ms-flex-pack:center; -ms-flex-align:center; /* Firefox */ display:-moz-box; -moz-box-pack:center; -moz-box-align:center; /* Safari, Opera, and Chrome */ display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; /* W3C */ display:box; box-pack:center; box-align:center; } #liensRLSLY { display:inline-block; /*background-image: url(https://img15.hostingpics.net/pics/892342LinedPaperTexture.png);*/ backgroun-color:#F1F1F1; } #liensRLSLY div{ height:240px; width:150px; overflow:hidden; position:relative; } #liensRLSLY div p{ font-family: "Arial", sans-serif; line-height: 10px; font-size: 11px; height:236px; padding:2px; margin:5px; text-align:justify !important; overflow:auto; font-size:11px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; } #liensRLSLY div img{ position:absolute; width:150px; height:240px; top:0; left:0; transition:transform 0.5s ease-in-out; -webkit-transition:-webkit-transform 0.5s ease-in-out; } #liensRLSLY div:hover img{ transform: translate(0px,-240px); -webkit-transform: translate(0px,-240px); } .PUFliensRLSLY { position:absolute; z-index:3; margin-left:480px; margin-top:125px; } .scrollRLSLY { font-family:Georgia; font-size:12px; width:480px; margin-left:15px; text-transform:uppercase; font-weight:bold; } .nature { width:20px; height: 20px; background-color:red; position: absolute; z-index: 1000; margin-left:-10px; margin-top:-25px; text-align: center; vertical-align: middle; font-weight:bold; }