Blue Retro

Tags:

Description:

credit not needed, add me or comment if you use this layout! : )

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ☆★☆★→Callum←☆★☆★ (https://layouts.spacehey.com/layout?id=26391) -->

<style>

  body {
        background-color: #292D4C;
    }</style>

<style>

.profile {
   background-color:#33375C; 
}

  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color:#242742;
   color: #7076A9 ;
}

  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: #242742;
   color: #7076A9;
}


table.comments-table td {
    color: #242742;
}

:root {
    --logo-blue:#242742;
    --darker-blue: #;
    --lighter-blue: #242742F;
    --even-lighter-blue:#242742;
    --lightest-blue: #33375C;
    --dark-orange: #7076A9;
    --light-orange:#242742;
    --even-lighter-orange:#242742;
    --green:#7076A9;
}



} 

.main {
    border: 2px dashed #4D59C6  !important;
}

.profile .table-section {
    border: 2px dotted #4D59C6 !important;
}

.profile .url-info {
    border: 2px dotted #4D59C6 !important;
}

.profile .contact {
    border: 2px dotted #4D59C6 !important;
}

.general-about .profile-pic img {
    border: 3px dotted #4D59C6 !important;
}

.profile .friends .heading {
    border: 2px dotted #4D59C6 !important;
}

.profile .blurbs .inner {
    border: 2px dotted #4D59C6 !important;
}

DIV.blog-preview {
    border: 2px dotted #4D59C6 !important;
}

.comments-table td {
    border: 2px dotted #4D59C6 !important;
}

.profile .friends .inner {
    border: 2px dotted #4D59C6 !important;
}

.comments-table td * {
    border: 2px dotted #4D59C6 !important;
}

.profile .friends .person img:not(.icon) {
    border: 3px dotted #4D59C6 !important;
}

.details-table td {
    border: 2px dotted #4D59C6 !important;
}

.profile .url-info p {
    color: #4D59C6  ;
}

main {
    background-color: black;
    border: 2px dashed #4D59C6 !important;
}



DIV.url-info > P:nth-child(1) > B {
    color: #7076A9;
}

.profile .url-info p {
    color: #7076A9;
}

.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 
  

}



p {
color: #7076A9
}

img {
filter: sepia(350%) hue-rotate(200deg) saturate(5);
}

body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}

html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://i.imgur.com/QpnTsrV.jpg);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
}

  
  @import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&display=swap');
;body{ font-family: 'Amatic SC', cursive;}

.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* Add to Friends */
	content: "☆"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: "♥"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "✎"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: "➤"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "☎"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "✘"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "✦"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Pofile */
	content: "✗"
}


<style>
body {cursor:url(https://www.gafcodes.com/premade/cursors/jspunkette/cursor15.cur), default;}
</style>

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 21 comments ( View all | Add Comment )

SadJack	1755974185 Using :3 Report Comment
Cassi4n_jkr WIP PROFILE!!	1750634930 Using!! :3 Report Comment
Cassi4n_jkr WIP PROFILE!!	1750634930 Using!! :3 Report Comment
gab :P	1747091852 Usingg!! Report Comment
nicolás ᨒ	1743614132 using tysm Report Comment
Rain𖤐	1738482958 Using! Report Comment
brisketti	1734113735 using (: Report Comment
AWIREDMOTH	1726667131 UUUSSING :O Report Comment
edolon	1720143698 OUU USING Report Comment
CLEAR SKIES OVER MILWAUKEE	1718652667 using! tysm Report Comment
𖤐Alex𖤐	1716160182 Using thanks :) Report Comment
mob	1702001669 usinggg Report Comment
domo	1701329015 using!! Report Comment
seventhmelody	1692550811 using! Report Comment
Yush ☆	1684429063 using tyyy Report Comment
☆𝔖𝔨𝔢𝔩𝔢𝔱𝔬𝔯☆	1683180886 Using ️ Report Comment
amy	1680432567 using! Report Comment
Funky Alien	1677549381 Def using! So cool! Report Comment
strngealien	1677529982 Been looking for smth like this! Totes using! (⁠＾⁠∇⁠＾⁠) ⁠♪*• × Report Comment
Mazin	1676862583 do you do layout requests Report Comment