Report Blog Entry
<style>
footer::after{
bottom: 0;
font-size: 0;
left: 75%;
position:fixed;
pointer-events: none;
content:url("https://64.media.tumblr.com/ac2fa219c7fe5b7ef31e51ce0274237d/4383530b9dc7d4f5-88/s540x810/c35c26ffdf7cfb545cdaec7900a2cc9ed85e5f08.pnj");
}
</style>
<style>
.logo {
content:url("https://64.media.tumblr.com/7e5abdebdc56e953b4211d3163603229/d5c93078450baf6c-b1/s75x75_c1/df27e5a56f924fb7302998583a65200bf9e20c66.gifv");
}
</style>
<style>
body{
background-image: url('https://64.media.tumblr.com/7bf94fb4e076bc96a011dbabd6cfbcc2/61edb96c5e1f209e-bb/s250x400/8d291307cbc4cad4700e918dfd4a9d6d8910f9db.jpg');
background-size: 552px;
}
nav .links{
color: #000000;
background-color: #ab1e21;
border-right: solid 1px;
border-left: solid 1px;
border-bottom: solid 1px;
background-color: #ab1e21;
text-shadow: 2px 2px 5px #000000;
font-weight: bold;
font-family: italic;
text-align: center;
box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #5a0406;
}
nav .top{
background-color: #ab1e21;
border-top: solid 1px;
border-left: solid 1px;
border-right: solid 1px;
background-color: #ab1e21;
color: #000000;
text-shadow: 2px 2px 5px #000000;
font-weight: bold;
font-family: italic;
font-size: 15px;
box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #5a0406;
}
a:hover{
color: white;
}
main {
background: transparent;
padding: 20px 0px;
}
main .left{
background-image: url('https://64.media.tumblr.com/ef0ff63a81e53e356aec0c0a96b4d449/cd6fa6bab7b4d5de-51/s500x750/36ffa587b114f11686d7df415221e0c414b94328.gifv');
background-size: 550px;
padding: 20px;
}
main .right{
background: transparent!important;
}
.general-about .profile-pic {
border: solid 1px #5a0406;
box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #5a0406;
margin-bottom: 30px;
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
margin-left: 0px;
margin-top: 0px;
}
@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, 5px); }
100% { transform: translate(0, -0px); }
}
/*===============you can change the link to anything else===============*/
.profile-pic > img { display:none; }
.profile-pic:after { background-image: url("https://64.media.tumblr.com/bda8ccdb007005a454bf2d27696d3ec8/4fb2b2d385177ebc-e7/s1280x1920/ce8123121a09814edb05d9280c226ded40110616.jpg");
display: inline-block; content:"" }
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 150px; }
.profile-pic:after{
border: 4px solid rgb(90,4,6);
box-shadow: 1px 0px 10px 2px rgb(90,4,6);
}
.profile.person img:not(.icon){
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
margin-left: 0px;
margin-top: 0px;
}
.profile .mood{
background-color: #ab1e21;
border: solid 1px #5a0406;
margin-bottom: 30px;
box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #5a0406;
text-align: center;
color: #000000;
font-family: italic;
text-shadow: 2px 2px 5px;
}
.profile .contact{
background-color: #ab1e21;
border: solid 1px #5a0406;
margin-bottom: 30px;
box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #5a0406;
text-align: center;
color: #000000;
font-family: italic;
}
.profile .url-info{
background-color: #ab1e21;
margin-top: 30px;
border: solid 1px #5a0406;
box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #5a0406;
color: #000000;
font-family: italic;
text-align: center;
}
.profile .contact .heading{
color: #000000;
font-family: italic;
background-color: #ab1e21;
text-shadow: 2px -1px 5px;
font-size: 15px;
}
.profile .table-section{
margin-top: 30px;
font-family: italic;
border: solid 1px #5a0406;
box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #5a0406;
background-color: #ab1e21;
text-align: center;
}
.profile .blog-preview{
border: solid 1px #5a0406;
margin-bottom: 30px;
box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #5a0406;
text-align: center;
color: #000000;
font-family: italic;
text-shadow: 2px 2px 5px;
background-color: #ab1e21;
font-size: 15px;
}
.profile .blurbs .inner{
border-bottom: solid 1px #5a0406;
border-left: solid 1px #5a0406;
border-right: solid 1px #5a0406;
margin-bottom: 30px;
box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #5a0406;
text-align: center;
color: #000000;
font-family: italic;
text-shadow: 2px 2px 5px;
background-color: #ab1e21;
}
.profile .friends .inner{
background-color: #ab1e21;
border-bottom: solid 1px #5a0406;
border-left: solid 1px #5a0406;
border-right: solid 1px #5a0406;
margin-bottom: 30px;
box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #5a0406;
text-align: center;
color: #000000;
font-family: italic;
font-size: 15px;
text-shadow: 2px 2px 5px;
}
table.comments-table{
background-color: #ab1e21;
color: #000000;
text-align: center;
font-family: italic;
font-size: 13px;
}
.profile .table-section .heading{
background-color: #ab1e21;
color: #000000;
font-family: italic;
text-shadow: 2px 2px 5px;
font-size: 15px;
}
.details-table td{
background-color: #ab1e21;
border-bottom: solid 1px #5a0406;
color: #000000;
font-family: italic;
}
.details-table td *{
background-color: #ab1e21;
color: #000000;
font-family: italic;
text-shadow: 2px 2px 5px;
font-size: 12px;
}
.details-table td{
color: #000000;
background-color: transparent!important;
}
.profile .blurbs .heading{
background-color: transparent;
border-top: solid 1px #5a0406;
border-left: solid 1px #5a0406;
border-right: solid 1px #5a0406;
box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #5a0406;
text-align: center;
color: #000000;
font-family: italic;
text-shadow: 2px 2px 5px;
font-size: 15px;
}
.profile .friends .heading{
background-color: #ab1e21;
border-top: solid 1px #5a0406;
border-left: solid 1px #5a0406;
border-right: solid 1px #5a0406;
box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #5a0406;
text-align: center;
font-family: italic;
font-size: 15px;
color: #000000;
text-shadow: 2px 2px 5px;
}
.comments-table td{
background-color: transparent;
border: solid 1px #5a0406!important;
outline: none!important;
background-size: cover;
}
.comments-table td:first-child{
background-color: transparent;
border: solid 1px #5a0406!important;
outline: none!important;
}
.comments-table{
border: solid 1px #5a0406!important;
}
.comments-table td *{
color: #000000;
}
/*===============Replace Icons on comments, remove/edit===============*/
.comments-table td * > img { display:none; }
.comments-table td:first-child{
background-image: url('https://64.media.tumblr.com/fb5af106a3dbe61a077da9b89a00d421/ec2c158b8de6a3b3-b7/s250x400/14b62c4551222fd038190f11ece2db8e0798ba9c.gifv');
background-size: cover; height: 150px; width: 169px;
}
.profile h1{
color: #000000;
font-family: 'Yu Gothic';
font-size: 30px;
text-align: center;
text-shadow: -1px 3px 10px #000000;
}
/*===============Online===============*/
.online {
content: url('http://www.myspacegens.com/images/online_now/128.gif');
}
.details p:last-child{
color: #000000;
text-shadow: 2px 2px 5px #000000;
}
.url-info {display: none !important;} /* to hide the url */
.blurbs .heading{display: none !important;} /* to hide the blurbs heading */
a {color: var(--links) !important;} /* color of links */
a:hover {color: var(white) !important;} /* color of links on hover */
p, h2 {color: var(--text) !important;} /* color of text */
.friends a p {color: var(--names) !important;} /* color of names, and friends counter */
.friends a:hover p {color: var(--hover) !important;} /* color of names on hover */
nav label {color: var(--links) !important;} /* color of search */
.section h4 {color: var(--headers) !important; text-align: center;} /* aboutme & want2meet headings */
.comment-reply:not(:first-child) {border-top: 3px double red;} /* line in between comment replies*/
.count {color: #5a0406;}
a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
text-decoration: underline;
text-decoration-style: wavy;
}
nav .links a:hover {
text-decoration: underline;
text-decoration-style: wavy;
}
.logout-btn:hover, .logout-btn:active {
text-decoration: underline;
text-decoration-style: wavy;
}
.blurbs{
border-top: solid 1px #5a0406;
}
.comments-table {
display: block;
height: 500px!important;
overflow-y: scroll;
border: var(--borders) !important;
outline: none !important;
border: none!important;
}
.profile-info{
margin-bottom: 30px;
background-color: #ab1e21;
border: solid 1px #5a0406;
box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) #5a0406;
color: #000000;
}
.general-about .details{
color: #000000;
font-family: italic, bold;
font-size: 13px;
}
footer {
background-color: transparent;
color: #ab1e21;
text-shadow: 2px 2px 5px #000000;
}
<style>
/* Force scrollbars onto browser window */
::-webkit-scrollbar {
width: 5px;
height: 12px;
}
::-webkit-scrollbar-track {
border-radius: 0px;
width: 2px;
border: 1px solid red;
}
::-webkit-scrollbar-thumb {
background: red;
border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
background: red;
}
</style>
<style>
table, th, td {
border: 0px solid;
}
:root {
--topic1: "general";
--topic2: "music";
--topic3: "movies";
--topic4: "tv";
--topic5: "books";
--topic6: "heroes";
}
.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:var(--links) !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: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
content: var(--topic6);
}
</style>
<style>
main {
/* sets background */
background-image: url( );
background-repeat: repeat;
background-size: 50% ;
}
</style>
<style>
/* contact icons */
.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: "♱"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "♱"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "☠︎︎"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "☠︎︎"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "✮"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "✮"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group */
content: "🎧"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "🎧"
}
</style>
<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/e80e86a5735e523d919ca6993f7c3583/a12ca5cab6fe49a9-f1/s400x600/10b4eda272be2dd0672c5d109863d4b56ee837d0.gifv'); /*gif link here*/
background-size: cover;
background-repeat: no-repeat;
animation: yourAnimation 4s ease 0s 1 normal forwards;
pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
</style>
<style>* {cursor: url(https://cur.cursors-4u.net/symbols/sym-2/sym107.ani), url(https://cur.cursors-4u.net/symbols/sym-2/sym107.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2005/09/21/sym107.html" target="_blank" title="Animated Spinning Coloful Pentagram"><img src="https://cur.cursors-4u.net/cursor.png" alt="Animated Spinning Coloful Pentagram" style="position:absolute; top: 0px; right: 0px;"/></a>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )