Beautiful Flower Layout

Tags: cute, simple, pastel, pink, miranda

Description:

Background gif image 

Preview:

Code:

<!-- (c) Layout created by Miranda💗 (https://layouts.spacehey.com/layout?id=496) --> <style> table, th, td { border: 1px solid pink; } body {background: url("https://data.whicdn.com/images/252516482/original.gif") no-repeat fixed; background-size: cover; } :root { --topic1: "Intro"; --topic2: "🎵"; --topic3: "Movies/TV Shows"; --topic4: "Things I like"; --topic5: "Books/Writers"; --topic6: "Misc"; } .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 plum !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); } .profile .contact, .profile .url-info, .profile .table-section, .home-actions { border: green none; } table.details-table { border-collapse: collapse; } table.details-table td { background-color: transparent !important; } a.ditto-link { display: block; margin: 10px 0; color: #cc3e3e; font-size: 1.4rem; font-weight: bold; animation: blinker 1s linear infinite; } .profile-pic { border-radius: 500px; overflow: hidden; } .heading { padding: 5px 0 !important; margin-top: 15px; margin-bottom: 10px; background-color: transparent !important; color: #2a2a2a !important; border-bottom: 2px solid; } .container { border-radius: 15px 15px 0 0; overflow: hidden; margin-top: 30px; padding: 10px; } footer { border-radius: 15px; background: rgba(255, 255, 255, 0.94) !important; display: block !important; } table.comments-table td { background-color: !important; } .comments-table td:first-child img { width: 80px; border-radius: 500px; } .profile .friends .person img { border-radius: 500px; } .blog-preview p { font-size: 1.4rem; } nav { overflow-x: hidden; position: relative; } nav .top { background: transparent; } nav .links { background: rgba(0, 0, 0, 0.3); } nav { background-image: url(); } Main {background: url("") no-repeat fixed; background-size: cover; } :root { --logo-blue: ; --darker-blue: lavender; --lighter-blue: thistle; --even-lighter-blue: plum ; --lightest-blue: ; --dark-orange: plum; --light-orange: ; --even-lighter-orange: ; --green: thistle; } main { background-color: transparent; color: white; } h1, h2, h3, h4 {color: lavender;} body { font-family: cursive; </style> <style> .online{content:url(http://www.myspacegens.com/images/online_now/111.gif) </style> <style> body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div > div > a { visibility: hidden; } body > div.container > main > div > div.col.w-40.left > div.contact > div.inner { margin: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(1) > div:nth-child(1) > a { content:url("https://media0.giphy.com/media/JmJ7MYgxbHXputuQP1/giphy.gif"); visibility: visible; height: 30px; width: 32px; } body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(1) > div:nth-child(2) > a { content: url("https://thumbs.gfycat.com/LightImpassionedAsiaticlesserfreshwaterclam-max-1mb.gif"); visibility: visible; height: 30px; width: 32px; } body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(2) > div:nth-child(1) > a { content: url("https://media.tenor.com/images/46844c12192e83cf6473672d553bf521/tenor.gif"); visibility: visible; height: 20px; width: 32px; } body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(2) > div:nth-child(2) > a { content: url("https://icons.iconarchive.com/icons/graphicloads/100-flat-2/256/arrow-forward-icon.png"); visibility: visible; height: 20px; width: 32px; } body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(3) > div:nth-child(1) > a { content: url("https://i.pinimg.com/originals/df/d0/b0/dfd0b0f00a35b820aa28aa22e3c2782f.gif"); visibility: visible; height: 30px; width: 32px; } body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(3) > div:nth-child(2) > a { content: url("https://i.pinimg.com/originals/55/ca/e6/55cae6d9b3d5006301071f23c285e813.gif"); visibility: visible; height: 30px; width: 32px; } body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(4) > div:nth-child(1) > a { content: url("https://media.tenor.com/images/1170597818a37a7c6e3e1d4baeb6e2eb/tenor.gif"); visibility: visible; height: 30px; width: 32px; } body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(4) > div:nth-child(2) > a { content: url("https://media4.giphy.com/media/l46CpEQZ8G9M7OP0k/giphy.gif"); visibility: visible; height: 30px; width: 32px; } #comments > div.inner > table > tbody > tr > td > p.report > a { visibility: hidden; } #comments > div.inner > table > tbody > tr > td > p.report > a { content: url("http://www.fillster.com/images/icons/116k.gif"); visibility: visible; height: 30px; width: 32px; float: right; } </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.