Summer Adventures

Tags: tragiictayy, full, layout, yellow, cute, compact

Description:

If you use this, please comment below, or add me on here. Thank you! :)

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&family=Gloria+Hallelujah&family=Shadows+Into+Light&display=swap');
</style>

<style>

:root{
    --headers: #b8d5d2;
    --text: #f4f7ed; 
    --names: #d0a365;
    --links: #d0a365;
    --hover #f4f7ed;
    --borders: 2px solid #eab758;
    --background_image: url('https://i.pinimg.com/originals/51/ad/bf/51adbf08a5fabaf2c8ef6b2fa128c560.png');
    --font-family: 'Gloria Hallelujah', cursive!impprtant;
    --curve: 0px;
}

h3, h4, h5{color: var(--headers) !important;} /* headings*/
a{color: var(--links) !important;} /* color of links */
a:hover{color: var(--hover) !important;} /* color of links on hover */
p, h2, .count {color: var(--text) !important;} /* color of text */
.friends a p{font-size: 8px!important; color: var(--names) !important;} /* color of names, and friends counter */
.friends a:hover p{color: var(--hover) !important;} /* color of names on hover */
nav label{color: var(--text) !important;} /* color of search */
.section h4 {color: var(--headers); !important;} /* aboutme & want2meet headings */

b {
  color: #eab758;
  font-family: 'Shadows Into Light', cursive!important;
  letter-spacing: 0px;
}

i {
   color: #eab758;
   font-family: 'Shadows Into Light', cursive!important;
   letter-spacing: 2px;
}

body{
    background-image: var(--background_image)!important;
    background-color: #facf88;
    background-size: contain;
    background-attachment: fixed;
}

.blog-preview {display:none! important;}
.details-table td:first-child{display:none! important;}
.right .section h4{display:none !important;}

.heading{
    background: #facf88 !important;
    font-family: 'Dancing Script', cursive!important;
    text-align: center;
    text-shadow: 2px 2px 5px black;
    border: var(--borders)!important;
    border-top: transparent!important;
    border-right: transparent!important;
    border-left: transparent!important;
}

h1{
    display: none!important;
}


nav{
    background-color: #ecdeb7;
    border: solid 6px #eab758;
    border-radius: var(--curve);
    box-shadow: 5px 10px 8px 0px black;
}
nav .top{
    background: #ecdeb7;
}
nav .top a, nav .links a{
    color: var(--text);
}
nav .links{
    color: var(--links);
    background-color: #facf88;
    border: solid 6px #eab758;
    border-bottom: transparent!important;
    border-right: transparent!important;
    border-left: transparent!important;
    text-align: center;
    font-family: 'Gloria Hallelujah', cursive!important;
    font-size: 10px;
    text-transform: lowercase;
}

nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: "  ";
    color: var(--links);
}

nav img.logo{
    filter: invert(74%) sepia(18%) saturate(2%) hue-rotate(314deg) brightness(109%) contrast(87%);!important;
}

.search-wrapper input[type=text] {
    background-color: transparent !important;
    border: 0px solid var(--text) !important;
    color:var(--text) !important;
    border-radius: var(--curve) !important;
}

button{
    border-radius: var(--curve) !important;
    border: 0px solid var(--text) !important;
    font-family: var(--font-family) !important;
    background-color: transparent !important;
    color:var(--text) !important;}



.general-about {
  background:;
  color: white;
  border: none!important;
  text-align: left;
  height: 220px;
  padding: 15px;
}

.mood{color: white; border: none!important; background:; margin-bottom: 10px;}

.online{
    display: none!important;
    color: var(--links) !important;
    text-transform: lowercase;
} 
.online img{
    display: none!important;
}

h2, h3, h4, h5, a, p, nav label, .section{ 
    font-family: 'Gloria Hallelujah', cursive!important;
    font-color: white;	
    font-size: 8px;
    text-align: center;
    text-transform: lowercase;
}

