Golden Sunset Layout

Tags: sunset, gold, yellow, black, aesthetic
Description:

something simple. enjoy :)
Preview:

click on the image for a larger preview
Code:

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

<style>

@font-face {
  font-family: 'Starborn';
  src: url('https://dl.dropbox.com/s/7vs84wedn4ixjph/Starborn.woff2');
}

@font-face {
  font-family: 'Boba Milky';
  src: url('https://dl.dropbox.com/s/ed3k1dhki16w4ww/Boba%20Milky.woff2');
}


.logo {
  filter: sepia(100%) hue-rotate(312deg) saturate(100);
}

body {
  background: url(https://i.pinimg.com/originals/46/2c/26/462c26091464c3e2873f74004c89ed9b.gif);
   background-size: 100%;
}

nav .top {
  background: lightyellow;
   color: gold;
    border-style: dashed;
     border-width: 2px;
      border-radius: 10px;
       border-color: gold;
}

nav .links {
  background-color: transparent;
}

nav .links a {
  color: black;
}

nav .links a:hover {
  color: gold;
}

.profile {
  background: lightyellow;
   border-style: dashed;
    border-width: 2px;
     border-radius: 10px;
      border-color: gold;
       background-size: 100%;
}

.profile h1 {
  color: gold;
   font-family: 'Starborn';
    font-size: 35px;
}
.online {
  color: gold;
   font-family: 'Boba Milky';
}

.online img {
  content: url("https://media0.giphy.com/media/uTj6x6QWhM9TerFgXa/giphy.gif?cid=6c09b9525aa14df0bcbfbae8feb659c95fd1235ec4bef5ab&ep=v1_internal_gifs_gifId&rid=giphy.gif&ct=s");
   animation-name: none;
    visibility: visible;
     height: 60px;
      width: 60px;
}

time.ago {
  color: black;
}

a {
  color: black;
   text-decoration: none;
    font-family: 'Boba Milky';
     font-size: 12px;
}

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
  color: gold;
   text-decoration: underline;
}

.profile .blurbs .section h4 {
  color: gold;
   margin: 0;
    font-family: 'Boba Milky';
     font-size: 12px;
}

.profile .blurbs .heading, .profile .friends .heading {
  background: khaki;
   color: gold;
    font-family: 'Starborn';
     font-size: 15px;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background: khaki;
   color: gold;
    font-family: 'Starborn';
     font-size: 15px;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
  width: 100%;
   border: 2px solid black;
    margin: 10px 0;
}

.details-table td:first-child {
  background: khaki;
   color: gold;
    width: 33%;
     font-family: 'Starborn';
      font-size: 15px;
}

.details-table td {
  background: lemonchiffon;
   color: black;
    font-family: 'Boba Milky';
     font-size: 10px;
      vertical-align: top;
}

.comments-table td:first-child, .music-table td:first-child {
  background: khaki;
}

.comments-table td, .music-table td {
  background: lemonchiffon;
}

main {
  color: gold;
   font-family: 'Starborn';
    font-size: 15px;
     background: transparent;
}

.count {
  color: black;
}

footer {
  background: transparent;
}

.friends a p {
  color: gold;
   font-family: 'Starborn';
}

.comments-table td {
  color: black;
   font-family: 'Boba Milky';
}

.general-about .details {
  font-family: 'Boba Milky';
   color: black;
}

.profile .mood p {
  color: black;
   font-family: 'Boba Milky';
}

.profile .mood p b {
  color: gold;
   font-family: 'Starborn';
}

.blog-preview p {
  font-weight: bold;
}

.links .special a:link, .links .special a:visited {
  color: black;
}

.links .special a:hover {
  color: gold;
}

.logout-btn, .logout-form {
  color: gold;
   font-family: 'Boba Milky';
}

.profile .blurbs .section p {
  color: black;
   font-family: 'Boba Milky';
}

.profile .url-info p {
  color: black;
   font-family: 'Boba Milky';
}

.profile .url-info p b {
  color: gold;
   font-family: 'Starborn';
}

.profile .blurbs .section {
  color: black;
}

.profile .contact .icon {
  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: "✨"

}
   .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: "✨"

}

</style>

<style>
* {
  cursor: url("https://i.imgur.com/eCDOVIC.png"), auto;
}

input {
  cursor: url("https://i.imgur.com/QJjvew2.png"), auto;
}

a {
  cursor: url("https://i.imgur.com/DEBdfWe.png"), auto;
}

button {
  cursor: url("https://i.imgur.com/DEBdfWe.png"), auto;
}

.logout-btn {
  cursor: url("https://i.imgur.com/DEBdfWe.png"), auto;
}

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