Honkai Star Rail Winter Lynx layout

Tags: honkai star rail, star rail, blue, winter, christmas

Description:

photos found on Pinterest and Tumblr, I do not own any of the images. credit is always appreciated if used :] please comment or message me if something doesn't work

Preview:

click on the image for a larger preview

Code:

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

<style>
main:before {
  width: 808px;
  margin-bottom: 10px;
  border: 1px solid white;
  height: 350px;
  display: block;
  content: "";
  background-image: url("https://media1.tenor.com/m/F5M3-Q8_hYYAAAAd/honkai-star-rail.gif");
  background-position: center;
  background-size: cover;
  border-radius: 19px;
}


  body{
    background: url("https://i.pinimg.com/564x/67/1a/60/671a6046c8579ba02c5c85d776d09b26.jpg"); 
    background-size: 500px;
        background-attachment: fixed;
}

.profile {
background-color: #87A2D6;
  background-attachment: fixed;
}

nav .top {
       background: url("https://i.pinimg.com/564x/c2/7b/ae/c27bae4270d223c8f661c20a24483c20.jpg");
  background-size:;
}



.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 
background: #B9CBEE;
}


:root {
    --logo-blue: black;
    --darker-blue: black;
    --lighter-blue: #4D86CC;
    --even-lighter-blue: #B9CBEE;
    --lightest-blue: #B9CBEE;
    --dark-orange: black;
    --light-orange: #4D86CC;
    --even-lighter-orange: #B9CBEE;
    --green:;
}

table.comments-table{
display: block;
height: 400px!important;
overflow-y: scroll;
}

img:hover {
  animation: shake 0.5s; 

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

.image {
    background: url('https://media.tenor.com/upUk2w47uNMAAAAi/lynx-honkai-star-rail.gif') no-repeat;
    background-size: 100%!important;
    position: fixed;
    right: 10px;
    bottom: 10px;
height: 300px;
width: 300px;
    z-index: 1000;
    opacity: 100;
}
@media (max-width: 600px) {
.image{display:none;}
}
</style>
<div class="image"></div>

<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('http://www.lastsecret.net/gifs/xmas_sflake3.gif')
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url('http://www.lastsecret.net/gifs/xmas_sflake3.gif')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url('http://www.lastsecret.net/gifs/xmas_sflake3.gif')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url('http://www.lastsecret.net/gifs/xmas_sflake3.gif')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url('http://www.lastsecret.net/gifs/xmas_sflake3.gif')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url('http://www.lastsecret.net/gifs/xmas_sflake3.gif')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url('http://www.lastsecret.net/gifs/xmas_sflake3.gif')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url('http://www.lastsecret.net/gifs/xmas_sflake3.gif')
}

@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}

.general-about{
  position: relative;
  margin-top: 30px;
}
.general-about .profile-pic::before{
  content: '';
  background: url('https://media.giphy.com/media/rXyIg5TrQ3jYuZME1G/giphy.gif') no-repeat;
  background-size: cover;
  display: block;
  width: 100px;
  height: 100px;
  z-index: 999;
  position: absolute;
  top: -43px;
  left: -32px;
}
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat996.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/12/29/tiny-star.html" target="_blank" title="Tiny Star"><img src="https://cur.cursors-4u.net/cursor.png" alt="Tiny Star" style="position:absolute; top: 0px; right: 0px;"/></a>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

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

ꜝꜞ ࣪ % SoNE › ࣪ ˖ ⌕

1705014025

usando !! :3

Report Comment