Simple Blue and White Layout

Tags: simple

Description:

credit isnt needed, but would be greatly appreciated! comment below or friend me 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=26498) -->


<style>

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

<style>

.profile {
   background-color: white 
}

  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: #C7F3FF;
   color: white 
}

  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: #C7F3FF;
   color: white
}


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

:root {
    --logo-blue:#C7F3FF;
    --darker-blue: #;
    --lighter-blue: #C7F3FF;
    --even-lighter-blue:#C7F3FF;
    --lightest-blue: #C7F3FF;
    --dark-orange: #C7F3FF;
    --light-orange:;
    --even-lighter-orange:;
    --green:#C7F3FF;
}



} 

.main {
    border: 2px outset #F3F3F3   !important;
}

.profile .table-section {
    border: 2px outset #F3F3F3 !important;
}

.profile .url-info {
    border: 2px outset #F3F3F3  !important;
}

.profile .contact {
    border: 2px outset #F3F3F3  !important;
}

.general-about .profile-pic img {
    border: 3px outset #F3F3F3  !important;
}

.profile .friends .heading {
    border: 2px outset #F3F3F3  !important;
}

.profile .blurbs .inner {
    border: 1px outset #F3F3F3  !important;
}

DIV.blog-preview {
    border: 2px outset #F3F3F3  !important;
}

.comments-table td {
    border: 2px outset #F3F3F3  !important;
}

.profile .friends .inner {
    border: 2px outset #F3F3F3  !important;
}

.comments-table td * {
    border: 2px outset #F3F3F3  !important;
}

.profile .friends .person img:not(.icon) {
    border: 3px outset #F3F3F3  !important;
}

.details-table td {
    border: 1px outset #F3F3F3  !important;
}

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

main {
    background-color: black;
    border: 3px outset #F3F3F3  !important;
}



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

.profile .url-info p {
    color: #C7F3FF
}

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

}



p {
color: #A4EBFF 
}

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

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;
}


 


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

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

Satoruhater97	1723526015 Using Report Comment
Ash ☆	1715548455 Using Report Comment
✩R0bL3iz F4n✩	1710605576 using! Report Comment
andy-matronic 🍉	1704221214 using!! Report Comment
Frans	1683833626 using B-) Report Comment
caretaker	1677008432 made it yellow! sorry it's so sloppy haha Report Comment