Colorful Abstract Layout

Tags: colorful, abstract, simple, layout

Description:

Hello Everyone! I hope you like this layout I created! :) Please let me know in the comments if you decide to use this layout! Enjoy :D (Also if you have any requests feel free to let me know & i'll do my best!) also add me if you like,i enjoy having new friends :D

Preview:

click on the image for a larger preview

Code:

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

<style>



/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #fb358c #000000;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 10px;
  }

  *::-webkit-scrollbar-track {
    background: #000000;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #fb358c;
    border-radius: 10px;
    border: 3px solid #ffffff;
  }

body{
background-image: url('https://images2.imgbox.com/61/0b/iCQoUecN_o.jpg');
background-repeat: repeat;
background-position:undefined;
background-attachment: fixed;
background-size: auto;
background-color: #ffffff;
}

.profile .heading, .profile .friends .heading {
color: white;
background-color:#fb358c
text-transform:lowercase !important;
color: white;
border-radius:15px;
border: 3px solid #fb358c
}

main{
background-color: #000000;
border: 1px Solid #000000;
}

.contact, .url-info, .table-section, .blurbs, .friends, .comments {
background-color: #000000;
border: 1px Solid #000000!important;
}

.top{     
background-color: #000000 !important;
}    

.links{      
background-color: #000000 !important;

}
footer{     
background-color: #000000 !important;
}


.online{
font-size:0 !important;
}
.online:before{
color:white;
content: "<3";
font-size:.8rem;
}
.online:after{
color:white;
content: "Online";
font-size:.8rem;
font-weight:bold;
animation: blinker 1s linear infinite;
}
.online{
animation: blinker 1s linear infinite;
}
@keyframes blinker {
50% {
opacity: 0;
}
}

span[itemprop='name'] {
color: #ffffff;
font-size: 15pt;
font-weight: bold;
font-family: Monospace; 
font-weight: 700; text-transform: uppercase; text-align: center; overflow-wrap: break-word; text-shadow: 2px 2px 2px #000000, 3px 3px 3px #fb358c;                                     
}

h4 {
color: #fb358c;
font-size: 12pt;
font-family: Monospace;
font-weight: 700; text-transform: uppercase; text-align: center; overflow-wrap: break-word; text-shadow: 2px 2px 2px #000000, 3px 3px 3px #ffffff;   
}

.section h4, .details-table td:first-child {
color: #fb358c!important;
font-size: 10pt;
text-align: center;
font-family: Monospace;
}

a, .count {
color: #d400ff;
font-size: 10pt;
font-family: Monospace;
}

a:hover {
color: #d400ff;
font-size: 10pt;
font-weight: bold;
text-decoration: underline;
font-family: Monospace;
}

body,main {
color: #ffffff;
font-size: 10pt;
text-align: center;
font-family: Sans-Serif;
}

.details-table td, .details-table td:first-child{
background: none!important;
}
.heading{
background: none!important;
}
.comments-table td{
background: none!important;
}
</style>

<style>

.comments-table{display: none !important;}

.blurbs .heading{display: none !important;}
 .table-section .heading{display: none !important;}


        .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: ""
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorites */
content: ""
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content: ""
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward to Friend */
content: ""
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content: ""
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content: ""
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group */
content: ""
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
content: ""
}


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

R0B0T1C	1713124833 Using>< Report Comment
Saint Ally	1692827480 Love This. Thanks for sharing. Will be using it Report Comment
sparrowyed	1690660330 will be using! (might change but yes) Report Comment
Sushie	1690231505 killer cute! Report Comment Thank you!♡ by Kristine♡; 1690231546; Report