[dohtml]
<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic|Niconne|Cookie' rel='stylesheet' type='text/css'>
<style>
#lily-box {box-sizing:border-box;width:450px;background:#0E0E2F;padding:0 0 75px;border-bottom:40px solid #B9B5FC;position:relative;overflow:hidden;}
.lily-pic {width:450px;height:400px;background:url(
//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1473854788_74.jpg
) center no-repeat;}
.lily-linea {position:absolute;top:148px;left:0;right:0;letter-spacing:-2px;color:#B9B5FC;font:400 28pt/28pt "Cookie", georgia;padding:0;z-index:1;text-shadow:0 0 2px #0E0E2F;}
.lily-linec {position:absolute;top:178px;left:75px;right:0;width:300px;height:1px;border-top:5px double #B9B5FC;border-bottom:5px double #B9B5FC;}
.lily-lineb {position:absolute;top:187px;left:0;right:0;padding:0 4px;color:#B9B5FC;font:700 11pt/14pt "Playfair Display", georgia;letter-spacing:4px;text-shadow:0 0 2px #0E0E2F;}
.lily-linea, .lily-lineb, .lily-linec {opacity:1;
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
-webkit-transition-delay:1.4s;
transition-delay:1.4s;
}
.lily-post {margin-top:-150px;box-sizing:border-box;width:300px;background:#B9B5FC;padding:4px;border:1px solid #DDE2FC;}
.lily-text {background:#F2F4F2;padding-top:20px;padding:40px 20px;color:#0E0E2F;font:400 9pt/11pt "Palatino Linotype", georgia;text-align:justify;}
.lily-text:first-letter {float:left;margin:-20px 4px -20px -50px;font:400 100pt/20pt "Niconne", georgia;text-shadow:1px 1px 2px #F9FAE5;color:rgba(20,20,100,0.3);}
.lily-name {position:relative;margin-top:-100px;margin-right:130px;font:400 32pt/37pt "Niconne", georgia;color:#B9B5FC;}
.lily-name span {font:400 55pt/55pt "Niconne", georgia;text-transform:uppercase;}
.lily-taga,.lily-tagb,.lily-tagc {position:absolute;background:rgba(14,14,47,0.9);padding:10px 6px;border:2px double #B9B5FC; color:#DDE2FC;font:400 9pt/11pt "Palatino Linotype", georgia;-moz-transform: scale(3);
opacity:0;
-webkit-transform: scale(2);
-o-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
-webkit-transition: all 0.6s ease-in;
-moz-transition: all 0.6s ease-in;
-ms-transition: all 0.6s ease-in;
-o-transition: all 0.6s ease-in;
transition: all 0.6s ease-in;
}
.lily-taga {top:70px;left:100px;right:100px; -webkit-transition-delay:0.8s;
transition-delay:0.8s;}
.lily-tagb {top:120px;left:100px;right:100px; -webkit-transition-delay:0.4s;
transition-delay:0.4s;}
.lily-tagc {top:170px;left:100px;right:100px;}
#lily-box:hover .lily-linea, #lily-box:hover .lily-lineb, #lily-box:hover .lily-linec {
opacity:0;
}
#lily-box:hover .lily-taga,#lily-box:hover .lily-tagb,#lily-box:hover .lily-tagc {opacity:1;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
#lily-box:hover .lily-linea,#lily-box:hover .lily-lineb, #lily-box:hover .lily-linec, #lily-box:hover .lily-taga,#lily-box:hover .lily-tagb,#lily-box:hover .lily-tagc {
-webkit-transition: all 0.6s ease-in;
-moz-transition: all 0.6s ease-in;
-ms-transition: all 0.6s ease-in;
-o-transition: all 0.6s ease-in;
transition: all 0.6s ease-in;
}
#lily-box:hover .lily-taga {
-webkit-transition-delay:0.3s;
transition-delay:0.3s;
}
#lily-box:hover .lily-tagb {
-webkit-transition-delay:0.7s;
transition-delay:0.7ss;
}
#lily-box:hover .lily-tagc {
-webkit-transition-delay:1.1s;
transition-delay:1.1s;
}
.scredit {position:relative;margin:30px 0 5px;text-align:center;letter-spacing:2px;font-family:'arial narrow';font-size:7pt;line-height:9px;text-transform:lowercase; -webkit-transition:0.6s all ease-in-out;transition:0.6s all ease-in-out;}
.scredit, .scredit a {color:#999; text-decoration:none;text-shadow:0 0 0 rgba(0,0,0,0); -webkit-transition:0.6s all ease-in-out;transition:0.6s all ease-in-out;}
.scredit a:hover{text-shadow:0 0 10px rgba(0,0,0,0.6);color:rgba(0,0,0,0);letter-spacing:10px;visibility: hidden;}
</style>
<center><div id=lily-box><div class=lily-pic><div class=lily-linea>
JgVirg Design
</div><div class=lily-linec></div><div class=lily-lineb>
www.jegvirag.gportal.hu
</div></div><div class=lily-post><div class=lily-text>
A few basics. You can change up all the colours, text and images you like, but please leave my credit on and don't modify the code too much/recreate it. I would love to see where people use it, so show off your posts here! Anything needs tweaking, PM/comment here. and I will be happy to help.
A few basics. You can change up all the colours, text and images you like, but please leave my credit on and don't modify the code too much/recreate it. I would love to see where people use it, so show off your posts here! Anything needs tweaking, PM/comment here. and I will be happy to help.
A few basics. You can change up all the colours, text and images you like, but please leave my credit on and don't modify the code too much/recreate it. I would love to see where people use it, so show off your posts here! Anything needs tweaking, PM/comment here. and I will be happy to help.
A few basics. You can change up all the colours, text and images you like, but please leave my credit on and don't modify the code too much/recreate it. I would love to see where people use it, so show off your posts here! Anything needs tweaking, PM/comment here. and I will be happy to help.
</div></div><div class=lily-taga>
tag: NAME HERE
</div><div class=lily-tagb>
words: ###
</div><div class=lily-tagc>
notes: NOTES HERE.
</div></div><div class=lily-name>
</div>
</center>
AJÁNLOM AZ OLDALT
Sg
j hozzszls
Frissts
Archvum
ARCHVUM
