Soft Rock Aesthetic

Tags: rock and roll, rock, soft rock, aesthetic, soft rock aesthetic, vintage

Description:

soft vintage(ish) rock aesthetic aesthetic with rock and roll hand cursor. I hope anyone who wants to use this enjoys it! Feel free to change anything you want I would love to see what you make out of this! Comment, link this page, or add me!

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Fredericka+the+Great&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Rock+Salt&display=swap');

p{
  font-family: 'Architects Daughter', cursive;
  font-size: 140%;
  color: white;

}
  h1,h2,h3,h4,h5{
   font-family: 'Fredericka the Great', cursive;
   font-size: 175%;
   color: white;

}
  body {
   background: url(https://i.imgur.com/aHVC41kh.jpg);
   cursor: url(http://www.rw-designer.com/cursor-extern.php?id=28558), auto;

}
  .profile {
     background: transparent, no-repeat center center fixed;

}
.profile-pic {
border-radius: 500px;
overflow: hidden;

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

}
.profile-info{
border:none;

}
table.comments-table{
border:none;
border-collapse: collapse;
border-radius:10px;
overflow: hidden;
color: #ffffff !important;
}

comments-table button{
background:#000000;
border-radius: 4px;
color: #ffffff !important;
}

table.comments-table td {
background-color: rgba(255,255,255, .45) !important;
border: none;
color: #ffffff !important;
}

.comments-table td:first-child img {
width: 80px;
border: none;
color: #ffffff !important;
}

.profile .friends .person img {
border-radius: 15px;
}

a{
Color:#eeeeee;
Text-decoration: none;

}
.contact .inner a img:before {
    font-size: 1em;
    display: block
}
.contact .inner a img {
    font-size: 0;
}
.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: "🎸"
}
main:before {
       width: auto;
       margin-bottom; 25px;
       border: .1px solid black;
       height: 285px;
       display: block;
       content: "";
       box-shadow: 0px 0px 0px 0px #a5b4cc;
       background-image: url(https://i.imgur.com/nNfcMGW.jpg);
       background-position: center center;
       background-size: cover;
       border-radius: 15px

}
  main{
      background-color: transparent;

}

footer {
     border-radius: 15px;
     background-image: url(https://i.imgur.com/ak2rWBam.jpg);
     color: white;   
     
}

:root {
      --logo-blue: ;
      --darker-blue: white;
      --lighter-blue: rgb(34, 34, 34);
      --even-lighter-blue: ;
      --lightest-blue: ;
      --dark-orange: white;
      --light-orange: rgb(34, 34, 34);
      --even-lighter-orange: rgb(34, 34, 34);
      --green: ;

}</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 4 of 4 comments ( View all | Add Comment )

Emmy :3	1704676847 using Report Comment
oyant! ★	1704593528 usando Report Comment
♡ αℓ¢σнσℓι¢ ♡	1701111704 So cute! Definitely using it! Report Comment
Onceler.	1680167791 I’ll use it! Report Comment