Cherry Blossom Layout

Tags: cherry blossom, 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 Note's:Scroll down to the end of the code to change "Interest Title's" To Whatever You want.

Preview:

Code:

<!-- (c) Layout created by Kristine♡ (https://layouts.spacehey.com/layout?id=36407) --> <style> @import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap'); /* ===== Scrollbar CSS ===== */ /* Firefox */ * { scrollbar-width: auto; scrollbar-color: #000000 #000000; } /* Chrome, Edge, and Safari */ *::-webkit-scrollbar { width: 10px; } *::-webkit-scrollbar-track { background: #000000; } *::-webkit-scrollbar-thumb { background-color: #ffffff; border-radius: 10px; border: 3px solid #ffffff; } body{ background-image: url('https://images2.imgbox.com/bd/dd/RxLffltM_o.jpg'); background-repeat: repeat; background-position:center; background-attachment: fixed; background-size: cover; background-color: #ffffff; border: 0px solid #D12556; } .profile .heading, .profile .friends .heading { text-align:center; background-color:#ffffff; border-radius:15px; border: 3px solid #ffffff } main{ background-color: #D12556; border: 1px Solid #D12556; } .contact, .url-info, .table-section, .blurbs, .friends, .comments { background-color: #D12556; border: 1px Solid #D12556!important; } .top{ background-color: #D12556 !important; } .links{ background-color: #D12556 !important; } footer{ background-color: #D12556 !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: 35pt; font-weight: bold; font-family: 'Great Vibes', cursive, Sans-Serif; } h4 { color: #000000; font-size: 12pt; text-align:center; text-decoration: underline; font-family: Monospace; } .section h4, .details-table td:first-child { color: #000000!important; text-align:center; font-size: 10pt; font-family: Monospace; } a{ color: #ffffff !important;} a:hover{ color: #ffffff !important;} a:visited{ color: #ffffff !important;} .top a{ color: #ffffff !important;} .top a:hover{ color: #ffffff !important;} .top a:visited{ color: #ffffff !important;} .links a{ color: #ffffff !important;} .links a:hover{ color: #ffffff !important;} .links a:visited{ color: #ffffff !important;} .friends-grid p{ color: #ffffff !important;} footer .links a{ color: #ffffff !important;} footer .links a:hover{ color: #ffffff !important;} footer .links a:visited{ color: #ffffff !important;} 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> <style> /*Change Interests Section Titles*/ table, th, td { border: 0px trans;text-align:center;border-radius: 15px;} :root { --topic1: "Like's"; --topic2: "Dislikes"; --topic3: "Music"; --topic4: "Movie's"; --topic5: "TV"; --topic6: "Book's";} .table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;} .details-table tr td:first-child p::after{ color:var(--links) !important; letter-spacing:normal !important; text-shadow: 2px 2px black !important; filter: brightness(95%) !important;} .table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{ content: var(--topic1);} .table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{ content: var(--topic2);} .table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{ content: var(--topic3);} .table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{ content: var(--topic4);} .table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{ content: var(--topic5);} .table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{ content: var(--topic6);} table.comments-table{ display: block; height: 250px!important; overflow-y: scroll;} </style> About me stuff goes here

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.