MaXXXine

Tags: animation, x, music, simple, loop, slasher, maxxxine, maxine minx, mia goth
Description:

This is a layout I designed for my own personal use. I hope you find it enjoyable. Change whatever you want to change I cant stop you.
Preview:

click on the image for a larger preview
Code:

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

<style>
  @import url('https://fonts.googleapis.com/css2?family=Metal+Mania&display=swap');
h1, h2,h3,h4,h5,h6{
  font-family: 'Metal Mania', serif;
}

  @import url('https://fonts.googleapis.com/css2?family=Neuton:wght@300&display=swap');
body{
  font-family: 'Neuton', serif; 

   }
    
a:hover{
 cursor: url('https://external-media.spacehey.net/media/s6rl8pclY7DDunCpW9Dilx_i8_U618PDAm6u3qxen7js=/https://ani.cursors-4u.net/symbols/sym-8/sym734.cur'), auto !important;
}
* {
 cursor: url('https://external-media.spacehey.net/media/s6rl8pclY7DDunCpW9Dilx_i8_U618PDAm6u3qxen7js=/https://ani.cursors-4u.net/symbols/sym-8/sym734.cur'), auto;


}

body{
  background: url('https://media.tenor.com/srla3KvltI8AAAAd/xtrailer-a24.gif') 
center;
  background-size: 500px;
  background-attachment: fixed;
}
main{
  background: none;
}


