MARS plaid layout

Tags: mars, plaid, gyaru, pink, black, white, simple

Description:

Comes with: Autoplaying music (Summerlove), Custom contact icons, Pagedoll, Custom icons on header, Custom cursor

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Katie (autoplay!) 🍉 (https://layouts.spacehey.com/layout?id=84678) -->

<style>
  
body{
  background: url(https://i.pinimg.com/564x/17/94/5d/17945d692c617419239b3f6acf586e82.jpg);
  background-size: 50em;
}

main{
  background: black;
  color: #cd2990;
  font-weight: bold;
}

.friends{
  color: white;
  background: transparent
}

table.comments-table{
  color: white;
  background: transparent;
  display: block;
  border: transparent;
}

.comments-table td:first-child {
background: transparent;
}

.profile .blurbs{
  background: transparent;
  display: block;
}

.profile .mood{
}

a:hover{
  color: #cd2990;
}
a{
  color: white;
}

nav .top{
  background: -webkit-linear-gradient(#cd2990, #EBA9D2);
}

nav .links{
  background: -webkit-linear-gradient(#EBA9D2, #cd2990);
}
  
.nav .top , nav .links{

text-align: center;

}
  
nav .links li:not(:last-child)::after {

content: url("https://gifcity.carrd.co/assets/images/gallery136/4372cc99.gif?v=dbe39dbe");

}
  
nav .links a, nav .links li .special a{
text-shadow: none;
}

nav .links a:hover {
color: white;
}
  
.person p, .count {
color: #cd2990 !important;
}

footer{
  background: -webkit-linear-gradient(#cd2990, #EBA9D2);
  color: white;
}

:root {
--logo-blue: white;
--darker-blue: white;
--lighter-blue: black;
--even-lighter-blue: #cd2990;
--lightest-blue: black;
--dark-orange: white;
--light-orange: transparent;
--even-lighter-orange: #cd2990;
--green: white;
}
  
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: black;
}

::-webkit-scrollbar-thumb {
  background: #cd2990; 
}

::-webkit-scrollbar-thumb:hover {
  background: #D753A6; 
}

/* contact icons */
.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 favorite */
content: "★"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "★"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward 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 2 group  */
content: "★"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "★"
}   
</style>


<div style="float:  ; max-height: 800px; position: fixed; right: 1px; bottom: 10px; z-index: 200;"><img src="https://gifcity.carrd.co/assets/images/gallery83/5a417fff.png?v=5bf8fcf7" width="200" height="200"/></div>

<style>* {cursor: url(https://ani.cursors-4u.net/symbols/sym-8/sym752.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2013/02/13/sexy-pink-heart-15.html" target="_blank" title="Sexy Pink Heart"><img src="https://cur.cursors-4u.net/cursor.png" alt="Sexy Pink Heart" style="position:absolute; top: 0px; right: 0px;"/></a>

<iframe width="0" height="0" src="https://www.youtube.com/embed/mjDdTM1dkMM?loop=1&autoplay=1&controls=0&start=0&playlist=mjDdTM1dkMM&" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="">
</iframe>

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

Comments disabled.