Report Blog Entry
I hope someone likes it
Feel free to add on to it
<style>
/*Intro GIF Animation (fade out)*/
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image: url('https://64.media.tumblr.com/tumblr_logupyytbL1qenzp6o1_500.gifv'); /*gif link here*/
background-size: cover;
background-repeat: no-repeat;
animation: yourAnimation 3s ease 0s 1 normal forwards;
pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
</style>
<style>
main:before {
width:auto;
height: 130px;
display: block;
content: "";
background-image: url('https://i.imgur.com/5YAR1sY.gif');
background-position: center center;
background-size: cover;
}
main {
background-image: url(https://lastfm.freetls.fastly.net/i/u/770x0/c212154dad6f4e0e996f3edca3b348af.jpg);
background-repeat: no-repeat;
background-size: 100% ;
background-color:rgba(255, 255, 255, 0.7);
}
body{
background:url("https://images2.imgbox.com/f4/e5/3URDZLAT_o.jpg")
no-repeat fixed;
background-size: cover;
</style>
<style>
footer {
border-radius: 15px;
background-color:#000;
background-position: center bottom;
background-image: url(https://bloody-disgusting.com/wp-content/uploads/2014/02/msifuckmachinebanner.png);
</style>
<style>
/*making the comments section have a scroller*/
.comments-table{
display: block;
height: 380px;
overflow-y: scroll;
Border-radius: 15px;
background-color: ;
}
</style>
<style>
.profile h1 {
font-size: 30px;
font-family:'', ;
}
</style>
<style>* {cursor: url(https://ani.cursors-4u.net/cursors/cur-11/cur1076.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2012/06/24/s-pink-premium-link-select.html" target="_blank" title="S Pink Premium - Link Select"><img src="https://cur.cursors-4u.net/cursor.png" alt="S Pink Premium - Link Select" style="position:absolute; top: 0px; right: 0px;"/></a>
<style>
a:hover{
color:hotpink;
cursor:;
text-decoration:none;
text-shadow: 3px 1px 3px #000, 1 1 25px #000, 1 1 5px #000;}
p { font-size: 150%; font-family: Fantasy; font-style: cursive; }
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Bungee&family=Fredoka+One&display=swap');
body {
font-family: 'bungee', cursive;
}
</style>
<style>
main {
background-color: transparent;
color: white; /*this is your text color*/
}
</style>
<style>
:root {
--logo-blue:black ;
--darker-blue:deepskyblue ;
--lighter-blue:black ;
--even-lighter-blue:rgba(255, 51, 126, 0.67);
--lightest-blue:rgba(255, 51, 126, 0.67) ;
--dark-orange:hotpink;
--light-orange:rgba(255, 51, 126, 0.67) ;
--even-lighter-orange:rgba(255, 51, 126, 0.67) ;
--green: hotpink;
}
</style>
<style>
.url-info{display:none !important;} /* to hide the url */
.blurbs .heading{display:none !important;} /* to hide the blurbs heading */
h3, h4, h5, .url-info b{ color: var(--headers) !important;} /* headings*/
p, h2{color: var(--text) !important;} /* color of text */
h1, .friends a p{color: var(--names) !important;} /* color of names, and friends counter */
h1, .friends a:hover p{color: red(--hover) !important;} /* color of names on hover */
.section h4 {color: var(--headers) !important;text-align:center;} /* aboutme & want2meet headings */
.comment-reply:not(:first-child){border-top: 3px double hotpink;} /* line in bewtween comment replies*/
.count{color:hotpink;}
</style>
<style>
.profile .friends .person img {
border-radius: 10px;
}
</style>
<style>
/*top search bar customisation*/
.search-wrapper input[type=text] {
background-color: rgb(105,105,105) !important;
border: 1px dotted var(--headers) !important;
color:pink(--names) !important;
border-radius: 10px !important;
}
</style>
<style>
.profile-pic {
border-radius: 20px;
overflow: hidden;
}
</style>
<style>.online { visibility: hidden; } .online img { content: url("http://www.myspacegens.com/images/online_now/001.gif"); animation-name: none; visibility: visible; height: 43px; width: 90px; }</style>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )