Pink Roses

Tags: pink, cute, roses, simple

Description:

Based off of the old princess portal website. Feel free to edit as much or as little as you want. :D

Preview:

click on the image for a larger preview

Code:

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

<style>

* {cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat991.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/12/29/angel-wing-heart.html" target="_blank" title="Angel Wing Heart"><img src="https://cur.cursors-4u.net/cursor.png" alt="Angel Wing Heart" style="position:absolute; top: 0px; right: 0px;"/></a><style>
body {
    background-image: url("https://sadhost.neocities.org/images/tiles/roesbudtrelbg.gif");
}

:root {
    --pink: #ffaace;
    --light-pink: #ffecf4;
    --dark-pink: #fe7eb4;
}

h3,
h4,
h5{
    color: white !important;
}

/* headings*/
p,
h3,
h4,
h5,
h1,
h2,
a,
i,
b {
    font-family: Trebuchet MS;
}
b{
color: var(--dark-pink);}
p{
color: #808080;
}
p,
.url-info{
    font-size: 9px;
}

h4 {
    font-size: 10px;
}
button {
    color: var(--pink);
    background-color: var(--light-pink);
    border: 2px solid var(--dark-pink);
    font-family: inherit;
}
nav .links {
    text-shadow: unset !important;
    background-color: var(--pink);
    height: ;
    font-size: 1em;
    text-align: center;
}
nav {
text-shadow: none;
}

nav .top {
    background-color: transparent !important;
color: var(--pink);
}

nav .top .left .logo {
    filter: brightness(0) saturate(100%) invert(78%) sepia(16%) saturate(1478%) hue-rotate(295deg) brightness(104%) contrast(102%);
}

.profile .contact,
.profile .table-section {
    border: none !important;
}

.profile .url-info a{
    color: var(--dark-pink);!important
    background-color: var(--light-pink);
    border: var(--dark-pink) 2px solid;
}
.url-info p {
 color: #808080;
}
.url-info{
background-color: var(--light-pink);}
a {
    color: var(--pink);
}

a:hover {
    text-decoration: wavy;
}

.profile .contact .heading,
.profile .table-section .heading,
.profile .blurbs .heading,
.profile .friends .heading {
    color: white;
    background-color: var(--pink);
}

.details-table td {
    color: white;
    background-color: var(--pink);
}

.details-table tr {
    color: var(--dark-pink);
    background-color: var(--light-pink);
}

table.details-table {
    background-color: var(--dark-pink);
}

:root {
    --headers: #ff8000;
    --text: #ff0000;
    --names: #ff8000;
    --links: #ff00ff;
    --hover: #00ffff;
    --background_image: url("https://whiteheartrainbowsoul.neocities.org/spaceheyhost/aqours-collage.png");
    --font-family: 'Gotu', sans-serif;
    --curve: 0px;
    --simple_bg: white;
}

main .left {
    padding-right: 20px;
}

h1,
.friends a p {
    color: var(--dark-pink) !important;
}

/* color of names, and friends counter */
h1,
a:hover p {
    color: var(--dark-pink) !important;
}

/* color of names on hover */
.section h4 {
    color: var(--dark-pink) !important;
}

/* aboutme & want2meet headings */
.comment-reply:not(:first-child) {
    border-top: 2px single var(--dark-pink);
}

/* line in between comment replies*/
.count {
    color: var(--dark-pink);
}

.profile .blurbs .inner p {
    color: #808080;
}

nav .top .right {
    background-color: var(--light-pink);
    color: var(--dark-pink);
    border: var(--dark-pink) solid 2px;
    text-align: center;
    margin: auto auto 0px 0px;
    padding: 3px;
}

.comments-table {
    display: block;
    height: 500px !important;
    overflow-y: scroll;
    outline: none !important;
    border: none !important;
}

.pinned {

    content: url('https://64.media.tumblr.com/1a23cef593898c7e26ffad6ddcd6a577/d32f3cdbc91684b0-5b/s75x75_c1/c58a62c30efc90215060b626f1d1fcb57a514291.gifv');
    width: 15px;

}

</style><style>
/*==========⚠️==========
* for colors go to https://htmlcolorcodes.com/color-names
* for fonts go to https://fonts.google.com
* for cursors go to https://icons8.com , https://custom-cursor.com , https://www.cursors-4u.com
============⚠️==========*/
/* cursors */


/* text decoration */
a:hover,
a:active,
.blog-entry .kudos-btn:hover,
.blog-entry .kudos-btn:active {
    text-decoration: underline;
    text-decoration-style: wavy;
}

.logout-btn:hover,
.logout-btn:active {
    text-decoration: underline;
    text-decoration-style: wavy;
}

nav .top a:hover {
    text-decoration: underline;
    text-decoration-style: wavy;
    color: var(--dark-pink);
}

nav .links a:hover {
    text-decoration: underline;
    text-decoration-style: wavy;
    color: var(--dark-pink);
}

/* font family */
.comment-replies {
    border: 2px solid var(--dark-pink);
}

.comments-table {
    border-radius: var(--curve) !important;
    border: none !important;
}


.details p:last-child {
    color: var(--links) !important;
    filter: brightness(95%);
}

/* background image */


/* navigation */

/* change logo color at https://codepen.io/sosuke/pen/Pjoqqp */
/*============= color the search bar and button ===================*/


/*============= profile name ===================*/


td {
    background-color: transparent !important;
}

td p {
    color: var(--dark-pink);
}

.heading,
.blurbs,
.friends,
.table,
.table-section,
footer {
    padding: none !important;
    background-color: var(--pink);

}

footer p {
    color: var(--light-pink);
}

.friends,
.blurbs {
    background: white;
}

.table-section {
    border: var(--borders) !important;
    background-color: white !important;
    border-radius: var(--curve) !important;
}

.comments-table {
    display: block;
    height: 500px !important;
    overflow-y: scroll;
    border: var(--borders) !important;
    outline: none !important;
    border: none !important;
}

.comments-table td {
    background-image: url('') !important;
    background-size: cover;
    border: var(--borders);
}

.comment-reply:not(:first-child) {
    border-top: 2px single #fe7eb4;
}

/* line in between comment replies*/
.online {
    content: url("https://whiteheartrainbowsoul.neocities.org/spaceheyhost/pinkbow.gif");
color: var(--pink);
}

.profile-info {
    border: solid 2px var(--dark-pink);
    background-color: var(--light-pink);
    color: var(--dark-pink);
}
.url-info {display: none !important;} /* to hide the url */
nav .links a{
 text-shadow: none!important;}

.blog-preview h4{
color: var(--dark-pink)!important;}

li.active .icon { 
    content:url('https://64.media.tumblr.com/00b0428cbbed5d5122de33f31ec05f17/8a9ece1d6aa6773f-0f/s75x75_c1/1015f9912a735f21ee0a8632088ae73b63397545.gifv'); 
    }

.search-wrapper  input[type=text]{
border: 2px solid var(--dark-pink);
}

footer a{
color:white;
}

/* contact icons */
.contact .inner a img {
    font-size: 0;
}

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

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
    /* add to friends */
    content: "💗"
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
    /* add to favorite */
    content: "💗"
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
    /* send a message */
    content: "💗"
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
    /* foward to friend*/
    content: "💗"
}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
    /* instant message */
    content: "💗"
}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
    /* block user */
    content: "💗"
}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
    /* add 2 group  */
    content: "💗"
}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
    /* report */
    content: "💗"
}
</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 46 comments ( View all | Add Comment )

