Coqeutte Layout

Tags: coquette, pink, cute, blue

Description:

Comment if using! >__<

Preview:

click on the image for a larger preview

Code:

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

<style>

:root {
    --logo-blue:  #808abd;
    --darker-blue: #ffcbe0;
    --lighter-blue: 808abd;
    --even-lighter-blue: #ffcbe0;
    --lightest-blue: #808abd;
    --dark-orange: #ffffff;
    --light-orange:  #ffcbe0;
    --even-lighter-orange: #ffffff;
    --green: #808abd;
}
    
    body {
        background-image: url(https://i.pinimg.com/236x/41/38/0a/41380a7c0495da235349a8f5728fa730.jpg);
        background-size: cover;
        background-attachment: fixed;
    }
    
  nav .top {
        background-image: url(https://i.pinimg.com/236x/58/1b/36/581b3694191d79719772ba1cdb71b7f1.jpg);

        background-size: 820px;
        background-position: center;
        padding: 70px;
        border-radius: 0px;
        border-color: white;
        box-shadow: 0px 0px 10px;
    }  

    
    .profile {
        background-image: url(https://i.pinimg.com/236x/a2/0f/5b/a20f5b5b84c92b5d3c226984f4fb8f38.jpg');
        background-size: cover;
        background-attachment: fixed;
        border-radius: 20px;
        border-color: white;
        -webkit-text-stroke: 0.9px #808abd;
}
    
    main {
        background-color: #ffffff;
        color: white;
    }
    
    nav .links {
        background-color: transparent;
    }
    
    .profile-pic {
        border-color: white;
        box-shadow: 0px 0px 10px;
        border-radius: 7px;
        overflow: hidden;
      

 .container{
margin: 2em auto;
width: 960px;
border: 10px dashed #ccb58d;
border-radius: 10px;
}

    }
    

    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border-color: white;
        border-radius: 6px;
        overflow: hidden;
        box-shadow: 0px 0px 5px;
    }
    
    table.details-table td {
   
        box-shadow: 0px 0px 3px white;
        border-radius: 6px;
          background-color: #ffffff;
}
    
    .heading {
        margin-top: 3px;
        margin-bottom: 4px;
        background-color: transparent !important;
        color: white !important;
    }
    

    
    footer {
        border-radius: 5px;
        border-color: white;
        box-shadow: 0px 0px 10px white;
        background-image: url(https://i.pinimg.com/236x/7a/e5/99/7ae5998ba35726db2aa04fa40f55639a.jpg);
        background-size: 800px;
        display: block !important;
    }
   table.comments-table td {
        background-color:  #ffffff;
        box-shadow: 0px 0px 10px;
        overflow: hidden;
        padding: 5px;
    }
    }
    
    .comments-table td:first-child img {
        width: 80px;
        border-radius: 8px;
        border-color: white;
        overflow: hidden;
        box-shadow: 0px 0px 10px white;
        animation-name: example;
        animation-iteration-count: infinite;
        animation-duration: 1.4s;
        background-color: #ffffff;
}
    
    .profile .friends .person img {
        background-image: url(https://i.pinimg.com/236x/7a/e5/99/7ae5998ba35726db2aa04fa40f55639a.jpg);

        border-radius: 8px;
        border-color: white;
        box-shadow: 0px 0px 10px white;
    }
    
    .blog-preview p {
        background-image: url(https://i.pinimg.com/236x/7a/e5/99/7ae5998ba35726db2aa04fa40f55639a.jpg);

        font-size: 1.3rem;
        background-color: transparent;
        box-shadow: 0px 0px 5px;
        padding: 10px;
         background-color: #2d5410;
}
    
    .online {
        color: pink;
        font-size: 95%;
    }
    
    .online img {
        );
        height: 2.5em;
        margin-right: 5px;
        animation-name: blink;
        animation-iteration-count: infinite;
        animation-duration: 2s;
    }
    
    .icon, .award img {
        content: url(https://i.pinimg.com/236x/1a/6f/46/1a6f463e29f316f046e4a99f9720513a.jpg);
        display: inline-block;
        height: 2.0em;
        width: 2.0em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: pink;
    }
    
    .profile .blurbs .section h4 {
        background-image: url(https://i.pinimg.com/236x/7a/e5/99/7ae5998ba35726db2aa04fa40f55639a.jpg);

        margin: 0;
        color: #ffffff;
      background-color: #2d5410;
}
    
    a {
        color:   #808abd;
        text-decoration: none;
    }
    
    a:hover {
        animation:blinkingText 1.2s infinite;
    }
    


     
    }
    
    .count {
        color: #ffffff;
    }
    
    .details-table td:first-child {
      

        background: var(--even-lighter-blue);
        color: #ffffff;
        width: 33%;
    }

    
    .profile .friends .person p {
        color: white;
        width: 100%;
        word-break: break-word;
        font-size: 100%;
        text-align: center;
    }




<style>

h1{
  animation: type 3s steps(27);
  color: white;
  font-size: 10px;
  font-family: courier;
  white-space: nowrap;
  overflow: hidden;
  }

@keyframes type{
  0%{
    width:0ch;
  }
  
  100%{
    width:27ch;
  }
}

@keyframes blink{
  0%{opacity:1;}
  50%{opacity:0;}
  100%{opacity:1;}
}

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;
}

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

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
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);
}

</style>

<style>
.general-about img {-webkit-mask-image: url(https://i.postimg.cc/8CB1CTyG/heart.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>

<style>
.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/8CB1CTyG/heart.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>



<style>
.general-about{
  position: relative;
  margin-top: 30px;
}.online{
content: url(https://i5.glitter-graphics.org/pub/352/352875g2hl785zem.gif);}
</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 33 comments ( View all | Add Comment )

c.uti3	1714332302 Using Report Comment
𝓐𝓷𝓪	1711552158 usingg Report Comment
⸝⸝ ꒰ Angel Food 🍒ㆍ₊⊹	1709917912 yewsingg Report Comment
lexi	1708880146 using Report Comment
SatanLovesYou	1705781805 ¡Usando! <3 Report Comment
Juls 💗	1703908988 Using!!! Report Comment
bo ⋆ ˚｡ ⋆ ୨୧˚	1702858585 using ^^ Report Comment
dowoon 도운	1702773846 using! Report Comment
✦ ﹒Lyree « ❜	1702071680 Using :3 Report Comment
Ethan	1701978653 using Report Comment
,, ♡ ︰vee﹒🍓 ୨୧ ˖˚⊹ㅤㅤ	1701803732 using Report Comment
Gobblob	1701051704 Using!! ^^ Report Comment
Yuyu_dear	1700842459 Using!♡ Report Comment
Asuka	1700730982 using Report Comment
୨୧ molly's diary	1700528931 using xo Report Comment
Cyb3rwave	1700356452 using! Report Comment
SYD (^з^)-☆	1700341381 USINGGGG,, THIS IS SO CUTE :3333 Report Comment
Mayday	1699960686 using Report Comment
⋆ ˚｡⋆୨୧˚ quack u,_u	1699918406 using!!! Report Comment