pink web

Tags: pink, webcore, cute, custom cursor, lovecore

Description:

contains custom cursor, contact icons, profile hover animation, and topic titles.

Preview:

click on the image for a larger preview

Code:

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

<style>
  font-size: 150%;
}
h1,h2,h3,h4,h5{
  font-size: 200%; 
}
  body {
   background-image: url(https://66.media.tumblr.com/9ff5fbee44641b3e908b5b52f349cf9e/tumblr_o7yx69krFr1uj1o5ro1_500.gif);
   background-size: 

}
.profile {
   background-color: palevioletred; 
}

  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: #cc3366;
   color: lightpink;
}

  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: #cc3366;
   color: lightpink;
}

main:before {
    width: auto;
    margin-bottom: -1px;
    border: 3px solid white;
    height: 410px;
    display: block;
    content: "";
    background-image: url(https://64.media.tumblr.com/c99c02c38e09144086667400db3786ba/tumblr_pw1vyrPBGs1wlqcdco1_1280.gif);
    background-position: center center;
    background-size: cover;
}

main {
background: transparent;
    color: #ffcff1;
    padding: 0px 0px;
    font-size: 80%;

}

footer {
    border-radius: 15px;
    background-image: url(https://th.bing.com/th/id/R.44ec84a53d8d0b0112b111f3f6d93db7?rik=238GUtm1Gz4Npg&pid=ImgRaw&r=0);
    color: white;
}

table.comments-table td {
    color: #cc3366;
    border: white;
}

table.comments-table {
    border: white;
}

.profile .url-info {
    display: none;
}

.profile h1 {
    font-size: 1.5em;
    margin: 0 0 10px 0;
    color: white

}

:root {
    --logo-blue:palevioletred;
    --darker-blue: #ffcff1;
    --lighter-blue: #fbaed2;
    --even-lighter-blue: #fbaed2;
    --lightest-blue: ;
    --dark-orange: #ffcff1;
    --light-orange: #fbcce7;
    --even-lighter-orange: #ffddf4;
    --green: pink;
}
</style>

<style>
:root {
        
        

        

        
    --topic1: "I know";
    --topic2: "you belong";
    --topic3: "to somebody new";
    --topic4: "but tonight";
    --topic5: "you belong";
    --topic6: "to me <3";



}





.table-section:not(:last-child) .details-table td:first-child p {
    margin: 0;
    overflow-wrap: break-word;
    word-break: break-word;
    content-visibility: hidden;
}

html:before {

  content: " ";

  display: block; position: fixed;

  top: 0; left: 0; bottom: 0; right: 0;

  z-index: 2;

  background-size: 100% 2px, 3px 100%;

  pointer-events: none;

}

.details-table td:first-child::after {
    content-visibility: visible !important;
  color: #cc3366 !important;


}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child::after{
  content: var(--topic6);
}
.table-section:not(:last-child) .details-table tr:nth-child(7) td:first-child::after{
  content: var(--topic7);
}
</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 favorite */
content: "ʚ♡ɞ"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "ʚ♡ɞ"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward 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 2 group  */
content: "ʚ♡ɞ"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "ʚ♡ɞ"
}   
</style>

<style>
*{
  border-radius: 9px;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading{
  border-radius: 6px 6px 9px 9px;
}
</style>


<style>
.profile-pic, .profile-pic img, .comments-table img, .friends img{
transition: all 0.5s;
display: block;
transition: 1s ease;
-webkit-mask-image: url('https://dl.dropbox.com/s/2kih8ox9q2czjeg/pngfind.com-kawaii-transarent-png-621355.png');
-webkit-mask-size: 220%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;

}

.profile-pic:hover, .profile-pic img:hover, .comments-table img:hover, .friends img:hover{
transition: all 0.5s;
-webkit-mask-image: url('https://dl.dropbox.com/s/2kih8ox9q2czjeg/pngfind.com-kawaii-transarent-png-621355.png');
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;

</style>

<style>
nav .links a, nav .links li .special a{
    text-shadow: none;

}

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/smilies/smi-3/smi268.ani), url(https://cur.cursors-4u.net/smilies/smi-3/smi268.gif), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/12/25/cute-line-smiley.html" target="_blank" title="Cute Line Smiley"><img src="https://cur.cursors-4u.net/cursor.png" alt="Cute Line Smiley" style="position:absolute; top: 0px; right: 0px;"/></a>

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 7 of 7 comments ( View all | Add Comment )

kitseykatt	1699538361 Using! :3 Report Comment
Lottie	1698030942 USING! ^^ Report Comment
robin/cole!.*☆	1697535435 using ! :3 Report Comment
★• Dee •★	1697407823 using Report Comment
s	1697307055 using 🩷 Report Comment
✮°valr//nev	1697124977 can i request a layout!? Report Comment can u do a OHSHC layout!! by ✮°valr//nev; 1697210869; Report TYYYY by valrixae; 1697457929; Report
Kavyi ☆	1696869542 Hii! Do you take layout requests? <3 Report Comment Could I request a grey/blue layout with slightly weird energy (like, eyeball cursor, rain filter, etc)? TYSM!! by Kavyi ☆; 1696882845; Report