Simple Rainbow

Tags: rainbow, pride, crochet, colorful, simple

Description:

-Anything you want under the Blurbs area can be added into your Who I'd Like To Meet section.
-You can change your interest labels, found at the top of the code, labeled "topic".

Preview:

click on the image for a larger preview

Code:

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

<style>
:root {
    --topic1: "topic1"; 
    --topic2: "topic2";
    --topic3: "topic3";
    --topic4: "topic4";
    --topic5: "topic5";
    --topic6: "topic6";

 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
   color:var(--links) !important;
   letter-spacing:normal !important;
   text-shadow: 2px 2px darkviolet !important; /* CHANGE COLOR OF INTEREST LABELS HERE */
   filter: brightness(95%) !important;
}

.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
    content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
    content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
    content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
    content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
    content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
    content: var(--topic6);
}
</style>

<style>
    body{
    background-color: white !important;
    background-image: url('https://hosting.photobucket.com/images/g144/punkluv4evr/KawaiiCrochet_Bonus.jpg') !important;
    background-attachment: FIXED !important;
    background-repeat: NO-REPEAT !important;
    background-position: RIGHT center !important;
    }

    main{
    background-color: transparent !important;
    }
</style>


<style>
 .links{
    background-color: #D52235 !important;
    }
    .top{
    background-color: #D52235 !important;
    }
        .contact{
    background-color: #F69E3A !important;
        }
    .blurbs .heading{
    background-color: #B2DAE2 !important;
    }
    table.details-table{
    background-color: #EDDE99 !important;
    }
    .profile .details-table td{
    background-color: #F1DB88 !important;
    }
    .comments-table td{
    background-color: #B8D372 !important;
    }
    footer{
    background-color: #A4D3DB !important;
    }
    .contact .heading{
    background-color: #C993C4 !important;
    }
    .table-section .heading{
    background-color: #C993C4 !important;
    }
</style>

<style>
.friends .heading{
color:  !important;
background-color: #B2DAE2 !important;
}
</style>

<style>
.count{
color: #90169A !important;
}
</style>

<style>
 .blurbs .section h4{display: none !important;}
</style>

<style>
.url-info{display: none !important;}
</style>

<style>
body  
    {
--lighter-blue: none;
--lightest-blue: none;
}
</style>

<style>
table.comments-table{

display: block;
height: 300px!important;
overflow-y: scroll;

}
</style>

<style>* 
{cursor: url(https://cur.cursors-4u.net/nature/nat-11/nat1021.cur), 
auto !important;}</style>
<a href="https://www.cursors-4u.com/cursor/2012/01/27/rainbow-arch-over-clouds.html" target="_blank" title="Rainbow Arch Over Clouds"><img src="https://cur.cursors-4u.net/cursor.png" alt="Rainbow Arch Over Clouds" style="position:absolute; top: 0px; right: 0px;"/>
</a>

<a class="two" href="https://spacehey.com/hooterbby" target="_blank"><div style="position:fixed; top:0; left: 0; z-index: 9; width: 50px; height: 50px;">Hooterbby™</div></a>

<style>
body {text-align:center;}
table {margin:0 auto; text-align:left; width:728px;}
table table {width:auto;}
table table table {text-align:left!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 0 of 0 comments ( View all | Add Comment )