pink internetcore anime + computer style layout

Tags: layout, pink, cute, animation, 2000s, gif, 90s, layouts, pastel

Description:

☆old web inspired layout with a cute pink theme, and chobits wallpaper! designed to look like a 2000s computer desktop. ☆ ★ please comment or give credit + add me if using! ty :) ★ feel free to change/add/remove anything as you like!! ★ please do not use as a base if you will be uploading the layout ( _ _ ) ★ leave any questions, requests, or concerns below! ★ ☆Update☆ hii thank you SO MUCH for all of the support on this layout !!! (^ ^) ily all of u || ........................................................................................................................ its been a long time since i logged in here so i'm sorry if i didnt answer any questions I probably will continue to be inactive on this account for a while unfortunately, so you don't have to friend me for credit if you dont want to, i probably wont be able to accept your request. >>>>>>>>>>>> hearts to everyone :)

Preview:

click on the image for a larger preview

Code:

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

<div class="scarletangel"></div>
<div class="mayura2"></div>
<div class="heartfolder1"></div>
<div class="heartfolder2"></div>
<div class="heartfolder3"></div>
<div class="heartfolder4"></div>
<div class="heartfolder5"></div>
<div class="heartfolder6"></div>
<img src="https://64.media.tumblr.com/5019b04d38d5c58b8d826eb8b9f22f39/34275822159c4776-88/s400x600/0f21dc869dad6bd910791ee4a685be5756e5af62.pnj" width="448px"/>

<img src="https://64.media.tumblr.com/21c6ec64ae5698813eec48776041a0d6/0a4801df6aa0db54-79/s400x600/55580dda2885b1bf53aa7bb10a279ee6f7dee8fe.gifv" width="448"/>


<style>

body {
    background-color: #e3e3e3;
    background: url(https://i.pinimg.com/564x/d3/87/38/d38738baf9d7ded484afe11d9ff871b8.jpg);
    font-family: verdana, arial, sans-serif, helvetica;
    background-size: 1000px;
}

body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgb(82 15 15 / 48%) 50%, rgb(0 0 0 / 0%) 50%);
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
}

