gloomy bear layout ʕ´•ᴥ•`ʔ

Tags: pink, pastel, fairie, layout

Description:

this layout is based on the character gloomy bear; this is my first layout i made so please by kind ! also no credit needed just do credit when people ask about the layout please & thank you !! ʕ•ᴥ•ʔﾉ♡

sh♡rt tut: copy the entire code, click home at the top of the page, press "profile" or press your url, then click "edit your profile" on your page and then paste my code into either your "about me:" or your "who i'd like to meet:" then at the top click "save all" then "view your profile" will show up and you can click on that and my layout will show up ! ʕ≧ᴥ≦ʔ

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Creepster&family=Fredoka+One&family=Fredoka:wght@300&display=swap');
p{
  font-family: 'Fredoka', sans-serif;
  font-size: 100%;
}
h1{
  font-family: 'Creepster', cursive;
  font-size: 150%;
}
h2,h3,h4,h5{
  font-family: 'Fredoka One', cursive;
  font-size: 100%;  
}
body {
  background-image: url('https://i.imgur.com/md9Ibam.jpg') !important;
  background-attachment: FIXED !important;
  background-repeat: REPEAT !important;

}
main {
  background-color: #F9BCCE;
  color: white;
}
.count {
  color: #F6A7BD
}
.blurbs .inner{
  text-align: center !important;
}
:root {
  --logo-blue: #F48FAD;
  --darker-blue: #F48FAD;
  --lighter-blue: #F6A7BD;
  --even-lighter-blue: #F9BCCE;
  --lightest-blue: #F9BCCE;
  --dark-orange: #fff;
  --light-orange: #F48FAD;
  --even-lighter-orange: #F48FAD;
  --green: #fff;
}
    a:hover{
        color: #fff !important;
}
</style>

<style>HTML,BODY{cursor: 
url(http://www.rw-designer.com/cursor-extern.php?id=10213),
auto;}
</style>

<style>
.profile-info {
border: 2px solid #F9BCCE;
}
.profile-info .inner {
border: none;</style>

<style>A:hover{cursor: 
url("http://www.rw-designer.com/cursor-extern.php?id=10213"),
auto;}
</style>

<style>
.profile-pic {
border-radius: 500px;
overflow: hidden;
}
.profile .friends .person img {
border-radius: 500px;
}
</style>

<style>
.online {
  color: red;
  text-transform: lowercase;
  font-size: 125%;
}
.online img {
    content: url('https://i.imgur.com/FTud5c7.png');
}
</style>

<style>
.details:after {
content: "pronouns go here!";
}
</style>

<style>
footer{background:none !important; line-height:0px !important;}
footer ul li a {color: #000000 !important;}
}
</style>

<style>
.comments-table{display:none !important;}
}
</style>

<style>.contact .inner a img {
       font-size: 0;
   }
   .contact .inner a img:before {
       font-size: 1em;
    display: block
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
   	/* Add to Friends */
	content: "🩸"
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
   	/* Add to Favorites */
	content: "🩸"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "🩸"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: "🩸"
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "🩸"
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "🩸"
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "🩸"
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "🩸"
   }
</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.

Comments

Displaying 20 of 23 comments ( View all | Add Comment )

Zpaceboy	1710633183 Using thx!!! Report Comment
shusgf	1709617056 using ! Report Comment
Sugar ☆⌒(ゝ。∂)	1707434808 using<3 Report Comment
Mae :3	1706472403 Using:3 Report Comment
Tester	1698241719 the background isnt working Report Comment
mel (⋟﹏⋞)	1690407092 using! Report Comment
ashe ☆	1687207579 OH MY GOSH THIS IS SO PRETTY! 2!2!2!2 def using :D Report Comment
marjor1ne	1687115626 usingg!! Report Comment
Zombiee	1682418122 It's so cute!! definitely using! Report Comment
taryn	1681855141 using thanks!! Report Comment
mxrnies.✩‧₊˚	1675864431 saved !! Report Comment
Cassie	1674716626 Saved 4 later !! Report Comment
adam !	1666637562 love love love !! so so cute >_ Report Comment
mocaccino	1662872683 Using lolol Report Comment
flo4verッ	1654728596 Using! Report Comment
val ️‍🩹	1653229359 using!! Report Comment
Sarah	1648413956 sorry to bother you but how do i add an online icon? i tried using references etc but it doesn't work- .online { color: white; text-transform: lowercase; font-size: 125%; } .online img { content: url('https://i.imgur.com/OVGIVM2.png’); } Report Comment
wwww	1647949346 loooove! Report Comment
🍒Monika🍒	1647949018 loooooooove this so much! Report Comment
ABI (^_-)≡☆	1647755175 I LOVE THIS!! def using. Report Comment