TOMURA SHIGARAKI LAYOUT

Tags: tomura shigaraki, shigaraki, league of villains, mha, my villain academia, blue, layout, dark blue, villain

Description:

Feel free to change anything!! If use comment or add me and give credits pls

Preview:

click on the image for a larger preview

Code:

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

<img src="https://i.pinimg.com/564x/d1/dc/38/d1dc385a99c713d501e947862dc1e441.jpg"/>

<style>
   body {
   background: url(https://i.pinimg.com/564x/df/88/4c/df884c2af6c9e7fcbc6c7809c12cc684.jpg) no-repeat center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
   }
main {
   background:transparent;
   }
.general-about .details {
   border: none!important;
   padding-bottom: 70px;
   }
.mood {
   border: none!important;
   background: transparent;
   padding: 3px;
   margin-bottom: 20px;
   margin-top: 20px;
   }
.contact {
   border: none!important;
   background-image: url(https://i.pinimg.com/564x/78/47/ec/7847ecb5910ed47527204ce256dd68c1.jpg);
   background-position: top;
   background-size: cover;
   background-attachment: scroll;
   width: 300px;
   height:180px;
   color: #ffffff;
   }
.profile-pic {
   padding: 15px;
   }
a, .profile .friends .person p, p, h1, h2, h3, h4, .count, nav .links a{
   color: #ffffff;
   text-shadow: 0 0 5px #000000, 0 0 10px #000000, 0 0 10px #000000, 0 0 20px #000000, 0 0 25px #000000;
   }
.table-section {
   height: 40px;
   overflow-y: hidden;
   transition: all 0.3s ease!important;
   border: none!important;
   }
.table-section .heading {
   width: 100%;
   height: 40px;
   border: none!important;
   }
.table-section:nth-of-type(odd) {
   height: 200px;
   overflow-y: auto;
   transition: all 0.3s ease!important;
   }
.table-section:nth-of-type(even) {
   height: 90px;
   overflow-y: auto;
   transition: all 0.3s ease!important;
   }
.general-about .details {
   background-image: url(https://i.pinimg.com/564x/50/6d/bc/506dbce5c06089af4fecde0a178cc3da.jpg);
   border: none!important;
   padding-bottom: 70px;
   }
.url-info {
   background: url(https://i.pinimg.com/564x/6e/86/f8/6e86f85428418103effbc6d8bf9f8385.jpg);
   background-position: front;
   border: none!important;
   background-size: cover;
   font-size: 0px;
   height: 245px;
   width: 100px;
   }
.blog-preview {
   background-image: url(https://i.pinimg.com/564x/a2/9a/11/a29a111dcffc551641106f2c85413031.jpg);
   border: none!important;
   }
main, footer {
   background-color: transparent;
   }
.comments-table td {
   background-color:transparent;
   border: none!important;
   }
.table-section td {
   border: none!important;
   }
.comment-reply:not(:first-child) {
   border: none!important;
   }
.comment-replies {
   border: none!important;
   background-color: transparent!important;
   }
.friends:not(#comments) {
   margin-bottom: 10px;
   }
.comments-table {
   border: none!important;
   border-spacing: 5px;
   }
.profile-pic {
   padding: 15px;
   }
.heading {
   background-color: transparent!important;
   }
td {
   background-color: transparent!important;
   }
</style>

<style>
img:hover , .url-info:hover , .online:hover {
   animation: shake 1s;
   animation-iteration-count: infinite;
   }
@keyframes shake {
   0% { transform: translate(1px, 1px) rotate(0deg); }
   10% { transform: translate(-1px, -2px) rotate(-1deg); }
   20% { transform: translate(-3px, 0px) rotate(1deg); }
   30% { transform: translate(3px, 2px) rotate(0deg); }
   40% { transform: translate(1px, -1px) rotate(1deg); }
   50% { transform: translate(-1px, 2px) rotate(-1deg); }
   60% { transform: translate(-3px, 1px) rotate(0deg); }
   70% { transform: translate(3px, 1px) rotate(-1deg); }
   80% { transform: translate(-1px, -1px) rotate(1deg); }
   90% { transform: translate(1px, 2px) rotate(0deg); }
   100% { transform: translate(1px, -2px) rotate(-1deg); }
   }
</style>

<style>
.blog-preview {
   box-shadow: 0px 0px 10px 10px black;
   }
.mood {
   box-shadow: 0px 0px 10px 10px black;
   }
.general-about .details {
   box-shadow: 0px 0px 10px 10px black;
   }
.mood {
   box-shadow: 0px 0px 10px 10px black;
   }
.contact {
   box-shadow: 0px 0px 10px 10px black;
   }
.blog-preview {
   box-shadow: 0px 0px 10px 10px black;
   }
nav .top, nav .links {
   box-shadow: 0px 0px 10px 10px black;
   }
.comments-table td {
   box-shadow: 0px 0px 10px 10px black;
   }
.url-info {
   box-shadow: 0px 0px 10px 10px black;
   }
.profile-pic {
   box shadow: 0px 0px 10px 10px black;
   }
.heading {
   box-shadow: 0px 0px 10px 10px black;
   border: none!important;
   }
.logo {
   border: none!important;
   box-shadow: 0px 0px 10px 10px black;
   } 
.friends-grid img {
   box-shadow: 0px 0px 10px 10px black;
   }
.links, .links a, .logout-btn{
   color: #ffffff !important;
   text-shadow: 2px 2px 3px #FFFFFF, 0 0 25px #1a85ff, 0 0 5px #FFFFFF !important
   }
h1 {
   text-shadow: 1px 1px 5px #5b9cd9;
   box-shadow: 0px 0px 10px 10px black;
   border: none!important;
   color: #ffffff; 
   }
</style>

<style>
.general-about{
  position: relative;
  margin-top: 100px;
}.online{
content: url(http://www.myspacegens.com/images/online_now/65.gif);}
</style>

<div style="float:  ; max-height: 400px; position: fixed; left: 1px; bottom: 9px; z-index: 200;">
<img src="https://es.ultrarumble.com/assets/Character/Ch015/GUI/FaceIcon/T_ui_Ch015_CharaImage.png" height="250"/></div>
<style></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 1 of 1 comments ( View all | Add Comment )

tam_owtamalito!!

1713510277

Using!<3

Report Comment