Report Blog Entry
ok so i need help, i want my name and the blog preview heading to be like the other headings , with a light purple grayish background , but when i try to do that it removes the font? and im also free to any other improvements in my code (its kinda like a frankenstein of dif layouts and tutorials from the internet):
<style>
.blurbs .inner .section:first-of-type h4{
font-size:0;
}
.blurbs .inner .section:first-of-type h4:after{
content:" ";
font-size:.8rem;
}
.blurbs .inner .section:last-of-type h4{
font-size:0;
}
.blurbs .inner .section:last-of-type h4:after{
content:" ";
font-size:.8rem;
}
</style>
<style>
.contact .inner a img {font-size: 0;}
.contact .inner a img:before {font-size: 1em; display: block}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {content: "" url(https://pixelsafari.neocities.org/favicon/animals/dogwhite.gif);}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {content: "" url(https://pixelsafari.neocities.org/favicon/animals/dogwhite.gif);}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {content: "" url(https://pixelsafari.neocities.org/favicon/animals/dogwhite.gif);}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {content: "" url(https://pixelsafari.neocities.org/favicon/animals/dogwhite.gif);}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {content: "" url(https://pixelsafari.neocities.org/favicon/animals/dogwhite.gif);}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {content: "" url(https://pixelsafari.neocities.org/favicon/animals/dogwhite.gif);}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {content: "" url(https://pixelsafari.neocities.org/favicon/animals/dogwhite.gif);}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {content: "" url(https://pixelsafari.neocities.org/favicon/animals/dogwhite.gif);}
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
content: " 🌌";
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Chelsea+Market&display=swap&family=Zeyada&display=swap');
p{
font-family: 'Chelsea Market';
font-size: 100%;
}
h1,h2,h3,h4,h5{
font-family: 'Chelsea Market';
font-size: 150%;
text-align: center !important;
h1,h5{
background-color:red !important;
@keyframes hoverrainbow {
from {
filter: saturate(300%) hue-rotate(0deg);
}
to {
filter: saturate(300%) hue-rotate(360deg);
}
}
@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}
@keyframes hoverEffects {
from {
filter: saturate(150%) hue-rotate(0deg);
transform: translate(1px, 1px) rotate(0deg);
}
to {
filter: saturate(150%) hue-rotate(360deg);
transform: translate(1px, -2px) rotate(-1deg);
}
}
main img:hover {
animation: 1s hoverrainbow, 0.5s shake, 1s hoverEffects;
animation-iteration-count: infinite;
}
</style>
<style>
*{
border-radius: 9px;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading{
border-radius: 6px 6px 9px 9px;
}
</style><style>
.general-about{
position: relative;
margin-top: 30px;
}
.online {
content: url(https://sillyblinkies.neocities.org/online/WARNINGonline2.gif);
}
border-radius: 9px;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading{
border-radius: 6px 6px 9px 9px;
}
</style>
<iframe width="0" height="0" src="https://www.youtube.com/embed/jb_DuGxRgg4?si=TE9bRBEPnjQnIoPB//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
<style>
body
{background: url("https://i.pinimg.com/originals/b5/5c/37/b55c37cc1acc5eb6f2ced6d6e1cf2817.png")
no-repeat fixed; background-size: cover;
}
nav .top{
background-color: transparent;
}
</style>
<style>
main {
background: rgba(75, 29, 112, 0);
}
</style>
<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image: url(https://pa1.aminoapps.com/6967/66861bc103c09ea4d8accb4c94b50830cd6211c0r1-640-360_hq.gif);
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 1.5s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
</style>
<style>
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading .h1 {
background-color: #a8a7d1;
color: black;
}
.profile .table-section .details-table td {
background-color: rgba(53, 52, 99, 1);
color: black;
}
.profile .blurbs .heading, .profile .friends .heading, DIV.blog-preview .heading {
background-color: #a8a7d1;
color: black;
}
</style>
<style>
nav .links {
background-color: transparent;
}
nav .links a:hover {
color: rgba(255, 199, 226, 1);
}
</style>
<style>
.profile .contact, .profile .url-info, .profile .profile-info, .profile .table-section, .profile .mood{
background-color: rgba(53, 52, 99, 1);
}
</style>
<style>
.profile .friends, .profile .blurbs, .profile .blogs, .profile .blog-preview{
background-color: rgba(53, 52, 99, 1);
}
</style>
<style>
body
{
--lighter-blue: none;
--lightest-blue: none;
}
h2, h3, h4, h5, p{padding-left:5px !important;}
.contact .heading, .profile .table-section .heading, .blog-preview .heading, .profile .friends .heading, .mood{padding: 5px!important;text-align: center;}
.mood, .friends{margin-bottom: 10px;}
h3 , h4, h5, .url-info b {
color: black;
}
a {
color: #ADB4BF;
}
p, h2 {
color: #ADB4BF;
}
h1, .count, .friends a p {
color: black;
</style>
<style>
.general-about .profile-pic img {
border-radius: 50%;
box-shadow: 1px 0px 7px 2px rgba(0, 0, 0, 0.25);
}
.profile .friends .person img {
border-radius: 50%;
box-shadow: 1px 0px 7px 2px rgba(0, 0, 0, 0.25);
}
.profile .friends .person img:hover {
animation-name: hoverPFP;
animation-duration: 0.5s;
animation-iteration-count: 1;
}
@keyframes hoverPFP {
0%, 100% {border-radius: 50%;}
50% {border-radius: 25%;}
}
</style>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )