Report Blog Entry
THESE BUTTONS WONT WORK ON MY PROFILE AND IDK WHATS GOING ONNNN
my code
<style>
@import url(''https://fonts.googleapis.com/css2?family=Lora:ital@1&display=swap'');
p{
font-family: 'Lora', serif;
font-size: 120%;
color: white
}
h1,h2,h3,h4,h5{
font-family: 'Lora', serif;
font-size: 130%;
}
h1 {
color: #FFFFFF;
text-shadow: 1px 1px 2px #000000;, 0 0 25px black, 0 0 5px black;
}
h4 {
color: #FFFFFF;
text-shadow: 1px 1px 2px #000000;, 0 0 25px black, 0 0 5px black;
}
{
filter: sepia(100%) hue-rotate(179deg) saturate(1.99);
}
body {
background-image: url(https://www.shutterstock.com/image-photo/beautiful-carousel-dark-night-600nw-226072810.jpg);
background-size: cover;
height: 100%;
background-attachment: fixed;
}
.profile {
background-color: rgba(28,39,51,.80);
}
main{
background: rgba(1, 0, 0, 0) !important;
}
.url-info{
display:none !important;
}
button, input {
overflow: visible;
border: 1px solid #000000;
background: rgba(94,118,96,255);
color: white;
font-family: 'Lora', serif;
}
.profile .profile-info{
color: #f7deb4;
background-image: url(https://www.enworld.org/attachments/wl_map-jpg.140620/);
background-size: cover;
background-position: center;
}
}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
content: " ★ ";
color: white;
}
nav .top {
color: white;
font-family: 'Lora', serif;
}
/* change all headings on page to different colors. */
.profile .blurbs .heading,
.profile .friends .heading{
color: white;
}
/* change all headings on page to different colors. */
.profile .contact .heading,
.profile .table-section .heading{
color: white;
}
.comments-table{
display: block;
height: 200px;
overflow-y: scroll;
}
main:before {
width: auto;
margin-bottom: 5px;
height: 100px;
display: block;
content: "";
background-image: url(https://static1.thegamerimages.com/wordpress/wp-content/uploads/2023/11/cover-art-for-the-wild-beyond-the-witchlight-by-tyler-jacobson-final.jpg);
background-position: center center;
background-size: cover;
}
footer {
border-radius: 15px;
background-image: url(https://64.media.tumblr.com/a2424a634f24c486b2b66a4469f4d487/497929676ba531c1-71/s2048x3072/42cc687c307a039e60a1f6e249a9970fca734a19.jpg);
color: white;
background-size: cover;
height: 100%;
background-attachment: fixed;
}
:root {
--logo-blue:#1c2733;
--darker-blue: white;
--lighter-blue: black;
--even-lighter-blue: ;
--lightest-blue: ;
--dark-orange: white;
--light-orange: black:
--even-lighter-orange: ;
--green: pink;
}
.logo {
content: url(https://magma.com/shared/n7tJlHRmAi1nOYwkHRXM5y);
height: 100%;
}
.online{
color: #fffcfe;
font-family: 'Lora', serif;
font-size: 19px;
text-align: left;
}
.online img{
content: url(https://xyz.crd.co/assets/images/gallery02/4df25786.png?v=364e4a1e);
}
nav .links a:hover{
text-decoration: line-through;
color: #c3b8b6;
}
a:hover {
color: #f7deb4;
}
.count{
color: #FFFFFF;
}
.profile .friends-grid .person p{
color: #FFFFFF;
}
nav .links{
background-color: #5e7660
;
font-family:'Lora', serif;
font-size: 100%;
}
nav .links .special a {
color: #FFFFFF;
}
::selection {
background: #5e7660;
color: #FFFFFF
}
.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 {
/* Add to Friends */
content: url(https://64.media.tumblr.com/f514a67a3778adf97ef779c6d691b9d4/ecb607c6c2d4c1bd-d3/s75x75_c1/dfed295ea905bd994c5a4e99b16d71d0217da003.webp)
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorites */
content: url(https://64.media.tumblr.com/f514a67a3778adf97ef779c6d691b9d4/ecb607c6c2d4c1bd-d3/s75x75_c1/dfed295ea905bd994c5a4e99b16d71d0217da003.webp)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content: url(https://64.media.tumblr.com/f514a67a3778adf97ef779c6d691b9d4/ecb607c6c2d4c1bd-d3/s75x75_c1/dfed295ea905bd994c5a4e99b16d71d0217da003.webp)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward to Friend */
content: url(https://64.media.tumblr.com/f514a67a3778adf97ef779c6d691b9d4/ecb607c6c2d4c1bd-d3/s75x75_c1/dfed295ea905bd994c5a4e99b16d71d0217da003.webp)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content: url(https://64.media.tumblr.com/f514a67a3778adf97ef779c6d691b9d4/ecb607c6c2d4c1bd-d3/s75x75_c1/dfed295ea905bd994c5a4e99b16d71d0217da003.webp)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content: url(https://64.media.tumblr.com/f514a67a3778adf97ef779c6d691b9d4/ecb607c6c2d4c1bd-d3/s75x75_c1/dfed295ea905bd994c5a4e99b16d71d0217da003.webp)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group */
content: url(https://64.media.tumblr.com/f514a67a3778adf97ef779c6d691b9d4/ecb607c6c2d4c1bd-d3/s75x75_c1/dfed295ea905bd994c5a4e99b16d71d0217da003.webp)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
content: url(https://64.media.tumblr.com/f514a67a3778adf97ef779c6d691b9d4/ecb607c6c2d4c1bd-d3/s75x75_c1/dfed295ea905bd994c5a4e99b16d71d0217da003.webp)
}
.profile .contact {
border-radius: 10px;
background-image: url(https://www.dndbeyond.com/attachments/8/942/fire-breather-from-witchlight-carnival.jpg);
background-position: right top;
background-repeat: repeat;
background-attachment: scroll;
Height:140px;
color: white;
text-shadow: 1px 1px 2px black
}
.general-about .profile-pic img {
-webkit-mask-image: url(https://static.thenounproject.com/png/2049988-200.png);
-webkit-mask-size: 112.5%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
<style>
html:before {
animation: grain 8s steps(10) infinite;
background-image: url(https://i.ibb.co/Sn3Hy9n/QpnTsrV.jpg);
content: "";
height: 300%;
left: -50%;
opacity:.2;
position: fixed;
top: -110%;
width: 300%;
pointer-events:none;
}
@keyframes grain {
0%, 100% { transform:translate(0, 0) }
10% { transform:translate(-5%, -10%) }
20% { transform:translate(-15%, 5%) }
30% { transform:translate(7%, -25%) }
40% { transform:translate(-5%, 25%) }
50% { transform:translate(-15%, 10%) }
60% { transform:translate(15%, 0%) }
70% { transform:translate(0%, 15%) }
80% { transform:translate(3%, 35%) }
90% { transform:translate(-10%, 10%) }
}</style>
<style>
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none}
</style>
<div class="Gricko">
<style>
.Gricko {
background: url(https://static.wikia.nocookie.net/avantris/images/c/c6/Gricko_Grimgrin_Official_Art.png/revision/latest?cb=20230412094834) no-repeat;
background-size: 100%;
position: fixed;
right: -35px;
bottom: -100px;
height: 590px;
width: 490px;
z-index: 1000;
}
</style></div>
<div class="Torbek">
<style>
.Torbek {
background: url(https://static.wikia.nocookie.net/avantris/images/3/3e/Torbek_Official_Art.png/revision/latest?cb=20230412102108) no-repeat;
background-size: 100%;
position: fixed;
left: -35px;
bottom: -10px;
height: 590px;
width: 490px;
z-index: 1000;
}
</style></div>
<div class="CoalLecroux">
<style>
.CoalLecroux {
background: url(https://64.media.tumblr.com/8b1c6d999edc998cbe3007ccb1de6549/545721e0175c342b-27/s1280x1920/b091744c73b4bbb2d066f6a6a409c59f9cfc5dde.pnj) no-repeat;
background-size: 100%;
position: fixed;
left: -350px;
bottom: 600px;
rotate: 180deg;
height: 1100px;
width: 1300px;
z-index: 1000;
}
</style></div>
<div class="Frost">
<style>
.Frost {
background: url(https://64.media.tumblr.com/ad20a28870d3b195b81b4fc8916d9a2b/545721e0175c342b-98/s540x810/515dd4fa4b1a98bbb57c6164c81bcd6ed1665f04.pnj) no-repeat;
background-size: 100%;
position: fixed;
right: -60px;
bottom: 450px;
rotate: 180deg;
height: 790px;
width: 690px;
z-index: 1000;
}
</style></div>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )