jun

jun's profile picture

Last active:

Mood:

View my: Blog | Forum Topics

SpaceHey URL:

https://spacehey.com/profile?id=2604095

jun's Interests

General

Music

Movies

Television

Books

Heroes

jun's Latest Blog Entries [View Blog]

There are no Blog Entries yet.

jun's Blurbs

About me:

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


<style>

@font-face {

    font-family: arial pixel;

    src: url(https://dl.dropbox.com/s/aly0j2ayfymj6ze/PIXEARG_.TTF);

}


* {

   cursor: url(https://media.discordapp.net/attachments/1041706183314124810/1053933568377757737/robo_1.gif), auto;

    font-family: "arial pixel";

    font-size: xx-small;

    letter-spacing: 1.5px;

}


.profile .right .heading, .contact .heading, .url-info, .blog-preview h4, .blurbs .section:nth-child(2) h4 {

    display: none!important;

}


.profile {

    direction: rtl;

}


.blurbs, .profile .table-section .heading, .blog-preview a, .friends, .general-info, .contact, .url-info, .details-table, .details p, .mood{

    direction: ltr;

}


a:hover, .logout-btn:hover {

    font-weight: bold;

    color: black!important;

}


button:hover, input:hover, nav .links:hover, .profile-pic img:hover, .contact .inner:hover, .comments-table td:first-child img:hover, .comments-table td * button:hover {

    animation: border 0.2s linear infinite;

}


a, .count {

    color: #9dc3e3;

}


button:not(.logout-btn) { 

   font-size: 6px!important;

}


.details p, .mood p, .mood a, .blurbs p, .table-section .inner p {

    font-size: 7px;

}


body {

    background: url(https://media.discordapp.net/attachments/1041706183314124810/1053468507939024916/groovy-wavy-melted-psychedelic-checkerboard-90s-seamless-pattern-background-retro-hippie-trippy-optical-repeat-texture-wallpaper-textile-design-vector.png);

    background-size:600px;

    backdrop-filter: hue-rotate(355deg) contrast(40%) brightness(110%);

}


.container {

    background: #e3e3e3;

    width: 800px;

    padding:15px;

    margin-bottom: -30px;

    box-shadow: 0 0 40px;

}


nav  {

   background-image: url(https://cdn.discordapp.com/attachments/1041706183314124810/1054568630127435916/-0XBSQ.gif);

   background-position: bottom;

   background-size: cover;

   background-repeat: no-repeat;

   filter: hue-rotate(30deg);

   border: 10px inset;

   color: black;

}


nav .top {

    background: transparent!important;

}


nav .top .logo {

    opacity: 0.8;

    filter: drop-shadow(0 0 5px black);

}


nav .top * {

    font-size: 7px;

}


nav .top input, nav .top button, .comments-table td * button {

   background: #ffffff80;

   border: 3px ridge white;

}


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

   font-family: "arial pixel";

   color: black;

   border: none!important;

}


nav .links li .icon {

    content: url(https://cdn.discordapp.com/attachments/1041706183314124810/1053848548451569774/icon-flowerblue.gif);

    width: 9px;

    height: 9px;

    margin: 3px;

    filter: hue-rotate(330deg) drop-shadow(1px 1px black);

}


nav .links li:first-child .icon {

   content: url(https://media.discordapp.net/attachments/1041706183314124810/1053558144602746900/104.gif);

    transform: scale(2);

    width: 8px;

    height: 8px;

    margin: 0px 5px 5px 3px;

    filter: drop-shadow(0.5px 0.5px black);

}


nav .links {

    text-align: center;

    margin-bottom: 5px;

    background: #ffffff90;

    border: 3px solid transparent;

    height: 25px;

    overflow-y: auto;

}


nav .links a, nav .links li .special a {

    text-shadow: none;

    color: black!important;

    margin: 2px;

    font-size: 7px;

}


nav .links li::after {

    color: transparent!important;

}


main {

   background: transparent;

   padding: 10px;

}


main .left {

    border-left: 3px ridge #bbbbbb;

    padding: 15px;

    margin-bottom: 10px;

}


main .left::after {

    content:"  ";

    height: 50px;

    background: url(https://images-ext-1.discordapp.net/external/PE5E7X7etxebb7RntNVoV-Ftjsg52m89M90PKuO528g/https/64.media.tumblr.com/f5fa762295e9d889acff17b588ba1815/tumblr_ovhdqdH8OK1te3mguo1_400.gif) no-repeat;

    background-size: contain;

    animation: rolling 4s linear infinite;

    display: flex;

    filter: hue-rotate(230deg);

    margin-bottom: 10px;

}


main .right {

    background: white radial-gradient(circle at 0 0, #b3d3e850 2px, transparent 0);

    background-size: 4px 4px;

    padding: 15px;

}


main .right > * {

    margin: 15px auto 15px auto;

}


main:not(.left) .icon {

     filter: hue-rotate(195deg);

}


span[itemprop="name"] h1 {

   text-align: left; 

   margin-bottom: 20px;

   font-size: 15px;

}


span[itemprop="name"] h1::first-letter {

    font-size: 17px;

    color: #b3d3e8;

}


.details > * {

    margin-top: 15px;

}


.profile-pic, .profile-pic img {

   height: 100px!important;

   filter: drop-shadow(0 0 5px gray);

}


.online {

    background-image: linear-gradient(to bottom, black 0%, #9dc3e3 80%);

    -webkit-background-clip: text;

    color: transparent!important;

}


.online img {

   content: url(https://media.discordapp.net/attachments/1041706183314124810/1053484504800575668/17.gif);

   width: auto;

   height: 15px;

   transform: scale(1.5);

   animation: none;

   margin-right: 5px;

}


.mood {

    margin: 10px auto 10px auto;

}


.contact {

    background: lightgray;

    border: 7px ridge #bbbbbb!important;

}


.contact .inner {

    padding:0px;

    border: 3px solid transparent;

}


.contact img {

    filter: saturate(0%)!important;

}


.contact a {

    background-image: linear-gradient(to bottom, black 0%, #9dc3e3 80%);

    -webkit-background-clip: text;

    color: transparent;

    font-size: 6px;

}


.table-section {

    height: 40px;

    overflow-y: hidden;

    transition: all 0.3s ease!important;

    border: none!important;

}


.table-section:nth-of-type(odd):hover {

    height: 200px;

    overflow-y: auto;

    transition: all 0.3s ease!important;

}


.table-section:nth-of-type(even):hover {

    height: 90px;

    overflow-y: auto;

    transition: all 0.3s ease!important;

}


.table-section .heading {

    width: 100%;

    background: linear-gradient(transparent, #cbebf780, transparent), repeating-linear-gradient(45deg, #b3d3e8, #b3d3e8 10px, #9dc3e3 10px, #9dc3e3 20px)!important;

    height: 40px;

    border: 2px solid black;

}


.table-section .heading h4 {

    font-size: 0px;

    color: transparent;

}


.table-section .heading::before {

   content:" ";

   display: flex;

   justify-content: left;

   align-items: center;

   padding-left: 45px;

   height: 40px;

   font-size: 13px!important;

   color: white;

   text-shadow: 0 0 5px black;

   background: url(https://media.discordapp.net/attachments/1041706183314124810/1053542261465563217/arrow1rightorange.gif) no-repeat left;

   background-size: 40px auto;

   filter: saturate(0%) contrast(300%);

}


.table-section:nth-of-type(odd) .heading::before {

   content: "Interests";

}


.table-section:nth-of-type(even) .heading::before {

   content: "Links";

}


.details-table {

    border: 3px inset;

}


.details-table p {

    font-size: 8px;

}


.details-table td:first-child {

    background: white radial-gradient(circle at 0 0, #b3d3e850 2px, transparent 0);

    background-size: 4px 4px;

    width: 65px;

}


.details-table td:first-child p {

    background-image: linear-gradient(to bottom, black 0%, #9dc3e3 80%);

    -webkit-background-clip: text;

    color: transparent;

    font-size: 8px;

    text-shadow: 0 0 3px #b3d3e8;

}


.details-table td {

   background: #b3d3e850;

}


.table-section:nth-of-type(even) td:first-child a {

    font-size: 0px;

    text-shadow: none;

}


.table-section:nth-of-type(even) td:first-child img {

    filter: saturate(0%)!important;

}


.profile-info {

    background: linear-gradient(transparent, #cbebf780, transparent), repeating-linear-gradient(45deg, #b3d3e8, #b3d3e8 10px, #9dc3e3 10px, #9dc3e3 20px);

}


.profile-info h3, .profile-info h3 a{

     color: white!important;

     text-shadow: 0 0 5px black;

}


.blog-preview::before {

    content: "Blog entries";

    font-size: 9px;

    font-weight: bold;

}


.blog-preview {

    background: url(https://media.discordapp.net/attachments/1041706183314124810/1053956796701753385/blog.gif) no-repeat 0% 50%;

    background-size: 100px auto;

    padding: 10px; 

    margin-bottom: -15px!important;

    height: 100px;

    overflow: hidden auto;

}


.blog-preview p {

    font-size: 8px;

}


.blog-preview .pinned .icon {

    content: url(https://cdn.discordapp.com/attachments/1041706183314124810/1053848548451569774/icon-flowerblue.gif);

    width: 10px;

    height: 10px;

    margin: auto 5px auto 5px!important;

    filter: drop-shadow(1px 1px black);

}


.blurbs::before {

    content: " ";

    display: flex;

    height: 30px;

    background: url(https://media.discordapp.net/attachments/1041706183314124810/1053916515977658438/flower.gif) no-repeat center;

    background-size: contain;

    filter: hue-rotate(190deg) contrast(50%) brightness(130%);

    margin-bottom: 20px;

}


.blurbs h4 {

    font-size:0px;

    padding-bottom: 5px;

}


.blurbs .section:first-child h4::before {

    content: "About me...";

    background-image: linear-gradient(to bottom, black 0%, #9dc3e3 80%);

    -webkit-background-clip: text;

    color: transparent!important;

    filter: drop-shadow(0 0 3px #b3d3e8);

    font-size:13px;

}


.blurbs p {

    line-height: 1.7em;

}


.friends-grid {

    background: lightgray;

    border: 7px ridge #bbbbbb;

    padding: 10px;

    max-height: 130px;

    overflow-y: auto;

}


.person {

     filter: drop-shadow(0 0 5px white);

     height: 100px;

     width: 100px!important;

     margin: auto 10px 10px auto;

     padding: 0px!important;

}


.person p {

    background-image: linear-gradient(to bottom, black 0%, #9dc3e3 80%);

    -webkit-background-clip: text;

    color: transparent;

    font-size: 8px;

    filter: drop-shadow(0 0 3px #b3d3e8);

     text-align: justify;

}


.icon.verified {

     filter: saturate(0%);

}


.person img {

    transform: scale(0.9);

    width: 70px;

    height: 70px;

    filter: contrast(50%);

    -webkit-mask-image: url(https://media.discordapp.net/attachments/1041706183314124810/1052821155997814784/icon.png);

     mask-image: url(https://media.discordapp.net/attachments/1041706183314124810/1052821155997814784/icon.png);

    -webkit-mask-size: contain;

     mask-size: contain;

    -webkit-mask-repeat: no-repeat;

     mask-repeat: no-repeat;

}

 


.person img:hover {

    animation: hover 0.5s ease-in-out infinite;

}


#comments.friends {

    height: 35px;

    overflow-y: hidden;

    transition: all 0.3s ease;

    border-top: 3px ridge white;

    border-bottom: 3px ridge white;

}


#comments.friends .inner > p {

     font-size: 8px;

}


#comments.friends:hover {

    height: 200px;

    overflow-y: auto;

    transition: all 0.3s ease;

}


.comments-table {

    background: #ffffff80;

    height: 100px!important;

    border: inset 5px!important;

    margin-top: 10px;

}


.comments-table td:first-child, .comments-table td {

    border: none!important;

    background: transparent;

}


.comments-table td:first-child img {

    transform: scale(0.7);

    filter: drop-shadow(0 0 7px gray);

}


.comment-replies {

    border: 5px ridge #bbbbbb;

    background: lightgray;

}


footer {

    background: linear-gradient(transparent, #cbebf780, transparent), repeating-linear-gradient(45deg,#b3d3e8, #b3d3e8 10px, #9dc3e3 10px, #9dc3e3 20px)!important;

    border: 2px solid black;

}


footer p, footer a, footer i, footer .links a, footer li::after {

    text-shadow: 0 0 5px black;

    color: white!important;

    margin: 2px;

    font-size: 7px;

}


@keyframes rolling {

    from {background-position-x: 170%, center;}

    to {background-position-x: -170%, center;}

}


@keyframes border {

    from {border: 3px dashed white;}

    to {border: 3px dotted white;}

}


@keyframes hover {

    0%, 100% {transform: translateY(0%) scale(0.95);}

    50% {transform: translateY(-5%)  scale(0.95);}

}


@keyframes blink {

    0%, 50% {opacity: 1;}

    51%, 100% {opacity: 0;}

}


::-webkit-scrollbar {

    width: 15px;

}


::-webkit-scrollbar-track {

    border-top: 3px ridge white;

    border-left: 3px ridge white;

    border-bottom: 3px ridge gray;

    border-right: 3px ridge gray;

    background: white radial-gradient(circle at 0px 0px, gray 1px, transparent 0);

    background-size: 2px 2px;

}


::-webkit-scrollbar-thumb {

    background: silver;

    border-top: 3px ridge white;

    border-left: 3px ridge white;

    border-bottom: 3px ridge gray;

    border-right: 3px ridge gray;

}


</style>


stella / janiah

she/all

3teen

omniromantic heavy preference for woman, taken 💙

watch me whip eatch me naenar

Who I'd like to meet:

jun's Friend Space

[view all]

jun's Friends Comments

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