puppy time

Tags: puppy
Description:

A cute puppy layout can be made sus or cuter just change the links.
Code:

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

<div class="puppy"></div>
<div class="doghouse"></div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Darumadrop+One&display=swap');

h1 , h2 , h3 , h4 , h5{
    font-family: 'Darumadrop One', cursive;
    font-size:200%;
}
nav .top .left .logo{
    width: 100px;
    height: 42px;
}

a:hover{

    color: #fe6fc4;
    text-decoration: underline;
}

details summary {
    cursor: pointer;
    user-select: none;
    color: #ffadc4;
}
p{
    font-family: 'Darumadrop One', cursive;
}

:root{
       --logo-blue:#92d1c3;
       --darker-blue:#ffadc4 ;
       --lighter-blue:#8BB8A8  ;
       --even-lighter-blue: #ffecf4;
       --lightest-blue: #fff5f9;
       --dark-orange:#7F543E;
       --light-orange:#d4b5af ;
       --even-lighter-orange:;
       --green:;
}
nav .links .special a {
    color: #ffbce6;
    text-shadow: 0 0 7px #fe6fc4;
}
.details-table td {
    background: var(--lightest-blue);
    vertical-align: top;
    box-shadow: 1px 1px 1px 1px #93d1c3;   
}
.friends p{
color:#ff82a9;
}
.count{
color:#8bb8a8;

}
.friends {
    border-width: 10px;
    border-style: solid;
    border-image: url(https://external-media.spacehey.net/media/sMK0XTV3RCB1a_e467C5xP5RRq3UZuSaaTi6QEInp3pw=/https://media.discordapp.net/attachments/826854899013648384/839700444375810078/tumblr_inline_o98n9dbCl61u2r0ws_540_1_2.png) 8 fill round;
    width: 100%;
margin-bottom:10px;
}
html:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url(https://64.media.tumblr.com/97e513d3066ff694f2430170625ef624/6829ddca305746af-d7/s1280x1920/52d36a16b8e0f5f7952168b0eaa60bed9d47e593.gif);
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 2s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} 
} 

