Post by Admin on Aug 12, 2015 22:10:09 GMT
[googlefont=Abril Fatface|Montserrat]
[newclass=.icon]width:500px;height:250px;background-image:url('http://placehold.it/500x250.png');overflow:hidden;margin-top:-15px;border-bottom:2px solid #141414;[/newclass]
[newclass=.bloc]height:500px;width:250px;padding-top:250px;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;[/newclass]
[newclass=.bloc:hover]padding-top:0px;[/newclass]
[newclass=.text]background:#f9f9f9;width:490px;height:250px;overflow:auto;color:#313131;text-align:center;margin-left:-130px;padding:10px;[/newclass]
FIRST MIDDLE ◦ LAST AGE || GENDER || HEIGHT || WEIGHT |
[attr="class","border"]
[attr="class","icon"]
[attr="class","bloc"]
[attr="class","text"]
| friends | enemies | lovers |
| Praesent sed tristique nunc, non dignissim arcu. Ut at sagittis enim. Duis ultricies dignissim porttitor. Curabitur venenatis ligula in diam aliquet varius. Mauris vulputate auctor porttitor. Pellentesque sed scelerisque ligula, a gravida ligula. Vestibulum quis pharetra enim. Mauris id rhoncus massa. Nullam luctus gravida tempor. Nullam vulputate pulvinar lectus. Sed malesuada augue vitae viverra vulputate. Nulla id ante ante. Pellentesque finibus ante nulla. Nulla at elementum erat, id hendrerit urna. Integer feugiat enim enim, lacinia fringilla quam bibendum sed. Aenean convallis, ex at auctor aliquam, leo urna vehicula elit, eu cursus felis eros eu metus. Nunc imperdiet placerat consectetur. | Praesent sed tristique nunc, non dignissim arcu. Ut at sagittis enim. Duis ultricies dignissim porttitor. Curabitur venenatis ligula in diam aliquet varius. Mauris vulputate auctor porttitor. Pellentesque sed scelerisque ligula, a gravida ligula. Vestibulum quis pharetra enim. Mauris id rhoncus massa. Nullam luctus gravida tempor. Nullam vulputate pulvinar lectus. Sed malesuada augue vitae viverra vulputate. Nulla id ante ante. Pellentesque finibus ante nulla. Nulla at elementum erat, id hendrerit urna. Integer feugiat enim enim, lacinia fringilla quam bibendum sed. Aenean convallis, ex at auctor aliquam, leo urna vehicula elit, eu cursus felis eros eu metus. Nunc imperdiet placerat consectetur. | Praesent sed tristique nunc, non dignissim arcu. Ut at sagittis enim. Duis ultricies dignissim porttitor. Curabitur venenatis ligula in diam aliquet varius. Mauris vulputate auctor porttitor. Pellentesque sed scelerisque ligula, a gravida ligula. Vestibulum quis pharetra enim. Mauris id rhoncus massa. Nullam luctus gravida tempor. Nullam vulputate pulvinar lectus. Sed malesuada augue vitae viverra vulputate. Nulla id ante ante. Pellentesque finibus ante nulla. Nulla at elementum erat, id hendrerit urna. Integer feugiat enim enim, lacinia fringilla quam bibendum sed. Aenean convallis, ex at auctor aliquam, leo urna vehicula elit, eu cursus felis eros eu metus. Nunc imperdiet placerat consectetur. |
[newclass=.icon]width:500px;height:250px;background-image:url('http://placehold.it/500x250.png');overflow:hidden;margin-top:-15px;border-bottom:2px solid #141414;[/newclass]
[newclass=.bloc]height:500px;width:250px;padding-top:250px;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;[/newclass]
[newclass=.bloc:hover]padding-top:0px;[/newclass]
[newclass=.text]background:#f9f9f9;width:490px;height:250px;overflow:auto;color:#313131;text-align:center;margin-left:-130px;padding:10px;[/newclass]