silent hill - red / read desc

Tags: silent hill, red, aerins layouts

Description:

red layout ft. silent hill . screenshot was taken on mobile desktop view through firefox nightly . if theres anything i need to tweak tell me and ill fix it asap .

what you need to know:
- the blurbs box is scrollable , and will probably look better if you acrually have text in there unlike the screenshot shows ... mb gang idk how 2 write bios 🙏
-idk how i didnt realize this earlier but rhe "add comment" and "view comments" thing was deleted uhhm sorry . i added it back
-all of ur interests content is minimized 2 just the general box so u can either put all of ur text in the general section or remove the code that minimizes it 2 that box only . does thwt make sense

credit appreciated !!!

Preview:

click on the image for a larger preview

Code:

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

<style>
    @font-face {
    font-family: 'basiic';
    src: url(https://files.catbox.moe/jtvuhg.ttf);

}

.container, main, body, .logout-btn, *, p, a{
text-transform: lowercase!important;
font-family: 'basiic';
color: #A90019!important;
text-style: bold;

}

</style>

<style>
.table-section + .table-section, .blog-preview, .url-info, .profile-info, .mood p:last-child, .heading, .contact .inner a img, .blurbs h4, .details-table td:nth-child(1){
display:none;

}

</style>

<style>
.details-table tr:nth-child(1){display: table-row;}
.details-table tr:nth-child(2){display: none;}
.details-table tr:nth-child(3){display: none;}
.details-table tr:nth-child(4){display: none;}
.details-table tr:nth-child(5){display: none;}
.details-table tr:nth-child(6){display: none;
}
.table-section td{display:grid;
}
.table-section .inner{
height:300px;
overflow-y:auto;
}
</style>

<style>
.container{
width: 940px;

}

</style>

<style>
.profile-pic, .profile-pic img{
height:130px!important;

}

.profile-pic img{
border-radius: 100px;
overflow: none;

}

</style>

<style>
.mood p:first-child b {
  color: transparent !important;
  text-shadow: none !important;
  letter-spacing: -100px;
</style>

<style>
/*comment + replies scrollbox*/
.comment-replies, .comment-reply{
height: auto;
max-height: 100px;
overflow-y: auto;
overflow-x: auto;

}

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

}

</style>

<style>
/*flip profile*/
.profile{
direction: rtl;

}

.blurbs, .heading, .blog-preview a, .friends, .general-info, .contact, .url-info, .details-table, .details p, .mood{
direction: ltr;

}

</style>

<style>
.blurbs, .table-section .inner, nav .links{
text-align: center;

}

nav .top {
    height: 65px;
}

nav .top .center form {
    position: relative;
    bottom: 5px!important;
}

nav .top .left .logo {
    height: 38px!important;
    width: 38px!important;
    bottom: 4px;
    right: 5px;
    position: relative!important;
    content: url(https://i.imgur.com/3bxZ8vC.png)!important;
}

nav .links {
    text-align: center;
    position: relative;
    background: transparent;
    bottom: 25px!important;
height: 30px;

}

nav{
margin-bottom: 0px;

}

</style>


<style>
.friends-grid::before{
	width: 900px;
	height: 80px;
	object-fit: cover;
	margin-bottom: 10px!important;
}
.friends {
border: none;
    overflow: hidden;
}

.friends-grid {
  position: relative;
}

.friends-grid {
	display: flex;
	flex-wrap: nowrap;
}
</style>

<style>
.container, footer{
background-color: #360008;

}

</style>

<style>
.online{
content: url('https://yokai.crd.co/assets/images/image55.gif?v=b4df531c');
float: left;

}

</style>

<style>
nav .top, nav .links, .logout-btn, nav a{
background-color: #360008;
color: #A90019!important;

}

nav .links a, nav .links li .special a{
    text-shadow: none;

}

a:hover{
text-decoration: none;

}

</style>

<style>
:root {
--logo-blue: transparent;
--lighter-blue: transparent;
--even-lighter-blue: transparent;
--lightest-blue: transparent!important;
--dark-orange: black!important;
--light-orange: transparent;
--even-lighter-orange: transparent;

}

.table-section .inner{
margin-bottom: 0px;
margin-top: 20px!important;
overflow-y: auto;

}

.contact{
margin-top: 20px!important;

}

</style>

<style>
.container{
margin-top: 24px;

}

.friends:not(#comments) img{
transform: scale(0.7);

}

</style>

<style>
main{
background-color: #360008;

}

body{
background: black;

}

</style>

<style>
.row.profile .col.w-40.left{
background: black;
background: linear-gradient(180deg, black 50%, #360008 70%); 
margin-top: 0px!important;
position: relative;
bottom: 6px!important;

}

.general-about{
height: 154px;
margin-bottom: 0px;

}

.details{
padding: 12px;

}

</style>

<style>
.profile-pic, .profile-pic img{
padding: 12px!important;

}

</style>

<style>
nav .top, nav .links, nav a, .logout-btn{
background-color: black;

}

main{
margin-top: 0px;
position: relative;
bottom: 25px!important;

}

</style>

<style>
.comments-table td, .comments-table{
border: transparent;

}

</style>

<style>
.blurbs, .friends:not(#comments), .comments-table{
background: black;
border-radius: 10px;

}

</style>

<style>
button{
background-color: black;
color: white;
text-style: italic;
border: transparent;
border-radius: 2px;

}

</style>

<style>
.col.right{
position: relative;
bottom: 10px!important;

}

</style>

<style>
.blurbs .inner{
padding: 8px;

}

.friends:not(#comments){
margin-bottom: 5px;

}

</style>

<style>
.comment-replies, .comment-reply{
border: transparent;

}

</style>

<style>
.table-section:before{
width: 100%;
	height: 100px;
	display: block;
	content: "";
    border-radius: 2px;
    margin-top: -6px;
	background-image: url('https://i.postimg.cc/pd68ZCGX/images-1.jpg');
	background-position: center center;
	background-size: cover;
border-radius: 10px;
filter: sepia(100%) hue-rotate(312deg) saturate(7.5) brightness(50%);

}

.col.right:before{
width: 100%;
	height: 150px;
	display: block;
	content: "";
    border-radius: 2px;
    margin-top: 6px;
	background-image: url('https://i.postimg.cc/hPVFTP4f/images.jpg');
	background-position: center center;
	background-size: cover;
border-radius: 10px;
filter: sepia(100%) hue-rotate(312deg) saturate(7.5) brightness(50%);
}

</style>

<style>
.blurbs{
height: 180px;
overflow-y: auto;

}

.contact .inner{
text-align: center;

}


FOOTER > UL.links {
display: none;

}

FOOTER > P:nth-child(1) {
display: none;

}

FOOTER > P:nth-child(2) {
display: none;

}

P.copyright {
display: none;

}

footer {
height: 5px;
background-color: transparent;
background-position: center;
margin-top: -10px;

}

a:hover, a:active, a:visited, nav .links a:hover {
text-decoration: none;
text-style: italic;

}

</style>

<style>
img{
filter: sepia(100%) hue-rotate(312deg) saturate(7.5) brightness(50%);

}

</style>

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 65 comments ( View all | Add Comment )

☆telemona_girl0	1752449506 Using !! Report Comment
Ryder ☥	1752349276 Using!! >n< Report Comment
julia!!	1752347110 Hiii I used as a base for my red filter (Im using rn, if you want to see it), is there any problem? :D Report Comment
Frankie_skittles	1751595633 using thank you i appericiate it Report Comment
ᴀᴠᴀʟʀɪᴏ ♠	1751044482 Going to be using this appreciate it Report Comment
razul	1750948536 usingg!! Report Comment
razul	1750948536 usingg!! Report Comment
Random_user	1750800514 usinggg Report Comment
?	1750748940 using Report Comment
Blooberta	1750697866 using Report Comment
Avion	1750640717 using, thanks Report Comment
Layla	1750340634 using Report Comment
Demyan	1750209960 using, thankiu c: Report Comment
ClydeIsBritsh	1749641884 using :> Report Comment
xX.Tiny.Xx	1749511835 using Report Comment
I0N4_Mu11En	1749239034 Using this ️ Report Comment
syaz	1749200370 using Report Comment
syaz	1749200365 using Report Comment
syaz	1749200361 using Report Comment
x_x	1749092634 using Report Comment