my layout :3

Tags:

Description:

credit!! https://layouts.spacehey.com/layout?id=2423 all i did was add the gif as the bg!

Code:

<!-- (c) Layout created by Shadow the silly (Angel) (https://layouts.spacehey.com/layout?id=101036) -->

<style>

@import url('https://fonts.googleapis.com/css2?family=Mali:wght@200&display=swap');

body {
    background-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/55660762-c858-4a1b-9239-4e143f216fa4/dgxmr7u-23de3b7c-4246-438d-9155-fd7b888f683c.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzU1NjYwNzYyLWM4NTgtNGExYi05MjM5LTRlMTQzZjIxNmZhNFwvZGd4bXI3dS0yM2RlM2I3Yy00MjQ2LTQzOGQtOTE1NS1mZDdiODg4ZjY4M2MuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.d31rGaEN0XPLieqnp-lyZlMv4rlCXxox0E5E8JBZxEM');
    background-repeat: repeat;
    font-family: 'Mali', cursive;
}

/* LINK SETTINGS */

a {
    color: #ff009b;
    font-style: italic;
}

a:hover {
    color: #000;
    font-style: italic;
}

/* BLOG PREVIEW SETTINGS */

.blog-preview p {
    font-weight: bold;
    font-size: 15px;
    color: #000;
    text-shadow: 1px 1px 2px #828282;
}



/* INTERESTS SETTINGS */

.details-table td:first-child {
    background: #ffbae7;
    color: white;
    text-shadow: 1px 1px 1px black;

}

.details-table td {
    background: #FFF3FA;
}

/* NAV BAR SETTINGS */

div.top {
    background: linear-gradient(#ff009b, white);
}

nav .links {
    background: black;
}

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

/* HEADINGS SETTINGS */

.profile .table-section, .profile .url-info, .profile .contact {
    border: 1px solid black;
}
.profile .table-section .heading, .profile .contact .heading {
    color: white;
    text-shadow: -1px 1px 1px black;
    background: linear-gradient(#ff009b, white);
    border-bottom: 1px solid black;
}
.profile .blurbs .heading, .profile .friends .heading
 {
    color: white;
    text-shadow: -1px 1px 1px black;
    background: linear-gradient(#ff009b, white);
    border: 1px solid black;
}

/* BUTTON SETTINGS */

button {
    color: white;
    background: linear-gradient(#ff009b, white);
    border: 2px outset #ff009b;
    font-weight: bold;
    font-family: 'Mali';
    text-shadow: 1px 1px 1px black;
}
button:hover {
    border: inset 2px #ff009b;
}

/* COMMENTS SETTINGS */

.person img {
    width: 100px;
    border: 1px black solid;
    opacity: 0.5;
}

.person img:hover { 
opacity: 1.0; 
}

.comments-table a:hover {
    text-decoration: none;
    text-shadow: 1px 1px 0px #ff00b3;
}

.comments-table td:first-child {
    background: linear-gradient(#ff009b,white);
    text-align: center;
    font-weight: bold;
    width: 28%;
}

.comments-table img:not(.icon) {
    border: 1px solid black;
    box-shadow: 0px 1px 2px #fff;
}

.comments-table a {
    color: white;
    text-shadow: 1px 1px 1px #79004a;
    font-style: normal;

}

.comments-table a:hover {
    text-shadow: 1px 1px 1px #ff009b;
    text-decoration: none;
}

.comments-table button {
    box-shadow: 0px 1px 2px #aaa;
}

.comments-table td {
    background: #fff;
    border: 1px black outset;
}

/* FOOTER SETTINGS */

footer {
    background: linear-gradient(rgba(227, 227, 227, 0.56), rgba(230, 0, 111, 0.56));
    border-radius: 10px;
}
footer a {
    color: black;
    font-weight: bold;
}
</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 )