Rous's profile picture

Published by

published

Category: Blogging

my old code

<!-- (c) Layout created by layout! (https://layouts.spacehey.com/layout?id=107589) -->


<style>


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

body{font-family: 'Play', sans-serif;}

{background-color: black;}

img {

filter: sepia(100%) hue-rotate(179deg) saturate(1.99);

}

body::bee {

  position: fixed;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  z-index: 2;

  background: linear-gradient(rgba(20, 20, 100, 0.2) 50%, rgba(0, 0, 0, 0) 50%);

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

  pointer-events: none;

}

#q, button {

color: #C4F6FF;

background-color: black;

border: 1px solid grey;

font-family: inherit;

}

p, i, b, .count {

color: #C4F6FF !important;

}

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

color: #C4F6FF !important;

text-decoration: underline !important;

}

.container {

margin: 0 auto 0;

}

.icon {

display: none;

}

nav, nav .links a {

color: #C4F6FF;

}

nav .top {

margin-top: 2px;

background: none;

background-color: black;

border: 2px solid grey;

border-bottom: none;

}

nav .links {

background-color: black;

border: 2px solid grey;

}

body{

background-image:

url(https://upload.wikimedia.org/wikipedia/commons/thumb/c/cd/Black_from_a_camera.jpg/1200px-Black_from_a_camera.jpg);

background-attachment: fixed;

background-size: 1000px;

}


main {

background: black;

color: #C4F6FF;

border-left: 2px solid grey;

border-right: 2px solid grey;

}

.heading, .url-info {

color: #C4F6FF !important;

background: none;

background-color: black !important;

border: 2px solid grey !important;

}

.inner {

color: #C4F6FF !important;

border: 2px solid grey;

border-top: none;

}

.profile-info {

border: 2px solid grey;

}

.profile-info .inner {

border: none;

}

.friends .inner {

border-bottom: none;

}

#comments {

border-bottom: 2px solid grey;

}

.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: #C4F6FF !important;

}

.details-table {

margin: 2px;

}

.details-table, td {

border: 1px solid grey;

border-collapse: collapse;

}

