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 20 of 29 comments ( View all | Add Comment )

Krystal!!!	1752617111 using! Report Comment
Krystal!!!	1752617100 using! Report Comment
69yardas	1752460518 Using Report Comment
Leo	1752427761 USINGG Report Comment
vrxhanna	1749916686 usingg Report Comment
Saintvali	1748796857 Using :3 Report Comment
ℂ𝕝𝕚𝕥𝕦𝕤𝔼𝕒𝕥𝕦𝕤𝟞𝟡	1748466226 Using! Report Comment
chazy chaz!	1747989371 using Report Comment
Jessy	1745073707 Using Report Comment
Nero_Punk	1742464654 using Report Comment
blue-ringed octopus	1740941653 Using! Report Comment
☆Chan☆	1740725628 using! Report Comment
ALEXUS (⁠≧⁠▽⁠≦⁠)	1740527479 Using Report Comment
XX_tylern0rrie_XX	1740238287 usingg Report Comment
𝕹𝖆𝖙𝖆𝖑𝖎𝖊 𝕹𝖊𝖈𝖗𝖔𝖕𝖍𝖎𝖑𝖊	1739856772 usinggggggg Report Comment
XAlicexbrutalX	1739646953 Using!! Report Comment
Jayden	1738455318 USINGGGGGG Report Comment
berry	1738323592 using! Report Comment
Irmante	1737896506 usingg Report Comment
Avy ⁠^⁠ω⁠^	1736530881 usinggg Report Comment