James Malsow Big Time Rush Layout!!!

Tags: animation, animations, big time rush, james maslow, wyatt 4 life, myl3z

Description:

!PLS COMMENT IF YOU USE OR 4 BASE! This was 4 a friend and has a lot of animations so go wild1!! (blinkies not included)

Preview:

click on the image for a larger preview

Code:

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

<style>
@font-face { font-family: "Maslow"; src: url('https://dl.dropboxusercontent.com/s/jmbcverdmq380r1/VivelaRivoluzione.ttf?dl=0'); }');


}
body{
font-family: "Maslow";
}
p{
    font-family: "Maslow";
    color: black; 
    font-size: 15px; 
letter-spacing: 1.6px!important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Maslow"!important;
    color: black!important;
    font-size: 160%!important;
letter-spacing: 1.6px!important;
}
.profile h1 {
    font-size: 30px!important;
    margin: 0 0 10px 0;
}
.f-col{
    display: table-cell;
    vertical-align: top;
    font-size: 15px;
    letter-spacing: 1px;
}
.count {
    color:#5d9bb2!important;
}

/*471- [font color]: the link-text up to the friend photo  */
.profile .friends .person p{
 color: #5d9bb2!important;
}

  body {
  background: url(https://cdn.discordapp.com/attachments/1067370677960704013/1125521492449439784/AcJpghj.gif) no-repeat fixed; background-size:cover;}
}
nav .links, footer .links {
    margin: 0;
    list-style: none;
    background-image:
}
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url(https://cdn.discordapp.com/attachments/1067370677960704013/1125521493116342344/ff61V7C.gif);
	background-size: cover;
	background-repeat: no-repeat;
        background-position:center;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;

}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} 
}

 nav .top {
        background-image: url('https://cdn.discordapp.com/attachments/1067370677960704013/1125521491690262558/yBr1Wu6.gif');
        height: 200px;
        background-size: 800px;
        background-position: center;
        border-radius: 5px;
        position: relative;
        border: 5px dashed black;
        border-radius: 20px;
        box-shadow: 0px 0px 10px #3c2f2b;
        display: block;
        margin-bottom: 3px

}
 .profile {
        border-color: black;
        background-color: #699fb4;
        background-size: 200px;
        position: relative;
        border: 4.5px dashed #15161a;
        border-radius: 20px;
        box-shadow: 0px 0px 10px #699fb4;
        display: block;
        background-repeat: no-repeat;
        no-repeat fixed;
        animation-name: flash_border;
        animation-duration: 10s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        -webkit-animation-name: flash_border;
        -webkit-animation-duration: 1.4s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-name: flash_border;
        -moz-animation-duration: 2s;
        -moz-animation-timing-function: linear;
        -moz-animation-iteration-count: infinite;
      }

@keyframes flash_border {
  0% {
    border-color: #00a6ff;
  }
  50% {
    border-color: black;
  }
  100% {
    border-color: #00a6ff;
  }
}

@-webkit-keyframes flash_border {
0% {
    border-color: #00a6ff;
  }
  50% {
    border-color: black;
  }
  100% {
    border-color: #00a6ff;
  }
}

