Cave Story Moonsong

Tags: cave story, video game, game, animated, dragon

Description:

A Cave Story themed.. well.. theme made by KniteRite, Animated Background, custom header and footer images. Things to be added: Moonsong Custom Cursor Font Change. Thank U ^^

Preview:

click on the image for a larger preview

Code:

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

<style>

    
    body {
        background-image: url(https://www.cavestory.org/images/moonsong-gif-edition.gif);
        background-size: cover;
        background-attachment: fixed;
    }
    
    nav .top {
        background-image: url(https://www.cavestory.org/images/headerisland.png);
        background-size: 820px;
        background-position: center;
        padding: 70px;
        border-radius: 0px;
        border-color: white;
        box-shadow: 0px 0px 10px;
    }  

    
    .profile {
        background-image: url(https://forum.cavestory.org/attachments/3f5aad6c-d39c-4fb2-9cbf-7b27ab6128de-gif.6185/');
        background-size: cover;
        background-attachment: fixed;
        border-radius: 20px;
        border-color: white;
    }
    
    main {
        background-color: transparent;
        color: white;
    }
    
    nav .links {
        background-color: transparent;
    }
    
    .profile-pic {
        border-color: white;
        box-shadow: 0px 0px 10px;
        border-radius: 7px;
        overflow: hidden;
      

    }
    
    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border-color: white;
        border-radius: 6px;
        overflow: hidden;
        box-shadow: 0px 0px 5px;
    }
    
    table.details-table td {
        background-color: transparent!important;
        box-shadow: 0px 0px 3px white;
        border-radius: 6px;
    }
    
    .heading {
        margin-top: 3px;
        margin-bottom: 4px;
        background-color: transparent !important;
        color: white !important;
    }
    
    .container {
    }
    
    footer {
        border-radius: 5px;
        border-color: white;
        box-shadow: 0px 0px 10px white;
        background-image: url(https://www.cavestory.org/images/headerisland.png);
        background-size: 800px;
        display: block !important;
    }
    
    table.comments-table td {
        background-color:  #transparent!important;
        box-shadow: 0px 0px 10px;
        overflow: hidden;
        padding: 5px;
    }
    
    .comments-table td:first-child img {
        width: 80px;
        border-radius: 8px;
        border-color: white;
        overflow: hidden;
        box-shadow: 0px 0px 10px white;
        animation-name: example;
        animation-iteration-count: infinite;
        animation-duration: 1.4s;
    }
    
    .profile .friends .person img {
        border-radius: 8px;
        border-color: white;
        box-shadow: 0px 0px 10px white;
    }
    
    .blog-preview p {
        font-size: 1.3rem;
        background-color: transparent;
        box-shadow: 0px 0px 5px;
        padding: 10px;
    }
    
    .online {
        color: white;
        font-size: 95%;
    }
    
    .online img {
        content: url(https://th.bing.com/th/id/R.e1abdbfad1df870a66816943ec24992b?rik=G7ZHl23%2fSYHrHQ&riu=http%3a%2f%2fimg3.wikia.nocookie.net%2f__cb20130810223434%2fcavestory%2fru%2fimages%2fa%2fa9%2fQuote_Sprite.png&ehk=Mf0gAuTwJRxUC%2b9Q3XcazELOfMGa1Bjt%2fkChUd25qqk%3d&risl=&pid=ImgRaw&r=0);
        height: 2.5em;
        margin-right: 5px;
        animation-name: blink;
        animation-iteration-count: infinite;
        animation-duration: 2s;
    }
    
    .icon, .award img {
        content: url(https://static.wikia.nocookie.net/c__/images/b/bf/Whimsical_Star_r.png/revision/latest?cb=20140701192755&path-prefix=cavestory);
        display: inline-block;
        height: 2.0em;
        width: 2.0em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);
    }
    
    .profile .blurbs .section h4 {
        margin: 0;
        color: #ffffff;
    }
    
    a {
        color: #ffffff;
        text-decoration: none;
    }
    
    a:hover {
        animation:blinkingText 1.2s infinite;
    }
    


     
    }
    
    .count {
        color: #ffffff;
    }
    
    .details-table td:first-child {
        background: var(--even-lighter-blue);
        color: #ffffff;
        width: 33%;
    }

    
    .profile .friends .person p {
        color: white;
        width: 100%;
        word-break: break-word;
        font-size: 100%;
        text-align: center;
    }
</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 )