Report Blog Entry
<style>
body{
background-image:
url(https://i.pinimg.com/736x/a8/df/31/a8df314ed849a9a8a5bfa1768841bbeb.jpg);
background-size: 500px;
background-attachment: fixed;
}
</style>
<div class="snowflakes">
<div class="snowflake">
🍥
</div>
<div class="snowflake">
🩰
</div>
<div class="snowflake">
🫧
</div>
<div class="snowflake">
🍥
</div>
<div class="snowflake">
🩰
</div>
<div class="snowflake">
🫧
</div>
<div class="snowflake">
🍥
</div>
<div class="snowflake">
🩰
</div>
<div class="snowflake">
🫧
</div>
<div class="snowflake">
🍥
</div>
<div class="snowflake">
🩰
</div>
<div class="snowflake">
🫧
</div>
</div>
<style>
/* customizable snowflake styling */
.snowflake {
color: purple;
font-size: 1em;
font-family: Arial, sans-serif;
text-shadow: 0 0 5px rgba(0,0,0,0.7);
}
@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
</style>
<img src="https://media.everskies.com/wxyeZj7HiN7l1oDYe1xW.gif"/>
<style>
.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(https://media.tenor.com/nB0XKaVcgAkAAAAi/blinkies-blinkie.gif); width: auto; height: 150px; background-position: top center; background-size: 50%; background-repeat: no-repeat;}
.profile .url-info p {text-align: center;}
</style>
<style>
.online img {
content: url(https://64.media.tumblr.com/e3c6d86a1e4087fa2563c1a3ad820a48/tumblr_inline_pgu3cwx7tJ1sr9by4_250.gifv);}
</style>
<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat984.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/12/29/pink-paw-print.html" target="_blank" title="Pink Paw Print"><img src="https://cur.cursors-4u.net/cursor.png" alt="Pink Paw Print" style="position:absolute; top: 0px; right: 0px;"/></a>
<style>
/* Gen Body Settings */
.container {
border: 1px solid #ffa9d6;
}
.icon {
height: 1em;
width: 1em;
}
/* Profile Settings */
.details-table td {
background-color: white;
color: #f2258f;
}
.details-table td p {
font-size: 11px;
font-family: 'ms ui gothic';
color: #f2258f;
}
.details-table td:first-child {
background: linear-gradient(#ffa9ea, white 20px);
text-align: center;
text-shadow: white 0px 1px 2px;
width: 30%;
box-shadow: #ffffffab 0px 1px 2px 2px inset;
color: black;
font-family: ms ui gothic;
font-size: 15px;
font-weight: normal;
}
.profile .contact .heading h4, .profile .table-section h4 {
font-weight: normal;
}
.profile .contact, .profile .table-section, .profile .url-info {
border: 0;
}
.profile .contact .inner, .profile .table-section .inner {
border: #ffa9d6 1px solid;
}
.profile-info {
border: 0;
margin: 0;
padding: 0;
}
.profile-info h3 {
font-weight: normal;
font-size: 11px;
color: grey;
margin: 0;
}
.profile h1 {
letter-spacing: 0.3px;
font-size: 14px;
margin: 0;
}
.general-about .profile-pic {
height: 100px;
border: 1px solid #b01083;
box-shadow: #a1c2cc 0px 2px 2px;
}
.mood p, .profile .url-info {
font-size: 13px;
font-family: 'MS UI Gothic';
}
.mood b, .profile .url-info b{
font-weight: normal;
font-family: verdana;
font-size: 0.875em;
}
.general-about .profile-pic img {
height: 100px;
width: 100px;
}
/* Link Settings */
.mood a, .inner a, .friends a {
color: #b01083;
font-weight: normal;
font-size: 13px;
font-family: 'MS UI Gothic';
}
.blog-preview a {
color: #b01083;
font-weight: normal;
font-size: 12px;
font-family: 'MS UI Gothic';
}
/* Nav Bar */
nav .links {
background: linear-gradient(#efcdf9 15%, #ffaae6, #f9d0e7);
box-shadow: white 0 1px 1px 1px inset;
padding: 0;
text-align: center;
}
nav .links a {
color: #f2258f;
text-shadow: white 0px 2px 4px;
padding: 1px
}
nav .links a:hover {
color: #f2258f;
background: linear-gradient(white, lavender);
text-decoration: none;
padding-top: 0;
}
nav .links li.active a {
color: #f2258f;
font-weight: normal;
}
nav .links li:not(:last-child)::after {
color: white;
text-shadow: lightblue 1px 0px 1px;
}
/* Nav Top */
nav .top {
background: linear-gradient(#e8bdd7 , #f2258f 40%, #e6add8);
box-shadow: #fff6 0px 0px 2px 3px inset;
}
/* Blurbs and Headings Settings */
.profile .blurbs .inner, .profile .friends .inner, .profile .contact .heading {
border: 1px solid #ffa9d6;
border-bottom: 0;
}
.profile .blurbs .heading, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading {
background: linear-gradient(#efcdf9 15%, #ffaae6, #f9d0e7);
box-shadow: white 0 1px 1px 1px inset;
color: #f2258f;
font-size: 11px;
font-weight: normal;
text-shadow: white 0px 2px 5px;
border: 1px solid #ffa9d6;
border-bottom: 0;
border-radius: 2px;
}
.profile .friends .heading h4, .blurbs .heading h4{
font-weight: normal;
}
.profile .blurbs .section h4 {
color: grey;
font-weight: normal;
font-size: 13px;
font-family: 'ms ui gothic';
}
.profile .blurbs .section {
font-size: 11px;
font-family: 'ms ui gothic';
color: #f2258f;
}
/* Friends */
.profile .inner b {
font-size: 11px;
font-family: 'ms ui gothic';
color: #f2258f;
}
.profile .inner span.count {
color: orange;
}
.profile .friends .person p {
font-size: 11px;
font-family: verdana;
color: #f2258f;
}
.comments-table td:first-child {
background: linear-gradient(#ffa9ea, white);
text-align: center;
text-shadow: white 0px 1px 2px;
width: 30%;
box-shadow: #ffffffab 0px 1px 2px 2px inset;
}
.comments-table img:not(.icon){
border: 1px solid #f2258f;
box-shadow: 0px 1px 2px #fff;
}
.comments-table td {
background-color: white;
}
button:not(.logout-btn) {
background: linear-gradient(#efcdf9 15%, #ffaae6, #f9d0e7);
box-shadow: white 0 1px 1px 1px inset;
color: #f2258f;
font-size: 11px;
font-weight: normal;
text-shadow: white 0px 2px 5px;
border: 1px solid #f2258f;
border-radius: 2px;
padding: 2px;
}
button:not(.logout-btn):hover {
background: linear-gradient(white, #d6bce0);
box-shadow: white 0 1px 1px 1px inset;
color: #f2258f;
font-size: 11px;
font-weight: normal;
text-shadow: white 0px 2px 5px;
border: 1px solid #f2258f;
border-radius: 2px;
padding: 2px;
}
</style>
<style>
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner a:before {
content: ""
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
display: inline-block;
background: url("https://i5.glitter-graphics.org/pub/638/638145bltz6zqhdo.gif")no-repeat 0 0;
background-size: 100%;
width: 16px;
height: 16px;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorites */
display: inline-block;
background: url("https://i6.glitter-graphics.org/pub/638/638146kvkkfs33zm.gif")no-repeat 0 0;
background-size: 100%;
width: 16px;
height: 16px;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send Message */
display: inline-block;
background: url("https://i10.glitter-graphics.org/pub/1065/1065500cl3si27n8p.gif")no-repeat 0 0;
background-size: 100%;
width: 16px;
height: 16px;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* forward to friend */
display: inline-block;
background: url("https://i5.glitter-graphics.org/pub/553/553525locp67mrqu.gif")no-repeat 0 0;
background-size: 100%;
width: 16px;
height: 16px;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
display: inline-block;
background: url("https://i10.glitter-graphics.org/pub/1073/1073020lz9hw5tluj.gif")no-repeat 0 0;
background-size: 100%;
width: 16px;
height: 16px;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
display: inline-block;
background: url("https://i6.glitter-graphics.org/pub/1864/1864126gg6pk5sjxk.gif")no-repeat 0 0;
background-size: 100%;
width: 16px;
height: 16px;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add to group */
display: inline-block;
background: url("https://i5.glitter-graphics.org/pub/1823/1823285xkz7w3dlz4.gif")no-repeat 0 0;
background-size: 100%;
width: 16px;
height: 16px;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report user */
display: inline-block;
background: url("https://i4.glitter-graphics.org/pub/1595/1595794joznotovno.gif")no-repeat 0 0;
background-size: 100%;
width: 16px;
height: 16px;
}
</style>
<style>
/* comment section icon */
.comments-table td:first-child img:not(.icon) { -webkit-mask-image: url(https://64.media.tumblr.com/9c93df2a47ec2fe3ca75307000c565eb/e25352d4f9ac015a-83/s2048x3072/0c5f8d9115263e84b403fe609f1c998270c51794.pnj);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>
<style>
/* friends icon */
.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://64.media.tumblr.com/9c93df2a47ec2fe3ca75307000c565eb/e25352d4f9ac015a-83/s2048x3072/0c5f8d9115263e84b403fe609f1c998270c51794.pnj);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>
<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image: url('https://media.tenor.com/YYhMbnpGJ_4AAAAC/my-melody-melody-mark.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 1s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
</style>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )