mS p41nT's red (dave) layout

Tags:
Description:

the coding is a mess just ignore that it's similar to my vriska layout but this one's red made this in only a few hours and not the middle of the fucking night let's go!! if y'all have any questions comment or im me and i'll try to figure it out
Code:

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

<style>

@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
p{
   font-family: 'Press Start 2P', cursive;
   font/size: 100%;
   color: #FFFFFF;
   background-color: rgb(0, 0, 0);
}
h1,h2,h3,h4,h5{
   font-family: 'Press Start 2P', cursive;
   font/size: 100%;
   color: #FFFFFF;
   background-color: rgb(0, 0, 0);
}
a:any-link {
   color: rgb(223, 8, 6);
   text-decoration: underline;

}
.count {
    color:  rgb(223, 8, 6);
}
.section h4{display:none}


p{

   font-family: 'Press Start 2P', cursive;

   font/size: 100%;

   color: #DF0806;

   background-color: rgb(0, 0, 0);

}



body{

background-color: #DF0806;



}



main{

background-image: url('https://files.catbox.moe/q5uqd3.jpg');

   border-color: black;

   border-radius: 30px;
  

}



.contact, .url-info, .table-section, .blurbs, .friends, .comments {

background-color: #FFFFFF;

border: 3px Solid #DF0806!important;

}

<--!SECTION STUFF-->



}

:root {

    --logo-blue: ;

    --darker-blue: #DF0806;

    --lighter-blue: ;

    --even-lighter-blue: ;

    --lightest-blue: #DF0806;

    --dark-orange: #DF0806;

    --light-orange: #DF0806;

    --even-lighter-orange: #DF0806;

    --green: ;

} 

main .table-section  {

   background-color: #FFFF;

} 

main .contact  {

   background-color: #FFFF;

} 

main .blog-preview {

   background-color: #FFFF;

} 

main .friends {

   background-color: rgb(0, 0, 0);
  color: #DF0806

} 

main .profile-info  {

   background-color: #ffff;

} 

main .span  {

   background-color: #ffff;





}

:root {

    --logo-blue: ;

    --darker-blue: #DF0806;

    --lighter-blue: ;

    --even-lighter-blue: ;

    --lightest-blue: #DF0806;

    --dark-orange: #DF0806;

    --light-orange: #DF0806;

    --even-lighter-orange: #DF0806;

    --green: ;

} 

/* contact icons */
.contact .inner a img {
font-size: 0;
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: url("https://autism.crd.co/assets/images/gallery06/c06f33a3.png?v=f41caa56")
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url("https://autism.crd.co/assets/images/gallery06/c06f33a3.png?v=f41caa56")
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: url("https://autism.crd.co/assets/images/gallery06/c06f33a3.png?v=f41caa56")
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: url("https://autism.crd.co/assets/images/gallery06/c06f33a3.png?v=f41caa56")
}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url("https://autism.crd.co/assets/images/gallery06/c06f33a3.png?v=f41caa56")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url("https://autism.crd.co/assets/images/gallery06/c06f33a3.png?v=f41caa56")
}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: url("https://autism.crd.co/assets/images/gallery06/c06f33a3.png?v=f41caa56")

}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url("https://autism.crd.co/assets/images/gallery06/c06f33a3.png?v=f41caa56")
}

<!-- HEADER -->



} 

nav .top {

   background-color: #ffff;

   border-color: #ffff;

   border-radius: 30px;

} 

nav .left {

   background-color: #FFFF;

   border-radius: 30px;

}

.logo {

content:url("https://files.catbox.moe/q8fqtx.png");



nav .links li .icon{

content: url('https://files.catbox.moe/0tabjn.png');



}
}

nav .top {

   background-color: #FFFF;

   border-color: #FFFF;

   border-radius: 30px;
  color: #DF0806

} 


<!-- FOOTER -->

}

footer {

   font/size: 100%;

   color: rgb(255, 0, 189);

   background-image: url(https://files.catbox.moe/zwoxxn.gif);

   border-color: black;

   border-radius: 30px;
}

}

footer {

   font/size: 100%;

   color: rgb(255, 0, 189);

   background-image: url(https://files.catbox.moe/zwoxxn.gif);

   border-color: black;

   border-radius: 30px;
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #df0806 #ffffff;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 16px;
  }

  *::-webkit-scrollbar-track {
    background: #ffffff;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #df0806;
    border-radius: 10px;
    border: 3px solid #000000;
  }
/*blurbs scroll*/

.blurbs {

overflow-y: auto; 

overflow-x: none;

height: 200px;



}

.friends {

    overflow: scroll;

    overflow-x: scroll;

    overflow-x: hidden;

    height: 300px; 

}

        .online{content:url(https://media1.giphy.com/media/1AfqvbFvLbf752Xddw/giphy.gif), width="20", height="20" }

</style>



<div class="snowflakes">

<div class="snowflake"><img src="https://files.catbox.moe/ws3tvt.webp" width="40px"/></div>

<div class="snowflake"><img src="https://files.catbox.moe/6ip8y6.webp" width="40px"/></div>

<div class="snowflake"><img src="https://files.catbox.moe/ws3tvt.webp" width="40px"/></div>

<div class="snowflake"><img src="https://files.catbox.moe/6ip8y6.webp" width="40px"/></div>

<div class="snowflake"><img src="https://files.catbox.moe/ws3tvt.webp" width="40px"/></div>

<div class="snowflake"><img src="https://files.catbox.moe/6ip8y6.webp" width="40px"/></div>

<div class="snowflake"><img src="https://files.catbox.moe/ws3tvt.webp" width="40px"/></div>

<div class="snowflake"><img src="https://files.catbox.moe/6ip8y6.webp" width="40px"/></div>

</div>



<style>

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

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://www.homestuck.com/images/storyfiles/hs2/00309.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

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

pointer-events: none;}

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



        .online{content: url("https://media1.giphy.com/media/1AfqvbFvLbf752Xddw/giphy.gif"); animation-name: none; visibility: visible; 
height: 85px; width: 95px; }
</style>



<iframe width="0" height="0" src="https://www.youtube.com/embed/DREQ4rJUXXQ//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>


<div style="float:  ; max-height: 400px; position: fixed; right: 1px; bottom: 9px; z-index: 200;">
<img src="https://files.catbox.moe/1m62rf.gif" width="300" height="200"/></div>

<div style="float:  ; max-height: 400px; position: fixed; right: 3px; bottom: 169px; z-index: 200;">
<img src="https://files.catbox.moe/n3asw4.png" width="100" height="100"/></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.
Comments

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