Report Blog Entry
<style>
:root{
--headers: brown;
--links: chocolate;
--text: brown;
--names: brown;
--background_image: url("https://i.imgur.com/eZ16wCQ.jpg");
--font-family: "courier";
--mynamesize: 45px;
--transparency: 0.50;
--curve: 10px;
--hue: 0deg;
--simple_bg: #8995ad;
--topic1: "General";
--topic2: "Music";
--topic3: "Movies";
--topic4: "Television";
--topic5: "Books";
--topic6: "Heroes";
--myactions: "Explore With Me";
--mytopics: "My Interests";
--mylinks: "Find Me Here";
}
h3, h4, h5, .url-info b{ color: var(--headers) !important;} /* headings*/
a{color: var(--links) !important;} /* color of links */
p, h2{color: var(--text) !important;} /* color of text */
h1{
background-color:var(--box_color_and_seethru) !important;
border-radius: var(--curve) !important;
padding: 10px !important;
border: var(--borders) !important;
color: CHOCOLATE; !important;
} /* color of username */
.count, .friends a p{color: var(--names); !important;} /* color of names, and friends counter */
nav label{color: var(--headers) !important;} /* color of search */
.section h4{color: var(--names) !important;} /* aboutme & want2meet headings */
.online{color: var(--links) !important;} /* color of the 'online' text */
.section{color: var(--text) !important;} /* sometimes <p> is broken by embeds maybe. */
:root{ --box_color_and_seethru: rgba(236,228,210, var(--transparency));}
h1, h2, h3, h4, h5, a, nav label{
font-family: var(--font-family) !important;
text-transform:uppercase !important;
}
.section,p,a{
font-family: var(--font-family) !important;
}
h1, h2, h3, h4, h5, p {padding-left:5px !important;}
h1{
font-size: var(--mynamesize) !important;
text-transform:uppercase !important;
padding-middle:12px !important;
}
body {
background-image: var(--background_image) !important;
}
.heading, .url-info, .blurbs, .mood, .blog-preview, .friends, .contact, .table, .table-section, footer{
background-color:var(--box_color_and_seethru) !important;
border-radius: var(--curve) !important;
padding: 10px !important;
border: var(--borders) !important;
}
.details{
background-color:var(--box_color_and_seethru) !important;
border-radius: var(--curve) !important;
padding: 10px !important;
border: var(--borders) !important;
height: 175px;
}
#comments, .blurbs, .blog-preview, .friends, .mood, .contact, .table-section, footer
{ backdrop-filter: blur(0.58px);}
.table-section{border:none !important;background-color:var(--box_color_and_seethru)!important;border-radius: var(--curve) !important;}
.heading{background:none !important;padding-bottom:0px !important;}
.profile-pic img{
/* the face rotation is funny, but let's comment it away for default */
/* transform: rotate(90deg) !important; */
outline:none !important;
border-radius: var(--curve) !important;
}
.friends-grid img{
outline:none !important;filter: opacity(90%) !important;
width:60% !important; height:30% !important;
border-radius: var(--curve) !important;
filter:hue-rotate(var(--hue)) !important;
}
.inner img{
outline:none !important;
border-radius: var(--curve) !important;
}
iframe{border-radius: 60px !important;opacity: 0.66 !important;}
nav{background-color:var(--box_color_and_seethru); !important;border-radius: 0px 0px var(--curve) var(--curve); !important;}
nav ul{background:none !important;}
nav img{filter: opacity(80%) !important;}
nav ul a img, .mood a img{display:none !important;}
.top{background:none !important;background-color:rgba(0, 0, 0, 0.8); !important;}
nav img.logo{filter: brightness(0) saturate(100%) invert(30%) sepia(70%) saturate(5131%) hue-rotate(370deg) brightness(89%) contrast(80%) !important;}
.url-info{display:none !important;}
td {background-color:rgba(0, 0, 0, 0.0) !important;border-radius: var(--curve) !important;}
main{border-radius: var(--curve) !important;}
main{background-color:rgba(0, 0, 0, 0.0); !important;}
.friends th, tr, .friends td, th, .icon, #comments, main, .comments-table, .friends, .profile-info, .table, .table-section, .contact, .url-info, .mood, .blurbs, .blog-preview, .details, .profile-pic img
{
border: 1px SOLID BROWN !important;
outline: none !important;
}
.icon{border:none !important;}
.mood{margin-bottom:12px !important;}
.blurbs{margin-top:12px !important;}
.friends{margin-top:-12px !important;}
.profile-info{border-radius: var(--curve) !important;}
.comments-table{border-radius: var(--curve) !important;border:none !important;}
.table-section{padding-bottom:9px !important;}
#comments{margin-top:40px !important;padding-bottom:40px !important}
.details p:last-child{color:var(--links) !important; filter: brightness(95%);
}
.contact, .f-row, .f-col{padding-left:0px !important;margin-left:0px !important;margin-right:0px !important;padding-right:0px !important;}
.contact{padding-left:2px !important;}
.f-row{margin-bottom:3px !important;padding-bottom:0px !important;padding-top:2px !important;margin-top:0px !important;}
.f-col a{margin-left:-2px !important;padding-left:-2px !important;}
.contact{padding-bottom:12px !important;}
.search-wrapper input[type=text] {background-color: rgba(255, 255, 255, 0.5) !important;border: 1px solid var(--headers) !important;color:var(--names) !important;border-radius: 10px !important;}
button{border-radius: 10px !important;border: 1px solid var(--headers) !important;font-family: var(--font-family) !important;background-color:rgba(255, 255, 255, 0.5) !important;color:var(--headers) !important;}
code{ word-break: break-all !important;}
.w-40 .table-section:last-child .heading h4{color:transparent !important;text-shadow: 2px 2px 4px #ffffff; !important;letter-spacing: -100px;}
.w-40 .table-section:last-child .heading::after{
content: var(--mylinks);
font-family: var(--font-family) !important;
text-transform:uppercase !important;color: var(--headers) !important;font-weight: bold !important;}
.w-40 .table-section:nth-last-child(2) .heading h4{color:transparent !important;text-shadow: 2px 2px 4px #ffffff; !important;letter-spacing: -100px;}
.w-40 .table-section:nth-last-child(2) .heading::after{
content: var(--mytopics);
font-family: var(--font-family) !important;
text-transform:uppercase !important;color: var(--headers) !important; font-weight: bold !important;
}
.w-40 .contact .heading h4{color:transparent !important;text-shadow: 2px 2px 4px #ffffff; !important;letter-spacing: -100px;}
.w-40 .contact .heading::after{
content: var(--myactions);
font-family: var(--font-family) !important;
text-transform:uppercase !important;color: var(--headers) !important;font-weight: bold !important;}
.blurbs .heading{display:none !important;}
.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: 2px 2px 4px #ffffff; !important;letter-spacing: -100px;}
.details-table tr td:first-child p::after{
color:var(--links) !important;
letter-spacing:normal !important;
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);
}
hr{ border: 1px dashed var(--names) !important;filter: brightness(55%) !important;}
button.logout-btn {
border: none !important;
}
</style>
Comments
Displaying 2 of 2 comments ( View all | Add Comment )
Baelien 🌻
I'm absolutely in love with this one thank you so much
Not a problem!!! I'm so happy you like it!!!
by Anfaeia; ; Report
Anfaeia
To add to profile, first you must copy all of the coding. Then click home, go to edit profile, then add it to your "who I'd like to meet" section of your editing process. Then save.