hr{
    border: var(--borders);
}

.blurbs, .friends, .profile .table, .blog-preview, .profile .table-section, .contact{
    border-radius: var(--curve) !important;
    border: var(--borders) !important;
    background-color: #facf88!important;
}
.icon{border:none !important;}
.comment-replies{border:none;} 
.comment-reply:not(:first-child){border-top: 2px solid var(--links);} 

td{
    background-color: transparent!important;
}

main{
    background: #ecdeb7;
    border-radius: var(--curve) !important;
    border: solid 6px #eab758;
    border-top: transparent!important;
    outline: none !important;
    box-shadow: 5px 10px 8px 0px black;
}

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

.heading, .blog-preview h4, .section h4{
    background: none !important;
    text-align: center;
    font-size: 8px;
    text-transform: lowercase;
}

.profile {
    letter-spacing: 0px;
    font-size: 8px!important;
}

.profile-info {
    display: none!important;
    background-color: #facf88!important;
    background: url('');
    background-position: center;
    background-size: 350px;
    background-repeat: none!important;
    border: var(--borders)!important;
    border-radius: var(--curve);
    height: 300px;
    font-family: 'Gloria Hallelujah', cursive;!important;
}

.profile-pic img{
    outline:none !important;
    border-radius: var(--curve) !important;
    padding:10px;
    background-color:;
    border: none;
}

.friends-grid{
    text-transform: lowercase;
    text-align: center;
    height: 200px!important;
    overflow-y: scroll;
}
.friends-grid img{
    border-radius: var(--curve) !important;
}

h2, h3, h4, h5, p{padding-left:5px !important;} 
.profile .table-section .heading, .blog-preview .heading, .profile .friends .heading{padding: 5px!important;}
.friends{margin-bottom: 20px;}

.profile .contact a{font-size: 8px;}

.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 user */
	content: "  "
} 

.url-info{
    background: url('https://freepngimg.com/thumb/quotes/35403-8-quotes-transparent-image-thumb.png');
    background-color: #facf88;
    background-position: center;
    background-size: cover;
    border: var(--borders)!important;
    border-radius: var(--curve);
    height: 200px;
}
.url-info p{
    opacity: 0.0;
}

.comments-table {
    text-transform: lowercase;
    display: block;
    height: 200px!important;
    overflow-y: scroll;
    border: 0px solid black !important;
    outline: none !important;
    border-radius: 8px;
    padding:5px;
    border-spacing: 4px;
    text-align: center;
    font-size: 8px;
}

.comments-table td:first-child{

    background-image: url('');
    background-size: cover;
    background-position: center;
}

.comments-table td{
    background-image: url('');
    background-size: cover;
    background-position: center;
    border: 0px solid black;
    padding:10px;
    border-radius: 8px;
}

.container {
  padding: 70px!important;
}

footer{
    background: transparent;
}
</style>

<style>


body {
    margin-bottom: fixed;
}

.myBox {
    width: 200px;
    height: 200px;
    overflow: scroll;
}

::-webkit-scrollbar {
    width: 5px;
    height: 10px;
}
::-webkit-scrollbar-track {
    border-radius: var(--curve);
    border: none!important;
}
::-webkit-scrollbar-thumb {
    background: Black; 
    border-radius: var(--curve);
}
::-webkit-scrollbar-thumb:hover {
    background: black;  
}
</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 7 of 7 comments ( View all | Add Comment )

MagicalGirlVibes	1721027540 Using ! Report Comment
Wish&Sand	1714090570 Using, Thank you! Report Comment
Peni	1689639948 Using! Report Comment
Adrienna Lashae	1636841962 Using this for the moment. Love it. Report Comment
Just Jessie	1636698393 Thank you! So cute! Report Comment
Monique♡Schlesinger	1636672411 Loving this one Report Comment
Olivia Victoria	1626916790 Love this! Report Comment