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 37 comments ( View all | Add Comment )

Malice ⋆｡°✩	1714199881 usingg~! ☆ Report Comment
Lovebun	1712385149 Using! Report Comment
☆Emma☆	1711471267 Using<3 Report Comment
Nia!!<3 Mizukis 1. Fan >_<	1709679121 Using!! Report Comment
ᗪᗩKOTᗩ˗ˏˋ ★ ˎˊ˗	1709477743 Using! Report Comment
Kitty!!!	1706131198 Using!!! Report Comment
🍮 Purin	1705800549 using! Report Comment
˚₊‧꒰ა ♱ ໒꒱ ‧₊˚ Emerald ˚₊‧꒰ა ♱ ໒꒱ ‧₊˚	1705346777 using!! Report Comment
Kttybit	1704339228 using Report Comment
Kokomi !!! ^^	1704227247 using !!! ^^ Report Comment
Lee	1703976366 using!! so cutee Report Comment
Sea	1703427119 using!! <3 Report Comment
bunniecustard	1694290686 adorable !! using now !!! ^_^ Report Comment
Dawy!	1693938221 using Report Comment
mariii :3	1688756138 usinnggg!! Report Comment
cheengu	1687025397 using !! Report Comment
brinanarama	1686675678 using ♡＾▽＾♡ !! Report Comment
Axel's Asylum	1683928040 Using!! <3 Report Comment
Smartz_Pantz	1683293307 USSINGGGGG Report Comment
Joanygurl	1682648034 Using!!! Report Comment