Layout published by sun

published 1614394294
updated 1614406283

Add to Favorites

View Layouts

View Profile

Report Layout

cathedral

Tags: cathedral, dark, black, white, simple, compact, suni

Description:

cathedral

a black and white right-aligned layout. cathedral background and a statue header. simple and compact. throws a grayscale filter over you pfp and renames the interest table.

this layout will hide your

url
friends
comments (including add/view comments text)
links
profile info (the area at the top where it says "___ is your friend")
headers
heroes section

these can be reversed, pls message me if there's anything you want visible!
i'm still learning and i'll try my best to help y'all out.

includes an online now icon.

♥ if you like it/use it, please leave a comment and add me if you'd like!♥

-if you use this, modify it slightly, and post it on the layout page as yours please at least give me some credit y'all♥-

(not optimal for mobile, but will look right in landscape mode)

add a link to add comments by copying and pasting in your who i’d like to meet section (or any section!)

<a href="https://spacehey.com/addcomment?id=YOURIDHERE">leave a comment.</a>

your id will be a number found under your account settings :^)

Preview:

click on the image for a larger preview

Code:

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

fdsfdsfdsf
<!-- (c) Layout created by suni (https://layouts.spacehey.com/layout?id=2079) -->
<style>
@import url('https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&display=swap');
    :root {
        --logo-blue: transparent!important;
        --darker-blue: #000000;
        --lighter-blue: #000000;
        --even-lighter-blue: rgba(0, 0, 0, 0.7 )!important;
        --lightest-blue: transparent!important;
        --dark-orange: transparent!important;
        --light-orange: #000000;
        --even-lighter-orange: #FFFFFF;
        --green: #000000;
        
    }
    
   
    
    .section {color: black!important;}
       h4, nav label, {display: none;}
       
           
    .section {color: #000000!important;}
        p {color: #000000!important;}
        
    .blurbs{
        margin-top: -10px!important;
        text-align: center;
    }
       
    .search-wrapper input[type=text] {
        font-family: times;
        background-color: white!important;
        border: 1px solid white!important;
        border-radius: 0px !important;
        font-size: 8px;
        color: black!important;
        
    }
    
    button{
        border-radius: 0px !important;
        margin-top: 2px;
        border: 1px solid!important;
        text-transform: lowercase;
        font-family: times;
        font-size: 8px!important;
        background-color: gray!important;
        width:;
        color: white!important}
       
    
    body {
        background: white ;
        background-image: url("https://cutewallpaper.org/21/gothic-architecture-wallpaper/Gothic-architecture-phone-wallpaper-background-in-2019-.jpg");
        background-repeat: repeat;
        background-attachment: fixed;
        text-transform: lowercase;
        font-family: times;
        font-size: 12px!important;
        
    }

.blog-preview {
        margin-top: -15px;
        text-align: center;
        color: black;
        border-top: solid 1px;
        border-bottom: solid 1px;
    }
    
    .blog-preview p {
        font-size: 10px;
        margin-top: -10px!important;
    }
    .blog-preview p {
        text-align: center;
        background-color:;
        color: black!important;
        padding: 0px 1px;
        border-radius: 10px;
        margin-top: -40px;
    }
    
 
    
        
    }
    .blog-preview  a{
        color: black!important;
    }
    .blog-preview p a:hover
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: black!important;
    }
    
 
    nav {
        margin-bottom: 0px;
        text-align: center;
        overflow: hidden;
        background: rgba(0, 0, 0, 0.6);
        border: solid 1px;
        border-color: black!important;
        border-bottom: none;

    }
    
    

    nav .links {
        background: rgba(0, 0, 0, 0)!important;
        font-size: 11px;
        border: none;

    }
    
    nav .links a{
        color: white!important;
        
    }
   
   
    
    .contact {
        font-size: 11px;
        font-family: times;
        border: solid 0px  !important;
        background: transparent; 
        background-size: 160px;
     
    }
    
    .contact .inner {
        line-height: 0px;
    }
    
 
    
    .contact .inner a{
        color: black!important;}
        
    .contact .inner a img {
        font-size: 0;
    }
    .contact .inner a img:before {
        font-size: 0px;
        display: block
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
        /* add to friends */
        content: url("https://64.media.tumblr.com/2a9fbd56b8695d235a7ee74a4f85760d/tumblr_inline_p84kodtKFF1rhwzwl_75sq.png")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
        /* add to favorites */
        content: url("https://64.media.tumblr.com/2a9fbd56b8695d235a7ee74a4f85760d/tumblr_inline_p84kodtKFF1rhwzwl_75sq.png")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
        /* send Message */
        content: url("https://64.media.tumblr.com/2a9fbd56b8695d235a7ee74a4f85760d/tumblr_inline_p84kodtKFF1rhwzwl_75sq.png")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
        /* forward to friend */
        content: url("https://64.media.tumblr.com/2a9fbd56b8695d235a7ee74a4f85760d/tumblr_inline_p84kodtKFF1rhwzwl_75sq.png")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
        /* instant message */
        content: url("https://64.media.tumblr.com/2a9fbd56b8695d235a7ee74a4f85760d/tumblr_inline_p84kodtKFF1rhwzwl_75sq.png")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
        /* block user */
        content: url("https://64.media.tumblr.com/2a9fbd56b8695d235a7ee74a4f85760d/tumblr_inline_p84kodtKFF1rhwzwl_75sq.png")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
        /* add to group */
        content: url("https://64.media.tumblr.com/2a9fbd56b8695d235a7ee74a4f85760d/tumblr_inline_p84kodtKFF1rhwzwl_75sq.png")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
        /* report user */
        content: url("https://64.media.tumblr.com/2a9fbd56b8695d235a7ee74a4f85760d/tumblr_inline_p84kodtKFF1rhwzwl_75sq.png")
    }

    .profile-info{
        display: none!important;
    }    
    
    .profile .url-info {
        display:none;
    }
    .profile .table-section {
        font-size: 11px;
        border: dotted 0px!important;
        border-right: none!important;
    
    }

.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p:before { content:"likes"; font-size:10px; color: #ffffff;}
    .table-section:nth-last-child(2) .details-table tr:nth-child(2) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(2) td:first-child p:before { content:"listens"; font-size:10px; color: #ffffff;}
    .table-section:nth-last-child(2) .details-table tr:nth-child(3) td:first-child p { font-size:0; color: black}
.table-section:nth-last-child(2) .details-table tr:nth-child(3) td:first-child p:before { content:"films"; font-size:10px; color: #ffffff;}
    .table-section:nth-last-child(2) .details-table tr:nth-child(4) td:first-child p { font-size:0; color: black}
.table-section:nth-last-child(2) .details-table tr:nth-child(4) td:first-child p:before { content:"shows"; font-size:10px; color: #ffffff;}
   .table-section:nth-last-child(2) .details-table tr:nth-child(5) td:first-child p { font-size:0; color: black}
.table-section:nth-last-child(2) .details-table tr:nth-child(5) td:first-child p:before { content:"books"; font-size:10px; color: #ffffff;}
.table-section:nth-last-child(2) .details-table tr:nth-child(6){display:none;}

    }
    .home-actions {
        border: none;
    }

    
    table.details-table {
        border: black solid 1px!important;
        border-collapse: collapse;
        border-top: 0px;
        background: transparent!important;
      
        
        
        
    }
    table.details-table p {
        color: black!important;
        
    }
    table.details-table td {
        background: url("");
        border-bottom: black solid 1px;
        border-right: black solid 1px
    }
    .profile-pic {
        border-radius: 50px;
        border: solid black 1px;
        overflow: hidden;
        margin-top: -10px!important;
        height: 100px!important;
        width: 100px;
        filter: grayscale(100%);
     
        
    }
    .profile-pic img{
        max-height: 100%!important;
        max-width: 100%!important;
    }
    


    .heading {
        display: none;
    
    }
   


    h1 {
        background: url("");
        font-size:80px!important;
        font-family: UnifrakturMaguntia!important;
        font-weight: 200;
        transform: ;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: black;
        font-style: ;
        text-shadow: ;
        text-align: center!important;
        line-height: 50px;
        display: block;
        color: white;
        padding: 10px;
        margin-top: -270px!important;
      
    }
    
    


    
    main:before {
        background-image: url('http://www.geocities.ws/pict7_1/gothic/gothic_angel.gif');
        margin-left: 300px;
        background-size: 250px;
        background-repeat: no-repeat;
        color: transparent!important;
        display: block;
        content: "";
        width:;
        height: 300px;
        margin-bottom: -29px;
        margin-top: -5px;
    
}
    
    main {
        border: black solid 1px;
        background: url("")!important;
        height: 100%;
        width: 100%;
        background-repeat: no-repeat!important;
        background-position: bottom!important;
        background-color: rgba(255, 255, 255, 0.5)!important;
        border-top: none;
    
    }
  
    
    .container {
        overflow: hidden;
        padding: 100px;
        margin-top: -60px;
        margin-left: 500px!important;
    }

    .blurbs .heading {
        display: none;
        
    }
    footer {
        border-radius: 0px 0px 50px 50px;
        border: 0px;
        border-top: 0px;
        background: transparent!important;
        display: block !important;
        line-height: 0px;
        height: 83px;
        margin-top: -1px!important;
        
        
    }
    table.comments-table td {
        display: none;
        background-color: white!important;
        border: dotted 1px;
        width: 10px!important;
        font-size: 11px;
        
        
    }
    .comments-table td:first-child img {
        width: 60px!important;
        border-radius: 50px;
        
    }
    .profile .friends .person img {
        width: 60px;
        border-radius: 50px;
        
        
    }
    
    .profile .right 
    }
    
    .blog-preview {
        margin-top: 10px;
        text-align: center;
        color: black;
        border-top: solid 1px;
        border-bottom: solid 1px;
    }
    
    .blog-preview p {
        font-size: .6rem;
        margin-top: 60px;
    }
    
   

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

    a:link {
        color: #ffffff!important;
        
    }
    
    a:hover {
        text-transform: lowercase;
        text-decoration-style: none!important;
        background: none;
        border: none;
        color: #ffffff;
    }
    
    a:visited {
        color: #ffffff!important;
    
    }

.friends
{display:none;
    }



    .table-section:last-child {
         display: none !important;}
 

  .online {
         content: url("https://i.ibb.co/rZctnwP/onlinebw.gif");
  }

*
 {cursor: url(), auto !important;}


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

BettySchmitty	1748629178 Could anyone give me the code for JUST the cool font on your name/user name and background image? thank you! cool layout :) Report Comment
Vee <3	1747873580 using background Report Comment
⊹₊ ⋆𝙈𝙞𝙨𝙨𝙞𝙨 𝙆𝙞𝙧𝙞𝙠𝙖 ꩜ .	1747561751 Using Report Comment
jigglypuff<3	1746853605 using Report Comment
CASTiEL — Your Angel	1744739363 Using Report Comment
𝐫𝐨𝐜𝐤𝐰𝐞𝐥𝐥 ☕️	1744444379 usingg!!1! Report Comment
Jewell	1743719345 USING Report Comment
XC	1742157739 Usingg! Report Comment
XC	1742157737 Usingg! Report Comment
enni	1738420899 usiiing Report Comment
𝑯Λ𝑵𝒁𝑫Ø𝑫	1737852565 uussiing Report Comment
Soulters	1736668100 usingggggggggggggggggg Report Comment
JI9STAR	1732421524 Using Report Comment
cory	1732231228 using! Report Comment
𝖅𝖊𝖗𝖔	1732155121 this is perfect! using cx Report Comment
simon / isaac / dante .	1731744309 using!!! Report Comment
simon / isaac / dante .	1731744307 using!!! Report Comment
landon	1728615688 im gonna use this thankss Report Comment
yuu ♡ !\|pro yapper	1728248555 using grr Report Comment
⛧☾༺♰༻☽⛧ - P U Z Z L E !	1727589695 using Report Comment