« SpaceHey Forum

Layout 1 for laine

Posted by ricky

posted

Forum: SpaceHey

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


<style>

body{

background-image:url('https://gifcity.carrd.co/assets/images/gallery63/a2d27041.gif?v=26dffab5');

}

</style>


<!-- (c) Layout created by 𝖛𝖆𝖑𝖊𝖓𝖙𝖎𝖓𝖊 (https://layouts.spacehey.com/layout?id=86026) -->


<style>

.general-about{

  position: relative;

  margin-top: 100px;

}.online{

content: url(http://www.coolspacetricks.com/images/myspaceicons/068.jpg);}

</style>



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


<div class="snowflakes">

<div class="snowflake"><img src="https://png.pngtree.com/png-vector/20230414/ourmid/pngtree-blood-drop-blood-red-cartoon-illustration-png-image_6694336.png" width="75" height="75"/></div>

<div class="snowflake"><img src="https://png.pngtree.com/png-vector/20230414/ourmid/pngtree-blood-drop-blood-red-cartoon-illustration-png-image_6694336.png" width="75" height="75"/></div>

<div class="snowflake"><img src="https://png.pngtree.com/png-vector/20230414/ourmid/pngtree-blood-drop-blood-red-cartoon-illustration-png-image_6694336.png" width="75" height="75"/></div>

<div class="snowflake"><img src="https://png.pngtree.com/png-vector/20230414/ourmid/pngtree-blood-drop-blood-red-cartoon-illustration-png-image_6694336.png" width="75" height="75"/></div>

<div class="snowflake"><img src="https://png.pngtree.com/png-vector/20230414/ourmid/pngtree-blood-drop-blood-red-cartoon-illustration-png-image_6694336.png" width="75" height="75"/></div>

<div class="snowflake"><img src="https://png.pngtree.com/png-vector/20230414/ourmid/pngtree-blood-drop-blood-red-cartoon-illustration-png-image_6694336.png" width="75" height="75"/></div>

<div class="snowflake"><img src="https://png.pngtree.com/png-vector/20230414/ourmid/pngtree-blood-drop-blood-red-cartoon-illustration-png-image_6694336.png" width="75" height="75"/></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>


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


<style>

@keyframes DAzombie{

  from{ left:-400px; }

  to{ left:calc(100% + 200px); }

}

#DAzombie{

  position: fixed;

  left: -400px;

  top: 400px;

  width: 80px;

  animation: DAzombie 6s infinite linear;

  pointer-events: none;

}

</style>

<img id="DAzombie" src="https://media.tenor.com/qzC-UK9kRJAAAAAi/dead-ahead-zombie-warfare-dead-ahead.gif"/>


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


<!-- (c) RED FILTER -->


<style>

}



<style>

body {

font-family: Courier New, monospace;

background-color: black;

}

img {

filter: sepia(91%) hue-rotate(312deg) saturate(6);

}

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;

}</style>


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


<style>

.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(https://64.media.tumblr.com/ee28171f04e6779a4e3241b3c5cafddf/7c22e5fc72c98df2-e1/s400x600/92d6d8c7085a65b86c91667ddc8e5ed3bbe033f6.gifv);  width: auto; height: 70px; background-position: top center; background-size: 100%; background-repeat: no-repeat;}

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

</style>


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


<div style="float:  ; max-height: 200px; position: fixed; right: 5px; top: 1px; z-index: 200;">

<img src="https://64.media.tumblr.com/23d9c4bd4cc519804bfab3930fcae23f/6f8a043a4b90505a-4a/s400x600/7295563c47964a8e87dc101ed19ad6da3aa4611e.pnj" height="230"/></div>


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


<style>

.mood{

background-image: url('https://img1.picmix.com/output/stamp/normal/6/7/4/9/1089476_b116a.gif') !important;

background-position: center right !important;

background-repeat: no-repeat !important;

background-size: 20% !important;

}

</style>


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


<style>

    main .left{

        animation-name: floating;

    animation-duration: 3s;

    animation-iteration-count: infinite;

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

    margin-left: 30px;

    margin-top: 5px;

}

 

@keyframes floating {

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

    50%  { transform: translate(0, 7px); }

    100%   { transform: translate(0, -0px); }   

    

}

    }

</style>


<style>

    main .right{

        animation-name: floating;

    animation-duration: 3s;

    animation-iteration-count: infinite;

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

    margin-left: 30px;

    margin-top: 5px;

}

 

@keyframes floating {

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

    50%  { transform: translate(0, 7px); }

    100%   { transform: translate(0, -0px); }   

    

}

    }

    

    

</style>


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


<style>


.col.left h1:before{

  content: "";

  white-space: pre-wrap;

  display: block;

  height: 120px;

  background-image: url(https://img1.picmix.com/output/stamp/normal/6/5/9/7/2477956_cc28e.gif);

  background-repeat: no-repeat;

  background-size: 300px;

</style>



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


<style>

.logo {

content:url("https://64.media.tumblr.com/b66c782a170196860ce1e850756c2ea7/07455c1e23e3fc07-33/s640x960/8dd776cfb643909c927692ec53568838702abb04.pnj");

}

</style>


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


<style>

body {

    background: #000;

    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;

}


main{direction:rtl;}main div * {direction: ltr;}


    .table-section + .table-section {

        display: none;

    }

</style>


Report Topic

0 Replies