Report Blog Entry
It’s super messy but it’s my very first time coding things!
It’s not entirely my own as I pieced together a few strings that were from others, but for the most part I just used references!
Feel free to use as your own if you’d like!
/* <style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');
.online{
content:url(https://i.imgur.com/8h9boFC.gif);
height: 40px;
width: 40px;
}
.profile{
background-color:#000000;
}
td {
background-color:rgba(160, 170, 200, 0.15) !important;
border-radius:0px !important;
}
.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:#FFFFFF; !important;
letter-spacing:normal !important;
text-shadow: 2px 2px black !important;
filter: brightness(95%) !important;
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
content:"General";!important
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
content:"Songs";
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
content:"Aesthetics";
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
content:"Animes";
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
content:"DnD Class";
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
content:"Pets";
}
h1{
color:#97b4d1;
font-family:Montserrat, sans-serif;
text-shadow:2px 2px #75504a;
}
.profile-pic img{
border-radius:500px;
box-shadow:4px 3px #2d1e1f;
filter:grayscale(40%);
}
.contact {
background-image:url(https://i.imgur.com/JhHAi7G.gif);
border-radius: 25px;
border-color:#FFFFFF!important;
background-position:right, bottom;
background-size: 360px 150px;
background-repeat: repeat-y;
padding: 20px;
width: 200px;
height: 150px;
}
body, .bodyContent {
background-image:url(https://i.imgur.com/KQMOljo.gif);
background-repeat:repeat;
background-size:100%;
background-attachment:scroll;
border-color:#00000000;
border-width:30px;
border-style:dotted;
}
p, h2{
color:#FFFFFF!important;
}
a{
color:#858aab!important;
}
.friends, .count, a p{
color:#FFFFFF !important;
text-align:center !important;
}
.friends-grid img{
border-radius: 500px !important;
filter:grayscale(60%) !important;
}
h4 {
color:#FFFFFF !important;
}
.section h4{
color: #FFFFFF !important;
}
.heading, .blurbs, .blog-preview, .friends, .table, .table-section, footer{
background-color:rgba(10,13,20,.95) !important;
}
.table-section{
border:none !important;
}
.heading{
background:none !important;
padding-bottom:0px !important;
}
.w-40 .table-section:last-child .heading h4{
color:transparent !important;
text-shadow: none !important;
letter-spacing: -100px;}
.w-40 .table-section:last-child .heading::after{
content:"Follow Me";
font-family:Montserrat!important;
text-shadow: 2px 2px black !important;
text-transform:uppercase !important;
color:#FFFFFF !important;
font-weight: bold !important;
}
.url-info {
display:none !important;
}
.inner img{
border:solid 1.5px white !important;
filter:grayscale(60%) !important;
border-radius: 45px !important;
}
.contact img{
border:solid 0px!important;
}
main{
border:outset 5px;
border-top:none;
padding-top:0px!important;
}
.w-40 .table-section:nth-last-child(2) .heading h4{
color:transparent !important;
text-shadow: none !important;
letter-spacing: -100px;}
.w-40 .table-section:nth-last-child(2) .heading::after{
content:"Stuff";
font-family:Montserrat !important;
text-shadow: 2px 2px black !important;
text-transform:uppercase !important;
color:#FFFFFF !important;
font-weight: bold !important;
}
.w-40 .contact .heading h4{
color:transparent !important;
text-shadow: none !important;
letter-spacing: -100px;}
.w-40 .contact .heading::after{
content:"lets be friends";
font-family:Montserrat !important;
text-shadow: 2px 2px black !important;
text-transform:uppercase !important;
color:#FFFFFF !important;
font-weight: bold !important;
background:transparent;
}
nav{
background-image: url(https://i.imgur.com/aL4gaZy.gif);
border-radius: 0px 0px 0px 0px; !important;
background-size:100% 100%;
border:outset 5px;
border-bottom:none;
}
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.0) !important;
}
#comments{
background-image: url(https://i.imgur.com/hYKgAvi.gif);
background-size: 100% 100%;
Height:300px;
overflow:auto;
}
.comments-table{
background-color:rgba(30,35,40,.9);
}
#comments img{
border-radius: 1px!important;
border:0px0!important;
}
</style>
*/
Comments
Displaying 2 of 2 comments ( View all | Add Comment )
𝔐𝔞𝔱𝔱𝔶 𝔎𝔯𝔞𝔨𝔢𝔫
Thank you for this! I think it’s really great! I used it as a foundation and tweaked it a little for my own layout!
juicebox
I think for your first time it's great. I used it as a base for mine and tweaked it. Hope that's ok. 🙏
Thank you so much and That’s more than ok :) I’m happy I can offer a good base. Just checked out your profile and I’m in love with it!
by RiviR; ; Report