Kitty 🐾

Tags: kawaii, pastel, pink

Description:

This layout was made by ‘θΔ ꜰᴏxʟᴏʀᴇ ⨂ he/it’ I just used it for a base! If they tell me to take it down immediately!!!

Code:

<!-- (c) Layout created by ☆| Ashanti (https://layouts.spacehey.com/layout?id=37044) --> <style> h1 {color: #FFBEF8;} p {color: LightSkyBlue;} ::selection { background: #FFBEF8; color: white;} .online{content:url("https://i9.glitter-graphics.org/pub/272/272679lz7b9hcea1.gif"); } nav .links { background: url(https://i.pinimg.com/originals/04/2a/ef/042aefaccd947a8c07f36b11f228ba2e.gif);} body { background: url(https://i.pinimg.com/736x/db/82/b6/db82b63948f0eaeea07d61103713b29f.jpg); background-size: 1000px; } .profile { background: url('https://i.pinimg.com/564x/77/3c/44/773c44cf5a38f8cb844b0b427275a012.jpg') ; background-size: 800px; } .mood:after { content: ""; white-space: pre-wrap; display: block; height: 30px; background-image: url('https://autism.crd.co/assets/images/gallery01/41fa9da7.gif?v=a2781ae8'); background-position-x: center; background-repeat: no-repeat; background-size: 280px;} .profile .blurbs .heading:before { content: url(https://autism.crd.co/assets/images/gallery07/18182281.gif?v=a2781ae8);} div.col h1:before{ background-color: #; border-radius: 10%; font-size: 12px; margin-left: 5px; padding: 5px; content: url(https://autism.crd.co/assets/images/gallery07/18182281.gif?v=a2781ae8);} .profile .url-info{display:none;} .contact .inner a img { font-size: 0;} /*Custom contact Gifs*/ .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before { content: URL("https://autism.crd.co/assets/images/gallery07/ef795213.gif?v=a2781ae8")} .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before { content: URL("https://autism.crd.co/assets/images/gallery07/ef795213.gif?v=a2781ae8")} .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before { content: URL("https://autism.crd.co/assets/images/gallery07/18182281.gif?v=a2781ae8")} .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before { content: URL("https://autism.crd.co/assets/images/gallery07/18182281.gif?v=a2781ae8")} .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before { content: URL("https://watermelon.crd.co/assets/images/gallery03/0c109e72.gif?v=58fed03f")} .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before { content: URL("https://watermelon.crd.co/assets/images/gallery03/0c109e72.gif?v=58fed03f")} .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before { content: URL("https://watermelon.crd.co/assets/images/gallery10/8507eb60.gif?v=58fed03f")} .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before { content: url("https://watermelon.crd.co/assets/images/gallery10/8507eb60.gif?v=58fed03f")} :root { --logo-blue: #FFBEF8; links: white; --darker-blue: #FFBEF8; --lighter-blue: #FFBEF8; --even-lighter-blue: #FFBEF8; --lightest-blue: #LightSkyBlue; --dark-orange: LightSkyBlue; --light-orange: #FF69B4; --even-lighter-orange: #; --turquoise: #FFBEF8; --table-header: #FF56B1; --link-text: white; --main-text: white; } nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after { content: " ★ "; color: var(--headers); } } table, th, td { border: 0px solid; } :root { --topic1: "intrests"; --topic2: "music"; --topic3: "graphics"; --topic4: "TV//movies"; --topic5: "hyperfix's"; --topic6: "heroes"; } .table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: 1px;} .details-table tr td:first-child p::after{ color:var(--links) !important; letter-spacing:normal !important; text-shadow: 2px 2px black !important; filter: brightness(95%) !important; } .blog-preview p:before { content: " \2605 "; margin: 5px; } .profile .contact{ background-image: url('https://64.media.tumblr.com/414fa68a9cc4afd3be071a10327de69f/6cc26e2a0af4ac35-6f/s400x600/2cbf095b57fa0e0a35c7af2091e75b3d512b684e.jpg'); background-size: 370px; border: solid border-color: #0; border-width: 2px; } #comments .inner:before { content: ""; white-space: pre-wrap; display: block; height: 190px; background-image: url("https://64.media.tumblr.com/02002a36d30935992374dc1f2aa1341b/cc6dc00905b06658-52/s400x600/ff08e128daf1080a840fc0b3d7513790078f9881.gifv"); background-position: center; background-repeat: no-repeat; background-size: auto; } .comments-table{ display: block; height: 270px; border: none; color: white; filter: grayscale(50%); background-image: url(); height: 300px!important; overflow-y: scroll; } footer {background-image:URL("https://i.pinimg.com/564x/86/a0/4d/86a04d1f66147718ca46db0ca5872e0e.jpg"); background-repeat: none; border-radius: 0px;} @keyframes floating { 0% { transform: translate(0, 0px); } 50% { transform: translate(0, 5px); } 100% { transform: translate(0, -0px); } } /* gif profile picture */ .profile-pic > img { display:none; } .profile-pic:after { background-image: url("https://i.pinimg.com/originals/4e/0a/4c/4e0a4c9f38f73519e625f6c74e882377.gif"); display: inline-block; content:"" } .general-about .profile-pic:after { background-size: cover; width: 160px; height: 150px; } .profile-pic:after{ border: 0px dashed white; box-shadow: 1px 0px 10px 2px white; } .container { width: 920px; .profile{direction: rtl;} .blog-preview{direction: ltr; text-align: center;} .blurbs{direction: ltr;} .friends{direction: ltr;} .general-info{direction: ltr;} .profile .left h1{direction: ltr;} .details-table{direction: ltr;} .profile .table-section .heading{direction: ltr;} .details p{direction: ltr;} .mood{direction: ltr; text-align: right;} .contact .heading {display: none !important;} .url-info{direction: ltr; text-align: right;} </style> <style> /* customizable snowflake styling */ .snowflake { color:lightblue; font-size: 1em; font-family: potta one; } @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s} </style> <div class="snowflakes"> <div class="snowflake"> ★ </div> <div class="snowflake"> ★ </div> <div class="snowflake"> ★ </div> <div class="snowflake"> ★ </div> <div class="snowflake"> ★ </div> <div class="snowflake"> ★ </div> <div class="snowflake"> ★ </div> <div class="snowflake"> ★ </div> <div class="snowflake"> ★ </div> <div class="snowflake"> ★ </div> <div class="snowflake"> ★ </div> <div class="snowflake"> ★ </div> </div> <style> body:before { content: " "; height: 100vh; width: 100vw; display: block; position: fixed; top: 0; left: 0; z-index: 100; background-image: url('https://media.tenor.com/PRFdZoBnM5UAAAAd/blushing-blush.gif'); background-size: cover; background-repeat: no-repeat; background-position:center; animation: yourAnimation 3s ease 7s 1 normal forwards; pointer-events: none; } @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } </style> <style>main:before { width: 100%; height: 125px ; display: block; content: ""; background-image: url('https://i.pinimg.com/originals/6a/70/d3/6a70d3f1f90389f005407b2220ab6e86.gif'); background-position: center center; background-size: cover; } @media only screen and (max-width: 600px) { main:before{ height: 200px; } }</style> <style> .logo { content:url("https://i.postimg.cc/TwBf3jBx/Picsart-23-07-27-18-57-55-743.png"); }</style> <div style="float: ; max-height: 400px; position: fixed; right: 1px; bottom: 9px; z-index: 200;"><img src="https://dl.glitter-graphics.com/pub/440/440803shrcrn35gb.gif--gotowww.glitter-graphics.com"/></div>

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.