v's profile picture

Published by

published
updated

Category: Web, HTML, Tech

sailor moon layout

<style>

.online {

        content: url("https://pomelo.lol/pix/272679lz7b9hcea1.gif");}</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 type="text/css">* {cursor: url(https://cur.cursors-4u.net/anime/ani-11/ani1073.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/02/24/usagi-sailor-moon-link-select.html" target="_blank" title="Usagi Sailor Moon - Link Select"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="Usagi Sailor Moon - Link Select" style="position:absolute; top: 0px; right: 0px;" /></a>






<style>


































.general-about .profile-pic img {




content: url("https://cdna.artstation.com/p/assets/images/images/077/620/952/original/tugba-ozdogan-3-ai.gif?1719923280");




}








body {




font-family: Verdana;




}




body {




background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/d3ad83f6-0b0b-43e6-bc33-8dbba62dbdaa/dj1ckgd-9817e4a7-5770-4aa5-8ad1-16b3173f043b.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2QzYWQ4M2Y2LTBiMGItNDNlNi1iYzMzLThkYmJhNjJkYmRhYVwvZGoxY2tnZC05ODE3ZTRhNy01NzcwLTRhYTUtOGFkMS0xNmIzMTczZjA0M2IuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.gI5aHhzpfvORcJYL2-tj9jwEmNiOeEKL5ymwBpoJkDw);


















}




body::before {




content: " ";




display: block;




position: fixed;




top: 0;




left: 0;




bottom: 0;




right: 0;




background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);




z-index: 2;




background-size: 100% 2px, 3px 100%;




pointer-events: none;




}




.logo {




filter: brightness(100%) saturate(100%) invert(32%) sepia(96%) saturate(598%) hue-rotate(260deg) brightness(150%) contrast(200%);




}




#q, button {




color: #D361CB;




background-color: white;




border: 1px solid #efcfef;




font-family: inherit;




}




p, i, b, .count {




color: #d8f7f7 !important;




}




a, .profile .friends .person p, .logout-btn {




color: #d8f7f7 !important;




text-decoration: underline !important;




}




.container {




margin: 0 auto 0;




}




.icon {




display: none;




}




nav, nav .links a {




color: #d8f7f7;




}




nav .top {




margin-top: 2px;




background: none;




background-color: #aaedee;




border: 2px solid #d9a9e5;




border-bottom: none;




}




nav .links {




background-color: #d9a9e5;




border: 2px solid #d8f7f7;




}




main {




background: #d9a9e5;




color: #d8f7f7;




border-left: 2px solid #d8f7f7;




border-right: 2px solid #d8f7f7;




}




.heading, .url-info {




color: #D361CB !important;




background: none;




background-color: #aaedee !important;




border: 2px solid white !important;




}




.inner {




color: #aaedee !important;




border: 2px solid #aaedee;




border-top: none;




}




.profile-info {




border: 2px solid #d8f7f7;




}




.profile-info .inner {




border: none;




}




.friends .inner {




border-bottom: none;




}




#comments {




border-bottom: 2px solid #d8f7f7;




}




.profile .contact, .profile .table-section, .home-actions {




border: none !important;




}




.profile .contact .f-row:first-of-type {




margin-top: 0px;




padding-top: 7px;




}




.profile .blurbs .section h4 {




color: #d8f7f7 !important;




}




.details-table {




margin: 2px;




}




.details-table, td {




border: 1px solid #d8f7f7;




border-collapse: collapse;




}




td {




color: #d8f7f7 !important;




background: none;




background-color: #d9a9e5 !important;




}




table.details-table {




max-width: 98%;




}




.profile h1 {




font-size: 2em;




}








footer {




background: white;




border: 2px solid #d9a9e5;




}




footer p {




color #d8f7f7 !important;




}




.comments-table {




border: none;




border-collapse: collapse;




}




.comment-replies {




border: 1px solid ;




margin: 2px;




}




nav .info {




background: none;




}








footer {


border-radius: 15px; background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/d3ad83f6-0b0b-43e6-bc33-8dbba62dbdaa/dj1d2ia-955d14b4-397c-4c20-bdb7-b14ae310d5d4.jpg/v1/fit/w_800,h_120,q_70,strp/usagi_by_lazydaisy1313_dj1d2ia-414w-2x.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTIwIiwicGF0aCI6IlwvZlwvZDNhZDgzZjYtMGIwYi00M2U2LWJjMzMtOGRiYmE2MmRiZGFhXC9kajFkMmlhLTk1NWQxNGI0LTM5N2MtNGMyMC1iZGI3LWIxNGFlMzEwZDVkNC5qcGciLCJ3aWR0aCI6Ijw9ODAwIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmltYWdlLm9wZXJhdGlvbnMiXX0.XAK80HaSXiLCLfVRHNb3pX9SUkwiTRIaPsJ_ewl07DM);


color: white;


}




</style>








<style>




body:before {




content: " ";




height: 100vh;




width: 100vw;




display: block;




position: fixed;




top: 0;




left: 0;




z-index: 100;




background-image: url('https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExZjQzemc2d2Z4cHE4N2Y0aGliOGs2dWR4OWF5NndyaDhlNDJsbDR0NyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/YRuZ0T9SZfgrWr5Re5/giphy.gif');




background-size: cover;




background-repeat: no-repeat;




background-position:center;




animation: yourAnimation 2s ease 2s 1 normal forwards;




pointer-events: none;}




@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }




</style>






<div style="float: ; max-height: 800px; position: fixed; RIGHT: 1px; BOTTOM: 1px; z-index: 200;"><img src="https://media.tenor.com/yMdPQkE0q50AAAAj/usagi-tsukino-sailor-moon.gif"/></div


0 Kudos

Comments

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