<link href='http://fonts.googleapis.com/css?family=Playball|Open+Sans+Condensed:300' rel='stylesheet' type='text/css'><style>
#tabbycat { width: 350px; height: 500px; background: #F1EDE4; position: relative; overflow: hidden; }
.stuffyy::-webkit-scrollbar { width: 5px; background-color: #F1EDE4;}
.stuffyy::-webkit-scrollbar-thumb { background: #EFE4C6; }
.stuffyy::-webkit-scrollbar-corner { background: #EFE4C6; }
.stuffyy::-webkit-scrollbar-track { background: #F1EDE4; }
.captcha { position: absolute; clear: both; top: 0px; left: 0px; width: 250px; height: 500px; }
.kitty { float: none; target: inherit; }
.kitty label { width: 50px; height: 50px; border-radius: 100%; position: relative; z-index: 2; background: #EFE4C6; margin: 0px auto 0px; display: block; cursor: pointer; left: 50px; top: 225px; font: normal 8px calibri; letter-spacing: 1px; text-transform: uppercase; color: #fff; line-height: 50px; }
.kitty input[type=checkbox] { display: none; }
.chatty { position: absolute; top: 250px; left: 0px; right: 0px; background: #f1ede4; padding: 0px; height: 0px; -webkit-transition: all 0.7s ease-in; -moz-transition: all 0.7s ease-in; -o-transition: all 0.7s ease-in; transition: all 0.7s ease-in; opacity: 0; filter: alpha(opacity=0); width: 350px; }
.chatty label { position: absolute; top: 0px; left: 335px; font-family: calibri; font-size: 8px; text-transform: uppercase; width: 15px; height: 15px; line-height: 15px; color: #000; background-color: rgba(255,255,255,0.0); cursor: pointer; display: none; text-align: center; }
.kitty .chatty { z-index: 99; opacity: 1; filter: alpha(opacity=100); height: 0px; padding: 0px; position: absolute; bottom: 0px; width: 350px; text-align: justify; }
.kitty .chatty h1 { color: #000; text-align: center; font: 40px Playball; line-height: 80%; padding: 40px 0px 0px; color: #66BFCD; text-shadow: 1px 1px 2px #000; margin: 0px; }
.kitty input[type=checkbox]:checked ~ label { z-index: 98; }
.kitty input[type=checkbox]:checked ~ .chatty label { display: inline; }
.kitty input[type=checkbox]:checked ~ label ~ .chatty { z-index: 99; opacity: 1; filter: alpha(opacity=100); height: 500px; width: 350px; margin-top: 0px; padding: 0px; text-align: justify; top: 0px; }
.stuffyy { position: relative; top: 300px; border: 10px solid rgba(0,0,0,0); border-left: 20px solid rgba(0,0,0,0); border-right: 20px solid rgba(0,0,0,0); font: 9px georgia; line-height: 100%; color: #787878; height: 383px; overflow: auto; padding-right: 3px; opacity: 0; transition: all .7s ease-in; -webkit-transition: all .7s ease-in; -moz-transition: all .7s ease-in; -o-transition: all .7s ease-in; -ms-transition: all .7s ease-in; }
.stuffer p:first-letter { font: 40px Playball; line-height: 80%; padding: 0px 3px 0px 20px; color: #66BFCD; text-shadow: 1px 1px 2px #000; margin: 0px 0px 0px; text-transform: lowercase; }
.stuffer p:first-line { font: italic 9px georgia; letter-spacing: 1px; color: #000; }
.stuffer i { font: italic 9px georgia; color: #000; }
.kitty input[type=checkbox]:checked ~ label ~ .chatty .stuffyy { opacity: 1; display: inline; border: 10px solid rgba(0,0,0,0); border-left: 20px solid rgba(0,0,0,0); border-right: 20px solid rgba(0,0,0,0); height: 383px; overflow: auto; padding-right: 3px; top: 0px; display: block; transition: all .7s ease-in; -webkit-transition: all .7s ease-in; -moz-transition: all .7s ease-in; -o-transition: all .7s ease-in; -ms-transition: all .7s ease-in; }
.pictureeee { height: 250px; background: url(//virgonc.gportal.hu/portal/virgonc/image/logo_1433872576.jpg); }
.stuffyy b { color: #EEA08C; font-weight: bold; }
</style><center><div id="tabbycat">
<div class="pictureeee"></div>
<div class="captcha"><div class="kitty"><input type="checkbox" id="one" name="toggle"><label for="one">CLICK</label><div class="chatty"><label for="one">X</label>
<h1>
Virgonc oldala
</h1><div style="text-align: center; text-transform: uppercase; font: 8px calibri; letter-spacing: 2px; line-height: 100%; color: #000;">
kifestő,labirintus,játék,képek,mese,vers,mondóka
</div><div class="stuffyy"><div style="margin: 10px 30px 15px; border-bottom: 2px solid #EEA08C; padding-bottom: 10px; color: #000; margin-bottom: 10px; "><center><i>
tagged for you • 1234 words • notey note</i></center></div><div class="stuffer"><p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In a cursus sapien. Quisque aliquam vel lorem eu dictum. Nullam congue dolor tortor, a mollis ipsum eleifend non. Aenean adipiscing mauris nibh, non vulputate neque vehicula eu. Etiam convallis massa nec tellus placerat porta. Quisque ligula neque, convallis volutpat iaculis a, interdum quis quam. Fusce in venenatis justo.<p>
Nulla semper bibendum tellus. Vestibulum ac molestie eros. Phasellus non arcu non nisi viverra mollis et congue neque. Phasellus nulla diam, tristique placerat sollicitudin vitae, tincidunt sit amet elit. Nam pretium pulvinar sapien, at laoreet justo commodo in. Quisque ut lacus in risus tincidunt pulvinar. Praesent vitae accumsan nulla, quis rutrum lacus. Nam in elit et risus ornare interdum. <b>Curabitur eu tempor nulla, iaculis malesuada libero.</b> Ut elementum enim ac orci dignissim vestibulum eget eu metus. Curabitur mollis odio aliquet auctor feugiat. Donec euismod nisi at neque ullamcorper, id venenatis ipsum ullamcorper. In sollicitudin porta ipsum, non bibendum lacus blandit eu. Sed commodo, nulla eu egestas placerat, nisl felis sagittis leo, quis iaculis erat dui eget elit.<p>
Pellentesque id turpis tincidunt, auctor enim eu, commodo ante. Maecenas ut elit ut risus volutpat mattis non eu purus. Fusce fermentum mauris in porta facilisis. Proin sapien dolor, imperdiet in turpis sollicitudin, bibendum viverra velit. Etiam tempus mauris velit, ac ullamcorper neque scelerisque id. <i>Donec aliquam sapien dolor, non auctor mauris suscipit eu.</i> Etiam mi lacus, congue in tellus in, faucibus dapibus magna. In sapien orci, sollicitudin a sapien at, gravida viverra libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.<p>
Ut eu facilisis purus. Aliquam arcu enim, ullamcorper quis turpis id, varius tincidunt eros. Nam nisl felis, vulputate ac arcu eget, accumsan tempor nibh. Aenean vehicula placerat facilisis. Pellentesque semper dui et massa facilisis ornare. Proin aliquet sapien sit amet dolor bibendum, in lobortis leo molestie. Suspendisse suscipit tristique felis, eget porttitor libero tempus sed. Fusce fringilla, justo sit amet tincidunt lobortis, tortor justo fringilla risus, non convallis eros dolor nec lorem. Phasellus at velit quis felis sollicitudin euismod. Etiam non consectetur odio. Nulla iaculis quis magna at lobortis. Donec ultricies dignissim accumsan. Integer neque dui, rutrum vitae laoreet in, consequat tincidunt neque. Ut tempor turpis ullamcorper pharetra semper. Sed sit amet fringilla arcu.
<p>Donec quis varius ante, sit amet egestas erat. Nullam gravida arcu augue. Quisque sagittis turpis odio, pretium pulvinar metus semper a. Morbi volutpat fringilla interdum. Nunc nec nisl eros. Proin ac vulputate velit. Mauris eu felis consectetur, porta massa ac, luctus est. Aliquam mattis bibendum facilisis. Maecenas accumsan odio eu hendrerit rhoncus.
</div></div>
</div></div>
</div></div>
</center>