Mermaid Layout

Tags: mermaid, katie, fantasy, black, blue

Description:

Requested By Someone to Make Old MySpace Layout Work

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Katie (https://layouts.spacehey.com/layout?id=182) -->

<style>

.contact { border-radius: 15px} 

.profile .contact .f-row {
  /* removes extra spacing from contacts */
    margin: 0;
  }

.blog-preview h4,.profile .heading, .profile .contact .heading, .profile .table-section .heading, .home-actions .heading, .profile .blurbs .heading, .profile .friends .heading { border-radius: 15px} 

footer {
        border-radius: 15px;
background-color: #c8a2c855;

</style>

<style>

main:before {
	width: 100%;
	height: 800px;
	display: block;
	content: "";
	background-image: url('http://www.fillster.com/myspace/layouts/206w.jpg');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}
</style>

<style>


table, th, td {
  border: 1px ;
}

h1, h2, h3, h4,h5,a, p, nav label, .section {color: white;}

h1 {
  color: blue;
  text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px black;
}

:root {
        --logo-blue: ;
        --darker-blue: ;
        --lighter-blue: #006994;
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange: ;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: black;
    }
main {
  /* changes made to stuff outside of columns */
    background: #56505155;
    padding: 0;
    font-size: 80%;
    color: var(--light-orange);
  }

.online{
  color: blue!important;  
}

</style>
<style>
body
        {background: url("https://wallpapercave.com/wp/wp2544961.jpg")
        no-repeat fixed; background-size: cover;
</style>

<style>

</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.