cigarettedreamz layout

Tags: red, mcbling

Description:

If using, lmk. Or add me and give me credit for it!

Preview:

click on the image for a larger preview

Code:

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

<style>
          :root{
    --logo-blue: #990000;
    --darker-blue: #660000;
    --lighter-blue: #330000;
    --even-lighter-blue: #CC0000;
    --lightest-blue: #FF0000;
    --light-orange: #990000
}

.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: "📣";
}

.main{
background-image: url('https://i.pinimg.com/originals/68/20/3c/68203c15be899d02a4b1e1df70382aa1.gif');
            background-repeat: repeat;
            background-attachment: fixed;
            background-size: auto;
}

.table-section-contacts{
background-color: rgba(102, 0, 0, 0.7); color: black; text-shadow: 2px 2px 2px #CC0000; padding: 5px; box-shadow: 0 0 10px black; border-radius: 10px;) !important;
}

.table-section heading, contact{
background-color: rgba(102, 0, 0, 0.7); color: black; text-shadow: 2px 2px 2px #CC0000; padding: 5px; box-shadow: 0 0 10px black; border-radius: 10px;) !important;}
.table-section heading, .blurbs .heading{
background-color: rgba(102, 0, 0, 0.7); color: black; text-shadow: 2px 2px 2px #CC0000; padding: 5px; box-shadow: 0 0 10px black; border-radius: 10px;) !important;
}

footer{
background-color: rgba(102, 0, 0, 0.7); color: black; text-shadow: 2px 2px 2px #CC0000; padding: 5px; box-shadow: 0 0 10px black; border-radius: 10px;) !important;
}

.friends{
background-color: rgba(102, 0, 0, 0.7); color: black; text-shadow: 2px 2px 2px #CC0000; padding: 5px; box-shadow: 0 0 10px black; border-radius: 10px;) !important;
}

.contacting{
background-color: rgba(102, 0, 0, 0.7); color: black; text-shadow: 2px 2px 2px #CC0000; padding: 5px; box-shadow: 0 0 10px black; border-radius: 10px;) !important;
}

.heading .comments, Heading{
background-color: rgba(102, 0, 0, 0.7); color: black; text-shadow: 2px 2px 2px #CC0000; padding: 5px; box-shadow: 0 0 10px black; border-radius: 10px;) !important;
}

         body {
            background-image: url('https://i.pinimg.com/originals/68/20/3c/68203c15be899d02a4b1e1df70382aa1.gif');
            background-repeat: repeat;
            background-attachment: fixed;
            background-size: auto;
         }
      </style>

<style>
.logo {

content:url("https://upload.wikimedia.org/wikipedia/commons/thumb/a/a3/LiveLeak_logo.svg/800px-LiveLeak_logo.svg.png");
}

</style>

<style>
main{ background-color: rgba(102, 0, 0, 0.7); color: white; text-shadow: 2px 2px 2px #CC0000; padding: 5px; box-shadow: 0 0 10px black; border-radius: 10px;) !important;}
body{ background-color: rgba(225, 225, 225, 0.4( !important;}
</style>

<style>
<iframe width="0" height="0" src="https://www.youtube.com/embed/eTg8iyRmYaM?si=6lCnDjebJ15vKW_c-vEaN31N loop=1&autoplay=1&controls=0&start=0; title=" frameborder="0" allow=" loop; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="">
</style>

<style>
/* replace with cd image that has transparent background. must be 150px by 150px. */
:root {
--cd-image: url('https://fluorescent-lights.neocities.org/Digital-CD-Disk-Vector-Transparent-PNG.png');
}
.profile-pic {
position: relative;
width: 183px;
filter: drop-shadow(0 0 0.25rem gray);
}
.profile-pic:after {
content: "";
background: url('https://fluorescent-lights.neocities.org/f0rzNHe.png'), linear-gradient(150deg, rgba(255,255,255,0.4), rgba(255,255,255,0.2), 40%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6));
background-size: contain, cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.profile-pic:before {
content: "";
background: var(--cd-image);
position: absolute;
top: 5px;
left: -20px;
width: 150px;
height: 150px;
background-repeat: no-repeat;
z-index: -1;
animation-name: spin;
animation-duration: 5000ms;
animation-iteration-count: infinite;
animation-timing-function: linear; 
transition: left ease 0.5s;
}
.profile-pic:hover:before {
left: -75px;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.profile-pic .pfp-fallback {
float: right;
width: 163px;
height: 160px;
border: none;
}
.general-about .profile-pic img {
max-width: inherit;
}
</style>

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

*{
   font-family: "UnifrakturMaguntia", cursive;
  }
</style>

<p style=" background-color: rgba(102, 0, 0, 0.7); color: black; text-shadow: 2px 2px 2px #CC0000; padding: 5px; box-shadow: 0 0 10px black; border-radius: 10px;"> Layout made by @cigarettedreamz! </p>
<style>

            <style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://lh3.googleusercontent.com/proxy/PougWl0A4QJzG65ih9H9VEuYF8NrmdSfxtNKnJmDmeMsJLixHg7mwu1zLSZJ1w9sfaSehbyV_5OPEe1YTMExAkrVcn-23ZX5MygdNgrQB79Vwz2jF0Vmh8mVxpyY_P_acLRfynxOVPRWjAjTHg');
background-size: auto;
background-repeat: repeat;
background-position:center;
animation: yourAnimation 3.2s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
            </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 22 comments ( View all | Add Comment )

witch	1715221451 using Report Comment
Margate	1715177615 Using 🕷🕷🕷 Report Comment
Apathy	1715114918 Using :3 Report Comment
Runa~!	1715089017 using Report Comment
Yū	1715037725 Using Report Comment
Ashlynn	1714891509 using itt Report Comment
charlie	1714533758 using :))) Report Comment
Nickle Pickle	1714519445 using Report Comment
Dani!	1714168380 using it !!! Report Comment
Dani!	1714168379 using it !!! Report Comment
Dani!	1714168379 using it !!! Report Comment
Dani!	1714168379 using it !!! Report Comment
Dani!	1714168379 using it !!! Report Comment
Dani!	1714168379 using it !!! Report Comment
Dani!	1714168378 using it !!! Report Comment
Dani!	1714168378 using it !!! Report Comment
Dani!	1714168371 using it !!! Report Comment
Dave :D	1714012368 using!1 Report Comment
Maddie	1713643124 using this. thanks! Report Comment
Hyba_:)	1713539583 i might use this thankz :) Report Comment