Adventure Time Fionna and Cake Petrigrof Layout Theme

Tags: adventure time, fionna and cake, simon petrikov, betty grof, petrigrof, animated, simple, totally freaking cool

Description:

this was a request and i was like ok! and did it so here you go :3 the original layout is by Leena and i just edited it a bunch with screenshots from the show, feel free to edit stuff around if you know how to do that (also i might make a huntress wizard layout....)

Preview:

Code:

<!-- (c) Layout created by page (https://layouts.spacehey.com/layout?id=83231) --> <!-- (c) original layout created by Leena (https://layouts.spacehey.com/layout?id=23945) --> <style> body { background: url(https://64.media.tumblr.com/2e0f8a4b8839a5b64b196a02fc580f23/77768951f5d5e10a-81/s2048x3072/631a514951462a3ccf08c624b1b80a462dba6774.pnj); background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-size: cover; }</style> <style> .profile { background: rgba(0, 0, 0, 0.6); border-radius: 8px; border: 2px solid #794397; } table, td { border-spacing: 2px; } .profile .contact, .profile .url-info, .profile .table-section, .home-actions { width: 100%; border: 0px solid var(--#4e4f4e); color: #00ffe1 text-shadow: 1px 1px 2px #794397, 0 0 25px #794397, 0 0 3px #794397; } .profile .table-section { overflow-y: scroll; } mood { color: #00ffe1; text-shadow: 1px 1px 2px #794397, 0 0 25px #794397, 0 0 3px #ffffff; } .mood p { color: #00ffe1; text-shadow: 1px 1px 2px #794397, 0 0 25px #794397, 0 0 3px #ffffff; } .mood a { color: #f6ff00; text-shadow: 1px 1px 2px #000000, 0 0 25px #794397, 0 0 3px #ffffff; } table, th, td { border: 0px solid #4e4f4e; border-spacing: 0px; } .profile .table-section, .home-actions { border: 2px solid #794397; border-radius: 8px; } :root { --logo-blue: ; --darker-blue: ; --lighter-blue: purple 55; --even-lighter-blue: ; --lightest-blue: ; --dark-orange: ; --light-orange: ; --even-lighter-orange: ; --turquoise: ; --table-header:#000000; --table-color: white; --link-text: black; --main-text: #870303; } footer { text-align: center; font-size: 70%; margin: 10px 0 10px; padding: 10px 5px; background-image: url(https://files.catbox.moe/zwpdjp.png); background-size: 100% 100%; border: 2px solid #794397; border-radius: 8px; color: #794397; } .comments-table{ display: block; height: 500px; overflow-y: scroll; color: #00ffe1; border: 2px solid #794397; border-radius: 8px; } .contact .heading { background: transparent!important; text-align: center; text-decoration: italic; color: #00ffe1!important; font-size: medium; font-family: cursive; text-shadow: 1px 1px 2px #000000, 0 0 25px #794397, 0 0 3px #ffffff; border: none!important; } .contact { border-radius: 8px; border: 2px solid #794397!important; background-image: url(https://64.media.tumblr.com/4e54025dc55950e03d5f7758f5a37a52/b62aa27876466f35-e2/s400x600/f952741be34f0ee72d61eb2f943d58dbaa0dabce.gifv); background-repeat: no-repeat; background-size: cover content: ""; background-position: center center; Width: 360px; Height:100px; } .contact a { color: #f6ff00; font-family: cursive; text-decoration: italic; text-shadow: 1px 1px 2px #000000, 0 0 25px #794397, 0 0 3px #794397; font-size: 12px; } .friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section, .url-info, .mood, .blog-preview, .details, { border: 1px #000000!important; } nav, footer, .profile .contact { color: #00ffff!important; } main { background: transparent!important; border: none; padding: 0; font-size: 90%; color: #00ffe1; text-shadow: 1px 1px 2px #794397, 0 0 25px #794397, 0 0 3px #ffffff; } nav { background-image:url(https://i.ibb.co/Rc68bgB/banner5.webp); border: 2px solid #794397!important; border-radius: 8px!important; background-repeat: no-repeat; background-size: cover content: ""; background-position: center center; } nav .top a, nav .top, nav .logout-btn, nav .links a { color: #794397!important; } .logo { filter: brightness(0) saturate(100%) invert(34%) sepia(18%) saturate(1934%) hue-rotate(235deg) brightness(89%) contrast(90%);!important; } .profile .table-section{ border:2px solid #794397; } .profile .table-section .heading{ border: none; text-align: center; } .profile .table-section .heading h4{ color: #00ffe1; } .profile .friends .heading{ border: 2px solid #794397; border-radius: 8px; background: #000000; color: #00ffe1; text-align: center; } .profile .friends .heading h4{ text-align: center; color: #00ffe1; } .profile-pic { border-radius: 500px; border: 2px solid #794397; overflow: hidden; } .blog-preview h4, .blurbs .heading { border: 2px solid #794397; border-radius: 8px; background: #000000!important; color: #00ffe1; text-align: center; } .blog-preview h4 a, .more { color: #f6ff00; text-shadow: 1px 1px 2px #000000, 0 0 25px #794397, 0 0 3px #ffffff; } .profile .blurbs .section :nth-child(2) { color: #00ffe1; text-shadow: 1px 1px 2px #794397, 0 0 25px #794397, 0 0 3px #ffffff; /* margin-top: -5px; */ padding: 18px; } .profile .profile-info .inner h3 a { color: #00ffe1; } .profile .profile-info { background-image: url(https://i.ibb.co/MVmX0vD/breaksmyhearteverytimescene2.webp); background-position: center; background-size: cover; padding: 5px; border-radius: 8px; border: 2px solid #794397; text-align: center; text-shadow: 1px 1px 2px #000000, 0 0 25px #794397, 0 0 3px #ffffff; } </style> <style>.online { visibility: hidden; } .online img { content: url("https://i.ibb.co/2FCPb2n/ezgif-4-a000487d3c.webp"); animation-name: none; visibility: visible; height: 43px; width: 90px; }</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.