td {

color: #C4F6FF !important;

background: none;

background-color: black !important;

table.details-table {

max-width: 98%;

}

.profile h1 {

font-size: 20px;

}

footer {

background: black;

border: 2px solid grey;

}

footer p {

color #C4F6FF !important;

}

.comments-table {

border: none;

border-collapse: collapse;

}

.comment-replies {

border: 1px solid grey;

margin: 2px;

}

nav .info {

background: none;

}


</style>

<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-1/oth3.ani), url(https://cur.cursors-4u.net/others/oth-1/oth3.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2005/05/17/oth3-11.html" target="_blank" title="Cigarette"><img src="https://cur.cursors-4u.net/cursor.png" alt="Cigarette" style="position:absolute; top: 0px; right: 0px;"/></a>



<!-- (c) Layout created by garrulousEdel (https://layouts.spacehey.com/layout?id=97856) -->


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

max-width: 16px;

max-height: 16px;

content: url(https://media.discordapp.net/attachments/986482427981623297/1199784351127318659/image.png?ex=65c3cd40&is=65b15840&hm=59b947799ee4f34002de1d9abc6abda1c2c4679f23e434afcfbd63db8895f2d6&=&format=webp&quality=lossless&width=22&height=20);

}

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

/* add to favorite */

content: url(https://media.discordapp.net/attachments/986482427981623297/1199785306094837770/image.png?ex=65c3ce23&is=65b15923&hm=7e3d922e57becd67d9b7685caa5b148e667c176265644eaf08127a5a05659d8a&=&format=webp&quality=lossless&width=22&height=20);

}

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

/* send a message */

content: url(https://media.discordapp.net/attachments/986482427981623297/1199785553919496372/image.png?ex=65c3ce5e&is=65b1595e&hm=25e6f97be3246277ee6b692046ecdfcd05ec01cd73f73d2f8c138bf8c8babeb5&=&format=webp&quality=lossless&width=22&height=20);

}

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

/* foward to friend*/

content: url(https://media.discordapp.net/attachments/986482427981623297/1199783900302544956/image.png?ex=65c3ccd4&is=65b157d4&hm=bc5f643d4b78ddaa5c452c9da1182e94c2b8a3cf6a27c5258d3dc655b4986587&=&format=webp&quality=lossless&width=22&height=20);

}

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

/* instant message */

content: url(https://media.discordapp.net/attachments/986482427981623297/1199785954009952297/image.png?ex=65c3cebe&is=65b159be&hm=5986be1ae07e43e17ec3b62f9c0b6135474f4065cbbf8b83ac417259092cf59b&=&format=webp&quality=lossless&width=22&height=20);

}

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

/* block user */

content: url(https://media.discordapp.net/attachments/986482427981623297/1199786492525023242/image.png?ex=65c3cf3e&is=65b15a3e&hm=152b448ea43ce462934a55d6d5db2d1fe1e1123c680b52f64fc22ae14f94f529&=&format=webp&quality=lossless&width=22&height=20);

}

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

/* add 2 group  */

content: url(https://media.discordapp.net/attachments/986482427981623297/1199786679335125082/image.png?ex=65c3cf6b&is=65b15a6b&hm=1fa69d7362d3f8cfe3a0c985d95ae20d20011d11f3bf49b15ee06d1b95250069&=&format=webp&quality=lossless&width=22&height=20);

}

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

/* report */

content: url(https://media.discordapp.net/attachments/986482427981623297/1199787083372445766/image.png?ex=65c3cfcb&is=65b15acb&hm=1c3b07dd5cd07019c28aa60f502841dbac57410b1ba75b69de1141578edffdd1&=&format=webp&quality=lossless&width=22&height=20);

}   

</style>



<!-- (c) Layout created by 𝔯𝔢𝔯𝔦𝔢 ☆ (https://layouts.spacehey.com/layout?id=33426) -->


<style>


h1{

  animation: type 3s steps(27);

  color: white;

  font-size: 10px;

  font-family: courier;

  white-space: nowrap;

  overflow: hidden;

  }


@keyframes type{

  0%{

    width:0ch;

  }

  

  100%{

    width:27ch;

  }

}


@keyframes blink{

  0%{opacity:1;}

  50%{opacity:0;}

  100%{opacity:1;}

}


{

content: " ";

display: block;

position: fixed;

top: 0;

left: 0;

bottom: 0;

right: 0;

background: linear-gradient(rgb(10 10 50 / 20%) 50%, rgb(0 0 0 / 0%) 50%);

z-index: 2;

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

pointer-events: none;

}

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

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

}


.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

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

}


</style>










<!-- (c) Layout created by supersillywilly (https://layouts.spacehey.com/layout?id=35140) -->


<style>

img:hover {

  /* Start the shake animation and make the animation last for 0.5 seconds */

  animation: shake 0.5s;


  /* When the animation is finished, start again */

  animation-iteration-count: infinite;

}


@keyframes shake {

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

  10% { transform: translate(-1px, -2px) rotate(-1deg); }

  20% { transform: translate(-3px, 0px) rotate(1deg); }

  30% { transform: translate(3px, 2px) rotate(0deg); }

  40% { transform: translate(1px, -1px) rotate(1deg); }

  50% { transform: translate(-1px, 2px) rotate(-1deg); }

  60% { transform: translate(-3px, 1px) rotate(0deg); }

  70% { transform: translate(3px, 1px) rotate(-1deg); }

  80% { transform: translate(-1px, -1px) rotate(1deg); }

  90% { transform: translate(1px, 2px) rotate(0deg); }

  100% { transform: translate(1px, -2px) rotate(-1deg); }

} </style>


<style>

button:hover {

  /* Start the shake animation and make the animation last for 0.5 seconds */

  animation: shake 0.5s;


  /* When the animation is finished, start again */

  animation-iteration-count: infinite;

}


@keyframes shake {

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

  10% { transform: translate(-1px, -2px) rotate(-1deg); }

  20% { transform: translate(-3px, 0px) rotate(1deg); }

  30% { transform: translate(3px, 2px) rotate(0deg); }

  40% { transform: translate(1px, -1px) rotate(1deg); }

  50% { transform: translate(-1px, 2px) rotate(-1deg); }

  60% { transform: translate(-3px, 1px) rotate(0deg); }

  70% { transform: translate(3px, 1px) rotate(-1deg); }

  80% { transform: translate(-1px, -1px) rotate(1deg); }

  90% { transform: translate(1px, 2px) rotate(0deg); }

  100% { transform: translate(1px, -2px) rotate(-1deg); }

} </style>



<iframe width="0" height="0" src="" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy" class="hideobj">

</iframe>


<style>

main:before {

 width: 100%;

 height: 200px;

 display: block;

 content: "";

 background-image: url(https://i.pinimg.com/originals/d1/ce/15/d1ce15d284b3e347422df62818e09af6.gif);

background-position: center; 

background-size: 100%;

}


</style>


      






<!-- (c) Layout created by nez :} (https://layouts.spacehey.com/layout?id=98155) -->



<style>

nav img.logo {

 

 content:url("https://i.ibb.co/T2MC0Pp/rumialogo2.png");

    }

</style>

<br/>

<br/>

<img src="https://qph.cf2.quoracdn.net/main-qimg-206ca65132eacb20e6987583665794c4" style="width: 600px; height: 100px;"/>



<img src="https://64.media.tumblr.com/a233877571602fdc52bbf3d2d75385db/tumblr_pgef2uZbKY1xzybrpo2_100.png"/>


<img src="https://64.media.tumblr.com/05c6b8ec62277f1ac36f88e497d42cc0/tumblr_pbt6qp9t571xzybrpo6_100.png"/>

<img src="https://64.media.tumblr.com/dba8497e10902e05ec601f8b84610c52/58937edb8f512a81-0e/s1280x1920/dc2302ae268a91aa8c565af43d6f07a4d2825008.gifv"/>

<img src="https://64.media.tumblr.com/775ce27af024fd913d33ede9ff360321/4b177778350523c7-82/s1280x1920/50d450a15270b3914f3492208f8001fc84b0959d.png"/>

<img src="https://64.media.tumblr.com/6514a326039b797cea9bd57a96118647/0070ae47cf7f50ce-ad/s100x200/c4d02e8e23ac12bcf4fc11d21b46a72d6aa5e7ac.png"/>


<img src="https://64.media.tumblr.com/79b4250a25eadb8ebb0b78ba3d71e1ae/950d36d0942da142-e4/s250x400/50273eb8d1aad596ab023d13cc60271b34e865d5.gifv"/>


<img src="https://64.media.tumblr.com/816218646dd9c9bc91413628f396e350/b598b7fada21f160-0c/s250x400/550a091ee0933dd62535d113397c658e785dc0d6.gifv"/>


<img src="https://external-media.spacehey.net/media/sbPcHFLgRchDyC1OIvpS4uc03sG-52qckhmqc9F1n8SU=/https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/b2ae9221-5d8e-4fd3-a0c4-76947801050c/d1ivby5-aa5cfc86-3f4e-487a-aa8c-b75596f8c53c.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2IyYWU5MjIxLTVkOGUtNGZkMy1hMGM0LTc2OTQ3ODAxMDUwY1wvZDFpdmJ5NS1hYTVjZmM4Ni0zZjRlLTQ4N2EtYWE4Yy1iNzU1OTZmOGM1M2MucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.cyFn4-3RJc-Knib3DXzUFPiWAzC5u3VgeIoeU7K8-sU"/>


<img src="https://external-media.spacehey.net/media/sg75Wd2mVpxMW19y2UqTudhwUaTTWwbO3WloC_rFGRJc=/https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/28a9bd5e-65cd-4ecb-9e09-7b86ad961d1b/dcvel8c-92d27403-bfbb-4f55-bde8-c41f79b48687.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzI4YTliZDVlLTY1Y2QtNGVjYi05ZTA5LTdiODZhZDk2MWQxYlwvZGN2ZWw4Yy05MmQyNzQwMy1iZmJiLTRmNTUtYmRlOC1jNDFmNzliNDg2ODcucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.4U53xEXIQTY-9mpytIaK2Jrly0jrC4qU6ZlsvsvWmPc"/>


<img src="https://external-media.spacehey.net/media/sN5ffHru28xY3UHe1RQbcqfqqMQMGYSDQRjsFOCfS87k=/https://coloredvoid.neocities.org/stamps/lainstamp.gif"/>


<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/d8bf9bd2-627f-42b0-8ff5-2893ba558c22/d153gwt-8195000e-eabc-429b-8daf-8eb16f293d43.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2Q4YmY5YmQyLTYyN2YtNDJiMC04ZmY1LTI4OTNiYTU1OGMyMlwvZDE1M2d3dC04MTk1MDAwZS1lYWJjLTQyOWItOGRhZi04ZWIxNmYyOTNkNDMucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.NsG_-4WwQ_tBfvDb6JoV5IUJdKo3NGGTqc1SqysmVJI"/>


<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/932d9b58-9ae5-4435-8809-153167753023/dv4wkb-23270d06-7846-4a58-8770-5122aea64d03.jpg/v1/fill/w_99,h_56,q_75,strp/fatal_frame_butterfly_stamp_by_donaruie_dv4wkb-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NTYiLCJwYXRoIjoiXC9mXC85MzJkOWI1OC05YWU1LTQ0MzUtODgwOS0xNTMxNjc3NTMwMjNcL2R2NHdrYi0yMzI3MGQwNi03ODQ2LTRhNTgtODc3MC01MTIyYWVhNjRkMDMuanBnIiwid2lkdGgiOiI8PTk5In1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmltYWdlLm9wZXJhdGlvbnMiXX0.G64_IovRTXzd7fi11Ko_Ss4ZQ_eEHOCBq7UdR0Ewafs"/>


<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/3cfa961d-a020-4118-8887-5f39f5524ae3/d1oec4t-3b3dee2d-fa64-4360-996f-370128d27398.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzNjZmE5NjFkLWEwMjAtNDExOC04ODg3LTVmMzlmNTUyNGFlM1wvZDFvZWM0dC0zYjNkZWUyZC1mYTY0LTQzNjAtOTk2Zi0zNzAxMjhkMjczOTgucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.jkKvwm6et-MpKL2vIiLePnVD6hVkYdNwbf4MIEm-8ic"/>


<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/e5aa7a87-dd3e-48e6-8ca7-084738bc0a4c/dh5w491-a6addb0c-0c34-4d97-bf75-4c6ddb44b031.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2U1YWE3YTg3LWRkM2UtNDhlNi04Y2E3LTA4NDczOGJjMGE0Y1wvZGg1dzQ5MS1hNmFkZGIwYy0wYzM0LTRkOTctYmY3NS00YzZkZGI0NGIwMzEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.th06H-3vr7hQ9DnY1ePDmTNaCTo9nSq5w0LbTZ8arFY"/>










<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://ae01.alicdn.com/kf/H847eb492cd2e4de1a2624a439ae6917eI/Creative-Personality-Warning-Car-Stickers-Horn-To-Remind-Loud-Music-PVC-Waterproof-Sunscreen-Decal-Black-silver.jpg');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 5s ease 0s 1 normal forwards;

pointer-events: none;}

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

</style>


relief:   <img src="https://media.tenor.com/lKiSQQGszwYAAAAj/creucat-creu.gif"/>



cool:   <img src="https://media.tenor.com/7LO_WA54e78AAAAj/creucat-8d.gif"/>



shaking:   <img src="https://media.tenor.com/gpwLX8RBoHIAAAAj/creu-creucat.gif"/>



shocked:   <img src="https://media.tenor.com/TGaWJKw2GZQAAAAj/creucat-shocked.gif"/>



laughing:   <img src="https://media.tenor.com/ShCWXUULjVQAAAAj/haha-lol.gif"/>



owo:   <img src="https://media.tenor.com/jW-XdvPPYSYAAAAj/creucat-creu.gif"/>



teehee:    <img src="https://media.tenor.com/vEKkV3F08U0AAAAj/creucat-creu.gif"/>



heart eyes:   <img src="https://media.tenor.com/JPh--hMa9esAAAAj/heart-eyes-googly-eyes.gif"/>



peace:   <img src="https://media.tenor.com/aB8fPgk6oGoAAAAj/creucat-creu.gif"/>



bowtie:   <img src="https://media.tenor.com/7BmKadoBebcAAAAj/creucat-creu.gif"/>



blushing:    <img src="https://media.tenor.com/aIqqImgTDYEAAAAj/creucat-creu.gif"/>



party wooooo:   <img src="https://media.tenor.com/hSDSrQdYmDQAAAAj/creu-creucat.gif"/>



.....


<!-- (c) Layout created by Pixel★ (https://layouts.spacehey.com/layout?id=105683) -->


<style>

*::-webkit-scrollbar {width: 18px;}


*::-webkit-scrollbar-track {background: #000000;}

*::-webkit-scrollbar-thumb {

background-color: #C4F6FF;

border-radius: 10px;

border: 3px solid #C4F6FF;


<style>


/*Search Users Box (Background Color/Background Image)*/

    .top input{border-radius: 15px 15px 15px 15px;}

</style>


<style>/*Buttons (Background Color/Background Image)*/

    button{

    border-radius: 25px 25px 25px 25px !important;

color: #000000;

font-weight: bold;

    background-color: black !important;

}

</style>


<style>/* Navigation */

    nav {

        border-radius: 15px 15px 0 0;

        overflow: hidden;

    }

    

    nav .links a{

        color: #C4F6FF; !important;

        text-shadow: none !important;

font-weight: bolder;

    }

    

    nav .links a:hover {color: #C4F6FF; !important;}

    

    nav .links {

        text-align: center;

        padding: 3.5px 3.5px 5.5px 3.5px;

        font-size: 70%;

    }

</style>

    

<style>/* Links */

    a:hover {color: #C4F6FF;}

</style>


<style>

/* Flip Profile */

    .profile{direction: rtl;}

.blog-preview{direction: ltr; text-align: center;}

    .blurbs{direction: ltr;}

    .friends{direction: ltr;}

    .general-info{direction: ltr;}

.profile .left h1{direction: ltr;}

    .details-table{direction: ltr;}

    .profile .table-section .heading{direction: ltr;}

    .details p{direction: ltr;}

.mood{direction: ltr; text-align: right;}

.contact .heading {display: none !important;}

.url-info{direction: ltr; text-align: right;}

</style>


<style>

/* Profile Name Header */

@import url('https://fonts.cdnfonts.com/css/vocaloid');

@import url('https://cory.anota.do/spacehey/pdg_neon.css');

:root{ --neon-text-color: #C4F6FF;}

.profile .left h1:first-child {font-size: 2.65rem;}

.profile .left h1{ font-family: 'Vocaloid', sans-serif; font-size: 25px; text-align: center; text-transform: uppercase; overflow-wrap: break-word;}

</style>


<style>/* Profile Picture & Online Icon */

.details p {text-align: center; font-family: monospace; font-size: 15px;}

.profile-pic {border-radius: 20px; overflow: hidden;}

.profile .mood {color: #fff;}

.mood {text-align: right;}

    .online {visibility: hidden;} 

    .online img { 

        content: url("https://ct.pimp-my-profile.com/online/26.gif"); 

        animation-name: none; 

        visibility: visible; 

        height: 15px; 

        width: 60px;

display: block;

margin-left: auto;

margin-right: auto;

    }

.profile .url-info {color: #C4F6FF;}

</style>   


<style>/* Headers Colors */

    .heading {

        padding: 5px 0 !important;

        margin-top: 15px;

        margin-bottom: 10px;

        background-color: #055ec2 !important;

        color: #fff !important;

        text-align: center;

        border-bottom: 2px solid;

border-radius: 10px 10px 10px 10px;

    }

.profile .blurbs .section h4{color: #C4F6FF; font-weight: bolder;}

</style>


<style>/* Interests Table Info */

    table.details-table {border-collapse: collapse;}

    table.details-table td {background-color: #000 !important;}

.details-table td:first-child {color: #C4F6FF !important;}

</style>


<style>/* Blog Info */

.blog-preview h4 {color: #C4F6FF;}


    .blog-preview p {

        background-color: none;

        padding: 5px 10px;

        border-radius: 10px;

        color: #fff;

font-weight: bolder;

    }

    .blog-preview p a{color: #C4F6FF !important;}

    .blog-preview p a:hover,

    .blog-preview p a:active,

    .blog-preview p a:focus{

        color: #fff !important;

    }

</style>

    

<style>/* Friends Info */

    .profile .friends .heading{color: #ffffff;}

.profile .friends{text-align: center;}

    .count {color: #055ec2;}

    .profile .friends .person p{color: #22bbd3 !important;}

.profile .friends .person img {border-radius: 500px;}


    .profile .friends .person img:not(.icon) {

        border-radius:15px;

        box-shadow: 1px 0px 7px 2px rgba(34, 187, 211, 0.71);

        border: 2px solid rgba(255, 255, 255, 1);

    }

    

    .profile .friends .person img:not(.icon):hover {

        transform: scale(1.1);

        transition: 0.5s ease;

    }

    

    .profile .friends .person img:not(.icon) {transition: 0.5s ease}

</style>


<style>/* Comments Info */

    table.comments-table td {

        background-color: #000 !important;

        border: none;

    }


    .comments-table td:first-child img {

        width: 80px;

        border-radius: 500px;

    }

.comments-table{

        display: block;

        height: 350px;

        overflow-y: scroll;

        border: none;

    }

</style>


<style>/* Custom Profile Headers */

.contact .heading{ font-size:0; }

.contact .heading:before{ content: "Contact Me"; font-size:.9rem; font-weight: bolder; }


.w-40 .table-section:nth-last-child(2) .heading h4{ font-size:0;}

.w-40 .table-section:nth-last-child(2) .heading:before{content: "Things i like!!"; font-size:.9rem; font-weight: bolder; }


.w-40 .table-section:last-child .heading h4{ font-size:0; }

.w-40 .table-section:last-child .heading:before{ content: "Follow Me!"; font-size:.9rem; font-weight: bolder; }


.blog-preview h4{ font-size:0; }

.blog-preview h4 a{font-size:.8rem;margin-left:5px; }

.blog-preview h4:before{ content: "My New Blogs"; font-size:.9rem; font-weight: bolder; }


.blurbs .heading{ font-size:0; }

.blurbs .heading:before{ content: "Me"; font-size:.9rem; font-weight: bolder; }


.blurbs .inner .section:nth-child(1) h4{ font-size:0; }

.blurbs .inner .section:nth-child(1) h4:before{ content: "About Me:"; font-size:.9rem; }


.blurbs .inner .section:nth-child(2) h4{ font-size:0; }

.blurbs .inner .section:nth-child(2) h4:before{ content: "Who I'd Like To Meet:"; font-size:.9rem; }


.friends .heading{ font-size:0; }

.friends .heading:before{ content: "The Friends"; font-size:.9rem; font-weight: bolder;}


.friends#comments .heading{ font-size:0; }

.friends#comments .heading:before{ content: "Leave Me A Comment!"; font-size:.9rem; font-weight: bolder;}

</style>


<style>

{background-color: black;}

img {

filter: sepia(100%) hue-rotate(179deg) saturate(1.99);

}

body::before {

content: " ";

display: block;

position: fixed;

top: 0;

left: 0;

bottom: 0;

right: 0;

z-index: 2;

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

pointer-events: none;

}


#q, button {

color: #C4F6FF;

background-color: black;

border: 1px solid grey;

font-family: inherit;

}

p, i, b, .count {

color: #C4F6FF !important;

}

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

color: #C4F6FF !important;

text-decoration: underline !important;

}

.container {

margin: 0 auto 0;

}

.icon {

display: none;

}

nav, nav .links a {

color: #C4F6FF;

}

nav .top {

margin-top: 2px;

background: none;

background-color: black;

border: 2px solid grey;

border-bottom: none;

}

nav .links {

background-color: black;

border: 2px solid grey;

}

nav img.logo{

    filter: brightness(0) saturate(100%) invert(81%) sepia(66%) saturate(286%) hue-rotate(171deg) brightness(105%) contrast(104%); !important;

}

body{

background-image:

url(https://upload.wikimedia.org/wikipedia/commons/thumb/c/cd/Black_from_a_camera.jpg/1200px-Black_from_a_camera.jpg);

background-attachment: fixed;

background-size: 1000px;

}


main {

background: black;

color: #C4F6FF;

border-left: 2px solid grey;

border-right: 2px solid grey;

}

.heading, .url-info {

color: #C4F6FF !important;

background: none;

background-color: black !important;

border: 2px solid grey !important;

}

.inner {

color: #C4F6FF !important;

border: 2px solid grey;

border-top: none;

}

.profile-info {

border: 2px solid grey;

}

.profile-info .inner {

border: none;

}

.friends .inner {

border-bottom: none;

}

#comments {

border-bottom: 2px solid grey;

}

.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: #C4F6FF !important;

}

.details-table {

margin: 2px;

}

.details-table, td {

border: 1px solid grey;

border-collapse: collapse;

}

td {

color: #C4F6FF !important;

background: none;

background-color: black !important;

table.details-table {

max-width: 98%;

}

.profile h1 {

font-size: 20px;

}

footer {

background: black;

border: 2px solid grey;

}

footer p {

color #C4F6FF !important;

}

.comments-table {

border: none;

border-collapse: collapse;

}

.comment-replies {

border: 1px solid grey;

margin: 2px;

}

nav .info {

background: none;

}


</style>


<style>


.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://supplies.ju.mp/assets/images/tiny1/60d42edb_original.gif?v=6a50b904')

}

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

/* Add to Favorites */

content: url('https://64.media.tumblr.com/ddec99d2030d58bf6d28c6ebbe05574f/tumblr_inline_rbrdyfrO2s1vefsve_500.gif')

}

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

/* Send Message */

content: url('https://supplies.ju.mp/assets/images/gallery05/146b47f6_original.gif?v=6a50b904')

}

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

/* Forward to Friend */

content: url('https://supplies.ju.mp/assets/images/gallery04/0d8a40ce_original.png?v=6a50b904')

}

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

/* Instant Message */

content: url('https://supplies.ju.mp/assets/images/tiny1/1e739291_original.png?v=6a50b904')

}

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

/* Block User */

content: url('https://64.media.tumblr.com/f19021b5a27d0504ce63cb64e9d26597/tumblr_inline_rcbp0rWDtU1vefsve_500.gif')

}

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

/* Add to Group */

content: url('https://pix.crd.co/assets/images/gallery21/decc7954_original.gif?v=52ef41fa')

}

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

/* Report Profile */

content: url('https://pix.crd.co/assets/images/gallery21/410325ee_original.gif?v=52ef41fa')

}


</style>


<!-- (c) Layout created by Boniscool (https://layouts.spacehey.com/layout?id=99232) -->


<div style="float:  ; max-height: 200px; position: fixed; left: 0px; top: 0px; z-index: 400;">

<img src="https://media1.giphy.com/media/Zef7OaZeJh6QtK5GKh/giphy.gif" width="300" height="300"/></div>



0 Kudos

Comments

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