adtr layout

Tags: a day to remember, emo, punk, music, purple, blue
Description:

yes!
Code:

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

<style>

body {
    background-image: url(https://i.pinimg.com/originals/f7/d9/a4/f7d9a48a2081c89c8b9f90bc41faa6a4.jpg);
    background-size: cover;
    background-position: center;
}

nav .top{
background-color: rgba(43, 5, 58, 0.70);
border-radius: 15px;
border: 1px solid rgba(107, 71, 116, 1);
box-shadow: inset 2px 3px 5px rgba(107, 71, 116, 1);
margin: 1em 0;
}

nav .links{
background-color: rgba(43, 5, 58, 0.70);
border-radius: 15px;
border: 1px solid rgba(107, 71, 116, 1);
box-shadow: inset 2px 3px 5px rgba(107, 71, 116, 1);
display: flex;
flex-wrap: wrap;
justify-content: space-around;
font-style: italic;
}

nav .links li::after{
display: none;
}

main {
    background-image: url(https://th.bing.com/th/id/R.9ebd23fcfb5d14526bfe9500659993a2?rik=%2fyCkMEDUPmViCw&pid=ImgRaw&r=0);
    background-size: cover;
    border-radius: 20px;
    border: black 1px solid;
    box-shadow: inset 4px 6px 8px rgba(94, 67, 97, 1);
margin: 1em 0;
padding: .5em;
opacity: .9;
}
.profile h1{
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
font: 'Bebas Neue', serif;
color: white;
text-shadow: 1px 1px 2px #AC3862;
font-size: 25px;
text-transform: uppercase;
}
.profile .profile-info{
border-radius: 20px;
border: 2px solid #FFC3D9;
box-shadow: inset 2px 3px 5px #FFC3D9;
text-shadow: 1px 1px 2px #AC3862;
color: white;
background-image: url(https://i.gifer.com/DXp.gif);
background-repeat: no-repeat;
background-size: cover;
}
.profile .general-about{
color: lavender;
font-style: italic;
text-shadow: 1px 1px 2px #AC3862;
}
.profile .table-section,
.profile .contact,
.profile .url-info{
border-radius: 5px;
border: 2px solid rgba(129, 94, 145, 0.1);
box-shadow: inset 2px 3px 5px rgba(129, 94, 145, 0.8);
color: violet;
}

:root {--logo-blue: #00000;
--darker-blue: rgba(192, 166, 192, 0.8);
--lighter-blue: #00000;
--even-lighter-blue: rgba(255, 255, 255, 0.29);
--lightest-blue: rgba(255, 255, 255, 0.19);
--dark-orange: lavender;
--light-orange: #00000;
--even-lighter-orange: #00000;
}
</style>
<style> 
/* these are the colors for headers */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap');
p{
font-family: 'Josefin Sans', sans-serif;
text-transform:lowercase !important;
color:#ffedf9;
}
</style>
<style>
/* this adjusts the size/font of your name */
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Paytone+One&display=swap');
h1{
font-size: 25px !important;
font: 'Bebas Neue', sans-serif;	
text-transform:uppercase !important;
padding-left: 2px !important;
}
</style> 
&lt;<style>
/* this changes the color of your headers */
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Paytone+One&display=swap');
h4{
font-size: 16px !important;
font-family: 'Josefin sans', sans-serif;	
text-transform:uppercase !important;
padding-left: 2px !important;
/* gradient text, you can replace existing colors with whatever ones you want */
background: -webkit-linear-gradient(rgba(209, 190, 230, 0.8), #fff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

}
</style>
<style>
/* links in the navigation bar @ the top */
nav{ 
font-size: 13px !important;
font-family: 'Paytone One', sans-serif;
text-shadow: 1px 1px black;
text-transform:none;
padding-left:3px;
text-align: center;
}
</style>
<style>
/* the color of the number of your friends */
    .count {
        color: teal;
    }
</style>

<style>
/* link colors when you hover over links */
   a:hover {
     color: white; 
   } 
   a{
     color: rgba(143, 117, 172, 0.8); 
   }
</style>

<style>
/* this is the background color for the headings of your blurbs, friend space + comments */
.profile .blurbs .heading, .profile .friends .heading {
color: white;
background-color:rgba(131, 100, 167, 0.44);
text-transform:lowercase !important;
color: white;
border-radius:5px;
border: .5px solid rgba(218, 165, 255, 0.)
}
</style>

<style>
/* links to your friends' profiles */
.profile .friends .person p {
color: #ff75d1; 
</style>
<style> 
/* this is the box that says "_'s latest blog entries" */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap');
DIV.blog-preview{
text-align: center;
font-family: 'Josefin Sans', sans-serif;
background-image: url(https://th.bing.com/th/id/R.9a2011d5e236d439f4b455e86f9dc339?rik=tuUnLSn%2b4vrtuQ&riu=http%3a%2f%2ffc06.deviantart.net%2ffs70%2ff%2f2013%2f066%2f8%2f2%2fa_day_to_remember_by_xinfectionx-d5x8dkg.jpg&ehk=SQ%2fpY0xgQ79sQsZOLBrfPFuLepqu%2b1IBdB%2fz4NE0XaY%3d&risl=&pid=ImgRaw&r=0);
background-size: cover;
background-position-y: 268px;
text-transform:lowercase !important;
color: transparent;
border-radius:8px;
border: .5px solid rgba(218, 165, 255, 0.00)
}

.general-about {
    padding:5px;
    height: 180px;
    border-radius:5px;
    background: url(https://i.redd.it/84hk5fi635s01.png);
}
</style>
<div style="float:  ; max-height: 800px; position: fixed; left: 1px; bottom: 10px; z-index: 200;"><img src="https://aggie.io/api/share/e338982ee8.png" width="250" height=""/></div>
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 )
Jocahontas
1677616035
THIS IS EPIC!!!! XD
Report Comment