Pale Rainbow

Tags: simple, cute, layout, rainbow, pastel

Description:

If you use this theme please comment below to let me know. Please don't remove any of the credits or copyrights inside the code, please remember to give credit if you use this. You may not use this one as a base, I will have more simple ones coming for that. This one is just really easy to break.

Preview:

click on the image for a larger preview

Code:

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

<!-- (c) Layout created by Coffee Queen (http://layouts.spacehey.com/coffee_queen) -->
<!-- "https://www.vecteezy.com" Pale Rainbow Seamless by Vecteezy -->

<style>

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

:root {
  --logo-blue: transparent;
  --darker-blue: transparent;
  --lighter-blue: transparent;
  --even-lighter-blue: transparent;
  --lightest-blue: transparent!important;
  --dark-orange: white!important;
  --light-orange: transparent;
  --even-lighter-orange: transparent;
  --green: transparent;
}

body{
background-image:url(https://i.imgur.com/dgcsXV4.jpg) !important;
background-position: center;
background-attachment: fixed;
background-repeat: repeat;
}

h1, h2, h3, h4 {font-family: 'Pangolin', cursive;}

nav .top{
background-image: linear-gradient(to bottom right, #FFB1B0,#FFDFBE,#FFFFBF,#B4F0A7,#A9D1F7,#CC99FF);
margin: 1em 0;
text-align: center;
}

nav .links{
background-image: linear-gradient(to bottom right, #FFB1B0,#FFDFBE,#FFFFBF,#B4F0A7,#A9D1F7,#CC99FF);
display: flex;
flex-wrap: wrap;
justify-content: space-around;
font-style: italic;
}

nav .links li::after{
display: none;
}

main{ 
background: #FFFFFF;
margin: 1em 0;
padding: .1em;
opacity: .95;
}

.profile h1{
color: #CC99FF;
font-size: 25px;
}

.online{
font-family: 'Pangolin', cursive;
color: #CC99FF;
font-size: 20px;
text-shadow: 1px 1px 2px #9c1a04;
animation-name: blink;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(1.0,0,0,1.0);
animation-duration: 2s;
}

.online img{
display: none;
}

.profile .profile-info{
text-shadow: 1px 1px 2px #9c1a04;
color: #CC99FF;
background-image: linear-gradient(to bottom right, #FFB1B0,#FFDFBE,#FFFFBF,#B4F0A7,#A9D1F7,#CC99FF);
}

.profile .general-about{
color: #CC99FF;
font-style: italic;
}

.profile .blog-preview,
.profile .mood{
color: #CC99FF;
font-style: italic;
}

.profile .profile-pic img{
border-radius: 20px;
filter: sepia(100%) hue-rotate(150deg);
}

.profile .contact .heading,
.profile .table-section .heading{
color: #CC99FF;
background-image: linear-gradient(to bottom right, #FFB1B0,#FFDFBE,#FFFFBF,#B4F0A7,#A9D1F7,#CC99FF);
text-align: center;
padding: .1em;
font-size: 15px;
}

.profile .table-section,
.profile .contact,
.profile .url-info{
font-style: italic;
color: #CC99FF;
}

table.details-table td {
color: #CC99FF !important;
font-style: italic !important;
}

.profile .blurbs .heading,
.profile .friends .heading{
color: #CC99FF;
background-image: linear-gradient(to bottom right, #FFB1B0,#FFDFBE,#FFFFBF,#B4F0A7,#A9D1F7,#CC99FF);
text-align: center;
padding: .1em;
font-size: 15px;
}

.profile .blurbs,
.profile .friends{
font-style: italic;
color: #CC99FF;
}

.profile .friends{
text-align: center;
}

.profile .friends-grid .person p{
color: #CC99FF;
}

.profile .blurbs .section h4{
color: #CC99FF;
padding: .1em;
}

.profile .comments-table{
font-style: italic;
color: #CC99FF;
}

.profile .comments-table td{
background-color: transparent;
}

.profile .comments-table .comment-replies{
font-style: italic;
color: #CC99FF;
border: 0px solid white !important;
}

.comments-table img,
.person img{
border-radius: 20px;
filter: sepia(100%) hue-rotate(150deg);
}

footer{
background-image: linear-gradient(to bottom right, #FFB1B0,#FFDFBE,#FFFFBF,#B4F0A7,#A9D1F7,#CC99FF);
font-style: italic;
color: #CC99FF;
}

.count{
color: #CC99FF;
}

a{
color: #A9D1F7;
text-shadow: 1px 1px 2px #B4F0A7;
}

a:visited {
color: #FFFFBF;
text-shadow: 1px 1px 2px #B4F0A7;
}

a:hover {
color: #FFB1B0;
}

a:active {
color: #FFDFBE;
text-shadow: 1px 1px 2px #B4F0A7;
}

nav .links a:hover{
text-decoration: underline;
color: #CC99FF;
}

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-11/nat1019.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2012/01/27/rainbow.html" target="_blank" title="Rainbow"><img src="https://cur.cursors-4u.net/cursor.png" alt="Rainbow" 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 11 of 11 comments ( View all | Add Comment )

st4rshin3	1723829537 using :3 Report Comment
http.natt	1707432281 Usinggg Report Comment
yuririiii !!	1691921352 using !! Report Comment
emy	1684537906 I love it Report Comment
Rainbow_sparkle	1684065438 it's so cute! I hope you don't mind me using it later💕 Report Comment
⋆·˚ Erin 𖦹 ༘ *	1683145212 might use Report Comment
cherry_b0mb!<3	1682046943 USING! Report Comment
Hayley 🦑🐇	1681799026 Might use Report Comment
Neon.	1681196651 Using Report Comment
mimi	1680360314 using :3 Report Comment
differential	1680207465 using! it's super nice! Report Comment