Superman Layout

Tags: superman, red, layout, simple

Description:

Hello Everyone! I hope you like this layout I created! :) Please let me know in the comments if you decide to use this layout! Enjoy :D

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap');

*, p, a, form, li, .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
   font-family: Teko !important; 
   font-size: 12px !important; 
   color: black  !important; 
   text-shadow: 2px !important; 
   letter-spacing: 1px;
}
 .profile-pic img{
        
border: 2px solid black !important;   
border-radius: 25px 25px 25px 25px !important;
box-shadow: 0px 0px 10px #ff0000; 
 }


}
body {
   background-color: #ffffff;
   background-attachment: fixed;
   background-size: cover;

}
.top, .links, .heading, footer, button {
   background-color: #900000 !important;
}
h1 {
   font-family: Dancing Script !important; 
   font-size: 40px !important;
   color: #000000  !important; 
}
h4 {
   font-family: Diediedie !important; 
   font-size: 13px !important;
   color: #000000  !important; 
}
.contact, .url-info, .table-section, .profile-info {
   border-color: #900000 !important;
}
td {
   background-color: #ffffff !important;
}
input, button:not(.logout-btn) {
   border: 1px groove #002390 !important;
}
.pfp-fallback, .row.profile {
   border: 2px solid #ffffff !important;
}
.logo-fallback {
   height: 38px !important;
}
 a{
   font-family: Anton !important; 
   font-size: 13px !important;
    color: #002390 !important;
        
    }
    a:hover{
    font-family: Anton !important; 
   font-size: 12px !important;   
    color: #999999 !important;
        
    }

 .top{
        border-radius: 25px 25px 0 0 !important;
    }
    main{

        border-radius: -20px 10px 25px 25px !important;
    }
    footer{

        border-radius: 0 0 25px 25px !important;
    }

</style>
<style>

.online{content:url("https://dl.glitter-graphics.com/pub/1769/1769868vmqrpsvw7e.gif");}

</style>

<style> 
body {
    background-image:
        url(https://i.imgur.com/WGYcLE8.png
);
    background-size: 200px;
    background-attachment: fixed;
      background-repeat: no repeat;
     background-position: Center;
 ;
}
main:before {
width: 100%;
height: 300px;
display: block;
content: "";
background-image: url('https://i.imgur.com/5hC2NyH.jpg');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}

</style>



<style>


.contact .heading{display: none !important;}
.url-info{display: none !important;}

.profile-info{display: none !important;}
.friends:not(#comments.friends) {display: none;}
.comments-table{display: none !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 0 of 0 comments ( View all | Add Comment )