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 34 comments ( View all | Add 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
☆~ems~☆	1695790644 using! xoxo Report Comment
x_Frostyfoxx6_x	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 x_Frostyfoxx6_x; 1695514128; Report
CHOMMU!	1695353453 using Report Comment
Ari	1695163601 using !! :3 Report Comment
♪ COSMO/OREL ♪	1694940909 using! Report Comment
˚ʚ♡ɞ˚_K4T_˚ʚ♡ɞ˚	1694264248 I LOVE THIS USING X333 !!! Report Comment
Elphelt Valentine	1694107166 using! Report Comment
viverry	1691937241 using! Report Comment
lye	1691872313 using !! Report Comment
leon	1691856846 using! Report Comment
Fishachii	1691668537 usingg!<3 Report Comment
☆🐾˚₊‧꒰coniluvsu꒱ ‧₊˚~🐾	1691539303 using Report Comment
Nikniknik!	1691528724 using!! Report Comment
Nine	1691379802 Using!!! Report Comment
drake	1691291845 usingggg Report Comment