All Time Low

Tags: all time low, band, music, dark, blue, black, layout, layouts

Description:

Hello Everyone!
I hope you like this layout I created!
Please let me know in the comments if you decide to use this layout!
If you'd like to be super nice & credit me somewhere on your page, that would be much appreciated as well!
Additionally, feel free to add me! I always love gaining new friends! 😊

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Jody Marie ♡ (https://layouts.spacehey.com/layout?id=30023) -->

<style>
	main:before {
		width: 100%;
		height: 400px;
		display: block;
		content: "";
		background-image: url('https://images2.imgbox.com/52/14/qcbQ2ygO_o.jpg');
		background-position: center center;
		background-size: cover;
</style>

<style>/*Search Users Box (Background Color/Background Image)*/
    .top input{border-radius: 15px 15px 15px 15px;}
</style>

<style>/*Buttons (Background Color/Background Image)*/
    button{
    border-radius: 25px 25px 25px 25px !important;
	color: #03386e;
	font-weight: bold;
    background-color: white !important;
	}
</style>

<style>

    :root {
        --logo-blue: #03386e;
        --darker-blue: #999999;
        --lighter-blue: #000000;
        --even-lighter-blue: #fff;
        --lightest-blue: #03386e;
        --dark-orange: #03386e;
        --light-orange: #fff;
        --even-lighter-orange: #fff;
        --green: #38d;
	}

    * {font-family: Monospace;}
	
	* {cursor: url('https://cur.cursors-4u.net/cursors/cur-5/cur438.cur'), auto;}
	
	 /* Chrome, Edge, and Safari */
	*::-webkit-scrollbar {width: 18px;}

	*::-webkit-scrollbar-track {background: #000000;}

	*::-webkit-scrollbar-thumb {
    background-color: #03386e;
    border-radius: 10px;
    border: 3px solid #000000;
	}

    body
        {background: url("https://images2.imgbox.com/6d/e0/HNGxWxyQ_o.jpg")}
     
    .profile {background-color: black; color: #fff;}
    
        
    a:hover {color: #006edd;}
	
	nav {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
    }
    
    nav .links a:hover {color: #006edd;}
    
    nav .links {
        text-align: center;
        padding: 3.5px 3.5px 5.5px 3.5px;
        font-size: 70%;
    }
	
	.profile-pic {border-radius: 500px; overflow: hidden;}
    
    .online {visibility: hidden;} 
    
    .online img { 
        content: url("https://ct.pimp-my-profile.com/online/26.gif"); 
        animation-name: none; 
        visibility: visible; 
        height: 15px; 
        width: 55px; 
    }
    
    .blog-preview p {
        background-color: none;
        padding: 5px 10px;
        border-radius: 10px;
        color: #999999;
font-weight: bolder;
    }

    .blog-preview p a{color: #ffffff !important;}

    .blog-preview p a:hover,
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: white !important;
    }

    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border: none;
    }
    
    .count {color: #03386e;}
    
    .profile .friends .person p{color: #999999;}

    .profile .friends .person img:not(.icon) {
        border-radius:15px;
        box-shadow: 1px 0px 7px 2px rgba(0, 56, 110, 0.80);
        border: 2px solid rgba(255, 255, 255, 1)
    }
    
    .profile .friends .person img:not(.icon):hover {
        transform: scale(1.1);
        transition: 0.5s ease;
    }
    
    .profile .friends .person img:not(.icon) {
        transition: 0.5s ease
    }

    table.details-table {border-collapse: collapse;}

    table.details-table td {background-color: black !important;}

h1{
font-size: 40px !important;
font-family: 'Paytone One', sans-serif;	text-align: center; overflow-wrap: break-word;
}

h1{
background: -webkit-linear-gradient(#fff, #03386e);
-webkit-background-clip: text; 
-webkit-text-fill-color: transparent;
}

    .heading {
        padding: 5px 0 !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-color: #03386e !important;
        color: #fff !important;
        text-align: center;
        border-bottom: 2px solid;
    }

    main {
        border-radius: 0 0 15px 15px;
        background: rgba(0, 0, 0, 1) !important;
    }

    .container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
    }

    footer {
        border-radius: 15px;
        background: rgba(3, 56, 110) !important;
        color: #fff !important;
        display: block !important;
    }
    
    table.comments-table td {
        background-color: black !important;
        border: none;
    }

    .comments-table td:first-child img {
        width: 80px;
        border-radius: 500px;
    }

    .profile .friends .person img {
        border-radius: 500px;
    }

    a.addme {
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
    }

.contact .heading{ font-size:0; }
.contact .heading:before{ content: "Contact Me"; font-size:.8rem; font-weight:bold; }

.w-40 .table-section:nth-last-child(2) .heading h4{ font-size:0;}
.w-40 .table-section:nth-last-child(2) .heading:before{content: "What I Like"; font-size:.8rem; font-weight: bold; }

.w-40 .table-section:last-child .heading h4{ font-size:0; }
.w-40 .table-section:last-child .heading:before{ content: "Follow Me"; font-size:.8rem; font-weight: bold; }

.blog-preview h4{ font-size:0; }
.blog-preview h4 a{font-size:.8rem;margin-left:5px; }
.blog-preview h4:before{ content: "My New Blogs"; font-size:.8rem; }

.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "My Blurbs"; font-size:.8rem; font-weight:bold; }

.blurbs .inner .section:nth-child(1) h4{ font-size:0; }
.blurbs .inner .section:nth-child(1) h4:before{ content: "About Me:"; font-size:.8rem; }

.blurbs .inner .section:nth-child(2) h4{ font-size:0; }
.blurbs .inner .section:nth-child(2) h4:before{ content: "Who I'd Like To Meet:"; font-size:.8rem; }

.friends .heading{ font-size:0; }
.friends .heading:before{ content: "The Friends"; font-size:.8rem; font-weight:bold;}

.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "Leave Me A Comment"; font-size:.8rem; font-weight:bold;}

.comments-table{
        display: block;
        height: 200px;
        overflow-y: scroll;
        border: none;
    }

</style>

<style>
table.std {
  width: 320px;
  border: 4px solid #eb0098;
  border-spacing: 0;
  border-radius: 5px 5px 5px 5px;
}

table.std thead {
  padding: 5px 0 !important!;
  margin-top: 15px;
  margin-bottom: 10px;
  background-color: #eb0098;
  color: #fff;
  text-align: center;
  border-bottom: 2px solid;
}

table.std thead tr th:first-child {
	border-bottom: 2px solid #fff;
  width: 320px;
  height: 10px;
}

table.std tbody tr td:first-child {
	padding-left: 5px;
  width: 60%
}

table.std tbody tr td {
  text-align: left;
  background-color: #000000;
  color: #fff;
  height: 10px;
}
    
</style>

About me text goes here.

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 )

Charlotte	1736221837 usingg Report Comment
All.T1me.L0w	1732470167 Using!!! Thank you so much! Report Comment
Andy	1728355963 using!! Report Comment
Ginni-beeeeeee	1722373248 USING atl freak over here Report Comment
✞ Ethan ✞	1691527256 using!! atl forever Report Comment Thank you! by Jody Marie ♡; 1691529260; Report