A.B.A Theme (Guilty Gear Isoka)

Tags: guilty gear, a.b.a, aba, orange, brown

Description:

*made for a friend, but anyone can use*

make sure to paste this code in your ABOUT ME section when youre editing your profile !

feel free to change anything !!

layout includes
- background music (https://www.youtube.com/watch?v=QyM3zU-_SNU&pp=ygUXYS5iLmEgZ3VpbHR5IGdlYXIgdGhlbWU%3D)

- complete recolor, icons, and background

- a divider (that i think fits the theme well) and gif (its just a silly one) in about me section

- custom scroll boxes (and scroll box for comments on profile)

- custom cursor

if you dont want the divider/gif, go to the bottom and remove the "img" codes

Preview:

click on the image for a larger preview

Code:

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

<style>
/* body background image + font */

body
        {background: url("https://cdn.discordapp.com/attachments/1052698764919443496/1111444712193269810/peakpx.png")
        no-repeat fixed; background-size: cover;
font-family: 'Special Elite', cursive;
    font-size: 18px;
    font-color: #000000
</style>


<style>    
/* navigation box icon */

    .icon, .award img {
        content: url(https://64.media.tumblr.com/tumblr_lv2ur3SDST1r1itgh.gif);
        display: inline-block;
        height: 2.0em;
        width: 2.0em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);
    }

a:hover {
color: #FC8621
}

</style>

<style>
/* profile background image/color + border */

.container{
background-color: #F9E0AE;
margin: 2em auto;
border: 3px solid #682C0E;
border-radius: 10px;
}

</style>

<style>
/* background color + border for headings + navigation links */

.profile, .blurbs, .heading, .profile, .friends, .heading, main, top, nav .top, details-table, .comments {
color: #C24914;
     background-color: #F9E0AE;
color: #C24914;
  border-radius: 8px;
     border: solid;
     border-color: transparent;
     border-width: 3px;
font-color: #C24914;
}

nav .links {
color: #C24914;
     background-color: #682C0E;
color: #C24914;
     border: solid;
     border-color: #682C0E;
     border-width: 3px;
font-color: #C24914;
}

  .profile .table-section{
  border-radius: 8px;
     border: solid;
     border-color: #682C0E;
border-width: 3px;
}

 div.friends div.inner p b {
color: #C24914 !important;
}
    h1, .count, .friends a p{
    color: #C24914 !important;
}

table, td {
  border: 2px solid #682C0E;
}


</style>


<style>
/* profile info ('edit your profile') image */

.profile .profile-info {
    background-image: url(https://cdn.discordapp.com/attachments/1052698764919443496/1111456220562333797/giphy.gif);
    border: solid;
        border-color: #682C0E;
        border-width: 3px;
    border-radius: 8px;
    text-align: center;
}

</style>
<style>
/* font import */

@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');

</style>


<style>
/* online now icon */

.online {
    content: url(https://cdn.discordapp.com/attachments/1052698764919443496/1111459248761737276/104607x61kd02dl0.gif);
}

</style>

<style>
/* profile picture border */

.profile-pic {
        border-radius: 250px;
        overflow: hidden;
     border: solid;
     border-color: #682C0E;
     border-width: 3px;
}
.profile .friends .person img {
border-radius: 500px;
        overflow: hidden;
     border: solid;
     border-color: #682C0E;
     border-width: 3px;
}
    }
</style>

<style>
/* contact icons */
.contact .inner a img {margin-right: -2px;
font-size: 0;}


.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: url("https://pixelbank.neocities.org/nukos/40c9953b.gif");
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorites */
content: url("https://pixels.crd.co/assets/images/gallery42/4d06d27f.gif?v=b496e8e4")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send Message */
content: url("https://pixels.crd.co/assets/images/gallery29/eb5801e9.gif?v=b496e8e4")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* forward to friend */
content: url("https://pixel.crd.co/assets/images/gallery01/9e786c1e.gif?v=57e2b4ab")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url("https://pixel.crd.co/assets/images/gallery01/d9e78b28.gif?v=57e2b4ab")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url("https://pixel.crd.co/assets/images/gallery01/06186df7.gif?v=57e2b4ab")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add to group */
content: url("https://pixels.crd.co/assets/images/gallery36/1812bf12.gif?v=b496e8e4")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report user */
content: url("https://64.media.tumblr.com/a3d0947ce1faca8b7133b81650c4ea1c/5d758e6be7ba86e3-f2/s75x75_c1/25ac75dcf0b3fc57d7e6d06482ec166da80bbaa1.gifv")
}
</style>
<style>
/* contact background image */

.contact {
  border-radius: 8px;
  background-image: url(https://cdn.discordapp.com/attachments/1052698764919443496/1111456220562333797/giphy.gif);
  background-position: right top;
  background-repeat: repeat;
background-attachment: scroll;
Width: 310px;
Height:180px;
     border: solid;
     border-color: #682C0E;
border-width: 3px;
</style>


<style>
/* color changes */

:root {
    --logo-blue: #C24914;
    --headers: #682C0E;
    --darker-blue: #C24914;
    --lighter-blue: #682C0E;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: #C24914;
    --light-orange: #682C0E;
    --even-lighter-orange: #F9E0AE;
    --green: #8E05C2;
    --links: #8E05C2;
    --table-header: #682C0E;
}

</style>

<style>
/* footer image/color */

footer {
background-color: #F9E0AE; 
background-position: bottom center !important;
background-repeat: repeat !important;
  border-radius: 8px;
border: solid;
border-color: transparent;
border-width: 3px;
</style>


<style>
/* spacehey logo */

<style>

.logo{

   filter: invert(15%) sepia(16%) saturate(6989%) hue-rotate(359deg) brightness(102%) contrast(90%);}

</style>

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

<style>* {cursor: url(https://cur.cursors-4u.net/games/gam-2/gam134.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2006/04/02/gam134.html" target="_blank" title="Keyblade"><img src="https://cur.cursors-4u.net/cursor.png" alt="Keyblade" style="position:absolute; top: 0px; right: 0px;"/></a>


<style>
table.comments-table{

display: block;
height: 350px!important;
overflow-y: scroll;

}
</style>

<style>

::-webkit-scrollbar {

    width: 13px;

}



::-webkit-scrollbar-track {

    border-top: 3px ridge white;

    border-left: 3px ridge white;

    border-bottom: 3px ridge gray;

    border-right: 3px ridge gray;

    background: white radial-gradient(circle at 0px 0px, gray 1px, transparent 0);

    background-size: 2px 2px;

}



::-webkit-scrollbar-thumb {

    background: silver;

    border-top: 3px ridge white;

    border-left: 3px ridge white;

    border-bottom: 3px ridge gray;

    border-right: 3px ridge gray;

}

</style>
<center><img src="https://i5.glitter-graphics.org/pub/184/184475y66x8elc3k.gif" width="400" height="20"/></center>
<br/>
<center><img src="https://cdn.discordapp.com/attachments/1052698764919443496/1111456871782563871/guilty-gear-aba.gif" width="400" height="300"/></center>

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

VIGILANTE

1724266174

this is really cooool!

Report Comment