Just something I made

Tags: my chemical romance, fall out boy, grey
Description:

this is more for myself so i can test out other layouts without losing the code lol
Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Livvic:wght@300&display=swap');
p{
    font-family: 'Livvic', sans-serif;
    font-size: 150%;
    color: #D4D6CB;
}
h1,h2,h3,h4,h5{
    font-family: 'Nothing You Could Do', cursive;
   font-size: 200%;
   color: #D4D6CB
}
.general-about .details:before {
    content: "he/they !";
 font-family: 'Livvic', sans-serif;
   font-size: 200%;
   color: #D4D6CB
}
   body {
   background-image: url(https://i.pinimg.com/474x/23/c9/9f/23c99fa941af8f5fc710e9b46e1de1de.jpg);
}
main {
        background: rgba(250,250,250,20%);
        border: dashed #D4D6CB 3px
    }
.general-about img {
        border-radius: 100px;
        box-shadow: #D4D6CB;
        overflow: hidden;
}
:root {
        --logo-blue:ff;
        --darker-blue: white;
        --lighter-blue: rgba(250,250,250,0%);
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange: white;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: ;
    }
 .links {
        font-family: 'Nothing You Could Do', cursive;
        text-transform: lowercase;
        text-align: center;
        color: #D4D6CB
        font-size: 14px;
}

  /* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
 footer{
        background: url(https://i.pinimg.com/236x/f1/3b/65/f13b65f4a7bdff460a10e3abca6f5c4c.jpg);
         border: dashed #D4D6CB 3px
    }


.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: "★"
}
 .url-info {
        text-transform: lowercase;
}
 .friends .person p {
        text-transform: lowercase;
        color: #D4D6CB;
    }
    .comments-table {
        text-transform: lowercase;
    }
 .comments-table td:first-child img:not(.icon) {
        border-radius: 100px;
      }
  .count {
        color: white;
        font-family: 'Livvic', sans-serif;
}
 .top {
        text-transform: lowercase;
        font-family: 'Livvic', sans-serif;
        font-weight: bold;
        color: #D4D6CB;
 background: rgba(250,250,250,20%);
        border: dashed #D4D6CB 3px
    }
 button, input, optgroup, select, textarea {
    font-family: 'Montserrat';
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    background: none;
    border: dashed #D4D6CB 2px;
    color: #D4D6CB;
    text-transform: lowercase;
}
 /* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.friends .person p {
        text-transform: lowercase;
        color: #D4D6CB;
}
img:hover , .url-info:hover , .online:hover {
  animation: shake 1s;
  animation-iteration-count: infinite;
}
 ::-webkit-scrollbar {
    width: 8px;
    height: 10px;}

    ::-webkit-scrollbar-thumb {
    background: #D4D6CB;}

    ::-webkit-scrollbar-track {
    background:black;}



@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
 /* !! CURSOR !! */

HTML,BODY{cursor: 
url(<style type="text/css">* {cursor: url(https://cur.cursors-4u.net/symbols/sym-6/sym599.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/01/26/transparent-yellow-star.html" target="_blank" title="Transparent Yellow Star"><img src="https://cur.cursors-4u.net/cursor.png" alt="Transparent Yellow Star" style="position:absolute; top: 0px; right: 0px;"/></a>),
auto;}


A:hover{cursor: 
url(<style>* {cursor: url(https://cur.cursors-4u.net/symbols/sym-6/sym599.cur), auto !important;}<a href="https://www.cursors-4u.com/cursor/2011/01/26/transparent-yellow-star.html" target="_blank" title="Transparent Yellow Star"><img src="https://cur.cursors-4u.net/cursor.png" alt="Transparent Yellow Star" style="position:absolute; top: 0px; right: 0px;"/>),
auto;}
   








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





<style>

.logo {

content:url("https://media.discordapp.net/attachments/1108976171938488320/1118353111636004884/clandestine.png?width=1500&height=466");

}


</style>
<style>
.online{content:url("https://dl.glitter-graphics.com/pub/1434/1434422mlqi5v12xb.gif");
}
</style>


<marquee behavior="scroll" direction="down" style="position:absolute; left:11%; top:26px; width:15; height:587px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:85%; top:198px; width:15; height:565px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:15%; top:42px; width:15; height:590px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:53%; top:176px; width:15; height:577px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:27%; top:117px; width:15; height:527px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:27%; top:60px; width:15; height:626px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:81%; top:83px; width:15; height:699px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:80%; top:120px; width:15; height:615px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:94%; top:157px; width:15; height:654px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:57%; top:117px; width:15; height:554px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:46%; top:23px; width:15; height:575px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:44%; top:133px; width:15; height:542px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:95%; top:20px; width:15; height:573px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:9%; top:175px; width:15; height:509px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:83%; top:129px; width:15; height:599px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:26%; top:30px; width:15; height:502px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:36%; top:169px; width:15; height:509px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:58%; top:103px; width:15; height:694px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:71%; top:85px; width:15; height:612px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:63%; top:165px; width:15; height:564px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>

<marquee behavior="scroll" direction="down" style="position:absolute; left:95%; top:88px; width:20; height:577px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:19%; top:14px; width:20; height:673px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:92%; top:124px; width:20; height:666px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:80%; top:96px; width:20; height:529px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:56%; top:151px; width:20; height:598px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:75%; top:77px; width:20; height:654px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:33%; top:68px; width:20; height:618px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:36%; top:170px; width:20; height:526px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:9%; top:136px; width:20; height:609px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:12%; top:78px; width:20; height:518px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:11%; top:67px; width:20; height:624px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:16%; top:102px; width:20; height:698px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:24%; top:11px; width:20; height:624px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:29%; top:10px; width:20; height:684px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:80%; top:100px; width:20; height:692px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:45%; top:185px; width:20; height:669px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:51%; top:51px; width:20; height:525px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:7%; top:157px; width:20; height:575px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:63%; top:173px; width:20; height:697px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:48%; top:42px; width:20; height:641px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:80%; top:133px; width:20; height:573px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:53%; top:5px; width:20; height:660px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:35%; top:90px; width:20; height:608px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:92%; top:97px; width:20; height:506px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:43%; top:87px; width:20; height:544px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:76%; top:74px; width:20; height:524px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:92%; top:195px; width:20; height:580px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:6%; top:37px; width:20; height:669px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:56%; top:178px; width:20; height:686px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:37%; top:98px; width:20; height:568px;"><font color="#000000" size="+3">†</font></marquee>
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 )