@-moz-keyframes flash_border {
0% {
    border-color: #00a6ff;
  }
  50% {
    border-color: black;
  }
  100% {
    border-color: #00a6ff;
  }
}


 main {
        background-color: transparent;
        color: ;
}

    .online {
        color: #5d9bb2;
        font-family: "Maslow";
        font-size: 106%

}
    .online img {
        content: url(https://cdn.discordapp.com/attachments/1067370677960704013/1125521452569997312/Uv3XJVW.png);
        height: 50px;
    animation-name: shake;
        animation-iteration-count: infinite;
        animation-duration: 0.8s;
}

    .icon, .award img {
        content: url(https://cdn.discordapp.com/attachments/1067370677960704013/1125521452192497684/qOJ3ood.png);
        display: inline-block;
        height: 2.0em;
        width: 2.4em;
        margin: 0.05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);

}
:root {
    --logo-blue: ;
    --darker-blue: ;
    --lighter-blue: '';
    --even-lighter-blue: #273f4a!important;
    --lightest-blue: #2e4e63!important;
    --dark-orange: ;
    --light-orange: #273f4a!important;
    --even-lighter-orange: #2e4e63!important;
    --green: pink;
    --purple: red
}

    .col.w-40.left h1{
        background-repeat: no-repeat;
        background-position: right;
        margin-bottom: 0;
}
    .general-about {
        height: 178px;
        border: 3px dashed #15161a; 
        background: #3b6a80;
        margin-top: 0;
        font-family: "Maslow";
}
    
    .general-about .profile-pic img {
        margin: 5px;
        height: 200px;
}

    .general-about .details {
        margin-top: 15px;
}
    .mood {
        border-style: dashed;
        border-width: 3px;
        border-color:black;
        background:#3b6a80;
        margin: 10px auto;
}
b, strong {
    font-weight: bolder;
    margin-left: 10px;
}
.profile h4 {
    margin: 0;
    font-size: 133%;
    margin-left: 10px;
}
.profile .mood p {
    margin: 5px 0px 8px 0px;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions, .blog-preview {
        border-style: dashed;
        border-width: 3px;
        border-color: #15161a;
       background: #3b6a80;
}
    
    .contact, .url-info, .details-table, .table-section {
        background: #3b6a80;
}
    
    .blurbs {
        background: #3b6a80;
        border-style: dashed;
        border-width: 3px;
        border-color: #15161a;
}
    .friends {
        border-style: dashed;
        border-width: 3px;
        border-color: #15161a;
        background: #3b6a80;
        margin-bottom: 20px;


}
  .comments-table{
    border: 4.5px dashed #15161a!Important;
}

  .comment-replies{
    border: 4.5px dashed #15161a!Important;

}
/* DELETE THIS CODE IF U WANT NO GIF PFP */
.profile-pic > img { display:none; }
.profile-pic:after { 
background-image: url("https://cdn.discordapp.com/attachments/1067370677960704013/1125521451714355270/2TGywIG.gif"); 
display: inline-block; 
content:""
}
.blog-entry .profile-pic:after, .bulletin .profile-pic:after { 
background-size: cover; 
width: 110px; height: 110px; 
} 
.general-about .profile-pic:after { 
background-size: cover;
margin: 3px 15px 8px 3.5px;
width: 160px;
 height: 160px; }
}

.profile .contact .f-row {
    margin: 7px;
    font-weight: bold;
    font-size: 10px;
}

a {
    color: black;
    text-decoration: none;
    font-family: "Maslow"!important;
    font-size: 90%;
}

nav .links a {
    text-decoration: none;
    color: black;
    font-family: "Maslow"!important;
    text-shadow: 0 0 0px ;
    font-size: 0.98em;
    font-size: 16px;
    Letter-Spacing: 1px;
}
.links {
background: transparent !important;
background-position: center center !important;
background-color: transparent !important;
no-repeat fixed !important; 
background-size: 890px !important;
}
.heading {
background-image: url('') !important;
background-color: transparent !important;
no-repeat fixed !important; 
border-radius: 5px;
background-size: 300px !important;
background-position: bottom;
}
.blog-preview:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 30px;
  background-image: url("https://cdn.discordapp.com/attachments/1067370677960704013/1125521451290734735/1CIdyNb.gif");
  background-repeat: no-repeat;
  background-position-y: center;
  background-size: 220px;
  border-radius: 0px;
  margin-top: 0px;
  margin-bottom: 0px; 
}
.blurbs:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 250px;
  background-image: url("https://cdn.discordapp.com/attachments/1067370677960704013/1125521451043258509/aDnh3lI.jpg");
  background-repeat: no-repeat;
  background-position-y: center;
  background-size: 500px;
  border-radius: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
