Revive Soda!

Tags: blue, bubbly, bubbles, round, soft

Description:

A bouncy, bubbly layout inspired by the miraculous soda, Quick Revive!

If the headers don't show up, try pasting this somewhere as HTML:

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url(//db.onlinewebfonts.com/c/b01ef1168fc758bfbf3ef88fbee42ab4?family=Forte);

body {
  background-image: url("https://i.redd.it/uvb90wxlj0e91.png");
  font-family: 'Anton', sans-serif;
}

/* https://ilarchive.neocities.org/ */
nav .top {
  background: white;
  padding: 15px 10px 14px 10px;
  color: #68a7c6;
  display: flex;
}
nav {
  text-align: center;
}

.logout-btn, .logout-form {
  color: #68a7c6;
}
nav img.logo {
  filter: invert(78%) sepia(80%) saturate(961%) hue-rotate(170deg) brightness(190%) contrast(50%);
}

main {
  background: transparent;
  border: 2px;
  color: white;
  padding: 6px 0px;
  font-size: 100%;
  
}
a {
  color: #f1f1f1;
  text-decoration: none;
  text-shadow: 1px 1px 1px #68a7c6;
} 

b, strong {
  font-weight: bolder;
  text-shadow: 1px 1px 1px #68a7c6;
				
}

.profile h1 {
  font-size: 1.7em;
  margin: 0 0 10px 0;
  color: #68a7c6;
  font-family: 'Forte';
}

.profile .mood {
  background-color: #68a7c6;
  border-radius: 5px;
  padding: 2px;
  margin-bottom: 10px;
}

}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background: #68a7c6;
  color: white;
  padding: 2px 7px;
}
.profile .blurbs .section {
  margin-bottom: 14px;
  padding: 2px;
  background-color: #68a7c6;
  border-radius: 5px;
  text-align: center;
}

nav .links {
  background-color: #68a7c6;
  padding: 3.5px 16px 5.5px 16px;
  border-radius: 2px;
}
.profile .blurbs .heading, .profile .friends .heading {
  background: #68a7c6;;
  color: white;
  padding: 2px 7px;
  border-radius: 3px;
  display: none;
}
.profile .blurbs .section h4 {
  margin: 0;
  color: white;
  font-size: 1.3em;
  font-family: 'Forte';
  padding: 2px 7px;
  text-align: center;
}

.blog-preview {
  color: #68a7c6;
  padding: 2px 7px;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background: #68a7c6;
  background-color: #68a7c6;
  color: white;
  padding: 2px 7px;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
  width: 100%;
  border: 2px solid #68a7c6;
  border-radius: 5px;
  margin: 10px 0;
}

.profile .url-info {
  background-color: #68a7c6;
}
.profile .contact {
  background-color: #68a7c6;
}
.details-table td:first-child {
  background: #68a7c6;
  color: white;
  font-weight: bold;
  width: 33%;
}

element {

}
.details-table td {
    background: white;
    vertical-align: top;
    color: #68a7c6;
}
.profile .friends .person p {
  color: black;
  font-weight: bold;
  width: 100%;
  overflow-wrap: break-word;
  word-break: break-word;
  font-size: 100%;
  text-align: center;
}
</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 1 of 1 comments ( View all | Add Comment )

KOMI ★

1663120657

AHHH not going to use this but I LOVE COD ZOMBIES AND THIS IS AWESOME!!!!!!!!

Report Comment