Layout published by Harmony💋

published 1661820074

Add to Favorites

View Layouts

View Profile

Report Layout

mine

Tags: mine

Description:

<style>

@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400;500&display=swap');

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

</style>

<style>

/* DON'T DELETE THE MOBILE CODE */

@media (max-width: 600px) {

.container{

width:100%!important;

background-size: 50%!important;

padding:20px!important;

}

nav:after{

height: 150px!important;

}

</style>

<style>

.container{

width: 70%;

background-image: url('https://i.imgur.com/44J75wQ.png'), url('https://i.imgur.com/HniwsYk.png');

background-size: 30%;

background-repeat: repeat-y;

background-position: top left, top right;

padding: 40px;

}

body{

background-color: white;

}

main, nav .top, nav .links, footer {

background-color: transparent!important;

}

nav:after{

background-image: url('https://i.pinimg.com/564x/ba/f4/36/baf4364d612b546bba2b884e3512f7ce.jpg');

height:250px;

width:100%;

display: block;

content: "";

background-size: 100%100%;

background-repeat: no-repeat;

border-radius:5px;

}

nav .links{

text-align: center;

}

nav .links li:not(:last-child)::after,

footer .links li:not(:last-child)::after{

content: " ☙ ";

color: black;

font-weight: bold;

}

footer{

margin-top:0px;

}

a, nav label{

color:black!important;

font-family: 'New Tegomin', serif;

letter-spacing: 1px;

font-size: 12px!important;

}

p, b, .count{

color: black!important;

font-family: 'Kiwi Maru', serif!important;

font-size: 12px;

}

h1{

color: black;

background-color: #CFDFCD!important;

border-bottom: 5px solid #8BBFA2;

border-right: 5px solid #8BBFA2;

border-radius: 15px;

text-align: center;

font-family: 'Kiwi Maru', serif;

font-size: 18px!important;

letter-spacing: 2px;

}

h2, h3, h4{

color: black!important;

font-family: 'Kiwi Maru', serif;

font-size: 13px!important;

letter-spacing: 1px;

}

.icon:not(.contact .inner a img){

font-size: 10px!important;

}

.contact, .url-info, .table-section{

border:none!important;

}

nav img.logo {

filter: brightness(0) saturate(100%) invert(69%) sepia(15%) saturate(572%) hue-rotate(94deg) brightness(100%) contrast(92%)!important;

}

.heading{

background-color: #CFDFCD!important;

border-bottom: 5px solid #8BBFA2;

border-right: 5px solid #8BBFA2;

border-radius: 15px;

}

.blurbs, .friends, .contact, .url-info, .table-section, .mood{

background-color: #EDF3EC;

border-radius: 5px;

}

.mood{

margin-bottom:10px;

background-image: url('https://i.pinimg.com/originals/a3/33/a4/a333a4c61f880d10aa65b2f3ec4b5e74.png');

background-size: contain;

background-repeat: no-repeat;

background-position: right;

padding:5px;

}

td{

background-color: transparent!important;

}

.comments-table {

border:none!important;

border-spacing: 5px;

}

.comments-table td{

border:2px solid #907235;

border-radius: 5px;

}

.profile-info{

background-image: url('https://i.imgur.com/3GYGeJK.png');

background-size: contain;

background-repeat: no-repeat;

background-position: bottom right;

background-color: #EDF3EC;

border-radius: 5px;

border:none;

}

button{

color: black!important;

background-color: #dee9dc;

border: 2px solid #8BBFA2;

border-radius: 5px;

margin-bottom:1px;

font-family: 'New Tegomin', serif;

letter-spacing: 1px;

}

.friends:not(#comments){

margin-bottom:10px;

background-image: url('https://64.media.tumblr.com/d61b3f1544fb7c05b9f755a83febd13d/tumblr_inline_n37h2gi7pI1qhwjx8.gif');

background-repeat: repeat-x;

background-position: bottom;

padding-bottom:50px;

}

.online img{

font-size:0px;

}

.online:before{

display:inline;

content:url(https://64.media.tumblr.com/84082de7f19bf16427ab10fd539a702a/42575e23ad30bc85-f1/s75x75_c1/983da7a2681142aa4fa9fecb3ad979b7966c6ec7.gifv);

}

hr{

background-image: url('https://64.media.tumblr.com/9d77c66d7e0f2afd7876770fd0b35196/tumblr_inline_n37h1xqbR61qhwjx8.gif');

background-size: 36%;

background-repeat: repeat-x;

border:none!important;

background-position: center;

height:25px;

}

.contact .inner a img {

font-size: 0;

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {

/* add to friends */

content: url('https://64.media.tumblr.com/b4e6a62e009514528abfa5fbb3ad042d/b2295b398b83dca7-55/s75x75_c1/22c1b77236d6776aba5ccd8103f680ae08eaaae5.gifv');

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

/* add to favorites */

content: url('https://64.media.tumblr.com/1e2faf0aaf6069bf64a9af60c7f3277e/tumblr_inline_p94igdBErw1qid2nw_75sq.gifv');

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

/* Send Message */

content: url('https://64.media.tumblr.com/eff550417f471a542b0815b978b24a48/tumblr_inline_p94ige7i671qid2nw_75sq.gifv');

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

/* forward to friend */

content: url('https://64.media.tumblr.com/0e518c1536aa529294b591ed36487634/tumblr_inline_p94igf0Fu01qid2nw_75sq.gifv');

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

/* instant message */

content: url('https://64.media.tumblr.com/caf3f7a93fd2a0ab1848307e32838bd4/tumblr_inline_p94igfUDgY1qid2nw_75sq.gifv');

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

/* block user */

content: url('https://64.media.tumblr.com/44ed40849c9818f9952bbe65ae1e1ce0/tumblr_inline_p94igeyTta1qid2nw_75sq.gifv');

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

/* add to group */

content: url('https://64.media.tumblr.com/a467159d15e66bfb0e7923745a83bd4b/b2295b398b83dca7-dd/s75x75_c1/fac0729c56bdd44eb4cb7dc816711bcd653f7a41.gifv');

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

/* report user */

content: url('https://64.media.tumblr.com/e9250feaa1bbd5688d28e229bff96b3a/b2295b398b83dca7-09/s75x75_c1/e6df93572867227a6a6b631be9c9de2cabe6f952.gifv');

}

.friends-grid{

text-align: center;

}

.friends-grid img{

border-radius:5px;

}

.comments-table img{

border-radius:5px;

}

.details-table td:first-child{

background-image: url('https://preview.redd.it/1y0oklhuxji81.jpg?width=640&crop=smart&auto=webp&s=952b98ad513174e597ec80ca01c8cd89679d041c');

background-size: cover;

background-position: left;

background-repeat: repeat-y;

}

.details-table td:first-child p{

background-color: #EDF3EC;

text-align: center;

border-radius: 15px;

padding: 5px;

}

.comment-replies{

border: 3px solid #FFFFE0;

border-radius: 5px;

}

</style>

Code:

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

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=New+Tegomin&display=swap');
</style>
<style>
/* DON'T DELETE THE MOBILE CODE */
@media (max-width: 600px) {
.container{
    width:100%!important;
    background-size: 50%!important;
    padding:20px!important;
}
nav:after{
    height: 150px!important;
}
}
</style>
<style>
.container{
    width: 70%;
    background-image: url('https://i.imgur.com/44J75wQ.png'), url('https://i.imgur.com/HniwsYk.png');
    background-size: 30%;
    background-repeat: repeat-y;
    background-position: top left, top right;
    padding: 40px;
}
body{
    background-color: white;
}
main, nav .top, nav .links, footer {
  background-color: transparent!important;
}
nav:after{
    background-image: url('https://i.pinimg.com/564x/ba/f4/36/baf4364d612b546bba2b884e3512f7ce.jpg');
    height:250px;
    width:100%;
    display: block;
    content: "";
    background-size: 100%100%;
    background-repeat: no-repeat;
    border-radius:5px;
}
nav .links{
    text-align: center;
}
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: " ☙ ";
    color: black;
    font-weight: bold;
}
footer{
    margin-top:0px;
}
a, nav label{
    color:black!important;
    font-family: 'New Tegomin', serif;
    letter-spacing: 1px;
    font-size: 12px!important;
}
p, b, .count{
    color: black!important;
    font-family: 'Kiwi Maru', serif!important;
    font-size: 12px;
}
h1{
    color: black;
    background-color: #CFDFCD!important;
    border-bottom: 5px solid #8BBFA2;
    border-right: 5px solid #8BBFA2;
    border-radius: 15px;
    text-align: center;
    font-family: 'Kiwi Maru', serif;
    font-size: 18px!important;
    letter-spacing: 2px;
}
h2, h3, h4{
    color: black!important;
    font-family: 'Kiwi Maru', serif;
    font-size: 13px!important;
    letter-spacing: 1px;
}
.icon:not(.contact .inner a img){
    font-size: 10px!important;
}
.contact, .url-info, .table-section{
    border:none!important;
}
nav img.logo {
    filter: brightness(0) saturate(100%) invert(69%) sepia(15%) saturate(572%) hue-rotate(94deg) brightness(100%) contrast(92%)!important;
}
.heading{
    background-color: #CFDFCD!important;
    border-bottom: 5px solid #8BBFA2;
    border-right: 5px solid #8BBFA2;
    border-radius: 15px;
}
.blurbs, .friends, .contact, .url-info, .table-section, .mood{
    background-color: #EDF3EC;
    border-radius: 5px;
}
.mood{
    margin-bottom:10px;
    background-image: url('https://i.pinimg.com/originals/a3/33/a4/a333a4c61f880d10aa65b2f3ec4b5e74.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	padding:5px;
}
td{
    background-color: transparent!important;
}
.comments-table {
    border:none!important;
    border-spacing: 5px;
}
.comments-table td{
    border:2px solid #907235;
    border-radius: 5px;
}
.profile-info{
    background-image: url('https://i.imgur.com/3GYGeJK.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #EDF3EC;
    border-radius: 5px;
    border:none;
}
button{
    color: black!important;
    background-color: #dee9dc;
    border: 2px solid #8BBFA2;
    border-radius: 5px;
    margin-bottom:1px;
    font-family: 'New Tegomin', serif;
    letter-spacing: 1px;
}
.friends:not(#comments){
    margin-bottom:10px;
    background-image: url('https://64.media.tumblr.com/d61b3f1544fb7c05b9f755a83febd13d/tumblr_inline_n37h2gi7pI1qhwjx8.gif');
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom:50px;
}
.online img{
  font-size:0px;
}
.online:before{
  display:inline;
  content:url(https://64.media.tumblr.com/84082de7f19bf16427ab10fd539a702a/42575e23ad30bc85-f1/s75x75_c1/983da7a2681142aa4fa9fecb3ad979b7966c6ec7.gifv);
}
hr{
    background-image: url('https://64.media.tumblr.com/9d77c66d7e0f2afd7876770fd0b35196/tumblr_inline_n37h1xqbR61qhwjx8.gif');
    background-size: 36%;
    background-repeat: repeat-x;
    border:none!important;
    background-position: center;
    height:25px;
}
.contact .inner a img {
    font-size: 0;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* add to friends */
	content: url('https://64.media.tumblr.com/b4e6a62e009514528abfa5fbb3ad042d/b2295b398b83dca7-55/s75x75_c1/22c1b77236d6776aba5ccd8103f680ae08eaaae5.gifv');
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* add to favorites */
	content: url('https://64.media.tumblr.com/1e2faf0aaf6069bf64a9af60c7f3277e/tumblr_inline_p94igdBErw1qid2nw_75sq.gifv');
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url('https://64.media.tumblr.com/eff550417f471a542b0815b978b24a48/tumblr_inline_p94ige7i671qid2nw_75sq.gifv');
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward to friend */
	content: url('https://64.media.tumblr.com/0e518c1536aa529294b591ed36487634/tumblr_inline_p94igf0Fu01qid2nw_75sq.gifv');
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant message */
	content: url('https://64.media.tumblr.com/caf3f7a93fd2a0ab1848307e32838bd4/tumblr_inline_p94igfUDgY1qid2nw_75sq.gifv');
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block user */
	content: url('https://64.media.tumblr.com/44ed40849c9818f9952bbe65ae1e1ce0/tumblr_inline_p94igeyTta1qid2nw_75sq.gifv');
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* add to group */
	content: url('https://64.media.tumblr.com/a467159d15e66bfb0e7923745a83bd4b/b2295b398b83dca7-dd/s75x75_c1/fac0729c56bdd44eb4cb7dc816711bcd653f7a41.gifv');
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report user */
	content: url('https://64.media.tumblr.com/e9250feaa1bbd5688d28e229bff96b3a/b2295b398b83dca7-09/s75x75_c1/e6df93572867227a6a6b631be9c9de2cabe6f952.gifv');
} 
.friends-grid{
    text-align: center;
}
.friends-grid img{
    border-radius:5px;
}
.comments-table img{
    border-radius:5px;
}
.details-table td:first-child{
    background-image: url('https://preview.redd.it/1y0oklhuxji81.jpg?width=640&crop=smart&auto=webp&s=952b98ad513174e597ec80ca01c8cd89679d041c');
    background-size: cover;
    background-position: left;
    background-repeat: repeat-y;
}
.details-table td:first-child p{
    background-color: #EDF3EC;
    text-align: center;
    border-radius: 15px;
    padding: 5px;
}
.comment-replies{
    border: 3px solid #FFFFE0;
    border-radius: 5px;
}
</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 )