Published by briisaah

published 1764276625

Category: Web, HTML, Tech

View Blog View Profile Report Blog Entry

pink page

<style>

body{

background-image:

url(https://i.pinimg.com/1200x/01/f8/5f/01f85f24917f84238c9a0c11bbfdb289.jpg);

background-size: 500px;

background-attachment: fixed;

}

</style>

🍥

</div>

🩰

</div>

🫧

</div>

🍥

</div>

🩰

</div>

🫧

</div>

🍥

</div>

🩰

</div>

🫧

</div>

🍥

</div>

🩰

</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>

<style>

.online img {

content: url(https://64.media.tumblr.com/e3c6d86a1e4087fa2563c1a3ad820a48/tumblr_inline_pgu3cwx7tJ1sr9by4_250.gifv);}

</style>

<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>

<style>

.general-about img {-webkit-mask-image: url(https://i.postimg.cc/rwhkspKL/911-sin-t-tulo-20240530173336.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

</style>

<style>

.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/rwhkspKL/911-sin-t-tulo-20240530173336.png );-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

</style>

<style>

.general-about{

position: relative;

margin-top: 30px;

}

.general-about .profile-pic::before{

content: '';

background: url('http://dl6.glitter-graphics.net/pub/3300/3300556nu0du0yln5.gif') no-repeat;

background-size: 70px;

display: block;

width: 200px;

height: 100px;

z-index: 999;

position: absolute;

top: -22px;

left: 108px;

}

</style>

0 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )