Simple Turtle Layout

Tags: cute, simple, miranda

Description:

Moving gif cute turtle

Preview:

click on the image for a larger preview

Code:

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

<style>

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

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

h1, h2, h3, h4, h5, a, p, nav label, .section{ text-transform:uppercase !important;
}


:root {
        --logo-blue: ;
        --darker-blue: ;
        --lighter-blue: purple;
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange: ;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: pink;
    }

main {
  /* changes made to stuff outside of columns */
    background: 00000;
    padding: 0;
    font-size: 80%;
    color: var(--light-orange);
  }

.online{
  color: lightgreen!important;  
}

body {
        /* background-image: url() !important; */
        background-image: url(https://i.pinimg.com/originals/f7/bb/b8/f7bbb88ae5c726b82f7c58be410fddbc.png) !important;
        background-size: contain;
  font-family: 'Indie Flower', cursive;
  }

nav {
  overflow-x: hidden;
  position: relative;
}

nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

nav { );} 

.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;
    }

</style>



<style>

main:before {
	width: 100%;
	height: 400px;
	display: block;
	content: "";
	background-image: url('https://cdn.dribbble.com/users/1044993/screenshots/3637946/sea-turtle-animation.gif');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	} 
</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 1 of 1 comments ( View all | Add Comment )

Morgan Madewell

1611651341

THIS IS SO CUTE

Report Comment

Thank you!!!

by Miranda💗; 1611654150; Report