moth layout

Tags: moth, moths, tan, simple, animation, layout, cute, white

Description:

‎contains: gifs, cursor, scrolling profile, etc.‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎‎‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎ ‎‎‎‎‎if you use this PLEASE comment! credit is appreciated too

Preview:

click on the image for a larger preview

Code:

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

<img src="https://64.media.tumblr.com/641fd15ae0e27734765283f24dd57bc6/1beb2a6354a5f99d-1d/s640x960/c4ef7d389f1f2c532aeca80276cd1794d5728154.gif"/>

<style>
body{background:url("https://i.pinimg.com/564x/98/16/97/9816970d73dfdf88e93af46570e89f81.jpg") no-repeat fixed; background-size:cover;}

main {
overflow-y: auto; 
overflow-x: none;
height: 600px;

}

nav img.logo {
  filter: brightness(0) saturate(100%) invert(0%) sepia(94%) saturate(0%) hue-rotate(167deg) brightness(95%) contrast(105%) !important;
}
@import url('https://fonts.googleapis.com/css2?family=New+Rocker&display=swap');
body{
font-family: 'new rocker', cursive;
font-size: 100%;
}
.online{
  content: url(https://media.discordapp.net/attachments/990004155844296816/1125253087792205896/Moth-PNG-Free-Image.png);
  padding: 5px 0px;
}

a, .profile .friends .person p, p, h2, h3, h4, .count, nav .links a{
  color: white!important;
}

h1{
   border: 5px none;
   padding:5px;
}
button {
  background-color: transparent!important;
  border: none;
  color: black;
  font-weight: bold;
}
.general-about .details {
  border: 5px none;
  padding-bottom: 70px;
}
.mood {
  background-color: transparent;
  border: 5px none;
  padding: 3px;
  margin-bottom: 10px;
}
.contact, .url-info, .table-section, .blog-preview, .blurbs, .friends, .profile-info {
  background-color: black;
  border: 5px solid black!important;
}
.profile-info{
background:url(https://media2.giphy.com/media/v1.Y2lkPTc5MGI3NjExNmEwODF6NXZlcXpwcWE2OW1xM3kzaW1lMHNqcW90c2FzYnVsbGFpOSZlcD12MV9naWZzX3NlYXJjaCZjdD1n/TWszQ81GTtQje/source.gif);
  background-position: center;
  border: 5px solid black;
}
.comments-table td {
  border: 3px solid gray;
}
.table-section td {
  border: 3px solid tan;
}
.comment-reply:not(:first-child) {
    border-top: 2px solid gray;
}
.comment-replies {
    border: 3px solid tan;
}

nav .top, nav .links {
  background-color: transparent;
  color: black;
  font-weight: bold;
}
.profile .url-info {
    display: none;
}
.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('https://media.discordapp.net/attachments/990004155844296816/1125216758400303204/tumblr_7ec29715d9f90b96ce07522a48a655e0_97b5e8d2_400.gif')
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url('https://media.discordapp.net/attachments/990004155844296816/1125216758400303204/tumblr_7ec29715d9f90b96ce07522a48a655e0_97b5e8d2_400.gif')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url('https://media.discordapp.net/attachments/990004155844296816/1125216758400303204/tumblr_7ec29715d9f90b96ce07522a48a655e0_97b5e8d2_400.gif')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url('https://media.discordapp.net/attachments/990004155844296816/1125216758400303204/tumblr_7ec29715d9f90b96ce07522a48a655e0_97b5e8d2_400.gif')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url('https://media.discordapp.net/attachments/990004155844296816/1125216758400303204/tumblr_7ec29715d9f90b96ce07522a48a655e0_97b5e8d2_400.gif')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url('https://media.discordapp.net/attachments/990004155844296816/1125216758400303204/tumblr_7ec29715d9f90b96ce07522a48a655e0_97b5e8d2_400.gif')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url('https://media.discordapp.net/attachments/990004155844296816/1125216758400303204/tumblr_7ec29715d9f90b96ce07522a48a655e0_97b5e8d2_400.gif')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url('https://media.discordapp.net/attachments/990004155844296816/1125216758400303204/tumblr_7ec29715d9f90b96ce07522a48a655e0_97b5e8d2_400.gif')
}

.contact {
  border-radius: 8px;
  background-image: url(https://i.pinimg.com/originals/df/0e/e3/df0ee3c87d81b311dee4ee0bd0c16cf3.gif);
  background-position: center;
  no-repeat fixed; background-size:cover;
background-attachment: scroll;
Width: 300px;
Height:180px;

color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 3px Darkblue; }

main, footer {
  background-color: transparent;
}
.friends:not(#comments) {
  margin-bottom: 10px;
}
.comments-table td {
  background:url(https://i.redd.it/buvgsitutq651.gif);
  background-position: center;
  border: 3px solid black;
}
.comments-table {
  border: none;
  border-spacing: 5px;
}
.profile-pic {
  padding: 15px;
}
.heading {
  background-color: transparent!important;
}


img:hover , .url-info:hover , .online:hover {

  animation: shake 1s;

  animation-iteration-count: infinite;

}



@keyframes shake {

  0% { transform: translate(1px, 1px) rotate(0deg); }

  10% { transform: translate(-1px, -2px) rotate(-1deg); }

  20% { transform: translate(-3px, 0px) rotate(1deg); }

  30% { transform: translate(3px, 2px) rotate(0deg); }

  40% { transform: translate(1px, -1px) rotate(1deg); }

  50% { transform: translate(-1px, 2px) rotate(-1deg); }

  60% { transform: translate(-3px, 1px) rotate(0deg); }

  70% { transform: translate(3px, 1px) rotate(-1deg); }

  80% { transform: translate(-1px, -1px) rotate(1deg); }

  90% { transform: translate(1px, 2px) rotate(0deg); }

  100% { transform: translate(1px, -2px) rotate(-1deg); }

}
td {
  background-color: transparent!important;
}

</style>

<style>
.image {
    background: url('https://media1.giphy.com/media/J6CbyTOK2jcEU2aZAd/giphy.gif?cid=6c09b952a7m2yp09j3k1wu3mibgw008ecdfittpsrswbob9g&ep=v1_stickers_related&rid=giphy.gif&ct=s') no-repeat;
    background-size: 100%!important;
    position: fixed;
    right: 10px;
    bottom: 10px;
height: 300px;
width: 300px;
    z-index: 1000;
    opacity: 100;
}
@media (max-width: 600px) {
.image{display:none;}
}
</style>
<div class="image"></div>


<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-9/oth808.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2012/02/04/brown-bow-tie.html" target="_blank" title="Brown Bow Tie"><img src="https://cur.cursors-4u.net/cursor.png" alt="Brown Bow Tie" 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 )

火山龍	1709232508 usando? Report Comment
AMeowingMoth	1709047008 using!!!!! Report Comment
buggy	1701397819 might use ^^ Report Comment
Mittens23	1700077690 using!!! <3 Report Comment
ccruelgods	1696738552 might use Report Comment
jambox	1691053554 Using :) Report Comment
Hop3-	1689783981 gonna use! Report Comment
AEHT	1689722535 ¡¡Usando!! Report Comment
Jiorekara Mai [FANG]	1689676770 Ising Report Comment
Avery	1688709741 Using Report Comment
Mindy	1688370538 This is so cute. Ty ^w^ Report Comment