<style type="text/css">
@font-face {
font-family: 'HelveticaNeueLTStd-BdIt';
src: url('http://achameleonsoul.b1.jcink.com/uploads/achameleonsoul/helvetica/HelveticaNeueLTStd_BdIt.eot');
src: url('http://achameleonsoul.b1.jcink.com/uploads/achameleonsoul/helvetica/HelveticaNeueLTStd_BdIt.eot?#iefix') format('embedded-opentype'), url('http://achameleonsoul.b1.jcink.com/uploads/achameleonsoul/helvetica/HelveticaNeueLTStd_BdIt.woff') format('woff'),
url('http://achameleonsoul.b1.jcink.com/uploads/achameleonsoul/helvetica/HelveticaNeueLTStd_BdIt.ttf') format('truetype'),
url('http://achameleonsoul.b1.jcink.com/uploads/achameleonsoul/helvetica/HelveticaNeueLTStd_BdIt.svg') format('svg'); font-weight: normal; font-style: normal; }
#late { width: 250px; height: 250px; background: #fcadc3; padding: 10px; overflow: hidden; }
.night { width: 250px; position: relative; top: 110px; color: #fff; margin-top: -3px; font-family: 'HelveticaNeueLTStd-BdIt'; font-size: 21px; font-style: italic; font-weight: 900; text-transform: uppercase; text-align: center; letter-spacing: 1px; line-height: 10px; }
.night h1 { font-family: 'HelveticaNeueLTStd-BdIt'; font-size: 8px; color: #fff; font-weight: 900; text-transform: uppercase; text-align: center; letter-spacing: 1px; }
#late .fight { width: 270px; height: 270px; background: #fff; padding: 10px; position: relative; top: 270px; left: -20px; transition: all 1.5s ease-in-out 0s; -webkit-transition: all 1.0s ease-in-out 0s; -moz-transition: all 1.0s ease-in-out 0s; -o-transition: all 1.0s ease-in-out 0s; }
#late:hover .fight { top: -50px; left: -20px; transition: all 1.5s ease-in-out 0s; -webkit-transition: all 1.0s ease-in-out 0s; -moz-transition: all 1.0s ease-in-out 0s; -o-transition: all 1.0s ease-in-out 0s; }
.onething { width: 260px; height: 240px; position: relative; top: 5px; }
.hotlinescroll::-webkit-scrollbar { width: 1px; }
.hotlinescroll::-webkit-scrollbar-thumb { background-color: #fcadc3; }
.hotlinescroll::-webkit-scrollbar-track { width: 1px; background-color: #fff; }
.hotlinescroll::first-line { font-style: italic; font-weight: 900; color: #fcadc3; }
.hotlinescroll p::first-line { font-style: italic; font-weight: 900; color: #fcadc3; }
.nasty { width: 300px; position: relative; top: 5px; left: -53px; text-align: right; font-family: 'HelveticaNeueLTStd-BdIt'; font-size: 8px; color: #000; font-weight: 900; text-transform: uppercase; font-style: italic; display: inline-block; overflow: hidden; }
.nasty::before {
content: ' ';
display: inline-block;
background-color: #fcadc3;
height: 1px;
width: 100px;
margin-bottom: 2px;
margin-right: 5px;
position: relative;
}
.kb-credit { width: 200px; text-align: right; font-family: courier; font-size: 7px; margin-top: -3px; }
.kb-credit a { color: #fff; -moz-transition-duration: 1.5s; -webkit-transition-duration: 1.5s; -o-transition-duration: 1.5s; }
.kb-credit a:hover { color: #fcadc3; text-decoration: none; -moz-transition-duration: 1.5s; -webkit-transition-duration: 1.5s; -o-transition-duration: 1.5s; }
</style>
<center>
<div id="late">
<div class="night">
JégVirág Design
<h1> Copyright © 2005-2016 JégVirág Design</h1>
</div>
<div class="fight">
<div class="onething"><div style="width: 230px; height: 220px; position: relative; top: 13px; text-align: justify; font-family: georgia; color: #000; font-size: 10px; line-height: 10px; padding: 0px 8px 0px 5px; overflow: auto;" class="hotlinescroll">
<img src="http://placehold.it/80" style="width: 80px; height: 80px; padding: 0px; float: left; border: 4px solid #fcadc3; margin-right: 12px; margin-bottom: 3px;"></img>
Portálépítés és portáldíszítés kezdőknek és haladóknak!Rengetek leírás, scriptek , CSS ,HTML kódok!Hobbi oldalam nem vagyok se informatikus se weboldaltervező... Szívesen segítek ha netán elakadsz a gportál rengetegébe, írhatsz E-mailt virag-78@gportal.hu vagy a vendégkönyv be,és a chat-be is.TANULJ,SZÉPÍTSD az oldaladat de a legfontosabb hogy közbe jól érezd magad!
Virág
</div></div>
<div class="nasty">JégVirág Design</div>
</div>
</div>