CLASS OF 09 LAYOUT! (AUTOPLAY MSI I DONT SUPPORT BAND

Tags: class of 09, 2009, game, suicide, cool game, drugs, epic layout, msi
Description:

PLS IM ME IF U WANT ME TO TAKE OFF ANYTHING I WILL!! ROTATING PFP RAINING STARZ EPIC ANIMATED BACK GROUND CLASS OF 09 FRIENDZ W33D LOGO + MORE!!
Preview:

click on the image for a larger preview
Code:

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

TYPE HERE

<style>
body {
background-image: url('https://media.giphy.com/media/3o7TKoFi1GyCT0h8w8/source.gif');
background-attachment: fixed;
background-repeat: repeat;
}
</style>
<style>
.logo {
content:url("https://64.media.tumblr.com/41cfdddb7a1afcc40f1b2701a4ff3d1e/9858f11431cb681d-cc/s540x810/4d74f3495386b33a7dde8eacb5f3c1b0a136443b.pnj");
}


<iframe width="0" height="0" src="https://www.youtube.com/embed/1ZLo8sBOt4A//?&;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">


<style>html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://i.pinimg.com/originals/17/6f/b5/176fb547189cbdb4f745d425e84167f3.gif);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.4;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain 
  70% { transform:translate(0%, 15%) }
}</style>

<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}
</style>

}


<style>

