Sunflowers

Tags: sunflowers, yellow, layouts

Description:

Are you feeling the sunshine? Feel free to use this layout!

Code:

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

<style>

body {
  /* sets background */
    background-image: url(https://images.theconversation.com/files/226736/original/file-20180709-122271-nk7jdx.jpg);
    background-repeat: no-repeat;
    background-size: 300% ;
  }   


h1, h2, h3, h4, p{ color:#000000; }

.container{    
  margin-top:10px!important; 
  width: 950px;
  border: 1px #ffc40c;
}

nav .links a{    
  font-size: 1em;
  font-weight: 400; 
}

.online{
  color: pastel yellow!important;  
}


main {
  background-color: transparent;
  color: #ffc40c;
}

profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border: #ffc40c;
    }

    table.details-table {
        border-collapse: solid ;
    }

    table.details-table td {
        background-color: #ffef00 !important;
    }

    a.ditto-link {
        display: block;
        margin: 10px 0;
        color: #aa6c39;
        font-size: 1.4rem;
        font-weight: 100;
        animation: blinker 1s linear infinite;
    }

    .profile-pic {
        border-radius: 200px;
        overflow: hidden;
    }

    .heading {
        padding: 5px 50px !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-color: #ffc40c !important;
        color: #2a2a2a !important;
        border-bottom: 2px solid;
    }

   

    .container {
        border-radius: 35px 35px 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: 200px;
    }

    .profile .friends .person img {
        border-radius: 200px;
    }

    .blog-preview p {
        font-size: 1.4rem;
    }


:root {
        --logo-blue: #ffc40c;
        --darker-blue: #f4ca16;
        --lighter-blue: #fbec5d;
        --even-lighter-blue: #ffffe0;
        --lightest-blue: #ffffe0;
        --dark-orange: #f4ca16;
        --light-orange: #fbec5d;
        --even-lighter-orange: #ffffe0 ;
        --green: #000000;
    }
nav {
  overflow-x: hidden;
  position: relative;
}

nav .top {
  background: transparent;
}

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

nav {
        border-radius: 35px 35px 0 0;
        overflow: hidden;
    }


body { 

font-family: Didot, serif;
font-size: 20pt;
font-weight: bold;
font-style: oblique;
font-variant: small-caps;
text-decoration: none;
}

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