* {
    font-family: monospace;
    cursor: url(https://64.media.tumblr.com/944a0abc7ef096acd29ddf29e1894969/25c2207280490ab6-da/s75x75_c1/e4bda17eefb34dcb8cf7f8a485ab6ab37b8dc869.gifv), url(https://64.media.tumblr.com/d4a50c1b4d90a1eccf75ccca47199961/b261dfe74ba3f797-4e/s250x250_c1/b8ad33e140c516f3c0960a2572806ef066ef50d0.gifv), auto !important;
}

main {
    background: url(https://i.pinimg.com/474x/04/83/93/0483933….jpg)  #fceef4d4;
     #ff6868d4;
    padding: 6px 0px;
    font-size: 80%;
    color: grey;
    background-size: cover;
    border: solid 2px #ff9fc9;
    box-shadow: 0px 0px 6px #a14b74;
}

nav {
    color: #828080;
    font-size: 72%;
    font-size: max(72%, 12px);
}
nav .links .special a {
    color: #ff0000;
}



.general-about .profile-pic {
    display: block;
    float: left;
    height: 150px;
    box-shadow: 0px 0px 15px #ecb7d5;
    border: #ffd6df double 5px;
}

.profile h1 {
    font-size: 2.7em;
    margin: 0 0 10px 0;
    font-family: fangsong;
        color: #ff9cc1;
}

.profile .friends .person img:not(.icon) {
    filter: grayscale(100%);
}

div.profile h1 {
    font-size: 2.5em;
    text-shadow: 2px 2px 0.5px #ab2d2d;
    overflow: hidden;
    animation-name: example;
    animation-iteration-count: infinite;
    animation-duration: 1.4s;

}

a {
    color: #1E40AF;
    color: #d065a0;
    text-decoration: none;
    font-size: 10px;
}
p {
   font-size: max(0.875em, 14px);
}

nav .links a {
    text-decoration: none;
    color: #ffffff;
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
    text-shadow: 0 0 7px #ffffff8c;
}


div.profile h1 {
    font-size: 2.5em;
    text-shadow: 2px 2px 0.5px 
    overflow: hidden;
    animation-name: example;
    animation-iteration-count: infinite;
    animation-duration: 1.4s;
    text-shadow: 2px 2px 0.5px #ff57a2;
}


b, strong {
    font-weight: bolder;
    color: #d35884;
    font-size: 13.5px;
}

nav .links {
    background-color: #ed7dac;
    padding: 3.5px 16px 5.5px 16px;
    border: solid 3px #d76785;
    box-shadow: 0px 0px 10px #e24cb0;
}

nav .links::after {
    content: url(https://64.media.tumblr.com/062574a6ce949afe2599ae7d9855957f/29429a2fed66c7ab-92/s75x75_c1/5434fc96e2df57ec30b76eb21a77afc2748f28a0.gifv)
}


nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " ☆ ";
    color: #ff0202;

}

button, input {
    overflow: visible;
    background-color: #ffdeee63;
    border: 2px inset #ffb3c0;
}

.inner {
    color: #cf3878de !important;
    background: #fff9fb;
    border: 3px inset #ffaad7;
    border-radius: 0px !important;
    box-shadow: 5px 8px #ffd1e3 !important;
    background-size: cover;
}

.details-table td {
    background: #DBEAFE;
    background: #ffa5bc8c;
    vertical-align: top;
    border-bottom: dashed #ffffff;
    box-shadow: 2px 5px #f38bba;
    padding: 1px 12px 10px;
    border-spacing: 10px;
}


.details-table td p {
    margin: 0;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 12.5px;
}


.details-table {
    margin: 2px;
    border-spacing: 10px;
}

.comments-table td, .music-table td {
    background: #ffffff00;
    vertical-align: top;
}

.comments-table td:first-child, .music-table td:first-child {
    background: #f9c56c;
    background: #00000000;
    text-align: center;
    font-weight: bold;
    width: 29%;
}

.profile .blurbs .heading, .profile .friends .heading {
    background: #f9c56c;
    background: #ffabce;
    color: #ED0707;
    color: #ffffff;
    padding: 2px 7px;
    box-shadow: 0px 0px 6px #e388bd;
    border: inset #ff8ad5;
}


.profile .blurbs .heading:before {
    content: url(https://64.media.tumblr.com/2a71dcdaf04250820581bc8c3bc90cac/d538a4a8786aa9cb-6a/s75x75_c1/2d7ea5dd881917805257b97bc4333b4def4a2828.gifv);
}



.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    background: #ff7dae;
    color: #ffffff;
    padding: 4px 7px;
    border: 2px inset #ff6bb6;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
   width: 100%;
    border: 2px solid #e878a7;
    margin: 10px 0;
    background-blend-mode: color;
    background: #ffe3f2;
    box-shadow: #ffc0db 5px 5px;
}

footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background: url(https://64.media.tumblr.com/4ef363843eadaf4d22e813f4377586d0/5bbc5cd08fbcae95-9b/s500x750/4392091c5c59bb20616932eb6156d499f9037cca.gifv) #59001ea6;
   background-size: 800px;
    background-position: center;
    background-blend-mode: soft-light;
    background-color: #ffc4d3;
}

nav .links, footer .links {
    list-style: cambodian;
    margin-top: auto;
}

 .profile .blurbs .heading h4 {
    display: inline-block;
    font-size: 13.5px;
}


.profile .blurbs .section h4 {
    margin: 0;
   color: #959595;
    font-size: 13px;
}


.details-table td:first-child {
    background: #BFDBFE;
    background: #f9b9cd;
    color: #1D4ED8;
    color: #ffffff;
    font-weight: bold;
    width: 33%;
    font-family: monospace;
    font-size: 3.5mm;
}

nav .top {
    background: #f0ffff00;
    padding: 15px 10px 16px 10px;
    display: flex;
    background-size: cover;
    background-position: bottom;
}

.logo {
    filter: sepia(50%) hue-rotate(288deg) saturate(100);
}

.profile .url-info p {
    font-size: 100%;
    margin: 0;
    word-break: break-all;
    color: #8b8590;
}

.profile-info {
    border: 2px solid rgb(254 133 180 / 70%);
    background-image: url(https://64.media.tumblr.com/f9610d323fcf03096555db5f72b2e2c2/3422996381449623-08/s250x400/244c606292b8fedaf6e464cbff98e689d79047a5.gifv);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
    background-size: 290px;
}



.col, main, footer, nav::before, .online, nav .links, nav .top {
    animation: float 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}
.online img {
        content: url(https://64.media.tumblr.com/6cbf50d286f93d4b96856ba92dd77981/0029a9e9ab07cc70-9f/s250x400/4a0860b62ec1b04ad05b0992b722741a90636385.gifv);}


</style>



<style>

div.scarletangel {
    background: url(https://64.media.tumblr.com/ce6d953f955627b6683991ad455f49b0/26d81e5c31b80d32-36/s400x600/ae349716fd562d1e946265ed716f2f9ccc71398b.gifv);
       background-size: 100%!important;
       position: fixed;
    left: 630px;
    bottom: 30px;
    height: 300px;
    width: 370px;
    z-index: 100;
    opacity: 100%;
background-blend-mode: overlay;
    background-color: #ffc0cb38;
    
}

div.mayura2 {
       background: url(https://64.media.tumblr.com/7e9eddf21a9a0699087ca295d3d67621/4467b007948c8ded-6c/s540x810/25bd4d3faca51ca948aa88b2ad68027f78de0eb4.gifv);
       background-size: 100%!important;
       position: fixed;
   right: 900px;
    top: 30px;
    height: 175px;
    width: 370px;
    z-index: 100;
    opacity: 100%;
background-blend-mode: overlay;
    background-color: #ff8ac7ad;
}

div.heartfolder1 {
    background: url(https://i.imgur.com/hyrao2u.png);
       background-size: 100%!important;
       position: fixed;
    left: 1000px;
    top: 20px;
    height: 73px;
    width: 80px;
    z-index: 100;
    opacity: 100%;
    
}



div.heartfolder2 {
    background: url(https://i.imgur.com/hyrao2u.png);
       background-size: 100%!important;
       position: fixed;
    left: 1000px;
    top: 120px;
    height: 73px;
    width: 80px;
    z-index: 100;
    opacity: 100%;
}


div.heartfolder3 {
    background: url(https://i.imgur.com/hyrao2u.png);
       background-size: 100%!important;
       position: fixed;
    left: 1000px;
    top: 220px;
    height: 73px;
    width: 80px;
    z-index: 100;
    opacity: 100%;
    
}

div.heartfolder4 {
    background: url(https://i.imgur.com/hyrao2u.png);
       background-size: 100%!important;
       position: fixed;
    left: 900px;
    top: 20px;
    height: 73px;
    width: 80px;
    z-index: 100;
    opacity: 100%;
    
}
div.heartfolder5 {
    background: url(https://i.imgur.com/hyrao2u.png);
       background-size: 100%!important;
       position: fixed;
    left: 900px;
    top: -80px;
    height: 73px;
    width: 80px;
    z-index: 100;
    opacity: 100%;
    
}

div.heartfolder6 {
    background: url(https://i.imgur.com/hyrao2u.png);
       background-size: 100%!important;
       position: fixed;
    left: 1000px;
    top: 400px;
    height: 73px;
    width: 80px;
    z-index: 100;
    opacity: 100%;
    
}
</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: url("https://64.media.tumblr.com/7708f868dc26be83f356994b059574dc/947f5e53c6e30b8e-c6/s75x75_c1/54a1d19d41346daa38f7022072bf893393e1d48f.gifv")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://64.media.tumblr.com/8f2873c1bf4abe15f130cb90aab5b880/de16010b85cc64d8-dd/s75x75_c1/58952615f0cb65279bd5f1aeb20a44f41141db94.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://64.media.tumblr.com/2ddf249c6a28d23959c782e7056da23b/e386af749187d014-61/s75x75_c1/37b07bfef349d68ff5a76ca29f651e50082a63eb.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://64.media.tumblr.com/4df60e412e2774d70f3badefc5ee0475/50a86d7dbc813001-5f/s75x75_c1/b12f370a4052ba27029bd51144e2fb899775cdf0.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://64.media.tumblr.com/02c88dcb6a4fbe7e9be7dd856003bcbf/50a86d7dbc813001-90/s75x75_c1/2de77306f1d926519f2eb9cf93fe8b5108a59f41.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://64.media.tumblr.com/9e115c51c30ed1e8b665580227028149/cc1839e6baf4e1c1-97/s75x75_c1/0b35f44eda9d308092e4293f251a8a4e34ac2f6d.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://64.media.tumblr.com/f173b196e3889b1d9ad6a21746e205d8/29429a2fed66c7ab-c7/s75x75_c1/2ca07f7d05d9b4dafe9b6aa678ec53e8f9e51f5d.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://64.media.tumblr.com/11c565ec5a80aed4229fd85cad87ce24/457ad034c51ea48d-40/s75x75_c1/537e7763ce40d3db686a7f0ba373728a660b516d.gifv")
    } 

div.contact:after {
    width: 98%;
    height: 30px;
    display: block;
    content: "";
    background-color: transparent;
    background-image: url(https://64.media.tumblr.com/b3e9135ccd4a7a4fc27a7499ab34e113/9a6747dfe0b3d955-1e/s540x810/30eb23c5970efedc37679e7a1336a70f92f391b5.gifv);
    background-position: center;
    background-size: 242px;
    background-repeat: no-repeat;
}


</style>

<style>
.online {
    content: url(https://64.media.tumblr.com/40747ec8e4574a2a4b1f9f062c30b056/088c2c2e065a2eb7-68/s75x75_c1/c882d1d2964d9f8457ddaab5274e1e7321308e4c.gifv);
}
</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 3837 comments ( View all | Add Comment )

Tam	1737119352 using >.< Report Comment
Cord*elia	1737105156 Using!! Report Comment
puke_my_gutz	1737090819 using <3 Report Comment Haiii i really like ur profile!! ^_^ how did you made that cute backgrounc may i ask ^o^ by drcomx1ls; 1737118348; Report thank you!! >_< by puke_my_gutz; 1737122357; Report the background is layout, im pretty sure youve already figured it out but it feels rude not to answer your question lol by puke_my_gutz; 1737122481; Report
alexandra	1737089961 using ^^^^ Report Comment
Whenthe0343 ☆	1737085234 Used! <3 Report Comment
E-Goth	1737075026 How were you able to make it like squash and stretch? the kinda floating effect, i want to write something like that in but have no idea how. Report Comment
𝓢eraph	1737072984 using Report Comment
defnotinnevada_	1737065214 Using! Report Comment
Spiralzzz	1737054614 Using! Report Comment
Nova	1737049193 USING!!!! Report Comment
myblueheaven	1737048077 using Report Comment
gabs	1737045343 using!:3 Report Comment
May ✧	1737043846 usingg!! Report Comment
⌗ 💌 𝘉𝘌𝘓𝘐𝘕𝘈𝘠﹗ ˖ ་ ミ	1737041952 using!! Report Comment
M (^⁠_⁠^)	1737022160 Using!! Report Comment
artemis	1737016427 using! Report Comment
REEEPlayz	1737013917 Woah even the layout page changed Report Comment
Melon	1737010973 using!! Report Comment
Andreaa	1737009043 using this Report Comment
amethiosspouse	1737004122 using !! (idk how to use this site yet) Report Comment