Animated Clouds

Tags: tragiictayy, simple, full, basic, compact, layout, cute, animated, gif

Description:

Preview here for a limited time!

Hidden: online now, url and edit profile.

You can remove the scrolling from friends and comment sections, but isn't recommended for the compact look.

Interest section will look best with scroll boxes, as well.

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=2820) -->

<style>
:root {
    --logo-blue: white;
    --darker-blue: white;
    --dark-orange: white;
    --light-orange: black;
    --lighter-orange: black;
    --light-blue: white;
    --lighter-blue: black;
    --lightest-blue: white;
}

nav .top {
 background: #5e6b72;
}
nav .top a{
 color: #271820;
}

nav .links {
 background: #5e6b72;
 font-size: 10px;
 font-family: 'Courier New', monospace;
 text-align: center!important;
 color: #271820;
}

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

nav img.logo{filter: invert(36%) sepia(7%) saturate(1952%) hue-rotate(314deg) brightness(97%) contrast(80%);}

.search-wrapper input[type=text] {
  background-color: #5e6b72!important;
  border: none!important;
  color: #8c9ca4!important;
  border-radius: 0px !important;
  font-size: 10px;
}

button{
  border-radius: 0px!important;
  border: none!important;
  background-color: #5e6b72!important;
  color: #271820!important;
  font-size: 10px;
}

b {
 color: #543439;
 letter-spacing: -1px;
}

i {
 color: #543439;
 letter-spacing: 1px;
}

a:link {
  color: #271820;
}

a:hover {
  color: #8c9ca4;
  text-transform: uppercase!important;
}

a:visited {
  color: #271820;
}

.profile {
  background-color: #5e6b72;
  color: #8c9ca4!important;
  font-family: 'Courier New', monospace;
  font-size: 10px;
}

h1 {
  background-color: #5e6b72;
  color: white;
  font-size: 10px;
  text-shadow: 8px 8px 16px #00000;
  padding: 2px;
  background-image: url(https://i.pinimg.com/originals/ce/7c/2d/ce7c2dbd6dc05721e5c00a2dc0883ae5.gif);
  background-attachment: fixed!important;
  background-size: contain;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background: #5e6b72;
  color: white;
  text-align: left;
  font-size: 10px;
  text-shadow: 8px 8px 16px #00000;
  background-image: url(https://i.pinimg.com/originals/ce/7c/2d/ce7c2dbd6dc05721e5c00a2dc0883ae5.gif);
  background-attachment: fixed!important;
  background-size: contain;
}

.profile .blurbs .heading, .profile .friends .heading {
  background-color: #5e6b72;
  color: white;
  text-align: left;
  font-size: 10px;
  text-shadow: 8px 8px 16px #00000;
  background-image: url(https://i.pinimg.com/originals/ce/7c/2d/ce7c2dbd6dc05721e5c00a2dc0883ae5.gif);
  background-attachment: fixed!important;
  background-size: contain;
}

.profile .contact .f-row {
   margin: 0;
}

.contact .inner a img {
   font-size: 0;
}
.contact .inner a img:before {
   font-size: 1em;
   display: block;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
   border: none!important;
}

.profile-info {
 display: none!important;
}

.blurbs .heading {
  display: none!important;
}

.url-info {
  display: none!important;
}

.online {
  display: none!important;
}

table.details-table {
  border-collapse: collapse!important;
}

table.details-table td {
  background-color: transparent!important;
  color: #8c9ca4;
}

main {
  background-color: #5e6b72;
  color: #8c9ca4!important;
}

body {
  background-image: url(https://i.pinimg.com/originals/ce/7c/2d/ce7c2dbd6dc05721e5c00a2dc0883ae5.gif);
  background-attachment: fixed!important;
  background-size: cover!important;
}

.friends-grid {
  background-color: #5e6b72;
  color: #8c9ca4;
  overflow-y: scroll;
  height: 20px;
}

table.comments-table td {
  border: none!important;
  background-color: #5e6b72!important;
  color: #8c9ca4;
}

table.comments-table {
  border: none!important;
  display: block;
  height: 20px!important;
  overflow-y: scroll;
}
.container {
  margin-top: -80px;
  padding:100px;
}

footer {
  background: transparent!important;
}

</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 )