Linkin Park Meteora Layout

Tags: linkin park, meteora

Description:

Layout I made based off Linkin Park's Meteora. Comment if you use!!! If you have any questions/issues with it please let me know. Also if there is a specific layout you wanna see lmk I might make it!

Preview:

click on the image for a larger preview

Code:

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

<style>

:root{
    --headers: white;
    --text: rgba(110, 94, 70, 1); 
    --names: rgba(110, 94, 70, 1);
    --links:rgba(110, 94, 70, 1);
    --font-family: "Courier New", cursive;
    --curve: 0px;
    --borders: 0px solid rgba(110, 94, 70, 1) ;
}

h3, h4, h5{color: var(--headers)!important;}
a{color: var(--links) !important;} 
p, h2, .count {color: var(--text);} 
.friends a p{color: var(--names);}
nav label{color: var(--links);} 
.section h4 {color: var(--headers);} 
.blurbs .heading {display:none;} 
.details p:last-child{color: var(--text);}

body{
  background: url(https://preview.redd.it/meteora20-wallpaper-v0-zrz3gw6glvea1.png?width=1920&format=png&auto=webp&s=740d4936064e20fe25d48f309bc91688e9839c72) center;
  background-size: cover;
background-attachment:fixed;
}


.profile {
  background-image:url(https://live.staticflickr.com/5/9915132_89909ad73e_b.jpg);
background-size: cover;
  background-repeat: repeat;
 border: 0px ;
box-shadow: 0 0 20px 15px rgba(110, 94, 70, 1);;
}


h1{
        font-size: 40px!important;
        font-family: times;
        font-style: italic;
        -webkit-text-stroke-width: px;
        -webkit-text-stroke-color: #000000;
        font-style: ;
        text-shadow: 5px 5px 5px white ;
        text-align: left!important;
        line-height: 30px;
        display: block;
        color: white;
        padding: 10px;
        width: 260px!important;
}

nav{
background-image: url();
background-position:bottom;
background-size: cover;
    background-color: rgba(63, 55, 45, 0.5);
    border: none;
    border-radius: none;
    text-align: center;
box-shadow: 0 0 20px 15px rgba(110, 94, 70, 1);
}

nav .top, nav .links {
    background-color: transparent;
    border-radius: var(--curve);
}
nav .links a{
    text-shadow:none;
}

nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: "|";
    color: white;
}

nav img.logo{
     !important;
}

.search-wrapper input[type=text] {
    background-color: transparent !important;
    border: 2px solid white !important;
    color:white !important;
    border-radius: var(--curve) !important;
}

button{
    border-radius: var(--curve) !important;
    border: 0px solid var(--links) !important;
    font-family: var(--font-family) !important;
    background-color: transparent !important;
    color:white !important;
}

.online{
    color: var(--links) !important;
    text-transform: lowercase;
    text-align: right;
} 
.online img{
    filter: brightness(0) saturate(100%) invert(50%) sepia(5%) saturate(326%) hue-rotate(174deg) brightness(92%) contrast(82%); !important;
}

a, p, b, nav label, .section{ 
    font-family: var(--font-family);	
    font-size: 12px;
    font-weight: 1;
    text-shadow: 0px 0px 0px black;
color: white!important;
 text-shadow: 1px 1px 10px #cbd6bf;
}
h2, h3, h4, h5{
    font-family: var(--font-family);
    font-size: 16px;
    text-align: center;
    font-weight: 1;
    text-shadow: 0px 0px 0px black;
color: white;
}

hr{
    height:2px;
    background: gray;
    border: none;
}

.profile-pic img
{
box-shadow: 0 0 10px 5px rgba(164, 159, 153, 1);}

.blurbs, .friends, .contact, .profile .table, .profile .table-section{
    border-radius: var(--curve);
    border: var(--borders)!important;
    background-color: rgba(63, 55, 45, 0.5)!important;
box-shadow: 0 0 3px 2px rgba(110, 94, 70, 1);
}

.blog-preview{
border-radius: var(--curve);
    border: none!important;
    background-color: none!important;
box-shadow: none;}


.comment-replies{border:4px groove gray;} 
.comment-reply:not(:first-child){border-top: 2px solid var(--links);}

td{
    background-color: transparent!important;
}

main{
    background: transparent;
    border-radius: var(--curve);
    border: transparent;
    outline: none;
}

.table-section{
    border:none !important;
    border-radius: var(--curve) !important;
}

.heading{
    background: none !important;
}

.profile-info {
background-image: url(https://pbs.twimg.com/media/FsDs_SwWIAA_1WL?format=jpg&name=large);
background-position:center 60%;
background-size: cover;
    background-color: rgba(63, 55, 45, 0.5);
    border: none !important;
    border-radius: none !important;
text-color:white;
box-shadow: 0 0 3px 2px rgba(110, 94, 70, 1);
}

.profile-pic{
    padding: 10px;
}

.friends-grid{
       text-align: center;
}


h2, h3, h4, h5, p{padding-left:5px !important;} 
.contact .heading, .profile .table-section .heading, .blog-preview .heading, .profile .friends .heading, .mood{padding: 5px!important;text-align: center;}
.mood, .friends{margin-bottom: 5px;}

.url-info{display: none;}
.general-about .details,.mood,{
    background: transparent;
    border: transparent;
    padding-bottom: 5px;
    margin-bottom: 10px;
color: #690404!important;
}
.contact{
    padding: 5px
}
.contact .f-col{
    padding: 0px 0px 7px;
}
.f-row{
    margin:0px!important;
}

.comments-table {
    display: block;
    height: 200px!important;
    overflow-y: scroll;
    outline: none !important;
    border-radius: 3px;
    border-spacing: 6px;
    border: transparent;
}
.comments-table td{
    border: 2px solid gray;
}

footer{
    background-image: url(https://www.albumartexchange.com/coverart/gallery/li/linkinpark_hybridtheory12gatefo_ans4.jpg);
background-size: 800px;
    background-color: rgba(63, 55, 45, 0.5);
    border: none;
    border-radius: none;
    text-align: center;
box-shadow: 0 0 20px 15px rgba(110, 94, 70, 1);
}

<style>
::-webkit-scrollbar {
    width: 5px;
    height: 12px;
}
::-webkit-scrollbar-track {
    border-radius: var(--curve);
    border: 1px solid black;
}
::-webkit-scrollbar-thumb {
    background: gray; 
    border-radius: var(--curve);
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.74);  
}


img:hover , .url-info:hover , .online:hover {
  animation: shake 1s;
  animation-iteration-count: infinite;
box-shadow: 0 0 30px 5px #cbd6bf;

}

@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>


<!--YOUTUBE VIDEO AUTOPLAY-->

<iframe width="500" height="250" src="https://www.youtube.com/embed/zsCD5XCu6CM?autoplay=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>


<!--LINKIN PARK LOGO PNG-->

<img src="https://i.redd.it/c6trukily8ab1.png"/>

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 )

soludy	1731244737 usingg Report Comment
andrew	1730793656 using :3 Report Comment
ℭ𝔥𝔩𝔬𝔢 ✷●’*𖦹	1730092529 usingg Report Comment
Evie🪽	1722740441 usinhggg Report Comment
queeirozin	1713465184 using !! Report Comment Using it!!! Thanks for making it :3 by Debilniks; 1720723101; Report