Animation: shakes 0.5s infinite; 
}
.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 350px;
  background-image: url("https://cdn.discordapp.com/attachments/1067370677960704013/1125521450774831244/tfIPcz7.jpg");
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: center;
  background-size: 300px;
  border-radius: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
   border-width: 4px;

}
.col.left:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 400px;
  background-image: url("https://cdn.discordapp.com/attachments/1067370677960704013/1125521450275713046/6Fy5OMv.jpg");
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: center;
  background-size: 300px;
  border-radius: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
   border-width: 4px;

}
.col.right:after{
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 440px;
  background-image: url(https://cdn.discordapp.com/attachments/1067370677960704013/1125521449722060870/Q6Ze9wn.gif);
  background-repeat: no-repeat
  background-position: center;
  background-size: 500px;
  margin-bottom: 0px;
  margin-top: 0px;
}

footer {
   background-image: url(https://cdn.discordapp.com/attachments/1067370677960704013/1125521449453629530/XfmAOzx.jpg);
   border: dashed;
   border-color: #13120b;
   border-width: 6px;
    height: 400px;
    background-position: center;
    background-size: 900px;

}
.url-info{display:none !important;
}
/* BANNER AT TOP */
main:before {
height: 100px;
display: block;
content: "";
background-image: url(https://media.giphy.com/media/SANbdRotbwRy7nFq71/giphy.gif);
background-position: center center;
background-size: 280px;
background-color: transparent;
margin-top: 0px;
margin-bottom: 5px;
 background-repeat: no-repeat
no-repeat fixed

}
.profile .url-info :before{
   content: "";
  white-space: pre-wrap;
  display: block;
  height: 260px;
  background-image: url("");
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 500px;
  border: 5px dashed rgb(255 174 107);
  border-radius: 20px;
   box-shadow: 0px 0px 10px #0f0;
  margin-top: 10px;
  margin-bottom: 5px;
}
.comments-table td:first-child img:not(.icon), .bulletin-table td:first-child img:not(.icon), .profile .friends .person img:not(.icon){
  border-radius: 180px;
}
.comments-table td:first-child img:not(.icon):hover {
  animation: shakes 0.3s infinite linear;
}
.profile-pic:after img:not(.icon):hover {
  animation: shakes 0.3s infinite linear;
}
.person img:not(.icon):hover {
  animation: shakes 0.3s infinite linear;

}
.Maslow{
    background: url('https://cdn.discordapp.com/attachments/1067370677960704013/1125521449118073023/AZLzUyV.png') no-repeat;
    background-size: 100%!important;
    position: fixed;
    left: 0px;
    bottom: 0px;
    height: 300px;
    width: 290px;
    z-index: 1000;
    opacity: 1;
}
@media (max-width: 600px) {
.Maslow{display:none;}
}
</style>
<div class="Maslow"></div>
<style>
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}
}
@keyframes spin{
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
    @keyframes shake {
0% {
transform:translate(0px,0.3px) rotate(0.3deg);
}
8% {
    transform:translate(0px,0.5px) rotate(-0.5deg);
}

16% {
    transform:translate(0px,1px) rotate(1deg);
}

24% {
    transform:translate(0px,1.5px) rotate(-1.5deg);
}

32% {
    transform:translate(0px,2px) rotate(2deg);
}

40% {
    transform:translate(0px,2.5px) rotate(-2.5deg);
}

48% {
    transform:translate(0px,3px) rotate(3deg);
}

56% {
    transform:translate(0px,3.5px) rotate(-3.5deg);
}

64% {
    transform:translate(0px,3px) rotate(3deg);
}

72% {
    transform:translate(0px,2.5px) rotate(-2.5deg);
}

80% {
    transform:translate(0px,2px) rotate(2deg);
}

88% {
    transform:translate(0px,1.5px) rotate(-1.5deg);
}

96% {
    transform:translate(0px,0.5px) rotate(0.5deg);
}

100% {
    transform:translate(0px,0.3px) rotate(-0.3deg);
}

</style>
<style>
img:hover , .url-info:hover{
  animation: shake 1s;
  animation-iteration-count: infinite;
}

@keyframes shakes {
  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>body { cursor: url('https://cdn.discordapp.com/attachments/1067370677960704013/1125523253839016017/oM0wNqU.png'), auto; }</style>

<marquee>
<img src="https://cdn.discordapp.com/attachments/1067370677960704013/1125523253469913148/0lBg0nN.gif"/><img src="https://cdn.discordapp.com/attachments/1067370677960704013/1125523253172125829/cWvoo5y.jpg"/><img src="https://cdn.discordapp.com/attachments/1067370677960704013/1125523252924657766/GPPYHzD.jpg"/><img src="https://cdn.discordapp.com/attachments/1067370677960704013/1125523252522000475/L7I1tag.gif"/><img src="https://cdn.discordapp.com/attachments/1067370677960704013/1125523252178075759/3YNyUTV.gif"/><img src="https://cdn.discordapp.com/attachments/1067370677960704013/1125523251808972831/yEptZEi.gif"/><img src="https://cdn.discordapp.com/attachments/1067370677960704013/1125523251469230260/iytLY9m.gif"/>
</marquee>

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 )

🐾K̷a̷d̷e̷🏳️‍⚧️	1703223450 I was literally at a concert and they had big time rush like a month ago Report Comment
ella !	1701142744 using this! Report Comment
Alex_Gaskarth	1698835628 Using!! :D Report Comment
sluggang.404	1681803173 idk why but this layout is so fuckin funny, , , also i looked at your profile n your layout is cool af. specially the font. love cool fonts like that :)) i tried to change the font on mine to somethin cool but it didnt work n jus ended up makin it cursive :')) Report Comment Ty! Also the problem might be a few different things. It might be that you changed the font family or didn't source it right, If you are linking it to drop box like I did make sure that the link is downloadable an example is "dl.dropbox.com" instead of "dl.dropboxusercontent.com" for some reason when I post my layouts it does that :P by Myles; 1681841926; Report that sounds confusing :')) but thank you, ill look into that! :)) by sluggang.404; 1681849401; Report