Pastel Pumpkins

Tags: layout, blue, white, simple, pumpkin, pastel
Description:

If you use this layout please leave me a shoutout below! I would like to know what you think.
Please don't remove any of the credits or copyrights from inside the code.
You may not use this particular layout as a base I have other layouts that you can use for bases.
Background Image from Adobe Stock.
Preview:

click on the image for a larger preview
Code:

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

<style>
/*==========⚠️==========
* Pumpkin background from Adobe Stock.
* custom pumpkin cursors by JaguarKisses on rw-designer.com.
============⚠️========*/

/* cursors */
a:hover{
    cursor: url('http://www.rw-designer.com/cursor-extern.php?id=188274'), auto;
}
* {
    cursor: url('http://www.rw-designer.com/cursor-extern.php?id=188273'), auto;
}

</style>

<style>
@font-face {
font-family: "IndieFlower-Regular"; src: url('https://dl.dropbox.com/s/yhj9aybp3vxxbt5/IndieFlower-Regular.ttf');
}
@font-face {
font-family: "Pumpkin%20Spice-regular"; src: url('https://dl.dropbox.com/s/rboqep1sa33slec/Pumpkin%20Spice.ttf');
}

:root{
  --headers: #002263;
  --text: #B0C0D0;
  --names: #567A9E;
  --links: #002263;
  --hover: #000000;
  --mynamesize: 30px;
  --curve: 20px;
  --font-family: IndieFlower-Regular;
  --simple_bg: #FFFFFF;
  --border-color: #CDDAE3;
  --background_image: url('https://photos.smugmug.com/JaguarKisses/Spacehey/Backgrounds/i-WRCSXLC/0/46a34d33/O/PkGxpJW.jpg');
  --darker-blue: transparent;
  --lighter-blue: transparent;
  --even-lighter-blue: transparent;
  --lightest-blue: transparent!important;
}

h3, h4, h5, .url-info b{ color: var(--headers) !important;} /* headings*/

a, .logout-btn:hover, .logout-btn:active{color: var(--links) !important;} /* color of links */

p, h2{color: var(--text) !important;} /* color of text */

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

nav label{color: var(--headers) !important;} /* color of search */

.section h4{color: var(--names) !important;} /* aboutme & want2meet headings */

.online{color: var(--links) !important;} /* color of the 'online' text */

.section{color: var(--text) !important;} /* sometimes <p> is broken by embeds maybe. */

.logo{
  filter: invert(12%) sepia(74%) saturate(100%) hue-rotate(205deg) brightness(20%) contrast(113%);
}

.search-wrapper input[type=text] {
  background-image: linear-gradient(#7FA4BE, #CDDAE3) !important;
  border: 1px outset var(--border-color) !important;
  color: var(--headers) !important;
  border-radius: 10px !important;
}

button{
  border-radius: 10px !important;
  border: 1px outset var(--border-color) !important;
  font-family: var(--font-family) !important;
  background-image: linear-gradient(#7FA4BE, #CDDAE3) !important;
  color: var(--headers) !important;
}

.friends td{
  border: 1px outset #CDDAE3 !important;
  border-radius: 20px;
  outline: none !important;
}

.friends th, tr, th, .contact, .icon, #comments, .comments-table, .friends, .profile-info, .table, .table-section, .url-info, .blurbs{
  border: 1px outset #CDDAE3 !important;
  border-radius: 20px;
  outline: none !important;
}

.blog-preview, .details .profile-pic img, .mood{
  border: 0px solid white !important;
  outline: none !important;
}

p{
  font-family: "IndieFlower-Regular";
  text-shadow: 0px 0px 0px black !important;
  font-size: 14px!important;
}

h1, h2, h3, h4, h5, a, a:visited, a:active, .section, nav label{
  font-family: "Pumpkin%20Spice-regular";
  text-shadow: 0px 0px 0px black !important;
}

h1{
  font-size: var(--mynamesize) !important;
}

h2, h3, h4, h5, a, a:visited, a:active, nav label, .section{
  font-size: 16px!important;
}

nav .top, nav .links{
  background-image: linear-gradient(#7FA4BE, #CDDAE3);
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 1em 0;
  border-radius: var(--curve) !important;
  border: 1px outset #CDDAE3;
}

.count{
color: #bbcad4;
}

.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 Favorites */
	content: ""
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: ""
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward 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 to Group */
	content: ""
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: ""
}

body{
  background-image: var(--background_image) !important;
  background-position: center;
  background-attachment: fixed;
  background-repeat: repeat;
}

main:before{
  width:auto;
  margin-bottom: 10px;
  border-radius: var(--curve) !important;
  height: 250px;
  display:block;
  content: "";
  background-image: var(--background_image);
  background-position: center top;
  background-size: 50%;
}

main{ 
  background-color: var(--simple_bg);
  opacity: .90;
  border-radius: var(--curve) !important;
}

.online{
  font-family: "IndieFlower-Regular";
  font-size: 20px;
  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{
  height: 115px;
  background-image: var(--background_image);
  background-position: center top;
  background-size: 25%;
  border-radius: var(--curve)!important;
  border: 1px outset #CDDAE3;
}

.general-about .profile-pic img{
  -webkit-mask-image: url('https://photos.smugmug.com/JaguarKisses/Spacehey/Profile-Image/i-zpd3CsB/0/62593551/O/vSgbyxD.png');
  -webkit-mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  transform:scale(1.025,1.025);
  position:relative;
  filter: sepia(100%) hue-rotate(150deg);
  top:-0.25em;
}

.profile .contact .heading,
.profile .table-section .heading{
  background-image: linear-gradient(#7FA4BE, #CDDAE3);
  text-align: center;
  padding: .1em;
  border-radius: var(--curve) var(--curve) 0px 0px; !important;
  border: 1px outset #CDDAE3;
}

.profile .blurbs .heading,
.profile .friends .heading{
  background-image: linear-gradient(#7FA4BE, #CDDAE3);
  text-align: center;
  padding: .1em;
  border-radius: var(--curve) var(--curve) 0px 0px; !important;
  border: 1px outset #CDDAE3;
}

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

.profile .blurbs .section h4{
  padding: .1em;
  text-align: center;
}

.profile .comments-table td{
  background-color: transparent;
  border: 1px outset #CDDAE3 !important;
}

.profile .comments-table .comment-replies{
  border: 1px outset #CDDAE3 !important;
  border-radius: var(--curve) !important;
}

.comments-table img,
.person img{
  -webkit-mask-image: url('https://photos.smugmug.com/JaguarKisses/Spacehey/Profile-Image/i-zpd3CsB/0/62593551/O/vSgbyxD.png');
  -webkit-mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  transform:scale(1.025,1.025);
  position:relative;
  filter: sepia(100%) hue-rotate(150deg);
  top:-0.25em;
}

footer{
  background-image: linear-gradient(#7FA4BE, #CDDAE3);
  border-radius: var(--curve) !important;
  border: 1px outset #CDDAE3;
}
</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 0 of 0 comments ( View all | Add Comment )