Colorful Layout

Tags: colorful, multicolored, 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:

Code:

<!-- (c) Layout created by Kristine♡ (https://layouts.spacehey.com/layout?id=36538) --> <style> @import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap'); /* ===== Scrollbar CSS ===== */ /* Firefox */ * { scrollbar-width: auto; scrollbar-color: #c800ff #000000; } /* Chrome, Edge, and Safari */ *::-webkit-scrollbar { width: 10px; } *::-webkit-scrollbar-track { background: #000000; } *::-webkit-scrollbar-thumb { background-color: #c800ff; border-radius: 10px; border: 3px solid #ffffff; } body{ background-image: url('https://images2.imgbox.com/c6/44/dAJ9lxFL_o.jpg'); background-repeat: repeat; background-position:undefined; background-attachment: center; background-size: auto; background-color: #ffffff; border: 0px solid #9200d6; } .profile .heading, .profile .friends .heading { color: white; background-color:rgba(127, 17, 224, 1); text-transform:lowercase !important; color: white; border-radius:15px; border: 3px solid rgba(218, 165, 255, 0.65) } 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:purple; content: "<3"; font-size:.8rem; } .online:after{ color:yellow; 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'] { font-size: 35pt; font-weight: bold; font-family: 'Great Vibes', cursive, Sans-Serif; } h1{ background: -webkit-linear-gradient(#d00909, #d00909, #d7fe4f, #9129f5, #05bef4, #d00909, #d00909); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } h4 { color: #ff3895; font-size: 12pt; text-decoration: underline; font-family: Monospace; } .section h4, .details-table td:first-child { color: #05bef4!important; font-size: 10pt; 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; 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.