hiveswap friendsim textboxes

Tags: hiveswap, homestuck, friendsim, textbox, snippet
Description:

these arent coded very well oops

you can see all of them in action here
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by casper (https://layouts.spacehey.com/layout?id=102494) -->

 <div class="nametextboxCG">KARKAT</div>

<div class="textboxCG"><p>MY HATE IS THE LIFEBLOOD THAT PULSES THROUGH THE VEINS OF YOUR UNIVERSE. IT IS MY GIFT TO YOU. YOU'RE WELCOME FOR THAT. YOU UNGRATEFUL PIECE OF SHIT.</p> </div>

<style> @font-face { font-family: berlin; src:url("https://external-media.spacehey.net/media/szIaV0YeXvkXznxvOh3X3Vn7YedDJ5M0EMT9SFNZWkds=/https://file.garden/ZGq2RWLYvB6VkJTh/Berlin%20Sans%20FB%20Regular.ttf"); } @font-face { font-family: dumb; src:url("https://external-media.spacehey.net/media/smDmsinNDSXiFDYYKK_P6svEYe_O3dMnwo7pEU0z15oQ=/https://file.garden/ZGq2RWLYvB6VkJTh/BRLNSB.TTF"); </style> <style> .textboxCG{ background:url('https://external-media.spacehey.net/media/s_hyT6KoDuBQqqxg_nbkMvCvAaVuPZMWQmlc8rfDNLeM=/https://file.garden/ZGq2RWLYvB6VkJTh/greybox.png'); height: 100px; width: 457px; background-repeat: no-repeat !important; background-position: center; background-size: contain; padding: 20px; padding-left: 60px; padding-right: 56px; color: white; font-family: berlin; </style> <style> .nametextboxCG{ font-size: 25px !important; font-family: dumb !important; font-weight: 900 !important; -webkit-text-stroke: 1.5px #626262 !important; color: white; margin-left: 37px; margin-bottom: -6px; </style>





<!-- rust -->





<div class="nametextboxAA">ARADIA</div>

<div class="textboxAA"><p>i think i mostly want to see what happens when this whole place breaks apart</p> </div>


<style> @font-face { font-family: berlin; src:url("https://external-media.spacehey.net/media/szIaV0YeXvkXznxvOh3X3Vn7YedDJ5M0EMT9SFNZWkds=/https://file.garden/ZGq2RWLYvB6VkJTh/Berlin%20Sans%20FB%20Regular.ttf"); } @font-face { font-family: dumb; src:url("https://external-media.spacehey.net/media/smDmsinNDSXiFDYYKK_P6svEYe_O3dMnwo7pEU0z15oQ=/https://file.garden/ZGq2RWLYvB6VkJTh/BRLNSB.TTF"); </style> <style> .textboxAA{ background:url('https://external-media.spacehey.net/media/sX8C4nvEhx_QE3S6fQd_c8Kjbzt6IEaFsVMY-cev6gH0=/https://file.garden/ZGq2RWLYvB6VkJTh/burgundybox.png'); height: 100px; width: 457px; background-repeat: no-repeat !important; background-position: center; background-size: contain; padding: 20px; padding-left: 60px; padding-right: 56px; color: white; font-family: berlin; </style> <style> .nametextboxAA{ font-size: 25px !important; font-family: dumb !important; font-weight: 900 !important; -webkit-text-stroke: 1.5px #a10000 !important; color: white; margin-left: 37px; margin-bottom: -6px; </style>




<!-- bronze -->




<div class="nametextboxAT">TAVROS</div>

<div class="textboxAT"><p>wOW, i'M SURE THERE WAS A BETTER WAY TO SAY THAT,</p> </div>

<style> @font-face { font-family: berlin; src:url("https://external-media.spacehey.net/media/szIaV0YeXvkXznxvOh3X3Vn7YedDJ5M0EMT9SFNZWkds=/https://file.garden/ZGq2RWLYvB6VkJTh/Berlin%20Sans%20FB%20Regular.ttf"); } @font-face { font-family: dumb; src:url("https://external-media.spacehey.net/media/smDmsinNDSXiFDYYKK_P6svEYe_O3dMnwo7pEU0z15oQ=/https://file.garden/ZGq2RWLYvB6VkJTh/BRLNSB.TTF"); </style> <style> .textboxAT{ background:url('https://external-media.spacehey.net/media/s6ODVx0R4AdSSiRIrKH8TEtVSsM_5e92QuR6Rtksev04=/https://file.garden/ZGq2RWLYvB6VkJTh/bronzebox.png'); height: 100px; width: 457px; background-repeat: no-repeat !important; background-position: center; background-size: contain; padding: 20px; padding-left: 60px; padding-right: 56px; color: white; font-family: berlin; </style> <style> .nametextboxAT{ font-size: 25px !important; font-family: dumb !important; font-weight: 900 !important; -webkit-text-stroke: 1.5px #a15000 !important; color: white; margin-left: 37px; margin-bottom: -6px; </style>




<!-- gold -->



<div class="nametextboxTA">SOLLUX</div>

<div class="textboxTA"><p>iin ca2e you havent notiiced ii de2pii2e my2elf and perpetually 2eek two dupliicate through emotiional paiin the cacophony of phy2iical paiin my hiideou2 mutant braiin cau2e2 me every day.</p> </div>

<style> @font-face { font-family: berlin; src:url("https://external-media.spacehey.net/media/szIaV0YeXvkXznxvOh3X3Vn7YedDJ5M0EMT9SFNZWkds=/https://file.garden/ZGq2RWLYvB6VkJTh/Berlin%20Sans%20FB%20Regular.ttf"); } @font-face { font-family: dumb; src:url("https://external-media.spacehey.net/media/smDmsinNDSXiFDYYKK_P6svEYe_O3dMnwo7pEU0z15oQ=/https://file.garden/ZGq2RWLYvB6VkJTh/BRLNSB.TTF"); </style> <style> .textboxTA{ background:url('https://external-media.spacehey.net/media/s7ZORgnjoaAEiD7hcfoawGJyUnbzuBE0O8NND1rvc1M4=/https://file.garden/ZGq2RWLYvB6VkJTh/goldbox.png'); height: 100px; width: 457px; background-repeat: no-repeat !important; background-position: center; background-size: contain; padding: 20px; padding-left: 60px; padding-right: 56px; color: white; font-family: berlin; </style> <style> .nametextboxTA{ font-size: 25px !important; font-family: dumb !important; font-weight: 900 !important; -webkit-text-stroke: 1.5px #A1A100 !important; color: white; margin-left: 37px; margin-bottom: -6px; </style>




<!-- olive -->



<div class="nametextboxAC">NEPETA</div>

<div class="textboxAC"><p>:33 &lt; *ac saunters from her dark cave a little bit sl33py from the recent kill*</p> </div>

<style> @font-face { font-family: berlin; src:url("https://external-media.spacehey.net/media/szIaV0YeXvkXznxvOh3X3Vn7YedDJ5M0EMT9SFNZWkds=/https://file.garden/ZGq2RWLYvB6VkJTh/Berlin%20Sans%20FB%20Regular.ttf"); } @font-face { font-family: dumb; src:url("https://external-media.spacehey.net/media/smDmsinNDSXiFDYYKK_P6svEYe_O3dMnwo7pEU0z15oQ=/https://file.garden/ZGq2RWLYvB6VkJTh/BRLNSB.TTF"); </style> <style> .textboxAC{ background:url('https://external-media.spacehey.net/media/sEMCY4XodC2gPglpr3kNviXnx1vlDT1fyEz0eePmaVy0=/https://file.garden/ZGq2RWLYvB6VkJTh/olivebox.png'); height: 100px; width: 457px; background-repeat: no-repeat !important; background-position: center; background-size: contain; padding: 20px; padding-left: 60px; padding-right: 56px; color: white; font-family: berlin; </style> <style> .nametextboxAC{ font-size: 25px !important; font-family: dumb !important; font-weight: 900 !important; -webkit-text-stroke: 1.5px #416600 !important; color: white; margin-left: 37px; margin-bottom: -6px; </style>




<!-- jade -->




<div class="nametextboxGA">KANAYA</div>

<div class="textboxGA"><p>Your Idle Moments Seem To Invite Interruption The Least</p> </div>

<style> @font-face { font-family: berlin; src:url("https://external-media.spacehey.net/media/szIaV0YeXvkXznxvOh3X3Vn7YedDJ5M0EMT9SFNZWkds=/https://file.garden/ZGq2RWLYvB6VkJTh/Berlin%20Sans%20FB%20Regular.ttf"); } @font-face { font-family: dumb; src:url("https://external-media.spacehey.net/media/smDmsinNDSXiFDYYKK_P6svEYe_O3dMnwo7pEU0z15oQ=/https://file.garden/ZGq2RWLYvB6VkJTh/BRLNSB.TTF"); </style> <style> .textboxGA{ background:url('https://external-media.spacehey.net/media/sjmT02OdliNHJxysVhAij9BdeWTSeHO0IcGa26V0E0KE=/https://file.garden/ZGq2RWLYvB6VkJTh/jadebox.png'); height: 100px; width: 457px; background-repeat: no-repeat !important; background-position: center; background-size: contain; padding: 20px; padding-left: 60px; padding-right: 56px; color: white; font-family: berlin; </style> <style> .nametextboxGA{ font-size: 25px !important; font-family: dumb !important; font-weight: 900 !important; -webkit-text-stroke: 1.5px #008141 !important; color: white; margin-left: 37px; margin-bottom: -6px; </style>




<!-- teal -->




<div class="nametextboxGC">TEREZI</div>

<div class="textboxGC"><p>W3 M4K3 OUR OWN LUCK <br/> 4ND YOU'R3 4BOUT TO PROV3 TH4T</p> </div>

<style> @font-face { font-family: berlin; src:url("https://external-media.spacehey.net/media/szIaV0YeXvkXznxvOh3X3Vn7YedDJ5M0EMT9SFNZWkds=/https://file.garden/ZGq2RWLYvB6VkJTh/Berlin%20Sans%20FB%20Regular.ttf"); } @font-face { font-family: dumb; src:url("https://external-media.spacehey.net/media/smDmsinNDSXiFDYYKK_P6svEYe_O3dMnwo7pEU0z15oQ=/https://file.garden/ZGq2RWLYvB6VkJTh/BRLNSB.TTF"); </style> <style> .textboxGC{ background:url('https://external-media.spacehey.net/media/sJyyiMq_6XinwwGVdVBLKnaBPTrPNb0sT3E1a51QOrx4=/https://file.garden/ZGq2RWLYvB6VkJTh/tealbox.png'); height: 100px; width: 457px; background-repeat: no-repeat !important; background-position: center; background-size: contain; padding: 20px; padding-left: 60px; padding-right: 56px; color: white; font-family: berlin; </style> <style> .nametextboxGC{ font-size: 25px !important; font-family: dumb !important; font-weight: 900 !important; -webkit-text-stroke: 1.5px #008282 !important; color: white; margin-left: 37px; margin-bottom: -6px; </style>



<!-- cerulean -->




<div class="nametextboxAG">VRISKA</div>

<div class="textboxAG"><p>You don't have to 8e a good person to 8e a hero.</p> </div>

<style> @font-face { font-family: berlin; src:url("https://external-media.spacehey.net/media/szIaV0YeXvkXznxvOh3X3Vn7YedDJ5M0EMT9SFNZWkds=/https://file.garden/ZGq2RWLYvB6VkJTh/Berlin%20Sans%20FB%20Regular.ttf"); } @font-face { font-family: dumb; src:url("https://external-media.spacehey.net/media/smDmsinNDSXiFDYYKK_P6svEYe_O3dMnwo7pEU0z15oQ=/https://file.garden/ZGq2RWLYvB6VkJTh/BRLNSB.TTF"); </style> <style> .textboxAG{ background:url('https://external-media.spacehey.net/media/sTtR6lXl4N_c-207PhQXPZ4z5pLkI5YDwWiQpq1-k9jU=/https://file.garden/ZGq2RWLYvB6VkJTh/cobaltbox.png'); height: 100px; width: 457px; background-repeat: no-repeat !important; background-position: center; background-size: contain; padding: 20px; padding-left: 60px; padding-right: 56px; color: white; font-family: berlin; </style> <style> .nametextboxAG{ font-size: 25px !important; font-family: dumb !important; font-weight: 900 !important; -webkit-text-stroke: 1.5px #005682 !important; color: white; margin-left: 37px; margin-bottom: -6px; </style>




<!-- indigo -->




<div class="nametextboxCT">EQUIUS</div>

<div class="textboxCT"><p>D --&gt; This is f001ishness upon one hundred thousand prior, equally unsolicited f001ishnesses</p> </div>

<style> @font-face { font-family: berlin; src:url("https://external-media.spacehey.net/media/szIaV0YeXvkXznxvOh3X3Vn7YedDJ5M0EMT9SFNZWkds=/https://file.garden/ZGq2RWLYvB6VkJTh/Berlin%20Sans%20FB%20Regular.ttf"); } @font-face { font-family: dumb; src:url("https://external-media.spacehey.net/media/smDmsinNDSXiFDYYKK_P6svEYe_O3dMnwo7pEU0z15oQ=/https://file.garden/ZGq2RWLYvB6VkJTh/BRLNSB.TTF"); </style> <style> .textboxCT{ background:url('https://external-media.spacehey.net/media/sSjg68gjL4ZCjFyMtC31rebrGox-WDjsT-knRavvfGqg=/https://file.garden/ZGq2RWLYvB6VkJTh/indigobox.png'); height: 100px; width: 457px; background-repeat: no-repeat !important; background-position: center; background-size: contain; padding: 20px; padding-left: 60px; padding-right: 56px; color: white; font-family: berlin; </style> <style> .nametextboxCT{ font-size: 25px !important; font-family: dumb !important; font-weight: 900 !important; -webkit-text-stroke: 1.5px #000056 !important; color: white; margin-left: 37px; margin-bottom: -6px; </style>




<!-- purple -->





<div class="nametextboxTC">GAMZEE</div>

<div class="textboxTC"><p>WELCOME TO THE DARK CARNIVAL, BROTHER.</p> </div>

<style> @font-face { font-family: berlin; src:url("https://external-media.spacehey.net/media/szIaV0YeXvkXznxvOh3X3Vn7YedDJ5M0EMT9SFNZWkds=/https://file.garden/ZGq2RWLYvB6VkJTh/Berlin%20Sans%20FB%20Regular.ttf"); } @font-face { font-family: dumb; src:url("https://external-media.spacehey.net/media/smDmsinNDSXiFDYYKK_P6svEYe_O3dMnwo7pEU0z15oQ=/https://file.garden/ZGq2RWLYvB6VkJTh/BRLNSB.TTF"); </style> <style> .textboxTC{ background:url('https://external-media.spacehey.net/media/ssICL0y6fSkiow3tTGgKdBS2_fYoA7zNBpvRANI66stE=/https://file.garden/ZGq2RWLYvB6VkJTh/purplebox.png'); height: 100px; width: 457px; background-repeat: no-repeat !important; background-position: center; background-size: contain; padding: 20px; padding-left: 60px; padding-right: 56px; color: white; font-family: berlin; </style> <style> .nametextboxTC{ font-size: 25px !important; font-family: dumb !important; font-weight: 900 !important; -webkit-text-stroke: 1.5px #2b0057 !important; color: white; margin-left: 37px; margin-bottom: -6px; </style>





<!-- violet -->





<div class="nametextboxCA">ERIDAN</div>

<div class="textboxCA"><p>hey finless this doesnt concern those wwith mustard sludge slippin through their vveins</p> </div>

<style> @font-face { font-family: berlin; src:url("https://external-media.spacehey.net/media/szIaV0YeXvkXznxvOh3X3Vn7YedDJ5M0EMT9SFNZWkds=/https://file.garden/ZGq2RWLYvB6VkJTh/Berlin%20Sans%20FB%20Regular.ttf"); } @font-face { font-family: dumb; src:url("https://external-media.spacehey.net/media/smDmsinNDSXiFDYYKK_P6svEYe_O3dMnwo7pEU0z15oQ=/https://file.garden/ZGq2RWLYvB6VkJTh/BRLNSB.TTF"); </style> <style> .textboxCA{ background:url('https://external-media.spacehey.net/media/s_FQXJ92twjRS3TITaujIpNPooCA-rj1RsTczmzAtTEg=/https://file.garden/ZGq2RWLYvB6VkJTh/violetbox.png'); height: 100px; width: 457px; background-repeat: no-repeat !important; background-position: center; background-size: contain; padding: 20px; padding-left: 60px; padding-right: 56px; color: white; font-family: berlin; </style> <style> .nametextboxCA{ font-size: 25px !important; font-family: dumb !important; font-weight: 900 !important; -webkit-text-stroke: 1.5px #6a006a !important; color: white; margin-left: 37px; margin-bottom: -6px; </style>






<!-- fuschia -->






<div class="nametextboxCC">FEFERI</div>

<div class="textboxCC"><p>Glub glub glub glub glub glub glub! <br/> I AM -EXCIT-ED!</p> </div>

<style> @font-face { font-family: berlin; src:url("https://external-media.spacehey.net/media/szIaV0YeXvkXznxvOh3X3Vn7YedDJ5M0EMT9SFNZWkds=/https://file.garden/ZGq2RWLYvB6VkJTh/Berlin%20Sans%20FB%20Regular.ttf"); } @font-face { font-family: dumb; src:url("https://external-media.spacehey.net/media/smDmsinNDSXiFDYYKK_P6svEYe_O3dMnwo7pEU0z15oQ=/https://file.garden/ZGq2RWLYvB6VkJTh/BRLNSB.TTF"); </style> <style> .textboxCC{ background:url('https://external-media.spacehey.net/media/s2j8qOONsBfDvwivdKhyDa_XsmxqLLgVwSrl3NxPEl8M=/https://file.garden/ZGq2RWLYvB6VkJTh/fuschiabox.png'); height: 100px; width: 457px; background-repeat: no-repeat !important; background-position: center; background-size: contain; padding: 20px; padding-left: 60px; padding-right: 56px; color: white; font-family: berlin; </style> <style> .nametextboxCC{ font-size: 25px !important; font-family: dumb !important; font-weight: 900 !important; -webkit-text-stroke: 1.5px #77003c !important; color: white; margin-left: 37px; margin-bottom: -6px; </style>
Copy and paste this code into the "About me" section of your Profile to use it.
Caution: This Layout was not inspected by SpaceHey — use it at your own risk.