/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
scrollbar-width: none;
scrollbar-color: #ff00ae #000000;
}
/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
width: 15px;
}
*::-webkit-scrollbar-track {
background: #000000;
}
*::-webkit-scrollbar-thumb {
background-color: #ff00ae;
border-radius: 6px;
border: 0px none #ff00ae;
}
/* customizable snowflake styling */
.snowflake {
color: #ff00ae;
font-size: 1em;
font-family: Arial, sans-serif;
text-shadow: 0 0 5px black;
}
@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;user-select:none;cursor:default;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%;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;animation-delay:4s,2.5s}
✰✮✰✮✰✮✰✮✰✮✰✮
@keyframes spin{
from{ transform:rotate(0deg); }
to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img,
.comments-table,
.profile-info{
border: 6px#00ff1e;
border-radius: 8px;
box-shadow: 0 0 10px #00ff1e;
}
.profile-info {
border: 6px #ff00ae;
border-radius: 8px;
box-shadow: 0 0 10px #ff00ae;
background: url(https://i.pinimg.com/736x/60/73/43/607343a5d250a047f0626bf26fe11428.jpg);
display: flex;
align-items: center;
justify-content: center;
padding: 15px 5px;
margin-bottom: 10px;
background-position-y: 148px;
}
body{
background-image: url('https://img1.picmix.com/output/stamp/normal/6/5/6/1/1821656_75dc1.gif');
background-repeat: repeat;
background-position:undefined;
background-attachment: fixed;
background-size: auto;
background-color: #ffffff;
}
nav .top {
background: url(https://media.istockphoto.com/id/164310246/vector/emo-background.jpg?s=612x612&w=0&k=20&c=R9R1I1BhkcrF3xtdyJsD5FPx61SUNuomnUbfrJAa5mY=);
padding: 15px 10px 14px 10px;
display: flex;
position: relative;
border: 1px #ff00ae;
box-shadow: 0 0 10px #ff00ae;
border-radius: 8px;
margin-top: 20px;
margin-bottom: 10px;
}
nav .links{
background: url(https://i.pinimg.com/originals/62/32/c3/6232c3b056f719faf75115ba7c29eb08.gif);
border: 1px solid black;
box-shadow: 0 0 10px black;
border-radius: 8px;
margin-bottom: black;
text-align: center;
}
nav .links a {
text-decoration: none;
color: white;
text-shadow: 0 0 5px black;
font-size: max(0.98em, 12px);
background: black;
border-radius: 8px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
content: " ☆ ";
color: #ff00ae;
}
main{
background-color: #000000;
border: 2px Solid #11ff00;
}
.online {
color: #ff00ae;
font-weight: bold;
font-size: 120%;
}
.contact, .url-info, .table-section, .blurbs, .friends, .comments {
background-color: #000000;
border: 2px Solid #11ff00!important;
}
span[itemprop='name'] {
color: #ffffff;
font-size: 16pt;
font-weight: bold;
font-family: Sans-Serif;
}
h4 {
color: #ffffff;
font-size: 12pt;
font-weight: bold;
font-family: Sans-Serif;
}
.section h4, .details-table td:first-child {
color: #ffffff!important;
font-size: 12pt;
font-weight: bold;
font-family: Sans-Serif;
}
a, .count {
color: #ff00bb;
font-size: 8pt;
font-family: Sans-Serif;
}
a:hover {
color: #00ff1e;
font-size: 8pt;
font-family: Sans-Serif;
}
body,main {
color: #ffffff;
font-size: 8pt;
font-family: Sans-Serif;
}
.details-table td, .details-table td:first-child{
background: none!important;
}
.heading{
background: none!important;
}
.comments-table td{
background: none!important;
}
footer {
background-color: black;
border: 1px #00ff1e;
color: white;
border-radius: 8px;
box-shadow: 0 0 10px #00ff1e;
}
class="mayura2">
body {
background-color: #e3e3e3;
background: url(https://i.pinimg.com/564x/d3/87/38/d38738baf9d7ded484afe11d9ff871b8.jpg);
font-family: verdana, arial, sans-serif, helvetica;
background-size: 1000px;
}
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgb(82 15 15 / 48%) 50%, rgb(0 0 0 / 0%) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
* {
font-family: monospace;
cursor: url(https://64.media.tumblr.com/944a0abc7ef096acd29ddf29e1894969/25c2207280490ab6-da/s75x75_c1/e4bda17eefb34dcb8cf7f8a485ab6ab37b8dc869.gifv), url(https://64.media.tumblr.com/d4a50c1b4d90a1eccf75ccca47199961/b261dfe74ba3f797-4e/s250x250_c1/b8ad33e140c516f3c0960a2572806ef066ef50d0.gifv), auto !important;
}
main {
background: url(https://i.pinimg.com/474x/04/83/93/0483933….jpg) #fceef4d4;
#ff6868d4;
padding: 6px 0px;
font-size: 80%;
color: grey;
background-size: cover;
border: solid 2px #ff9fc9;
box-shadow: 0px 0px 6px #a14b74;
}
nav {
color: #828080;
font-size: 72%;
font-size: max(72%, 12px);
}
nav .links .special a {
color: #ff0000;
}
.general-about .profile-pic {
display: block;
float: left;
height: 150px;
box-shadow: 0px 0px 15px #ecb7d5;
border: #ffd6df double 5px;
}
.profile h1 {
font-size: 2.7em;
margin: 0 0 10px 0;
font-family: fangsong;
color: #ff9cc1;
}
.profile .friends .person img:not(.icon) {
filter: grayscale(100%);
}
div.profile h1 {
font-size: 2.5em;
text-shadow: 2px 2px 0.5px #ab2d2d;
overflow: hidden;
animation-name: example;
animation-iteration-count: infinite;
animation-duration: 1.4s;
}
a {
color: #1E40AF;
color: #d065a0;
text-decoration: none;
font-size: 10px;
}
p {
font-size: max(0.875em, 14px);
}
nav .links a {
text-decoration: none;
color: #ffffff;
font-size: 0.98em;
font-size: max(0.98em, 12px);
text-shadow: 0 0 7px #ffffff8c;
}
div.profile h1 {
font-size: 2.5em;
text-shadow: 2px 2px 0.5px
overflow: hidden;
animation-name: example;
animation-iteration-count: infinite;
animation-duration: 1.4s;
text-shadow: 2px 2px 0.5px #ff57a2;
}
b, strong {
font-weight: bolder;
color: #d35884;
font-size: 13.5px;
}
nav .links {
background-color: #ed7dac;
padding: 3.5px 16px 5.5px 16px;
border: solid 3px #d76785;
box-shadow: 0px 0px 10px #e24cb0;
}
nav .links::after {
content: url(https://64.media.tumblr.com/062574a6ce949afe2599ae7d9855957f/29429a2fed66c7ab-92/s75x75_c1/5434fc96e2df57ec30b76eb21a77afc2748f28a0.gifv)
}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
content: " ☆ ";
color: #ff0202;
}
button, input {
overflow: visible;
background-color: #ffdeee63;
border: 2px inset #ffb3c0;
}
.inner {
color: #cf3878de !important;
background: #fff9fb;
border: 3px inset #ffaad7;
border-radius: 0px !important;
box-shadow: 5px 8px #ffd1e3 !important;
background-size: cover;
}
.details-table td {
background: #DBEAFE;
background: #ffa5bc8c;
vertical-align: top;
border-bottom: dashed #ffffff;
box-shadow: 2px 5px #f38bba;
padding: 1px 12px 10px;
border-spacing: 10px;
}
.details-table td p {
margin: 0;
overflow-wrap: break-word;
word-break: break-word;
font-size: 12.5px;
}
.details-table {
margin: 2px;
border-spacing: 10px;
}
.comments-table td, .music-table td {
background: #ffffff00;
vertical-align: top;
}
.comments-table td:first-child, .music-table td:first-child {
background: #f9c56c;
background: #00000000;
text-align: center;
font-weight: bold;
width: 29%;
}
.profile .blurbs .heading, .profile .friends .heading {
background: #f9c56c;
background: #ffabce;
color: #ED0707;
color: #ffffff;
padding: 2px 7px;
box-shadow: 0px 0px 6px #e388bd;
border: inset #ff8ad5;
}
.profile .blurbs .heading:before {
content: url(https://64.media.tumblr.com/2a71dcdaf04250820581bc8c3bc90cac/d538a4a8786aa9cb-6a/s75x75_c1/2d7ea5dd881917805257b97bc4333b4def4a2828.gifv);
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background: #ff7dae;
color: #ffffff;
padding: 4px 7px;
border: 2px inset #ff6bb6;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
width: 100%;
border: 2px solid #e878a7;
margin: 10px 0;
background-blend-mode: color;
background: #ffe3f2;
box-shadow: #ffc0db 5px 5px;
}
footer {
text-align: center;
font-size: 70%;
margin: 10px 0 10px;
padding: 10px 5px;
background: url(https://64.media.tumblr.com/4ef363843eadaf4d22e813f4377586d0/5bbc5cd08fbcae95-9b/s500x750/4392091c5c59bb20616932eb6156d499f9037cca.gifv) #59001ea6;
background-size: 800px;
background-position: center;
background-blend-mode: soft-light;
background-color: #ffc4d3;
}
nav .links, footer .links {
list-style: cambodian;
margin-top: auto;
}
.profile .blurbs .heading h4 {
display: inline-block;
font-size: 13.5px;
}
.profile .blurbs .section h4 {
margin: 0;
color: #959595;
font-size: 13px;
}
.details-table td:first-child {
background: #BFDBFE;
background: #f9b9cd;
color: #1D4ED8;
color: #ffffff;
font-weight: bold;
width: 33%;
font-family: monospace;
font-size: 3.5mm;
}
nav .top {
background: #f0ffff00;
padding: 15px 10px 16px 10px;
display: flex;
background-size: cover;
background-position: bottom;
}
.logo {
filter: sepia(50%) hue-rotate(288deg) saturate(100);
}
.profile .url-info p {
font-size: 100%;
margin: 0;
word-break: break-all;
color: #8b8590;
}
.profile-info {
border: 2px solid rgb(254 133 180 / 70%);
background-image: url(https://64.media.tumblr.com/f9610d323fcf03096555db5f72b2e2c2/3422996381449623-08/s250x400/244c606292b8fedaf6e464cbff98e689d79047a5.gifv);
display: flex;
align-items: center;
justify-content: center;
padding: 15px 5px;
margin-bottom: 10px;
background-size: 290px;
}
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}
.online img {
content: url(https://64.media.tumblr.com/6cbf50d286f93d4b96856ba92dd77981/0029a9e9ab07cc70-9f/s250x400/4a0860b62ec1b04ad05b0992b722741a90636385.gifv);}
div.scarletangel {
background: url(https://64.media.tumblr.com/ce6d953f955627b6683991ad455f49b0/26d81e5c31b80d32-36/s400x600/ae349716fd562d1e946265ed716f2f9ccc71398b.gifv);
background-size: 100%!important;
position: fixed;
left: 630px;
bottom: 30px;
height: 300px;
width: 370px;
z-index: 100;
opacity: 100%;
background-blend-mode: overlay;
background-color: #ffc0cb38;
}
div.mayura2 {
background: url(https://64.media.tumblr.com/7e9eddf21a9a0699087ca295d3d67621/4467b007948c8ded-6c/s540x810/25bd4d3faca51ca948aa88b2ad68027f78de0eb4.gifv);
background-size: 100%!important;
position: fixed;
right: 900px;
top: 30px;
height: 175px;
width: 370px;
z-index: 100;
opacity: 100%;
background-blend-mode: overlay;
background-color: #ff8ac7ad;
}
div.heartfolder1 {
background: url(https://i.imgur.com/hyrao2u.png);
background-size: 100%!important;
position: fixed;
left: 1000px;
top: 20px;
height: 73px;
width: 80px;
z-index: 100;
opacity: 100%;
}
div.heartfolder2 {
background: url(https://i.imgur.com/hyrao2u.png);
background-size: 100%!important;
position: fixed;
left: 1000px;
top: 120px;
height: 73px;
width: 80px;
z-index: 100;
opacity: 100%;
}
div.heartfolder3 {
background: url(https://i.imgur.com/hyrao2u.png);
background-size: 100%!important;
position: fixed;
left: 1000px;
top: 220px;
height: 73px;
width: 80px;
z-index: 100;
opacity: 100%;
}
div.heartfolder4 {
background: url(https://i.imgur.com/hyrao2u.png);
background-size: 100%!important;
position: fixed;
left: 900px;
top: 20px;
height: 73px;
width: 80px;
z-index: 100;
opacity: 100%;
}
div.heartfolder5 {
background: url(https://i.imgur.com/hyrao2u.png);
background-size: 100%!important;
position: fixed;
left: 900px;
top: -80px;
height: 73px;
width: 80px;
z-index: 100;
opacity: 100%;
}
div.heartfolder6 {
background: url(https://i.imgur.com/hyrao2u.png);
background-size: 100%!important;
position: fixed;
left: 1000px;
top: 400px;
height: 73px;
width: 80px;
z-index: 100;
opacity: 100%;
}
.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://64.media.tumblr.com/7708f868dc26be83f356994b059574dc/947f5e53c6e30b8e-c6/s75x75_c1/54a1d19d41346daa38f7022072bf893393e1d48f.gifv")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorites */
content: url("https://64.media.tumblr.com/8f2873c1bf4abe15f130cb90aab5b880/de16010b85cc64d8-dd/s75x75_c1/58952615f0cb65279bd5f1aeb20a44f41141db94.gifv")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send Message */
content: url("https://64.media.tumblr.com/2ddf249c6a28d23959c782e7056da23b/e386af749187d014-61/s75x75_c1/37b07bfef349d68ff5a76ca29f651e50082a63eb.gifv")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* forward to friend */
content: url("https://64.media.tumblr.com/4df60e412e2774d70f3badefc5ee0475/50a86d7dbc813001-5f/s75x75_c1/b12f370a4052ba27029bd51144e2fb899775cdf0.gifv")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url("https://64.media.tumblr.com/02c88dcb6a4fbe7e9be7dd856003bcbf/50a86d7dbc813001-90/s75x75_c1/2de77306f1d926519f2eb9cf93fe8b5108a59f41.gifv")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url("https://64.media.tumblr.com/9e115c51c30ed1e8b665580227028149/cc1839e6baf4e1c1-97/s75x75_c1/0b35f44eda9d308092e4293f251a8a4e34ac2f6d.gifv")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add to group */
content: url("https://64.media.tumblr.com/f173b196e3889b1d9ad6a21746e205d8/29429a2fed66c7ab-c7/s75x75_c1/2ca07f7d05d9b4dafe9b6aa678ec53e8f9e51f5d.gifv")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report user */
content: url("https://64.media.tumblr.com/11c565ec5a80aed4229fd85cad87ce24/457ad034c51ea48d-40/s75x75_c1/537e7763ce40d3db686a7f0ba373728a660b516d.gifv")
}
div.contact:after {
width: 98%;
height: 30px;
display: block;
content: "";
background-color: transparent;
background-image: url(https://64.media.tumblr.com/b3e9135ccd4a7a4fc27a7499ab34e113/9a6747dfe0b3d955-1e/s540x810/30eb23c5970efedc37679e7a1336a70f92f391b5.gifv);
background-position: center;
background-size: 242px;
background-repeat: no-repeat;
}
.online {
content: url(https://64.media.tumblr.com/40747ec8e4574a2a4b1f9f062c30b056/088c2c2e065a2eb7-68/s75x75_c1/c882d1d2964d9f8457ddaab5274e1e7321308e4c.gifv);
}