Aero Roses Profile

Tags: rose, aero, profile, pink, red, vines

Description:

Another profile layout! Feel free to give your opinion on it! : D

Preview:

click on the image for a larger preview

Code:

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

<style>
@keyframes blinkingAnim {
from { opacity: 0%; }
to { opacity: 100%; }
}
:root {
--accent: #f10072;
--shadow: #81004a;
--light-link: #ff9fcb;
--dark-link: #4f0030;
}
a, a:hover {
color: var(--dark-link);
}
.container {
margin: 20px auto;
}
.profile-pic::after {
content: '';
background-image: url('https://i.ibb.co/2q9DDnD/transparent-Rose.png');
width: 100px;
height: 75px;
background-size: cover;
background-position: center;
display: block;
top: -50px;
left: 115px;
position: relative;
z-index: 100;
}
nav .top {
background: linear-gradient(transparent, var(--accent));
}
body {
background: #ff00ff url('https://i.ibb.co/09sLQzD/pink-Rose-Aero-Background.png') no-repeat center;
background-size: cover;
background-attachment: fixed;
font-family: 'Georgia';
}
nav .links {
background: var(--accent);
text-align: center;
}
nav .links a {
text-shadow: 0 0 10px white;
}
main {
background: rgba(255, 255, 255, 0.5);
}
footer {
margin: 0;
background: linear-gradient(var(--shadow), transparent);
color: white;
}
footer a, footer a:hover {
color: var(--light-link);
}
h1, .edit-link, .general-about .details, .mood {
text-align: center;
}
.profile-pic img {
border: 5px double var(--accent);
border-radius: 10px;
}
.online {
animation-name: blinkingAnim;
animation-duration: 0.75s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-delay: 0s;
}
.online img {
content: url('https://i.ibb.co/XXntqDf/roseIcon.png');
width: 24px;
height: 24px;
visibility: visible;
animation: none;
vertical-align: middle;
}
.contact, .table-section{
border: 5px double var(--accent)!important;
border-radius: 10px;
}
.url-info {
border: 0 solid!important;
}
.heading {
background: transparent!important;
color: black!important;
font-size: 16px;
font-style: italic;
text-align: center;
}
.details-table td:first-child, .details-table td {
background: transparent!important;
color: black!important;
}
.details-table tr {
background: linear-gradient(var(--accent), transparent);
}
.profile-info {
border: 5px double var(--dark-link);
background: var(--accent) url('https://i.ibb.co/q1XmC39/pink-Roses-Background.jpg') no-repeat center;
background-size: cover;
}
.profile-info h3 a {
color: white;
text-shadow: 0 0 4px black;
}
nav .links a:hover {
color: var(--light-link);
}
nav .top .center button {
color: white;
background: transparent;
border: 0 solid;
}
nav .top .center button:hover {
color: var(--light-link);
text-decoration: underline;
background: transparent;
border: 0 solid;
}
.icon {
filter: saturate(3);
}
.friends .person p {
color: black!important;
}
.friends .person p:hover {
color: white!important;
text-decoration: underline!important;
}
.comments-table {
border: 5px double var(--accent);
border-radius: 10px;
}
.comments-table tr td {
border: 0 solid;
background: transparent!important;
padding-left: 9px;
}
.comments-table tr td:first-child {
background: var(--accent)!important;
padding-left: 3px;
vertical-align: middle!important;
}
.comment-replies {
border: 0 solid;
background: rgba(255, 255, 255, 0.5);
border-radius: 10px;
}
.comments-table button {
color: var(--dark-link);
text-decoration: underline;
background: transparent;
border: 0 solid;
padding-top: 5px;
}
.comments-table button:hover {
color: white;
text-decoration: underline;
}
</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 2 of 2 comments ( View all | Add Comment )

౨ৎ niffty !

1710872039

USING !!

Report Comment

Seven!

1690765915

using <3

Report Comment