DEEP DIVER / MARY ANNA LAYOUT!!!

Tags: toontown, corporate clash, ttcc, deep diver, rooksdotxml

Description:

WOOT WOOT GUESS WHAT YA GIRL IS BACK W ANOTHER LAYOUT!!!!! this one was pretty fun to do :D (you can use this as a base if you want, just PLEASE credit me somewhere if you do!)

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ROOKS / NOIZE / JET / FUNFETTI 🫀 (https://layouts.spacehey.com/layout?id=35407) -->

<iframe width="0" height="0" src="https://www.youtube.com/embed/MLJ5T9czT24?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

<style>
@import url('https://fonts.googleapis.com/css2?family=Agdasima');
body{font-family: "Agdasima" ;}
</style> 

<style>

:root {
--logo-blue: #1697a7;
--darker-blue: #0a7468;
--lighter-blue: ;
--even-lighter-blue: blank;
--lightest-blue: ;
--dark-orange: ;
--light-orange: ;
--even-lighter-orange: ;
--green:black;

}

main {
   background-color: #FFFFFF99;
   backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
   border-radius: 10px;
   border: 8px solid #;
   padding: 0;
   font-size: 90%;
   color: #000000;
}

.online {
    content: url(https://dl.glitter-graphics.com/pub/121/121896n9dppf5kxv.gif);
}

.top{
   border-radius: 10px
}

body {
    background-image: url('https://i.ibb.co/M1nXNv7/Untitled627-20230712033439.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;;
}

.profile .table-section, .profile .url-info, .profile .contact {
    border: 1px solid #1fe0ab;
}

.profile .table-section .heading, .profile .contact .heading {
    color: white;
    text-shadow: -1px 1px 1px black;
    background: linear-gradient(#1697a7, #0a7468);
    border-bottom: 1px solid #1fe0ab;
}

.profile .blurbs .heading, .profile .friends .heading
 {
    color: white;
    text-shadow: -1px 1px 1px black;
    background: linear-gradient(#1697a7, #0a7468);
    border: 1px solid #1fe0ab;
}

button {
    color: white;
    background: linear-gradient(#1697a7, #0a7468);
    border: 2px outset black;
    font-weight: bold;
    font-family: 'Mali';
    text-shadow: 1px 1px 1px black;
}
button:hover {
    border: inset 2px #ff009b;

</style>

<style>

.logo {
content:url("https://i.ibb.co/gyQnccn/Untitled599-20230616163913.png");

}

</style>

<style>
}



.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}

</style>

<style>

.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: url("https://64.media.tumblr.com/f5e6cc3836f236ff337e9f3bc3002d1d/4db913de0cef33d3-52/s75x75_c1/295ea2f811af7062c567cdc05d83d2e0fd3fa4e6.gifv")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://64.media.tumblr.com/e8a05c9a296dddcc973b7cc3ca56e690/4db913de0cef33d3-c0/s75x75_c1/92f168a065beef89b1d21434b867f8c249b03fce.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://64.media.tumblr.com/ee82f05d86c29ca211e4c8e18faa5627/59948e1e55fc9ad5-0c/s75x75_c1/b38e1abcf6a779b27eee747cfcc9d060a9cad6d8.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://64.media.tumblr.com/afb8dfc43d7b419844cdf03ee9688fbf/eb7088c9bc9a98b3-0c/s75x75_c1/5fe417625864b092ecf669974059939dacf0d8d9.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://64.media.tumblr.com/f5e6cc3836f236ff337e9f3bc3002d1d/4db913de0cef33d3-52/s75x75_c1/295ea2f811af7062c567cdc05d83d2e0fd3fa4e6.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://64.media.tumblr.com/e8a05c9a296dddcc973b7cc3ca56e690/4db913de0cef33d3-c0/s75x75_c1/92f168a065beef89b1d21434b867f8c249b03fce.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://64.media.tumblr.com/ee82f05d86c29ca211e4c8e18faa5627/59948e1e55fc9ad5-0c/s75x75_c1/b38e1abcf6a779b27eee747cfcc9d060a9cad6d8.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://64.media.tumblr.com/afb8dfc43d7b419844cdf03ee9688fbf/eb7088c9bc9a98b3-0c/s75x75_c1/5fe417625864b092ecf669974059939dacf0d8d9.gifv")
    }
</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 0 of 0 comments ( View all | Add Comment )