Twilight Sparkle

Tags: mlp, purple, pink, my little pony

Description:

No credit needed Update(09.09): name and comment borders are now purple, friends' pfps are now in the shape of a star, added a black shadow in some places

Preview:

click on the image for a larger preview

Code:

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

<style>
::selection{
  color: white;
  background-color: hotpink;
}
body{
  background-color: #20172D !important;
}
main::before{
  height: 150px ;
  display: block;
  content: "";
  background-image: url(https://cdn.discordapp.com/attachments/975781630956425239/1150009258381951056/1Pd4.gif);
  background-position: 40% 70%;
  background-size: 150%;
}
main{
  background-color: #f000 !important;
  padding-top: 0px !important;
}

/* text */

a,.friends a{
  color: #f58db7 !important;
}
a:hover{
  color: white !important; 
  background-color: hotpink;
  text-decoration-color: pink !important;
  text-decoration-style: wavy !important; 
  transition: all ease 1s;
}
h4:not(.heading h4),h1{
  color: #b78dca !important;
}
h3{
  color: #f58db7 !important;
}
p:not(.url-info p,.profile .details-table td p,.mood p,footer){
  color: #f58db7;
}

/* top */
.top{
  background-image: url(https://i.postimg.cc/xCR4HLG6/mlpnightskypurple.png) !important;
}
.top button:not(.logout-btn){
  color: white !important;
  border: 0px;
  border-radius: 6px;
  background-image: url(https://i.postimg.cc/Y0RYVsVw/twihaircolors.png) !important;
  background-size: cover !important;
  box-shadow: 0px 0px 2px white inset;}
.logo{
  filter: sepia(100%) hue-rotate(288deg) saturate(100)
}
.top input{
  border: 1px solid white; 
  background-color: #241335e0;
  color: pink;
}
.logout-btn{
  color: #f58db7 !important
}

/* navigation bar */
nav .links{
  background-color: #20172D !important;
}
nav .links a{
  text-shadow: 0px 0px 3px hotpink !important;
}
nav .links .icon{
  content: url(https://i.postimg.cc/t4tpvCgb/3d-pink-star-icon-3d-holiday-element.png)!important;
}

/* profile */

.profile{
  background-image: url(https://i.postimg.cc/xCR4HLG6/mlpnightskypurple.png) !important;
  background-size: cover;
  background-position: 45% 10%;
  background-color: #68328d;
}
.profile-info{ 
  border: 1px solid white !important;
  padding: 0px;
  border-radius: 14px;
}
.mood{
  color: #b78dca !important
}
.general-about .details,.mood{
  text-shadow: 0 0 10px black;
}
.profile-pic img{
  box-shadow: 0 0 4px black
}
.online img{
  content: url(https://i.postimg.cc/t4tpvCgb/3d-pink-star-icon-3d-holiday-element.png) !important;
}
.online{
  color: #fa728d !important;
}
.contact{
  border: 0px !important;
}
.url-info{
  color: black !important;
  background-image: url(https://i.pinimg.com/1200x/c3/9d/1b/c39d1b9fcf6a4d7824734523674d3276.jpg) !important;
  background-size: 100%;
  background-position: 80% 65%;
  text-align: center;
  text-shadow: 0px 0px 2px white !important;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border: 1px solid white !important;
}
.table-section{
  border: 0px !important;
}
.inner:not(.profile .contact .inner,.profile-info .inner){
  border: 1px solid white; 
  border-top: 0px; 
  background-color: #241335e0;
}
.profile .contact .inner{
  padding: 1px; 
  background-color: #241335e0; 
  border: 1px solid white; 
  border-top: 0px}
.profile .details-table td{
  background-color: #220c37 !important;
  color: #b78dca !important;
}
.profile .contact a{
  color: #b78dca !important
}
.heading{
  color: white !important;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  background-image: url(https://i.postimg.cc/Y0RYVsVw/twihaircolors.png) !important;
  background-size: cover !important;
  box-shadow: 0px 0px 3px white inset;
}
.friends{
  margin-bottom: 20px !important;
}
.friends .person p{
color: #b78dca !important
}
.profile .friends .person img:not(.icon){
  -webkit-mask-image: url(https://i.postimg.cc/Gt5H23yV/srrae.png);
  -webkit-mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  filter: sepia(100%) hue-rotate(250deg) saturate(190%);
  opacity: 0.5;
}

/* comments */
table.comments-table{
  border: 1px solid #a47db7
}
.comments-table td{
  border: 1px solid #3f2b48; border-top: 0px; background-color: #241335e0 !important;
}
.comments-table p{
  color: #b78dca !important;
}
.count{
  color: #bf4288 !important;
}
.comment-replies{
  border: 4px solid #3f2b48 !important;
}
button{
  border: 1px solid #3f2950;
  background-color: #10081a;
  color: #f58db7;
}

/* footer */

footer{
  background-image: url(https://i.postimg.cc/xCR4HLG6/mlpnightskypurple.png) !important;
  background-size: 100%;
  background-position: 33% 99%;
}
footer p{
  color: #b78dca !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 5 of 5 comments ( View all | Add Comment )

Blazingjaguar	1710850580 Using Report Comment
𝜗𝜚 ☆ 𝜗𝜚	1708010151 USINGGGGGGGGG Report Comment
! MEL (active on tiktok)	1706215345 usinggg!! Report Comment
Nameless!!	1704362555 Super cute!!! Using :3 Report Comment
Endy x]]	1697296633 this layout is so fun ^__^ using it rn x33 Report Comment