main .left{
  background-image: url(https://media.tenor.com/Yjcy0BAh1gcAAAAC/jenna-ortega.gif);
  color: red;
  font-style: italic;
  border: black 7px double;
  padding-right: 20px;

}

.profile h1{
  animation: color-change 1s infinite;
}

@keyframes color-change {
  0% { color: red; }
  50% { color: blue; }
  100% { color: red; }


}

main .right{
 background-image: url(https://media.tenor.com/GseaIEKWDRwAAAAC/clipping-the-clapperboard-bobby-lynne.gif);
  color: white;
  border: black 7px double;

}

nav .links li .icon {
content: url(https://external-media.spacehey.net/media/sg1cDIjG0Rn1_3sQjrAI1gNN24ho7OecVU7t99uZ7I-w=/https://64.media.tumblr.com/3270668ea35e35749cc155d811fc93c7/01bdc18c1e0b80e3-4f/s75x75_c1/58b4886ec5351958e1a9d9e473feb03af5f1d635.gif);

width: 20px;

height: 20px;

margin: 3px;

filter: hue-rotate(330deg) drop-shadow(1px 1px black);
}

.online{
  content: url(https://dl.glitter-graphics.com/pub/271/271635pyea2ukain.gif);
animation-name: blink; 
 animation-iteration-count: infinite;
        animation-duration: 5s;
visibility: visible; height: 30px; width: 90px;


}

nav .top {
        background-image: 
url(https://media.tenor.com/7lNMT2qUf1IAAAAC/bathing-maxine-minx.gif);
        background-size: 430px;
        padding: 30px;
        background-position: center;
        border: 7px black double;
  font-style: italic;
  text-transform: uppercase;

}


.links .special a:link, .links .special a:visited  {
  color: white;
}

.links .special a:hover {
  color: white;

}

nav .links{
  background: transparent;
  border: 0px none;
  font-style: italic;
  font-size: 10px;
  text-transform: uppercase;
  margin-top: 5px;

}

.logo {
content:url("https://static.wikia.nocookie.net/logopedia/images/2/20/MySpace_logo.svg");
filter: invert(100%);

}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
        content: " ୨୧ ";
        color: white;

}

.profile .mood, .profile .contact{
  background: transparent;
  border: none;
  font-size: 15px;
  margin-top: 25px;
  margin-bottom: 25px;
}

.profile .mood{
  text-align: center;
}

.profile .blurbs, .blog-preview, .friends, .profile .table-section{
  font-size: 17px;
}


.profile-pic img{
  border: 5px black solid;
  box-shadow: 0px 0px 5px black;

 }
    
    .profile-pic {
        border-style: none;
        border-color: white;
        box-shadow: 0px 0px 10px;
        border-radius: 7px;
        overflow: hidden;
        animation-name: example;
        animation-iteration-count: infinite;
        animation-duration: 1.5s;

    }

 .general-about .profile-pic img {
content: url(https://i.pinimg.com/originals/42/68/6b/42686be3169ae1f6052593496c0c16e7.gif);



}   
table.comments-table, .profile .blurbs, .blog-preview{
  border: 7px black none;
}

.blog-preview{
  text-align: center;
}

.comments-table td{
  border: none;
}

.profile .table-section{
  background: transparent;
  border: 7px black double;
}

.heading{
  background: transparent !important;
  text-align: center !important;
}

 .profile-info {
        background: transparent;
        background-size: 250px;
        border: none;
        box-shadow: 0px 0px 10px none;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 5px;
        margin-bottom: 10px;
    }


nav .links a{
  text-shadow: none !important;
}

a, .friends a p{
  color: red !important;
} 

.friends img{
  clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);
}
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.friends img{
  border-radius: 50%;
  animation: spin 4s infinite linear;
}
}
  .count {
        color: blue;
        text-shadow: 2px 2px 2px none;
    }

a:hover, nav .top a:hover, footer a:hover, button:hover, .friends a p:hover{
  transition: 1s !important;
  color: white !important;
  text-transform: uppercase !important;
}

nav .links a:hover{
  color: white!important;
 
}

footer{
   background-image: 
url(https://media.tenor.com/CyKKe1Zck2YAAAAC/mia-goth-mia.gif);
  border: 7px blackdouble;
  color: red;
  text-transform: uppercase;
}

footer a{
  font-style: italic;
  text-transform: uppercase;
}

:root {
--logo-blue: white;
--darker-blue: white;
--lighter-blue: transparent;
--even-lighter-blue: transparent;
--lightest-blue: transparent;
--dark-orange: white;
--light-orange: transparent;
--even-lighter-orange: transparent;
--green: white;

}

.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: url("https://external-media.spacehey.net/media/sYMg1oINjbcoOQ-WeWHLoYvdg7KvlV7Ex_yjsKH780KU=/https://64.media.tumblr.com/767b15c3af927a66072747fd0ced2aec/d02707a6c4d7976f-de/s75x75_c1/e68050ffc202d919318ff6719a42211d482f4d0f.gif")

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

/* Add to Favorites */

content:  url("https://external-media.spacehey.net/media/sYMg1oINjbcoOQ-WeWHLoYvdg7KvlV7Ex_yjsKH780KU=/https://64.media.tumblr.com/767b15c3af927a66072747fd0ced2aec/d02707a6c4d7976f-de/s75x75_c1/e68050ffc202d919318ff6719a42211d482f4d0f.gif")
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

/* Send Message */

content:   url("https://external-media.spacehey.net/media/sYMg1oINjbcoOQ-WeWHLoYvdg7KvlV7Ex_yjsKH780KU=/https://64.media.tumblr.com/767b15c3af927a66072747fd0ced2aec/d02707a6c4d7976f-de/s75x75_c1/e68050ffc202d919318ff6719a42211d482f4d0f.gif")

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

/* Forward to Friend */

content:   url("https://external-media.spacehey.net/media/sYMg1oINjbcoOQ-WeWHLoYvdg7KvlV7Ex_yjsKH780KU=/https://64.media.tumblr.com/767b15c3af927a66072747fd0ced2aec/d02707a6c4d7976f-de/s75x75_c1/e68050ffc202d919318ff6719a42211d482f4d0f.gif")

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

/* Instant Message */

content:   url("https://external-media.spacehey.net/media/sYMg1oINjbcoOQ-WeWHLoYvdg7KvlV7Ex_yjsKH780KU=/https://64.media.tumblr.com/767b15c3af927a66072747fd0ced2aec/d02707a6c4d7976f-de/s75x75_c1/e68050ffc202d919318ff6719a42211d482f4d0f.gif")

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

/* Block User */

content:   url("https://external-media.spacehey.net/media/sYMg1oINjbcoOQ-WeWHLoYvdg7KvlV7Ex_yjsKH780KU=/https://64.media.tumblr.com/767b15c3af927a66072747fd0ced2aec/d02707a6c4d7976f-de/s75x75_c1/e68050ffc202d919318ff6719a42211d482f4d0f.gif")

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

/* Add to Group */

content:  url("https://external-media.spacehey.net/media/sYMg1oINjbcoOQ-WeWHLoYvdg7KvlV7Ex_yjsKH780KU=/https://64.media.tumblr.com/767b15c3af927a66072747fd0ced2aec/d02707a6c4d7976f-de/s75x75_c1/e68050ffc202d919318ff6719a42211d482f4d0f.gif")

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

/* Report Profile */

content:  url("https://external-media.spacehey.net/media/sYMg1oINjbcoOQ-WeWHLoYvdg7KvlV7Ex_yjsKH780KU=/https://64.media.tumblr.com/767b15c3af927a66072747fd0ced2aec/d02707a6c4d7976f-de/s75x75_c1/e68050ffc202d919318ff6719a42211d482f4d0f.gif")

</style>


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

<div style="float:  ; max-height: 400px; position: fixed; right: 1px; bottom: 0px; z-index: 200;">
<img src="https://cdn.discordapp.com/attachments/1129623339011420241/1147612480755994704/f3b10989c983c7d4b025fd1d915fbea6.gif" height="300"/></div>
<style></style>

<div class="snowflakes">


  <div class="snowflake">


    ☠︎︎


  </div>


  <div class="snowflake">


  ♱


  </div>


  <div class="snowflake">


  ⛧


  </div>


  <div class="snowflake">


  ✩


  </div>


  <div class="snowflake">


  ⛟


  </div>


  <div class="snowflake">


  [ ◉¯]


  </div>


  <div class="snowflake">


    ✘


  </div>


  <div class="snowflake">

    ✴


  </div>


  <div class="snowflake">


    ̸/̸̅̅ ̆̅ ̅̅ ̅̅


  </div>


  <div class="snowflake">


    📽


  </div>


  <div class="snowflake">


    ✟


  </div>


  <div class="snowflake">


    🗡


  </div>


</div>


<style>


/* customizable snowflake styling */


.snowflake {


  color: red;


  font-size: 1em;


  font-family: Arial, sans-serif;


  text-shadow: 0 0 5px rgba(0,0,0,0.7);


}


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


</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 0 of 0 comments ( View all | Add Comment )