.profile .friends .person:first-child img:not(.icon){
content:url(https://i.pinimg.com/736x/eb/9f/a6/eb9fa6208d3207e0bee8cdd0801af069.jpg);
}
.profile .friends .person:nth-child(2) img:not(.icon){
content:url(https://i.pinimg.com/736x/b5/c1/48/b5c148a7f92be355709c04abdf389f30.jpg);
}
.profile .friends .person:nth-child(3) img:not(.icon){
content:url(https://i.pinimg.com/736x/5f/c3/5e/5fc35ed6f032ce2e38253473fdd59a1a.jpg);
}
.profile .friends .person:nth-child(4) img:not(.icon){
content:url(https://i.pinimg.com/originals/cd/a1/12/cda11229bf06ecbe472d8d81ff68c6d3.jpg);
}
.profile .friends .person:nth-child(5) img:not(.icon){
content:url(https://static.wikia.nocookie.net/class-of-09-game/images/1/19/Kelly.jpg/revision/latest?cb=20231030095626);
}
.profile .friends .person:nth-child(5) img:not(.icon){
content:url(https://static.wikia.nocookie.net/class-of-09-game/images/1/19/Kelly.jpg/revision/latest?cb=20231030095626);
}
.profile .friends .person:nth-child(6) img:not(.icon){
content:url(https://static.wikia.nocookie.net/class-of-09-game/images/a/ab/Kylar.jpg/revision/latest?cb=20231030100001);
}
.profile .friends .person:nth-child(7) img:not(.icon){
content:url(https://static.wikia.nocookie.net/class-of-09-game/images/4/4f/Karen.jpg/revision/latest?cb=20231030095506);
}
.profile .friends .person:nth-child(8) img:not(.icon){
content:url(https://static.wikia.nocookie.net/class-of-09-game/images/6/6c/Jeffery.jpg/revision/latest?cb=20231030100041);
</style>

<style>

div.friends-grid{
text-align:center; /* if you want them to be center */
}

.profile .friends .person p{
display:none; /* hides the original names */
}

.profile .friends .person:nth-child(1)::before{
content:"Nicole";
}
.profile .friends .person:nth-child(2)::before{
content:"Emily";
}
.profile .friends .person:nth-child(3)::before{
content:"Jecka";
}
.profile .friends .person:nth-child(4)::before{
content:"Ari";
}
.profile .friends .person:nth-child(5)::before{
content:"Kelly";
}
.profile .friends .person:nth-child(6)::before{
content:"Kylar";
}
.profile .friends .person:nth-child(7)::before{
content:"Karen";
}
.profile .friends .person:nth-child(8)::before{
content:"Jeffrey";
}

<style></style>

<style>
}
.contact .heading {
    background: none !important;
    border: none !important;
    box-shadow: none;
    color: #8cf4ff;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px;
}
.profile .table-section {
    border-radius: 5px 5px 0px 0px;
    border: 1px solid #808080;
}
.details-table td {
    background: linear-gradient(#535353 0%, #000 60%) !important;
    box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353, #000 1px 1px 10px 2px;;
    border-radius: 10px 0px;
    border: 0px;
    padding-left: 5px !important;
    color: #8cf4ff !important;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px; 
}
.profile .contact {
    border-radius: 5px 5px 0px 0px;
    border: none;  
    background: linear-gradient(#535353 0%, #000 20%);
}
.right.col {
    background: linear-gradient(#535353 0%, #000 2%);
    border-radius: 5px 5px 0px 0px;
    border: 0px;
    padding: 5px;
    position: relative;
    left: 4px;
    margin-left: 5px;
    color: #8cf4ff;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px;
}
main {
    border: none;
    border-radius: 5px;
    padding: 10px 15px 10px 15px;
    background: black;
    box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 10px 2px #535353;
}
nav .top {
    margin-top: 10px;
    border-radius: 5px;
    background: linear-gradient(#535353 0%, #000 69%);
    box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 10px 2px #535353;
    border: 0px;
    padding: 4px;
}
nav .links {
    background: linear-gradient(#535353 0%, #222 60%) !important;
    box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353, #000 1px 1px 10px 2px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 0px;
    padding-left: 10px !important;
    color: #8cf4ff !important;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px;
    padding: 5px;
    position: relative;
    gap: 5px;
    justify-content: center;
}
nav .links a {
    text-shadow: 1px 1px 0px #000;
}
nav .links a:hover {
    color: #8cf4ff;
    text-decoration: none;
    text-shadow: 1px 1px 0px #000;
}
.top .right a {
    text-shadow: 1px 1px 0px #000;    
}
.logout-btn {
    text-shadow: 1px 1px 0px #000 !important;     
}
body &gt; div.container &gt; nav &gt; ul &gt; li.special {
    display: none;
}
body &gt; div.container &gt; nav &gt; ul &gt; li:nth-child(12) {
    display: none;
}
body &gt; div.container &gt; nav &gt; ul &gt; li:nth-child(3) {
    display: none;
}
body &gt; div.container &gt; nav &gt; ul &gt; li:nth-child(13) {
    border: none;
}
nav li {
    font-size: 0pt;
    padding-right: 5px;
    border-right: 2px ridge #555555;
}
.right .heading {
    background: linear-gradient(#535353 0%, #000 60%) !important;
    box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353, #000 1px 1px 10px 2px;;
    border-radius: 50px 0px;
    border: 0px;
    padding-left: 10px !important;
    color: #8cf4ff !important;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px;    
}
.comments-table {
    border: 0px;
}
.comments-table td {
    border: 0px;
    background: linear-gradient(#535353 0%, #000 20%) !important;
    border-radius: 5px 5px 0px 0px;
    border: 0px;
    padding: 5px;
    color: #8cf4ff;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px;
    top: -32px;
}
.url-info {
    border: none !important;
    background: linear-gradient(#535353 0%, #000 40%);
    border-radius: 5px 5px 0px 0px;
    border: 0px;
    padding: 5px;
    color: #8cf4ff;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px;
    top: -32px;
}
.comments-table .pfp-fallback {
    border: 2px ridge #555555;
}
.person .pfp-fallback {
    border: 2px ridge #555555;    
}
.profile-pic .pfp-fallback {
    border: 2px ridge #555555;     
}
#comments &gt; div.inner &gt; table &gt; tbody &gt; tr &gt; td:nth-child(1) {
    background: none;
}
.comment-replies {
    border: none;
    border-top: 2px ridge #555555;
}
footer {
    background: none;
}


<style>

.logo {
   content: url("https://i.ibb.co/wQT0DMn/oie-oie-glitters-2.gif");
}

</style>

<style>

.profile .contact:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 150px;
  width: px;
  background-image: url(https://i0.wp.com/natalie.tf/wp-content/uploads/2023/06/Class-of-09-The-Re-Up.png?ssl=1);
  background-repeat: no-repeat;
  background-size: 100%;
  align-content: center;
  margin-bottom: 10px;
  margin-left: 10px;
}

</style>

<style>
    
    .blog-preview:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 200px;
  background-image: url(https://media.tenor.com/gQDbv1W2JfgAAAAC/class-of-09-nicole.gif);
  background-repeat: no-repeat;
  background-size: 100%;
  align-content: center;
  border: 0px solid black;
  margin-bottom: 10px;

}

    .profile .blurbs .inner:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 180px;
  background-image: url(under who id like to meet picture url);
  background-repeat: no-repeat;
  background-size: 100%;
  align-content: center ;
  border: 0px solid black;
  margin-bottom: 10px;
</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.