<div class="M75"><div class="supM75"><span class="th th-twitter-o"></span>Twitter<b></b></div><div class="grM75" style="background-image: url(HÁTTÉRKÉP);"></div><img src="PROFILKÉP" class="imM75"><div class="enM75"><a class="th th-settings-o" href="KARAKTERLAP_LINK" title="Karakterlap"></a><a class="th th-envelope-o" href="PM_LINK" title="PM"></a><a href="PROFILOD_LINK" title="Profil">Követés</a></div><div class="perM75"><strong>NÉV</strong>
<i>@FELHASZNÁLÓNÉV</i><div class="xxM75">Ide jöhet valami kis leírás, bemutatkozás, esetleg egy találó idézet a karaktered profiljához.</div><i class="th th-box-o">Foglalkozás</i>
<i class="th th-location-3-o">Lakhely</i>
<i class="th th-heart-1-o">Családi állapot</i>
<strong>Ajánlásaim</strong><div class="foM75">
<a href="LINK" title="Link neve"><img src="KÉP"></a>
<a href="LINK" title="Link neve"><img src="KÉP"></a>
<a href="LINK" title="Link neve"><img src="KÉP"></a>
<a href="LINK" title="Link neve"><img src="KÉP"></a>
<a href="LINK" title="Link neve"><img src="KÉP"></a>
<a href="LINK" title="Link neve"><img src="KÉP"></a>
<a href="LINK" title="Link neve"><img src="KÉP"></a>
<a href="LINK" title="Link neve"><img src="KÉP"></a>
<a href="LINK" title="Link neve"><img src="KÉP"></a>
</div></div><div class="twM75"><strong>Tweetek</strong>
</**Twitt**/><div><b><img src="PROFILKÉP">NÉV<i>@FELHASZNÁLÓNÉV</i></b>
<a href="TAGGELÉS_LINK">IDE TAGGELHETSZ VALAKIT</a> Ide jöhet a tweet szövege, amit posztolni akarsz.</div></**Twitt**/><div><b><img src="PROFILKÉP">NÉV<i>@FELHASZNÁLÓNÉV</i></b>
<img src="POSZTOLÓSKÉP"></div></**Twitt**/><div><b><img src="PROFILKÉP">NÉV<i>@FELHASZNÁLÓNÉV</i></b>
Ide jöhet a tweet szövege, amit posztolni akarsz.</div>
</div></div><a href="https://emmescodes.tumblr.com/" title="Code by Emme" class="miM75">Emme</a>
<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Lato|Montserrat|Roboto" rel="stylesheet"><style>.M75, .M75 * {box-sizing: border-box;} .M75 {width: 520px; margin: auto; background: #FFF; max-height: 550px; overflow: auto; color: #66757f; font: 12px Roboto;} .M75::after {content: ""; width: 100%; background: #FFF; height: 20px; position: sticky; bottom: 0; left: 0; display: block; box-shadow: 0 0 15px 15px #FFF;} .supM75 {padding: 10px 25px; display: block; border-bottom: 1px solid; font: bold 12px Montserrat; letter-spacing: 1px;} .supM75 span {color: #1da1f2; font-size: 25px; vertical-align: middle; margin-right: 5px;} .supM75 b {display: block; width: 170px; background: #f5f8fa; border-radius: 15px; border: 1px solid #e6ecf0; float: right; color: #66757f; height: 30px; margin-top: -2px;} .supM75 b::before {content: "\eaa6"; font: 20px honeybee; float: right; margin: 2px 5px;} .grM75 {height: 140px; background-position: center; background-size: cover; top: -50px; position: sticky; border-bottom: 1px solid; box-shadow: 2px 2px 5px #0003, 0 20px 20px #FFF; z-index: 10;} .imM75 {width: 130px; height: 130px; border-radius: 50%; border: 5px solid #FFF; margin: -50px 0 0 20px; position: sticky; z-index: 100; top: 20px; box-shadow: 2px 2px 5px #0003;} .enM75 {display: inline-block; vertical-align: top; margin: 10px 0; width: calc(100% - 170px); text-align: right; position: sticky; top: 50px; z-index: 10;} .enM75 a {color: #1da1f2; display: inline-block; margin-left: 5px; transition: .5s; transform: scale(.9); vertical-align: middle; border: 2px solid; padding: 6px; border-radius: 30px; font-size: 15px; background: #FFFFFFE6; box-shadow: 2px 2px 5px #0003;} .enM75 a:hover {transform: scale(1); background: #FFF;} .enM75 a:last-of-type {padding: 4px 9px; font-size: 14px; margin-left: 3px;} .perM75 {display: inline-block; width: 170px; padding: 10px 20px; position: sticky; top: 150px;} .perM75 strong {color: #14171a; font-size: 14px;} .perM75 i {font-style: normal; font-size: 10px; letter-spacing: 1px; position: relative; padding-left: 13px; margin: 0; line-height: 15px;} .perM75 i:first-of-type {padding-left: 0px;} .xxM75 {color: #14171a; font: 10px Lato; margin: 10px -10px 10px 10px; max-height: 80px; overflow: auto;} .perM75 i::before {position: absolute; left: 0; top: 3px;} .perM75 strong:nth-of-type(2) {margin-top: 20px; display: block;} .foM75 br {display: none;} .foM75 {text-align: center; border: 5px solid transparent; margin: 0 -15px; height: 125px; overflow: auto;} .foM75 img {width: 50px; margin: -5px; transition: .5s; transform: scale(.7);} .foM75 a:hover img {transform: scale(.9);} .twM75 {display: inline-block; vertical-align: top; width: calc(100% - 180px); padding: 0 10px; margin-top: -30px;} .twM75 strong {font-size: 15px; color: #1da1f2; border-bottom: 2px solid; display: inline-block; letter-spacing: 1px;} .twM75 div {padding: 10px 0 30px 45px; position: relative; z-index: 0; font: 12px Lato; border-top: 1px solid #3f434633; margin-top: -1px;} .twM75 div::before, .twM75 div::after {font: 20px honeybee; color: #3f434633; position: absolute; bottom: 7px;} .twM75 div:before {content: "\ebce"; right: 30px;} .twM75 div:after {content: "\ea55"; right: 0;} .twM75 div b {color: #14171a; letter-spacing: 1px; font: bold 14px Roboto;} .twM75 div b img {width: 40px; border-radius: 50%; position: absolute; left: 0; padding: 0;} .twM75 div b i {color: #66757f; font-weight: normal;} .twM75 div a {color: #1da1f2 !important; letter-spacing: 1px;} .twM75 div a:hover {text-decoration: underline;} .twM75 div img {width: 100%; padding: 5px; border-radius: 10px;} .miM75 {font: 10px/15px lato !important; display: block; text-align: center; transition: .5s;} .miM75:hover {letter-spacing: 5px;} .M75::-webkit-scrollbar, .M75 div::-webkit-scrollbar {width: 3px !important; background: #1da1f266 !important;} .M75::-webkit-scrollbar-thumb, .M75 div::-webkit-scrollbar-thumb {background: #1da1f266 !important;}</style>