body{
background-image:url(https://i.pinimg.com/474x/8b/7e/e1/8b7ee140f2b0b26952b1096b824264ca.jpg);
}

.general-about .profile-pic img {
   -webkit-mask-image: url(https://png.pngtree.com/png-vector/20220428/ourmid/pngtree-smooth-glossy-heart-vector-file-ai-and-png-png-image_4557871.png);
   -webkit-mask-size: 100%;
   -webkit-mask-repeat: no-repeat;
   -webkit-mask-position: center;
   transform: scale(1.025,1.025);
   position: relative;
   top: -2em;
}
nav, footer, .profile .contact {
    display: inherit!important;
    opacity: 1!important;
    background-color: #fff5f9;
}
.profile .url-info {
    padding: 4px 7px;
    background-color: #fff5f9;
    border: 1px pink dashed;
}
table.details-table {
    width: 100%;
    background-color: #93d1c3;
}
.logo{
content: url(https://64.media.tumblr.com/07e4e8cbb5fd94b634acc86b442a61f7/785e946139961015-26/s640x960/813af21c3ab47b0b52c37f28f5996c19e94856dd.gifv);

}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content:url(https://pixels.crd.co/assets/images/gallery30/004786b3.gif?v=9b219e01);
    content-size:5px;
}



.icon{
display:none;
}

.online img{
content:url(https://pixels.crd.co/assets/images/gallery39/dcdee636.gif?v=61dc0306);
position:center;
animation:none;
}
.online{
    color:pink;
    
}
.col.left:before {
    content: "";
    white-space: pre-wrap;
    display: block;
    height: 34px;
    width: px;
    background-image: url(https://external-media.spacehey.net/media/sDKM4U3ReD-7cEdrQea2rP_P83_c9wQNKIhb6SzOe7Rc=/https://romi.crd.co/assets/images/gallery11/09894055_original.png?v=935cac02);
    background-repeat: no-repeat;
    background-size: 300px;
    background-position-x: center;
}
.mood:after {
content:"";
border-radius:50px;
white-space: pre-wrap;
display: block;
height: 34px;
width: px;
background-image: url(https://external-media.spacehey.net/media/sDKM4U3ReD-7cEdrQea2rP_P83_c9wQNKIhb6SzOe7Rc=/https://romi.crd.co/assets/images/gallery11/09894055_original.png?v=935cac02);
background-repeat:no-repeat;
background-size: 300px;
background-position-x: center;
}
.blog-preview:before {
    content:"";
   border-radius:5px;
   white-space: pre-wrap;
    display: block;
    height: 70px;
    width: 520px;
    background-image: url(https://pixelbank.neocities.org/dividers/image150.gif);
    background-repeat:no-repeat;
    background-size: 80%;
    background-position-x: left;
    margin-bottom: -40px;
}
main {
    
    border-width: 10px;
    border-style: solid;
    border-image: url(https://external-media.spacehey.net/media/sMK0XTV3RCB1a_e467C5xP5RRq3UZuSaaTi6QEInp3pw=/https://media.discordapp.net/attachments/826854899013648384/839700444375810078/tumblr_inline_o98n9dbCl61u2r0ws_540_1_2.png) 8 fill round;
    width: 100%;
    height: 100%;
    margin-block-start: 8px;
    overflow-y: scroll;
    height: 450px;
}

.profile-info{
    border: 2px solid rgba(0,0,0,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
    border-width: 10px;
    border-style: solid;
    border-image: url(https://external-media.spacehey.net/media/sMK0XTV3RCB1a_e467C5xP5RRq3UZuSaaTi6QEInp3pw=/https://media.discordapp.net/attachments/826854899013648384/839700444375810078/tumblr_inline_o98n9dbCl61u2r0ws_540_1_2.png) 8 fill round;
    width: 100%;
    height: 100%;
}
.profile .friends .person img:not(.icon) {
 -webkit-mask-image: url(https://pngimg.com/d/heart_PNG699.png);
   -webkit-mask-size: 100%;
   -webkit-mask-repeat: no-repeat;
   -webkit-mask-position: center;
   transform: scale(1.025,1.025);
   position: relative;
   top: -0.25em;
 
}
  .profile{
        
    direction: rtl;
    
    }
    .blurbs{
    
    direction: ltr;
        
    }
    .blog-preview{
        
    direction: ltr;
        
    }
    .friends{
    
    direction: ltr;
        
    }
    .general-info{
        
    direction: ltr;
        
    }
    .contact{
        
    direction: ltr;
    
    }
    .url-info{
        
    direction: ltr;
        
    }
    .details-table{
        
    direction: ltr;
        
    }
    .profile .table-section .heading{
    
    direction: ltr;
        
    }
    .details p{

    direction: ltr;

   }
   .mood{

       direction: ltr;

   }
div#comments:before {
  width: auto;
    margin-bottom: 10px;
    height: 200px;
    display: block;
    content: "";
    background-image: url(https://64.media.tumblr.com/a8fe20346a725689868b69923debdf17/a7cbccdd1bdc3cd8-8b/s540x810/a42b36166610f9a125d8481e73fe07c03972294b.gifv);
    background-position: center center;
    background-size: cover;

}
.comments-table td:first-child img:not(.icon){
   -webkit-mask-image: url(https://pngimg.com/d/heart_PNG699.png);
   -webkit-mask-size: 100%;
   -webkit-mask-repeat: no-repeat;
   -webkit-mask-position: center;
   transform: scale(1.025,1.025);
   position: relative;
   top: -0.25em;

}

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
    background-color: pink;
    border-color: pink;
    color: #62320e;
}

input{
 background-image:url(https://i.makeagif.com/media/1-19-2015/IMCnq_.gif);
background-size:cover;
background-position:center;
color:white;
}
footer {
  border-width: 10px;
    border-style: solid;
    border-image: url(https://external-media.spacehey.net/media/sMK0XTV3RCB1a_e467C5xP5RRq3UZuSaaTi6QEInp3pw=/https://media.discordapp.net/attachments/826854899013648384/839700444375810078/tumblr_inline_o98n9dbCl61u2r0ws_540_1_2.png) 8 fill round;
        background-color: #ffffff;
    color: #ff82a9;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
    content: url(https://pixels.crd.co/assets/images/gallery52/01648bae.gif?v=9b219e01);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
    content: url(https://pixels.crd.co/assets/images/gallery15/e8b3f1aa.gif?v=9b219e01);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
    content: url(https://pixels.crd.co/assets/images/gallery15/f36a6165.gif?v=9b219e01);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
    content: url(https://pixels.crd.co/assets/images/gallery14/0671a3af.gif?v=9b219e01);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
    content: url(https://pixels.crd.co/assets/images/gallery14/5cb9f6ed.gif?v=9b219e01);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
    content: url(https://pixels.crd.co/assets/images/gallery21/28c8d12f.gif?v=9b219e01);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
    content: url(https://pixels.crd.co/assets/images/gallery43/e47be705.gif?v=9b219e01);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
    content: url(https://pixels.crd.co/assets/images/gallery107/0f16e9aa.gif?v=9b219e01);
}
div.doghouse{
    background: url(https://64.media.tumblr.com/ddd173a2b17b543401ac11d80106fba4/c91cd0d99bfe812b-fd/s250x400/372ac5d438d39f2e9bc532a77fda3ca993f86ee6.pnj);
       background-size: 100%!important;
       position: fixed;
    right: 120px;
    bottom: 90px;
    height: 450px;
    width: 170px;
    z-index: 100;
    opacity: 100%;
    background-repeat:no-repeat;
    animation:float 2s ease-in-out infinite alternate;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}
}
div.puppy{
    background: url(https://64.media.tumblr.com/ad3ea63b40cfe7396d78d092d2eb0a14/e3e2a21d2711b056-0a/s500x750/77be1a7a7866c12db0323773105e7eacb9931793.gifv);
       background-size: 100%!important;
       position: fixed;
    left: 120px;
    bottom: 30px;
    height: 197px;
    width: 170px;
    z-index: 100;
    opacity: 100%;
    background-repeat:no-repeat;
    
}
</style>
<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-5/oth401.ani), url(https://cur.cursors-4u.net/others/oth-5/oth401.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/04/29/glitter-pink-cute-bow-tie-ribbon.html" target="_blank" title="Glitter Pink Cute Bow Tie Ribbon"><img src="https://cur.cursors-4u.net/cursor.png" alt="Glitter Pink Cute Bow Tie Ribbon" 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 1 of 1 comments ( View all | Add Comment )
Ross	1684691283 Probably using! Report Comment