wip // three // silent peter

wip // three // silent peter Jul 1, 2016 13:52:17 GMT -5

Post by Onyx on Jul 1, 2016 13:52:17 GMT -5

[attr="class","bioholder"]

[attr="class","chapteroverlay"]

[attr="class","chapterheader"]
I

[attr="class","chaptertitle"]THE RISE AND FALL
OF PETER FARADAY

[attr="class","biobox"]

Nulla tempor purus ut congue condimentum. Nunc arcu mi, accumsan ac condimentum non, faucibus at lacus. Phasellus vel eros blandit, hendrerit enim vel, vehicula lorem. Nullam imperdiet venenatis nisi, et sodales justo volutpat eu. Proin mi nulla, sodales quis faucibus ac, consequat hendrerit diam. Etiam viverra nunc sit amet placerat ullamcorper. Donec et erat tellus. Integer tempus, neque quis lobortis lacinia, sem enim egestas orci, a blandit elit erat rhoncus quam. Cras ultricies fringilla sollicitudin. Donec interdum consectetur arcu eu convallis. Sed sed ante metus. Suspendisse sagittis tristique libero ac fermentum. Donec nec sagittis nunc, vitae pulvinar dui.

Duis ac dui non leo tincidunt mattis at eget felis. Vivamus nec laoreet mi. Maecenas eget orci vel ante maximus vestibulum nec nec tellus. Praesent eget ex mauris. Integer vestibulum fermentum dapibus. Suspendisse sodales ex id tortor ornare, fermentum sagittis justo sagittis. Nam sit amet sapien gravida, facilisis tortor vitae, laoreet massa. Phasellus sit amet eros sit amet urna ultrices semper in vitae tellus. Nunc ut elit tempor elit tincidunt egestas vitae ac mauris. Suspendisse sit amet enim eget nisl venenatis cursus. Donec diam dui, dictum vitae gravida nec, pulvinar et turpis. Nulla a eleifend metus, ut pharetra turpis.

Sed sit amet dui sit amet felis euismod vestibulum. Aenean aliquet urna in fringilla dictum. Vestibulum tempus nisl eros, a lacinia metus lacinia ut. Nam eu accumsan libero. Donec ac elit accumsan, egestas felis ut, gravida ex. Duis vitae massa commodo, tincidunt mauris id, vehicula tellus. Aenean pharetra dolor eget nisl tincidunt, in luctus lectus varius. Donec fermentum faucibus feugiat. Ut mi mauris, porta sed vulputate nec, ultricies sit amet magna. Aenean lacinia nibh sed tincidunt interdum. Vestibulum augue nibh, placerat a mollis vitae, feugiat id dolor. Quisque vel risus feugiat, cursus quam non, hendrerit arcu. Suspendisse at eros a nunc aliquet cursus interdum non lectus. Nulla vestibulum tempor ullamcorper. Etiam placerat condimentum eros, at fermentum ante fringilla sit amet. Quisque nec posuere nisi, cursus rutrum sapien.

[newclass=.chapteroverlay]width:30px;height:40px;color:#676767;font-family:Georgia;font-size:20px;text-align:centre;line-height:13px;[/newclass]
[newclass=.chapterheader]width:30px;height:40px;background-color:#fff;opacity:0.5;-webkit-transition: all 1s ease;transition: all 0.5s ease;-webkit-transition-delay: 1s;transition-delay: 1s;[/newclass]
[newclass=.chaptertitle]font-family:Georgia;font-size:20px;color:fff;-webkit-transition: all 1s ease;transition: all 0.5s ease;opacity:1-webkit-transition-delay: 1.2s;transition-delay: 1.2s;[/newclass]
[newclass=.bioholder]width:500px;height:300px;background-color:#676767;background-image:url(http://i.imgur.com/xuK8b77.jpg);overflow:hidden;[/newclass]
[newclass=.biobox]width:250px;height:200px;background-color:#fff;overflow:auto;font-family:Georgia;color:#444;font-size:10px;text-align:justify;margin-left:700px;margin-top:-110px;-webkit-transition: all 1s ease;transition: all 1s ease;[/newclass]
[newclass=.bioholder:hover .biobox]margin-left:150px;-webkit-transition-delay: 0.5s;transition-delay: 0.5s;[/newclass]
[newclass=.bioholder:hover .chapterheader]opacity:0;-webkit-transition-delay: 0s;transition-delay: 0s;[/newclass]
[newclass=.bioholder:hover .chaptertitle]opacity:0;-webkit-transition-delay: 0.2s;transition-delay: 0.2s;[/newclass]