alice madness returns layout

Tags: alice, alice madness returns, game, games, aesthetic, pretty, simple, animation, layout, blood

Description:

contains: autoplaying music (vale of tears), cursor, floating profile, etc.‎ ‎if you use this PLEASE comment! credit is appreciated too

Preview:

click on the image for a larger preview

Code:

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



<style>
body{background:url("https://64.media.tumblr.com/5ff92159ccd7f71bdf004cdbb0d05399/tumblr_ojahkx37qc1vfowg1o1_400.gif") no-repeat fixed; background-size:cover;}
}
nav img.logo {
  filter: brightness(0) saturate(100%) invert(0%) sepia(94%) saturate(0%) hue-rotate(167deg) brightness(95%) contrast(105%) !important;
}
.online{
  content: url(https://media.discordapp.net/attachments/990004155844296816/1136355490125848666/latest.png);
  padding: 5px 0px;
}
main:before {
    width: 100%;
    height: 200px;
    display: block;
    content: "";
    background-image: url(https://media.tenor.com/FTwmd-w4SjgAAAAC/alice-madness-returns-amr.gif);
    background-size: cover;
    background-position: center;
    box-shadow: 0 0 20px black;
    border-radius: 8px;
}
a, .profile .friends .person p, p, h2, h3, h4, .count, nav .links a{
  color: white!important;
  text-shadow: 0 0 5px #bd151d, 0 0 10px #bd151d, 0 0 10px #bd151d, 0 0 20px #bd151d, 0 0 25px #bd151d;
}
h1{
   background: url(https://i.makeagif.com/media/5-27-2017/elOB8v.gif);
   border: 5px solid black!important;
   padding:5px;
   box-shadow: 0 0 20px black;
}
button {
  background-color: transparent!important;
  border: none;
  color: white;
  font-weight: bold;
}
.general-about .details {
  border: 5px solid none;
  padding-bottom: 70px;
}
.mood {
  background: url(https://i.makeagif.com/media/5-27-2017/elOB8v.gif);
  border: 5px solid black!important;
  padding: 3px;
  margin-bottom: 20px;
  margin-top: 20px;
  box-shadow: 0 0 20px black;
}
.table-section, .blurbs, .friends, .profile-info {
  background: url(https://i.makeagif.com/media/5-27-2017/elOB8v.gif);
  border: 5px solid black!important;
  box-shadow: 0 0 20px black;
}
.url-info {
    background: url(https://i.pinimg.com/originals/c6/f7/5c/c6f75cbdebd13f6b2814efde92cbf77a.gif);
    background-position: center;
    border: 1px black!important;
    box-shadow: 0 0 20px black;
    background-size: cover;
    font-size: 0px;
    height: 275px;
    width: 200px;
}
.blog-preview{
  background:url(https://i.pinimg.com/originals/1d/ef/34/1def34d736cad1aaea7bc69aebffe57c.gif);
  background-position: top;
  background-size: cover;
  border: 5px solid black;
  box-shadow: 0 0 20px black;
}
.contact .inner a img{
  font-size: 0;
}
.contact .inner a img:before{
  font-size: 1em;
  display: block
}
.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 50px;
  background-image: url(https://64.media.tumblr.com/4faa11233a43dc8f96387356a19e3b27/0204d4661e661699-c9/s400x600/1bd56f037ea907c186b58fa1809fb08e45c810d0.gifv);
  background-repeat: repeat;
  background-position-x: center;
  background-size: 350px;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* Add to Friends */
	content: url('https://64.media.tumblr.com/d6b7cb9b5f3012037803b54b4d54bcb2/48e2040499dbadc1-f0/s75x75_c1/3fa88663b3a2570d6430ed00081710a1e3319c83.gifv')
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url('')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url('https://64.media.tumblr.com/6a3d7f82ae80c5d83fa8222053491162/48e2040499dbadc1-1b/s75x75_c1/e0f7d3466455c67c897ff9ea16664f751ab48ebe.gifv')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url('')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url('https://64.media.tumblr.com/d6b7cb9b5f3012037803b54b4d54bcb2/48e2040499dbadc1-f0/s75x75_c1/3fa88663b3a2570d6430ed00081710a1e3319c83.gifv')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url('')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url('https://64.media.tumblr.com/6a3d7f82ae80c5d83fa8222053491162/48e2040499dbadc1-1b/s75x75_c1/e0f7d3466455c67c897ff9ea16664f751ab48ebe.gifv')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url('')
}

.contact {
  border-radius: 8px;
  border: 5px solid black!important;
  box-shadow: 0 0 10px black;
  background-image: url(https://64.media.tumblr.com/tumblr_mdb4n3lq671r44hpro1_r1_500.gif);
  background-position: top;
  background-size: cover;
background-attachment: scroll;
Width: 300px;
Height:180px;

color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px white, 0 0 3px white; }
.profile-pic {
  padding: 15px;
}
.comments-table td {
  border: 3px solid none;
}
.table-section td {
  border: 3px solid white;
  background-color: white!important;
  box-shadow: 0 0 20px white;
}
.comment-reply:not(:first-child) {
    border-top: 2px solid transparent;
}
.comment-replies {
    background: url(https://thumbs.gfycat.com/FabulousLankyBoa-size_restricted.gif);
    border: 5px solid white;
    box-shadow: 0 0 20px white;
}
nav .top, nav .links {
  background-color: transparent;
  color: black;
  font-weight: bold;
}

main, footer {
  background-color: transparent;
}
.friends:not(#comments) {
  margin-bottom: 10px;
}
.comments-table {
  border: none;
  border-spacing: 5px;
}
.profile-pic {
  padding: 15px;
}
.heading {
  background-color: transparent!important;
}
td {
  background-color: transparent!important;
}
</style>

<style>
*{
  border-radius: 9px;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading{
  border-radius: 6px 6px 9px 9px;
}
</style>

<style>

body {
    background-color: black;
}

.container{
width: 100%;
}

main {
    width: 810px;
    margin: auto;
}


nav .links {
    background-color: transparent;
    padding: 3.5px 16px 5.5px 16px;
    display: flex;
    flex-direction: column;
    width: 250px;
    position: absolute;
    transform: translateX(0px);
    height: -webkit-fill-available;
    justify-content: center;
}

nav .links a {
    text-decoration: none;
    color: white;
    text-shadow: 0 0 7px black;
    font-size: x-large;
    text-transform: lowercase;
}

nav .links a:hover {
    text-decoration: none;
    color: white;
text-transform: uppercase;
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " ";
    color: black;
}

nav .links li:not(:last-child)::before, footer .links li:not(:last-child)::before {
    content: " - ";
    color: white;
    font-size: xx-large;
}

nav .links .special a {
    color: white;
}

nav .links .special a::before {
    content: " - ";
    color: white;
    font-size: xx-large;
}

nav .links .icon {
    vertical-align: -0.41em;
    font-size: 0;
}

nav .top {
    background: transparent;
    color: white;
    padding: 15px 10px 14px 10px;
    display: flex;
    position: relative;
}

nav .top {
    background: transparent;
    color: white;
    padding: 15px 20px 35px 63px;
    display: flex;
    position: relative;
    align-items: center;
    text-transform: lowercase;
}
footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background: transparent;
    color: white;
}
    @keyframes blinkingText{
        0%{     color: white;}
        50%{    color: darkred; }
        100%{    color: white;}}

.edit-link {
    font-size: 90%;
    text-align: center;
}

a{
    color: white;
    text-decoration: none;
    text-transform: lowercase;

</style>

<style>



h1{

  animation: type 3s steps(27);

  color: white;

  font-size: 10px;

  font-family: courier;

  white-space: nowrap;

  overflow: hidden;

  }



@keyframes type{

  0%{

    width:0ch;

  }

  

  100%{

    width:27ch;

  }

}



@keyframes blink{

  0%{opacity:1;}

  50%{opacity:0;}

  100%{opacity:1;}

}



.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}



.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 8px);

}

100% {

transform: translate(0, -0px);

}



</style>

<style>

img:hover , .url-info:hover , .online:hover {

  animation: shake 1s;

  animation-iteration-count: infinite;

}



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

}

</style>

<style>  body {

text-align: center;

}</style>

<style>
.logo {
   content: url(https://www.pngkey.com/png/full/316-3169506_other-graphic-alice-madness-returns-logo-png.png);
}
</style>

<style>
  @import url('https://fonts.googleapis.com/css2?family=Edu+SA+Beginner:wght@600&display=swap');
  body {font-family: 'Edu SA Beginner', cursive;}
</style>

<style>
.image {
    background: url('https://images-ext-2.discordapp.net/external/D_u7P8KAt1e_ZGOxdtwFaltKBetdxmLiuzFWe3lzo-U/https/gifdb.com/images/featured/butterfly-qm1j6342t084dtbg.gif') no-repeat;
    background-size: 100%!important;
    position: fixed;
    right: -140px;
    bottom: 600px;
    height: 320px;
    width: 300px;
    z-index: 1000;
    opacity: 1;
}
@media (max-width: 600px) {
.image{display:none;}
}
</style>
<div class="image"></div>

<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-8/oth704.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/11/29/bloody-knife.html" target="_blank" title="Bloody Knife"><img src="https://cur.cursors-4u.net/cursor.png" alt="Bloody Knife" style="position:absolute; top: 0px; right: 0px;"/></a>

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

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

Panther<3	1708463138 Using :] Report Comment
kierank0rr0ded	1707950600 heys, thats me! (my pfp lol) Report Comment
sylas	1706831175 using <3 Report Comment
c0c0 p0mm3l	1706033345 I LOVE IT Report Comment
su	1697037489 THIS IS SUPER COOL !! USING Report Comment
Hazeboundguts	1696141112 Using, thank you^^ Report Comment
Диана	1694120601 me encanta ! Report Comment
Koishic	1693610322 omg I love this game,, Report Comment
Koishic	1693610320 omg I love this game,, Report Comment
genesis...	1692083909 SO KEWL Report Comment