miny ᢉ𐭩	1752485754 using Report Comment
Kris ‼ ᶻ 𝗓 𐰁	1739822195 using ! Report Comment
Mya!!!	1739322933 using!!! Report Comment
parita	1732543936 using!! Report Comment
ˋ 👑 ⭑ ﹔ (vani) ¡¡ ﹒ ◠ ୨୧	1731297696 Using! Report Comment
Keikoshop	1722618664 using ^^ ! Report Comment
࣪ (🇧🇷)	1722352490 usandoo! Report Comment
leeo (◡﹏◡✿)	1722044477 using !1 I might change the background !!(uωu人) Report Comment
Trashy	1721267388 Ussinggg Report Comment
⋆❀˖°˚₊ iris !!	1720368538 using >¤< Report Comment
-: ✧ :-゜・．llorona˚‧º·(˚ ˃̣̣̥⌓˂̣̣̥ )‧º·˚	1718889434 using!! (●'▽'●)ゝ so cute Report Comment
yuk1ma	1717643453 using ^^ Report Comment
Ooba	1708545850 Usando tyy Report Comment
emmafresitalin	1708309243 usando <33 Report Comment
Lucia	1705883335 Using! Report Comment
Mar	1704420820 Using!! Report Comment
chris_tiana<333	1698603648 using!! (on my blog and bulletin posts) Report Comment
☆~max~☆	1695790644 using! xoxo Report Comment
Tyra's unknown author	1695512251 do u mind if i use this? Report Comment go on ahead, that's why I posted it! :D (love the additions btw, so cute! ^-^) by 96haato; 1695513653; Report Thx by Tyra's unknown author; 1695514128; Report
CHOMMU!	1695353453 using Report Comment