Life is Strange layout!! (+ To all of you - Syd Matters)

Tags: life is strange

Description:

Please keep the credit when using! ;33

Preview:

click on the image for a larger preview

Code:

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

<style>
.profile {

background: #ab9b90; opacity: 0.8;

 }
</style>

<style>
.friends:not(#comments) {

  grid-area: friends;

  background:#8f847c;  

  border-radius: 15px

}

</style>

<style>
.profile .friends td {

  background: #94857b;

  border-radius: 15px

} 

</style>

<style>
.profile .table-section .details-table td {
  background-color: #8f847c;
  color: #edf0ee;
}

.profile .blurbs .heading, .profile .friends .heading {
  background-color:#7d7169;
  color: #edf0ee;
</style>

<style>
.profile-pic {

border-radius: 500px;

overflow: hidden;

}


.profile .friends .person img {

border-radius: 500px;

}
</style>

<style>
.profile .contact, .profile .table-section, .profile .url-info {
  border: 4px solid #8f847c;
</style>

<style>
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background-color: #8f847c;
  color: #bbb;
}
</style>

<style>
body {
     background-image: url("https://images4.alphacoders.com/685/685747.jpg") !important;
     background-color: black !important;
     background-attachment: fixed !important;
     margin: 0;
     padding: 0;
}
</style>

<style>
main a {
  color: var(--black);
}
</style>

<style>
p {
color: #403b37;
}
</style>

<style>
@import url("https://fonts.googleapis.com/css2?family=Gochi+Hand&display=swap");

.w-40 h1{
font-family: Gochi Hand;
font-size: 40px;
text-align: center;
background: -webkit-linear-gradient(#ffffff, #ffffff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: ;
}
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Gochi+Hand&display=swap');
p{
  font-family: 'Gochi Hand', cursive;
  font-size: 150%;
}
h1,h2,h3,h4,h5{
  font-family: 'Gochi Hand', cursive;
  font-size: 120%;  
</style>

<style>
:root {
    --logo-blue: transparent;
</style>

<style>
:root {
   --lighter-blue: url("https://i.pinimg.com/564x/d6/a8/9a/d6a89aee36a02bd2a33577ab084cdde4.jpg"); 
</style>

<style>
main:before {
	width: 100%;
	height: 130px;
	display: block;
	content: "";
	background-image: url('https://i.pinimg.com/564x/9d/e0/84/9de0846eb7b19356cc4b58c6b4d27b96.jpg');
	background-position: center center;
</style>

<style>
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 130px;
	}
}
</style>

<style>

 .blurbs .section h4{display: none !important;}

</style>

<style>

.contact .inner a img {

font-size: 0;

}

.contact .inner a img:before {

font-size: 1em;

display: block

}

</style>

<img src="https://i.pinimg.com/564x/d6/a8/9a/d6a89aee36a02bd2a33577ab084cdde4.jpg"/>

<img src="https://i.pinimg.com/564x/08/31/04/08310477513b325942fd418e0344359b.jpg"/>


<style>

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

.blurbs .heading:before{ content: "❝Everything is a picture waiting to be taken...❞ "; font-size:.8rem; font-weight:bold; color:white; }
</style>

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

.friends#comments .heading:before{ content: "Comments!!"; font-size:.8rem; font-weight:bold; }
</style>

<style>
img.logo{
content: url("https://i.postimg.cc/W1fkJT3w/Rewind-Swirl-2.png");
width: 20px!important;
height: 20px!important;
</style>

<style>
.online { visibility: hidden; } .online img { content: url("https://i.postimg.cc/ryP7QR1R/butterfly-effect-life-is-strange-ezgif-com-crop.gif"); animation-name: none; visibility: visible; height: 40px; width: 40px; 
</style>

<style>
li.active .icon { content:url('https://gifcity.carrd.co/assets/images/gallery92/a3c39389.png?v=d55ea43d'); width: 20PX;height: 20px;}
</style>

<style>
.profile .friends .person img:not(.icon):hover {
    transform: scale(1.2);
    transition: 0.5s ease;
}
.profile .friends .person img:not(.icon) {
    transition: 0.5s ease
}
</style>

<style>
body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://i.postimg.cc/QCtm3VhB/letlts-ezgif-com-crop.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>

<style>* {cursor: url(http://www.rw-designer.com/cursor-view/110065.png), url(http://www.rw-designer.com/cursor-view/110065.png), auto !important;}</style>

<style>
h4 {color: #edf0ee;}
</style>

<style>
span.count {color: #edf0ee;}
</style>

<style>
.profile .friends .person p{
 
    color: #edf0ee;
}
</style>

<style>
.inner .comments-table {border: 4px solid #7e7067;
border-radius: 20px;}
</style>

<style>
table.comments-table{
display: block;
height: 350px!important;
overflow-y: scroll;
}
</style>

<style>
td .comment-replies {border: 3px solid #7e7067;
border-radius: 30px;}
</style>

<style>
a:hover {
color: white;
font-style: ;
</style>
 
<style>
nav .links a:hover {
color: white;
text-transform: uppercase;
font-style: ;
</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/AoHFCLxTkE4?si=EuMz_QDerHQwZrky//?&;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>

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 20 of 124 comments ( View all | Add Comment )

𝄞⨾𓍢ִ໋	1775322204 using Report Comment
ryn!!	1774923187 using!! Report Comment
M1C4H	1774539366 using Report Comment
Faisal.!	1773526623 usiiing !!! Report Comment
liliesfrommars	1772751476 using!! Report Comment
zayy	1772455982 using!!!! Report Comment
Paularoid!	1771791778 Using!!!! Report Comment
apples	1771653439 thank youu for this!! using!! Report Comment
Nel	1770905025 Using!! Report Comment
Nel	1770905024 Using!! Report Comment
Nel	1770905024 Using!! Report Comment
adam★	1769856643 using!! Report Comment
roman	1769469838 TYSMMM USING Report Comment
𝄞｡°‧๋࣭⭑𝒃𝒓𝒆𝒆 °‧๋࣭⭑	1768998573 tysm using! Report Comment
rawlynn	1768020665 Using Report Comment
rawlynn	1768020663 Using Report Comment
zumbivamp	1767579240 Usando Report Comment
Alexandra˚.⋆☾⋆⁺₊✧	1767288625 Using 🐈 Report Comment
Rouge	1767133775 using Report Comment
quinnoa.salad	1767126985 using Report Comment