pink&green

Tags: simple, pink, green, cute

Description:

second layout!! this is an older one i created, and this is the updated version. enjoy <3

if you use, please comment below!

thank you so much ♡

Preview:

click on the image for a larger preview

Code:

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

<style>
  @import url('https://fonts.googleapis.com/css2?family=Sofia&display=swap');
</style>

<style>

p{
font-family: 'georgia', serif;
color: white;
font-size: 14px; }

.general-about .profile-pic img, .profile .friends .person img:not(.icon), img.pfp-fallback{
border-radius: 100px; }

div.container{
animation-name: floating;
animation-duration: 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out; }
 
@keyframes floating {
0% { transform: translate(0,  0px); }
50%  { transform: translate(0, 15px); }
100%   { transform: translate(0, -0px); }
}

body{
background: url(https://i.pinimg.com/564x/1e/a5/d3/1ea5d3d2937443806bbbc6e29a2ce0a1.jpg); }

:root{
--logo-blue: #b2d3c3;
--darker-blue: #ffffff;
--lighter-blue: #f2b8c6;
--even-lighter-blue: #b2d3c3;
--lightest-blue: #b2d3c3;
--dark-orange: #ffffff;
--light-orange: transparent;
--even-lighter-orange: transparent; }

h2,h3,h4,h5 p{
font-family: 'sofia', serif;
font-size: 15px; 
text-transform: lowercase; }

main, nav .top, nav .links, footer, footer .links, footer .links a, p.copyright a{
font-family: 'georgia', serif; 
background-color: #b2d3c3;
border-radius: 10px;
margin-top: 0.5em;
margin-bottom: 0.5em;
color: white; }

nav .links, nav .links a, footer, footer .links, footer .links a{
font-family: 'georgia', serif;
font-size: 13px;
text-shadow: 1px 1px transparent;
text-align: center;
text-transform: lowercase; }

nav .links li.active a, nav .links .special a{
font-weight: normal;
color: white; }

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{
color: #ffffff; }

button, [id='q']{
font-family: 'georgia', serif;
text-transform: lowercase;
background-color: #ffffff;
border-radius: 5px;
border: 1px solid grey; }

label, nav .top, button.logout-btn{
text-transform: lowercase;
font-family: 'georgia', serif; }

.profile h1{
font-family: 'sofia', cursive;
font-size: 3em;
color: white; }

.profile .friends .person p{
color: #ffffff; }

.profile .contact .heading, .profile .table-section .heading, .profile .blurbs .heading, .profile .friends .heading{
background-color: #f2b8c6;
border-radius: 5px 5px 0px 0px;
text-align: center; }

.profile .contact, .profile .table-section, .profile .blurbs, .profile .friends, div.blog-preview{
border: 3px solid #f2b8c6;
border-radius: 8px; }

div.blog-preview p, h4{
margin-left: 0.5em; }

.profile .contact .inner{
font-family: 'georgia', serif;
text-transform: lowercase; }

.profile .url-info{
border: 3px solid #f2b8c6;
border-radius: 8px;
text-transform: lowercase;
text-align: center; }

.profile .friends, div#comments.friends{
margin-top: 1.5em; }

table.comments-table{
overflow-y: scroll;
height: 400px;
display: block; }

.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: url("http://i11.photobucket.com/albums/a168/evelynregly/minigifs/miniflor4.gif"); }

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before{
/* Add to Favorites */
content: url("https://64.media.tumblr.com/tumblr_lkl76jFJf11qfamg6.gif"); }

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{
/* Send Message */
content: url("https://64.media.tumblr.com/tumblr_lkl6q7zHRR1qfamg6.gif"); }

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
/* Forward to Friend */
content: url("https://64.media.tumblr.com/tumblr_lm6pmcIkW61qfoi4t.gif"); }

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
/* Instant Message */
content: url("https://64.media.tumblr.com/tumblr_lkl6niy1i61qfamg6.gif"); }

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before{
/* Block User */
content: url("https://64.media.tumblr.com/tumblr_lkl62jtkxI1qfamg6.gif"); }

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before{
/* Add to Group */
content: url("https://64.media.tumblr.com/tumblr_lkl6y1HQKm1qfamg6.gif"); }

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before{
/* Report Profile */
content: url("https://64.media.tumblr.com/tumblr_lkl6s0ifpg1qfamg6.gif"); }


table.comments-table, table.comments-table td{
border: transparent;
background-color: transparent;
overflow-y: scroll; }

.count{
color: #ffffff; }

nav .links a:hover, a:hover{
color: black;
text-decoration: black dotted underline; }

.online{
content: url(http://i11.photobucket.com/albums/a168/evelynregly/minigifs/mini112.gif); }

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-9/nat845.ani), url(https://cur.cursors-4u.net/nature/nat-9/nat845.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2010/04/20/cute-red-spinning-flower.html" target="_blank" title="Cute Red Spinning Flower"><img src="https://cur.cursors-4u.net/cursor.png" alt="Cute Red Spinning Flower" style="position:absolute; top: 0px; right: 0px;"/></a>

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

Kylekei	1 year ago Using :3 Report Comment
Kylekei	1 year ago Using :3 Report Comment
test	1 year ago using Report Comment
✰Bee✰	1 year ago usingggg Report Comment
Meimei!!	1 year ago using!! Report Comment
Alexcore	1 year ago super cute I'll be using!!! <3 Report Comment