Report Blog Entry
A more cleaner code with a card background on the profile pic and text, copy and paste into the about me section :3
<style>
body {
background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/3c21bca5-5963-425b-bf5b-81c99322d245/ddlpxo2-c056f8fb-82b5-444c-9b35-6b519501ba44.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzNjMjFiY2E1LTU5NjMtNDI1Yi1iZjViLTgxYzk5MzIyZDI0NVwvZGRscHhvMi1jMDU2ZjhmYi04MmI1LTQ0NGMtOWIzNS02YjUxOTUwMWJhNDQucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.wwR1G8DBB8ZErXuWukEjcary3SEEv-YFD0Ugq3lDjV0);
background-attachment: fixed;
background-position: center;
background-size: 326%
}
.profile h1, .profile .mood p b, .profile .contact .heading h4, .profile .url-info p b, .profile .table-section .heading h4, .profile .table-section .heading h4, .blog-preview h4, .profile .blurbs .heading, .profile .blurbs .section h4, .profile .friends .heading, .profile .mood p b, h3 {
font-family: 'Patapon';
text-align: center;
font-size: 17px
}
.profile h1 {
font-size: 35px;
background-color: #0f0f0f;
margin-left: 40%;
margin-right: -125%;
border-radius: 12px;
box-shadow: 5px 5px 0px #0000009e;
border: none;
color: white
}
p.edit-link {
display: none
}
p, a, .profile .url-info p {
font-family: 'AR Cena';
text-align: center;
font-size: 16px
}
.profile-info .inner h3 a{
font-family: 'Patapon';
font-size: 23px
}
main {
margin-top: 30px;
background: transparent
}
.profile .mood, .profile .contact, .profile .url-info, .blog-preview, .profile .blurbs, .profile .table-section {
background-color: #fcefd9;
margin-bottom: 25px;
border-radius: 12px;
box-shadow: 5px 5px 0px #0000009e;
border: none
}
.profile .contact .heading, .profile .table-section .heading, .details-table td:first-child, .details-table td, .profile .blurbs .heading, .comments-table td:first-child {
background: transparent;
border-radius: 4px;
text-align: center;
border-color: black;
border-style: solid;
border-top-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
border-width: 3px;
}
.profile-info {
display: none
}
.friends {
background-color: #0000009e;
border-radius: 12px;
margin-bottom: 13px;
border-style: solid;
border-width: 2px;
border-color: #aeaeae3b
}
.profile .friends .heading {
background-color: #a6a7ce;
text-align: center;
color: #23130c;
border-radius: 15px
}
.comments-table td {
background-color: #a6a7ce;
border-style: solid;
border-radius: 12px;
border-color: white
}
table.comments-table {
border: none
}
.blog-preview, .profile .mood {
padding: 3px
}
.blog-preview {
margin-top: 85%;
}
.profile .mood p b, .blog-preview h4, .profile .contact .heading h4, .profile .url-info p b, .profile .table-section .heading h4, .profile .table-section .heading h4 {
color: #c4433d;
font-size: 18px
}
.profile .friends .heading h4 {
font-size: 18px
}
.general-about {
background-image: url(https://external-media.spacehey.net/media/sQRi7_bzX20wcmdqomH6PaoC7rFBO4A_ZZtA5PfIRiOw=/https://i.postimg.cc/yYYPhJ39/BA67-CFDE-794-F-4529-AE50-4-E118-C9-F153-F-1-201-a.jpg);
background-position: center;
background-size: 560px;
padding: 10px;
margin-bottom: 20px;
overflow-wrap: inherit;
border-radius: 20px;
box-shadow: 5px 5px 0px #0000009e;
border-style: solid;
border-color: white;
margin-right: -105%;
margin-left: 40%;
height: 321px;
width: 564px
}
.general-about .details {
margin-top: 40px;
margin-right: 30px;
}
.general-about .details p {
color: white;
font-size: 19px;
text-align: left
}
nav, footer {
background-image: url(https://external-media.spacehey.net/media/sM5ONj-dXxbwpXBsfmhdzvtAWTsBRuSN-uflfjxHxFXA=/https://files.catbox.moe/ngrgyu.png);
background-position: center;
background-size: 100%;
width: 120%;
margin-left: -10%;
margin-bottom: 3%;
margin-top: 1%;
padding: 2%
}
footer {
background-color: transparent
}
nav .top, nav .links {
background-color: transparent;
width: 90%;
text-align: center;
}
nav .top div {
margin-left: 7%
}
nav .top .center {
margin-top: 1%
}
nav .top .right {
margin-top: 1%;
margin-right: -2%
}
nav .links {
margin-left: 5%;
margin-top: -1.9%;
font-size: 140%;
}
:root {
--darker-blue: black;
--logo-blue: #c4433d;
--dark-orange: #c4433d;
}
footer p, footer .links a, footer .copyright a{
color: white;
font-size: 15px
</style>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )