Sanrio MyMelody Pink Pastel Layout

Tags: sanrio, pastel, pink, cute, kawaii, my melody, mymelody

Description:

My Melody Sanrio Profile Layout

Hello, this is my first published layout! <br/>

I am a student in computer science and last semester I learned HTML and CSS. <br/>

I plan on making more character-themed layouts in the future so stay on the lookout! <br/>

If you use this please credit me in a blog post or bulletin <3 <br/>

Post this code in your "About Me" blurb, you must include the "<style>" "</style>" <br/>

If you want to have your text go to a new line <br/>

like this insert a <br/> after your frist line.

Preview:

click on the image for a larger preview

Code:

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


<style>
/*Navigation Top portion of page*/

nav img.logo {
    filter: brightness(0) saturate(100%) invert(76%) sepia(42%) saturate(432%) hue-rotate(305deg) brightness(104%) contrast(105%);
    !important;
}

nav{ 
background: white;
font-size: 13px !important;
font-family: 'Paytone One', sans-serif;
text-transform:none;
padding-left:3px;
text-align: center;
}

nav .links a{
color: rgba(149, 147, 191, 1);
}

nav .links .special a{
color:rgba(149, 147, 191, 1);
}

nav .top a {
    color: pink!important;
}

nav .top {
    background: rgba(0, 0, 0, 0.0);
}

nav .links {
    background: transparent!important;
    text-align: center;
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " | ";
    color: var(--headers);
}

.search-wrapper input[type=text] {
    background-color: rgba(0, 0, 0, 0.0) !important;
    border: 2px solid pink !important;
    color: pink !important;
    border-radius: 0px !important;
}

button {
    border-radius: 0px !important;
    border: 0px solid pink!important;
    font-family: var(--font-family) !important;
    background-color: rgba(0, 0, 0, 0.0) !important;
    color: pink!important;
}


/*Backgrounds and general "big" styling*/


.online, h1, p, h4, .profile .blurbs .section h4, a {
color: rgba(250, 146, 146, 1);
}


main::before {
    display: block;
    content: "";
    background-image: url(https://media1.giphy.com/media/ts0Uy1zVJTvCo/giphy.gif);
    background-position: center;
    background-size: cover;
}

    body{
    background-image: url(https://2.bp.blogspot.com/-yJoB-rQ1nJ8/V2nC_QuvkrI/AAAAAAAHKkc/kytXVzvoRlQzsiF-chUjLfnllrP4B1WdACLcB/s1600/egoodies-MM-wallpaper3-1.jpg) !important;
    background-attachment: FIXED !important;
    background-repeat: NO-REPEAT !important;
    background-position: CENTER !important;
    background-size: COVER;}

.profile-info {
background: rgba(255, 220, 229, 1);
}
.profile .url-info p {
background: rgba(255, 220, 229, 1);
}


main {
background: rgba(255, 216, 227, 1);
background-image: url(https://64.media.tumblr.com/a40d3876fb4025f9be68988904e5f878/tumblr_n5pgwqCcM11sjam19o7_r1_250.png) !important;
border-radius:15px;
border: 2px dotted white;
}


/*Changing default color titles to unique colors*/

:root {
    --logo-blue: rgba(250, 167, 187, 1);
    --headers: rgba(250, 167, 187, 1);
    --darker-blue: white;
    --lighter-blue: rgba(250, 167, 187, 1);
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: ;
    --light-orange:rgba(250, 167, 187, 1);
    --even-lighter-orange: rgba(250, 167, 187, 1);
    --green: rgbargba(250, 167, 187, 1);
    --links: rgba(149, 147, 191, 1);
}


/*Contacting Me and My interests*/

.contact {
    background-color:rgba(255, 220, 229, 1);
}
table.details-table {
    background-color:rgba(255, 220, 229, 1);
}
.profile .friends .inner {
    background-color:rgba(255, 220, 229, 1);
}
.profile .blurbs .inner {
    background-color:rgba(255, 220, 229, 1);
}





/*Special Other*/

.count {
color: rgba(153, 194, 255, 1);
}


/*fonts, icons, and cursor*/

.online img {
  filter: brightness(0) saturate(100%) invert(76%) sepia(42%) saturate(432%) hue-rotate(305deg) brightness(104%) contrast(105%);
    !important;
}

    .contact .inner a img {
        font-size: 0;
    }
    .contact .inner a img:before {
        font-size: 1em;
        display: block
    }

a:hover {
    cursor: url('https://cur.cursors-4u.net/cursors/cur-7/cur668.cur'), auto;
}

* {
    cursor: url('https://cur.cursors-4u.net/cursors/cur-7/cur671.cur'), auto;
}

/*footer*/

footer {
background: rgba(193, 191, 255, 1); 
}


</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 20 of 69 comments ( View all | Add Comment )

marmalade	1759265982 using Report Comment
mackenzie :3	1757629536 using Report Comment
mackenzie :3	1757629532 using Report Comment
𝒻𝓁𝒶𝓀𝒶♛🎀	1756435951 usinggg<3 Report Comment
⋆. 𐙚 ˚BUNNIE !!˚ 𐙚 .⋆	1755898180 usingg Report Comment
hoshiya星夜	1754632839 using! Report Comment
myumelodies	1753504951 Using Report Comment
☆— ELLIE	1751937001 using!!! Report Comment
☆Blake☆o(≧▽≦)o	1747767148 Using !! Report Comment
☆Blake☆o(≧▽≦)o	1747767141 Using !! Report Comment
tess :3	1744292253 using Report Comment
ThurnisHaley<3	1743126549 USING Report Comment
luv.yyb	1740083170 using Report Comment
VOID!!	1739826503 using!!! Report Comment
☆	1738306870 using <3 Report Comment
Melo-Chan 🐾	1736481471 Using! Report Comment
sweetybird	1735871641 for sure using! thank so! let me know when you do my sweet piano <3 Report Comment
cloudii	1735870817 usingg Report Comment
Cece	1735752438 So cute, using it! Report Comment