Helena ☯'s profile picture

Published by

published

Category: SpaceHey

profile layout 2 (22/05/2005)

ABOUT ME

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


<style>

body {

    background: url("https://64.media.tumblr.com/e807f1ded19c5ea3a3e80d677a586c2d/8e8b0263bc3fdecb-d7/s250x400/5327b2369798fb85c5943530244df595c20e85f2.gif") no-repeat center center fixed;

    background-size: cover;

    font-family: Arial, Verdana, sans-serif;

}

p {

    color: #fff;

}

a {

    color: #f00;

}

.left.col {

    background: linear-gradient(#535353 0%, #000 2%);

    border-radius: 5px 5px 0px 0px;

    border: 0px;    

    padding: 5px;

    color: #ffffff;

    text-shadow: 2px 1px 0px #000;

    font-size: 13px;

    position: relative;

    right: 4px;

}

.left .heading {

    background: linear-gradient(#535353 0%, #000 60%) !important;

    box-shadow: inset 0px 0px 5px 1px #535353;

    border-radius: 5px 5px 0px 0px;

    border-bottom: 1px solid #808080;

    color: #ffffff;

    text-shadow: 2px 1px 0px #000;

    font-size: 13px;

    padding: 3px !important;

}

.contact .heading {

    background: none !important;

    border: none !important;

    box-shadow: none;

    color: #ffffff;

    text-shadow: 2px 1px 0px #000;

    font-size: 13px;

}

.profile .table-section {

    border-radius: 5px 5px 0px 0px;

    border: 1px solid #808080;

}

.details-table td {

    background: linear-gradient(#535353 0%, #000 60%) !important;

    box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353, #000 1px 1px 10px 2px;;

    border-radius: 10px 0px;

    border: 0px;

    padding-left: 5px !important;

    color: #ffffff !important;

    text-shadow: 2px 1px 0px #000;

    font-size: 13px; 

}

.profile .contact {

    border-radius: 5px 5px 0px 0px;

    border: none;  

    background: linear-gradient(#535353 0%, #000 20%);

}

.right.col {

    background: linear-gradient(#535353 0%, #000 2%);

    border-radius: 5px 5px 0px 0px;

    border: 0px;

    padding: 5px;

    position: relative;

    left: 4px;

    margin-left: 5px;

    color: #ffffff;

    text-shadow: 2px 1px 0px #000;

    font-size: 13px;

}

main {

    border: none;

    border-radius: 5px;

    padding: 10px 15px 10px 15px;

    background: black;

    box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 10px 2px #535353;

}

nav .top {

    margin-top: 10px;

    border-radius: 5px;

    background: linear-gradient(#535353 0%, #000 69%);

    box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 10px 2px #535353;

    border: 0px;

    padding: 4px;

}

nav .links {

    background: linear-gradient(#535353 0%, #222 60%) !important;

    box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353, #000 1px 1px 10px 2px;

    margin-top: 10px;

    margin-bottom: 10px;

    border-radius: 5px;

    border: 0px;

    padding-left: 10px !important;

    color: #ffffff !important;

    text-shadow: 2px 1px 0px #000;

    font-size: 13px;

    padding: 5px;

    position: relative;

    gap: 5px;

    justify-content: center;

}

nav .links a {

    text-shadow: 1px 1px 0px #000;

}

nav .links a:hover {

    color: #f00;

    text-decoration: none;

    text-shadow: 1px 1px 0px #000;

}

.top .right a {

    text-shadow: 1px 1px 0px #000;    

}

.logout-btn {

    text-shadow: 1px 1px 0px #000 !important;     

}

body > div.container > nav > ul > li.special {

    display: none;

}

body > div.container > nav > ul > li:nth-child(12) {

    display: none;

}

body > div.container > nav > ul > li:nth-child(3) {

    display: none;

}

body > div.container > nav > ul > li:nth-child(13) {

    border: none;

}

nav li {

    font-size: 0pt;

    padding-right: 5px;

    border-right: 2px ridge #555555;

}

.right .heading {

    background: linear-gradient(#535353 0%, #000 60%) !important;

    box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353, #000 1px 1px 10px 2px;;

    border-radius: 50px 0px;

    border: 0px;

    padding-left: 10px !important;

    color: #ffffff !important;

    text-shadow: 2px 1px 0px #000;

    font-size: 13px;    

}

.comments-table {

    border: 0px;

}

.comments-table td {

    border: 0px;

    background: linear-gradient(#535353 0%, #000 20%) !important;

    border-radius: 5px 5px 0px 0px;

    border: 0px;

    padding: 5px;

    color: #ffffff;

    text-shadow: 2px 1px 0px #000;

    font-size: 13px;

    top: -32px;

}

.url-info {

    border: none !important;

    background: linear-gradient(#535353 0%, #000 40%);

    border-radius: 5px 5px 0px 0px;

    border: 0px;

    padding: 5px;

    color: #ffffff;

    text-shadow: 2px 1px 0px #000;

    font-size: 13px;

    top: -32px;

}

.comments-table .pfp-fallback {

    border: 2px ridge #555555;

}

.person .pfp-fallback {

    border: 2px ridge #555555;    

}

.profile-pic .pfp-fallback {

    border: 2px ridge #555555;     

}

#comments > div.inner > table > tbody > tr > td:nth-child(1) {

    background: none;

}

.comment-replies {

    border: none;

    border-top: 2px ridge #555555;

}

footer {

    background: none;

}

</style>

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


WHO I'D LIKE TO MEET

<style>


body:before {


content: " ";


height: 100vh;


width: 100vw;


display: block;


position: fixed; 


top: 0; 


left: 0; 


z-index: 100;


background-image: url(https://64.media.tumblr.com/72652cf34abbbb5d0ae7581fdf971f94/tumblr_okjxecWSWk1s5jfo4o1_500.gif);


background-size: cover;


background-repeat: no-repeat;


background-position:center;


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


pointer-events: none;}


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


</style>

INTERESTS > GENERAL

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


<style>

.online{

content: url("https://i.ibb.co/dPwfQVd/bZWkxwk.gif");

}

</style>

MUSIC

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


<div class="snowflakes">

<div class="snowflake"><img src="https://64.media.tumblr.com/23729aea3e09cd03c3cd554eb3d5566e/4149a1d35ab9816c-f2/s75x75_c1/b1b0907541fa8edf6538a2e557a5bd20981938d0.gifv"/></div>

<div class="snowflake"><img src="https://64.media.tumblr.com/b7445b530b84661d4ec4046f6322e580/4149a1d35ab9816c-b7/s75x75_c1/f56d932cbf150a4539683093d5240ff992e2d356.gifv"/></div>

<div class="snowflake"><img src="https://64.media.tumblr.com/23729aea3e09cd03c3cd554eb3d5566e/4149a1d35ab9816c-f2/s75x75_c1/b1b0907541fa8edf6538a2e557a5bd20981938d0.gifv"/></div>

<div class="snowflake"><img src="https://64.media.tumblr.com/b7445b530b84661d4ec4046f6322e580/4149a1d35ab9816c-b7/s75x75_c1/f56d932cbf150a4539683093d5240ff992e2d356.gifv"/></div>

<div class="snowflake"><img src="https://64.media.tumblr.com/23729aea3e09cd03c3cd554eb3d5566e/4149a1d35ab9816c-f2/s75x75_c1/b1b0907541fa8edf6538a2e557a5bd20981938d0.gifv"/></div>

<div class="snowflake"><img src="https://64.media.tumblr.com/b7445b530b84661d4ec4046f6322e580/4149a1d35ab9816c-b7/s75x75_c1/f56d932cbf150a4539683093d5240ff992e2d356.gifv"/></div>

<div class="snowflake"><img src="https://64.media.tumblr.com/23729aea3e09cd03c3cd554eb3d5566e/4149a1d35ab9816c-f2/s75x75_c1/b1b0907541fa8edf6538a2e557a5bd20981938d0.gifv"/></div>

</div>


<style>

    @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@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;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;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%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}




</style>

MOVIES

<!-- (c) Layout created by ๋࣭ ⭑⚝𝔪𝔞𝔯𝔱𝔦𝔫𝄞⨾𓍢ִ໋ (https://layouts.spacehey.com/layout?id=107239) -->


<style>

/* banner */

main:before {

 width: 100%;

 height: 200px;

 display: block;

 content: "";

 background-image: url('https://64.media.tumblr.com/c20ac0f441e80b02d3f0568f21d77a76/843a3b6aadf224fe-94/s540x810/b0bc03e9cf2295b826bbc305473bf4ea31ba33f3.gif');

 background-position: center center;

 background-size: cover;

}

@media only screen and (max-width: 700px) {

 main:before{

  height: 200px;</style>


TELEVISION 

<style>


body{


background:url(https://64.media.tumblr.com/e807f1ded19c5ea3a3e80d677a586c2d/8e8b0263bc3fdecb-d7/s250x400/5327b2369798fb85c5943530244df595c20e85f2.gifv) no-repeat center


fixed;


-webkit-background-size: cover


}</style>


BOOKS

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


<iframe width="0" height="0" src="https://www.youtube.com/embed/_uhaU5ca0Bs/?&;amp;;autoplay=1&;loop=1&;controls=1" title="Youtube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>


HEROES

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


<style>

.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(https://media.tenor.com/nB0XKaVcgAkAAAAi/blinkies-blinkie.gif);  width: auto; height: 150px; background-position: top center; background-size: 50%; background-repeat: no-repeat;}

.profile .url-info p {text-align: center;}

</style>


0 Kudos

Comments

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