Mobird coquette| layout

<!-- (c) Layout created by kiwi  (profile wip and semi-inactive) (https://layouts.spacehey.com/layout?id=101306) -->


<style>


body:before {

    content: " ";

    height: 100vh;

    width: 100vw;

    display: block;

    position: fixed; 

    top: 0; 

    left: 0; 

    z-index: 100;

    background-image: url('https://media.discordapp.net/attachments/1205686918365581412/1216165387821907988/a22625841e7c9631cf0ab0693e7bf8ba.jpg?ex=65ff6547&is=65ecf047&hm=11dc2bd454e357ad8092d5ab352e33cdb8ec76e41df9ffdeefa281fa4f5a1c99&');

    background-size: cover;

    background-repeat: no-repeat;

background-position:center;

    animation: yourAnimation 3s ease 0s 1 normal forwards;

    pointer-events: none;

}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 


</style>

<!-- (c) Layout created by ⸝⸝ ꒰ Angel Food 🍉ㆍ₊⊹ (https://layouts.spacehey.com/layout?id=104658) -->


<img src="https://i.pinimg.com/736x/d7/25/7d/d7257daee344a0f55faaf971f0a6bf08.jpg"/>

<!-- (c) Layout created by nicheblunt°❀⋆.ೃ࿔*:・ (https://layouts.spacehey.com/layout?id=99942) -->


<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/Joj3GrLk3KsAAAAM/ethel-cain-crush.gif                                                                                    );

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 2s ease 2s 1 normal forwards;

pointer-events: none;

}

@keyframes yourAnimation { 100%{ opacity: 1;} 100%{ opacity: 1; } 100%{ opacity: 0;} } 


</style>



<!-- (c) Layout created by nicheblunt°❀⋆.ೃ࿔*:・ (https://layouts.spacehey.com/layout?id=99900) -->


<style>

body {

background: url(https://i.pinimg.com/474x/47/3c/2f/473c2fb1feff939bdaf70562a91c50c9.jpg);


 }

  main{

      background: url(https://i.pinimg.com/474x/9c/24/8d/9c248d157981a51cdb7ca7831d388dd6.jpg);

  }

.profile .blurbs .heading,

.profile .friends .heading {

background: url(https://i.pinimg.com/564x/e6/f2/0d/e6f20d1bc70ba4d4fb604945e909abb4.jpg);

style="width: 100px; height: 50px; object-fit: scale-down";

border-radius: 15px;

box-shadow: 1px 0px 7px 6px #e8c1d4; 

}

.profile .contact .heading,

.profile .table-section .heading{

background: url(https://i.pinimg.com/564x/e6/f2/0d/e6f20d1bc70ba4d4fb604945e909abb4.jpg);

box-shadow: 1px 0px 7px 6px #e8c1d4;

border-radius: 15px;


}

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display+SC:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');

p{

  font-family: 'Playfair+Display+SC', serif;

  font-size: 100%;

  color: black;

  text-shadow: 0 0 5px black;

  

}

h1,h2,h3,h4,h5{

  font-family: 'Playfair+Display+SC', serif;

  font-size: 200%;  

  color: black;

  text-shadow: 0 0 10px #b86990;

}

main:before {

    width: auto;

    margin-bottom: 25px;

    border: 1px ;

    height: 300px;

    display: block;

    content: "";

    border-radius: 15px;

    box-shadow: 0px 0px 5px 11px #e8c1d4;

    background-image: url(https://i.pinimg.com/564x/41/63/5d/41635d73f8cc20ef90d695028d59fef7.jpg);

    background-position: center center;

    background-size: cover;

}

footer {

    border-radius: 15px;

    background-image: url(https://i.pinimg.com/564x/3a/48/45/3a48459323b98341c8ee7d8c4f8ba38a.jpg);

    box-shadow: 0px 0px 5px 11px #e8c1d4;

}

:root{

--logo-blue: url(https://i.pinimg.com/474x/fa/4a/ce/fa4ace2177e110ef608a9bcfb06b8b01.jpg);

--lightest-blue: ;

--light-orange: #e8c1d4;

--lighter-blue: #e0ccd4;

--even-lighter-blue: ;

--darker-blue: black;

--dark-orange: black;

--even-lighter-orange: light pink;

}


.col.w-40.left .contact{

background: url(https://i.pinimg.com/564x/e6/f2/0d/e6f20d1bc70ba4d4fb604945e909abb4.jpg);

border-radius: 15px;

box-shadow: 1px 0px 7px 6px #e8c1d4;

}

.col.w-40.left .url-info{

background:url(https://i.pinimg.com/564x/e6/f2/0d/e6f20d1bc70ba4d4fb604945e909abb4.jpg);

border-radius: 15px;

box-shadow: 1px 0px 7px 6px #e8c1d4;

}

.col.w-40.left .table-section{

background:url(https://i.pinimg.com/564x/e6/f2/0d/e6f20d1bc70ba4d4fb604945e909abb4.jpg);

border-radius: 15px;

box-shadow: 1px 0px 7px 6px #e8c1d4;

}

nav .top{

border-radius: 15px;

box-shadow: 1px 0px 7px 6px white;


}

.col.right .profile-info{

background-image: url(https://i.pinimg.com/564x/e6/f2/0d/e6f20d1bc70ba4d4fb604945e909abb4.jpg);

border-radius: 15px;

box-shadow: 1px 0px 7px 6px #e8c1d4;

color: #edadcd; 

}

body::before {

  content: ' ';

  display: block;

  position: fixed;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);

  z-index: 100;

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

  pointer-events: none;

}

.inner .comments-table{

background-image: url(https://i.pinimg.com/564x/e6/f2/0d/e6f20d1bc70ba4d4fb604945e909abb4.jpg);

border-radius: 15px;

box-shadow: 1px 0px 7px 10px #e8c1d4;

color: #edadcd;

}

.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: "ᰔᩚ"

}   

.profile-pic {

box-shadow: 1px 0px 7px 10px #e8c1d4;

border-radius: 15px;

}

.snowflake {

  position: fixed;

  top: -10%;

  z-index: 99;

  user-select: none;

  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;

  width: 25px;

  height: 25px;

}


.snowflake.type1{

  content: url(https://cinni.net/images/web/star2.gif);

}


.snowflake:nth-of-type(0) {

  left: 1%;

  animation-delay: 0s, 0s

}


.snowflake:nth-of-type(1) {

  left: 10%;

  animation-delay: 1s, 1s

}


.snowflake:nth-of-type(2) {

  left: 20%;

  animation-delay: 6s, .5s

}


.snowflake:nth-of-type(3) {

  left: 30%;

  animation-delay: 4s, 2s

}


.snowflake:nth-of-type(4) {

  left: 40%;

  animation-delay: 2s, 2s

}


.snowflake:nth-of-type(5) {

  left: 50%;

  animation-delay: 8s, 3s

}


.snowflake:nth-of-type(6) {

  left: 60%;

  animation-delay: 6s, 2s

}


.snowflake:nth-of-type(7) {

  left: 70%;

  animation-delay: 2.5s, 1s

}


.snowflake:nth-of-type(8) {

  left: 80%;

  animation-delay: 1s, 0s

}


.snowflake:nth-of-type(9) {

  left: 90%;

  animation-delay: 3s, 1.5s

}


.snowflake:nth-of-type(10) {

  left: 25%;

  animation-delay: 2s, 0s

}


.snowflake:nth-of-type(11) {

  left: 65%;

  animation-delay: 4s, 2.5s

}


@keyframes snowflakes-fall {

  0% { top: -10% }

  100% { top: 100% }

}


@keyframes snowflakes-shake {

  0%, 100% { transform: translateX(0) }

  50% { transform: translateX(80px) }

}

.online{

content:url(https://99gifshop.neocities.org/items/3/Water-Lilya.gif);

}

</style>


<img class="snowflake type1"/>

<img class="snowflake type2" src="https://cinni.net/images/web/star2.gif"/>

<img class="snowflake type1"/>

<img class="snowflake type1"/>

<img class="snowflake type1"/>

<img class="snowflake type2" src="https://cinni.net/images/web/star2.gif"/>

<img class="snowflake type1"/>

<img class="snowflake type1"/>

<img class="snowflake type2" src="https://cinni.net/images/web/star2.gif"/>

<img class="snowflake type1"/>

<img class="snowflake type1"/>

<img class="snowflake type1"/>


<!-- (c) Layout created by nicheblunt°❀⋆.ೃ࿔*:・ (https://layouts.spacehey.com/layout?id=100487) -->


<div style="float:  ; max-height: 800px; position: fixed; left: 1px; top: 10px; z-index: 200;"><img src="https://www.freeiconspng.com/thumbs/unicorn-png/white-unicorn-png-0.png" width="300" height="200"/></div>

<!-- (c) Layout created by nicheblunt°❀⋆.ೃ࿔*:・ (https://layouts.spacehey.com/layout?id=99947) -->


<div style="float: right; max-height: 250px; position: fixed; right: 1px; bottom: 0px; z-index: 360;">

    <img src="https://img1.picmix.com/output/stamp/normal/1/5/4/5/255451_79105.gif" height="250"/>

</div>


0 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )