floffytester's profile picture

Published by

published
updated

Category: Web, HTML, Tech

WANDAHOI BLOG CODE ?!?!??!

<style>

@import url('https://fonts.googleapis.com/css2?family=Darumadrop+One&display=swap');

body{font-family: 'Darumadrop One', cursive;

font-size: 20px;

}

<style type="text/css">

</style><style>


:root {

    --headers: pink;

    --text: white;

    --hover: white;

    --names: pink;

    --links: pink;

    --borders: 1px solid white !important;

    --main_colour: rgba(0, 204, 187, 0.75);

    --background_image: url("https://i.ibb.co/swPvG5B/wp12048563.jpg");

    --curve: 2px;

    --simple_bg: (--main_colour);

    --underline_colour: white;

    --text_underline: wavy underline var(--underline_colour);

}


h3, h4, h5, .url-info b {color: var(--headers) !important;} /* headings*/

a {color: var(--links) !important;} /* color of links */

a:hover {color: var(--hover)!important ;} /*links on hover */

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: var(--hover)!important;} /* names on hover */

nav label {color: var(--links) !important;} /* color of search */

.section h4 {color: var(--headers) !important; text-align: center; 

text-shadow:

       3px 3px 0 white,

     -1px -1px 0 white,  

      1px -1px 0 white,

      -1px 1px 0 white,

       1px 1px 0 white;


} /* aboutme & want2meet headings */

.comment-reply:not(:first-child) {border-top: 3px double hotpink;} /* line in between comment replies*/

.count {color: var(--headers);}


<style>


/* text decoration */


a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {

    text-decoration: var(--text_underline);

}


.logout-btn:hover, .logout-btn:active {

    text-decoration: var(--text_underline);

}


nav .top a:hover {

    text-decoration: var(--text_underline);

}


nav .links a:hover {

    text-decoration: var(--text_underline);

}


.profile-info {

    border-radius: var(--curve) !important;

}


.comment-replies {

    border: 5px white;

}


.comments-table {

    border-radius: var(--curve) !important;

    border: none !important;

}


.details p:last-child {

    color: var(--links) !important;

    filter: brightness(95%);

}


body {

    background-image: var(--background_image) !important;

    background-color: var(--maincolour) !important;

    background-attachment: fixed;

    background-position:center center;

    background-size: cover;

}


nav {

    background-color: var(--main_colour);

    border: var(--borders);

}


nav .top {

    background-color: var(--main_colour);

}


nav .top a {

    color: var(--main_colour) !important;

}


nav .links {

    background: transparent !important ;

    text-align: center;

}


nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {

    content: " | ";

    color: var(--headers);

}


.search-wrapper input[type=text] {

    background-color: var(--main_colour) !important;

    border: 2px solid var(--text) !important;

    color: var(--text) !important;

    border-radius: 0px !important;

}


button {

    border-radius: 0px !important;

    border: 0px solid white!important;

  

    background-color: var(--main_colour) !important;

    color: #b387f5!important;

}


.online {

  content: url('https://i.ibb.co/DbhrkKR/project-sekai-nene-kusanagi.gif');


}


/* profile name */


h1 {

    font-family: 'Darumadrop One', cursive;

    font-size: 50px !important;

    color: pink!important;


   color: white;

   text-shadow:

       3px 3px 0 white,

     -1px -1px 0 white,  

      1px -1px 0 white,

      -1px 1px 0 white,

       1px 1px 0 white;

}



.contact {

    background: var(--main_colour);

}


main {

    background: var(--main_colour);

}



td {

    background-color: transparent!important;

}


hr {

    border-top: 1px solid white;

}


.profile-pic img {

    outline: none !important;

    border: none!important;

}


.friends-grid img {

    outline: none !important;

    filter: opacity(90%) !important;

    border-radius: var(--curve) !important;

}


.heading, .url-info, .blurbs, .friends, .table, .table-section, footer {

    border-radius: var(--curve) !important;

    border: var(--borders) !important;

}

.url-info{

  background-color: var(--main_colour);

}

.friends, .blurbs {

    background-color: var(--main_colour);

}


.mood, .contact, .blog-preview {

    border-radius: var(--curve) !important;

    border: var(--borders) !important;

}


.profile-info {

    background: var(--main_colour);

    border: var(--borders)!important;

    display: flex;

    align-items: center;

    justify-content: center;

}


.mood, .blog-preview {

    text-align: center;

    background: var(--main_colour);

    border: var(--borders) !important;

}


.mood{

margin-bottom: 10px;

}


.table-section {

    border: var(--borders) !important;

    background-color: var(--main_colour);

    border-radius: var(--curve) !important;

}


.heading {

    background: transparent!important;

    background-size: 100%100%!important;

    text-align: center;

    border: none!important;

}


.comments-table {

    display: block;

    height: 250px!important;

    overflow-y: scroll;

    border: var(--borders) !important;

    outline: none !important;

    border: none!important;

}


.comments-table td {

    border: var(--borders);

}


footer {

    color: var(--text);

    text-align: center;

    font-size: 60%;

    background-color: var(--main_colour);


}


/* cursor, credit : https://www.pixiv.net/en/artworks/96115525  also yes its kanade who isnt even part of wonderland x showtime but its cute and pjsk themed so fuck off okay its the only pjsk cursors i could find at all deadass wtf the games popular y arent there more i mean there are cute as miku ones, ik bc thats what i use myself (not on my own profile i cant be assed hosting them plus i got haruhi already brah)*/


a:hover {

    cursor: url('https://i.ibb.co/XX68JCd/image.png'), auto;

}


* {

    cursor: url('https://i.ibb.co/C5Vxs5W/image.png'), auto;

}


/* notification bell */


.icon, .award img {


        content: url(https://i.ibb.co/VLsmyyH/bell.png);


        display: inline-block;


        height: 1.5em;


        width: 1.5em;


        margin: 0 .05em 0 .1em;


        vertical-align: -0.3em;


        color: rgba(0,0,0,0);


    }


/*scrollbar*/


::-webkit-scrollbar {

    width: 5px;

    height: 8px;

}


::-webkit-scrollbar-track {

    border-radius: 0px;

    width: 2px;

    border: 1px solid var(--text);

}


::-webkit-scrollbar-thumb {

    background: var(--headers);

    border-radius: 0px;

}


::-webkit-scrollbar-thumb:hover {

    background: var(--main_colour);

}


/* all the little silly guys on the side, i usually just get them off tenor */


.table-section:after{

top: 10%;

font-size:0;

right: 7%;

position:fixed;

pointer-events: none;



content:url(https://media.tenor.com/fFi8xTe2ZLMAAAAi/ruikasa-tsukasa-tenma.gif);

transform: scale(0.7);

}


.table-section:before{

top: 55%;

font-size:0;

right: 10%;

position:fixed;

pointer-events: none;


content:url(https://media.tenor.com/ZTPWTfVXgvkAAAAi/asf.gif);


}


.blog-preview:after{

top: 40%;

font-size:0;

right: 78%;

position:fixed;

pointer-events: none;



content:url(https://i.ibb.co/nR9by5W/273px-Emu-6-cutout.png);


-webkit-transform: scaleX(-1);


transform: scaleX(-1);

}


/* contact images */


.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://i.ibb.co/VNrbRyJ/smileface.png')

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

/* add to favorite */

content: url('https://i.ibb.co/nDR9DNJ/pinkgem.png')

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

/* send a message */

content: url("https://i.ibb.co/M5DNf8Q/gemsprkl.png")

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

/* foward to friend*/

content: url("https://i.ibb.co/9g3sxKp/fredgem.png")

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

/* instant message */

content: url('https://i.ibb.co/M5DNf8Q/gemsprkl.png')

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

/* block user */

content: url('https://i.ibb.co/BBPSRtq/pinkcard.png')

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

/* add 2 group  */

content: url('https://i.ibb.co/5RhrqN6/backarrow.png')

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

/* report */

content: url('https://i.ibb.co/s3bGp2s/blue-menu.png')


@keyframes floating {

    0% { transform: translate(0,  0px); }

    50%  { transform: translate(0, 5px); }

    100%   { transform: translate(0, -0px); }   

}


/* floating animations */

.profile-pic, .friends .person p, .online, .profile h1{ 

    animation-name: floating;

    animation-duration: 3s;

    animation-iteration-count: infinite;

    animation-timing-function: ease-in-out;

    margin-left: 0px;

    margin-top: 0px;

}    


</style>


0 Kudos

Comments

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

floffytester

floffytester's profile picture

bfkjkwebflenklfwe


Report Comment



jerebgjkbjgbwejlg

by floffytester; ; Report