Fyodor theme

Tags: fyodor dostoevsky, bsd, bungou stray dogs, anime

Description:

Fedya inspired theme (now with intro screen!)

Preview:

click on the image for a larger preview

Code:

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

<style>
body:before {
	content: url("https://dostoy.neocities.org/rats.png");
	align-items: center;
	text-align: center;
	justify-content: center;
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background: url("https://www.icegif.com/wp-content/uploads/2023/04/icegif-1287.gif");
	animation: intro 3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes intro { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 


@import url('https://fonts.googleapis.com/css2?family=Bellefair&display=swap');

* { 
    cursor: url('https://cur.cursors-4u.net/cursors/cur-11/cur1054.cur') auto; 
}
a:hover {
    cursor: url('https://cur.cursors-4u.net/cursors/cur-11/cur1053.png') auto;
}

:root{
    --headers: whitesmoke; 
    --text: whitesmoke; 
    --names: whitesmoke;
    --bgs: rgba(0, 0, 0, 0.9);
    --links: gray;
    --background_image: url('https://img.freepik.com/premium-photo/digital-background-purple-matrix-coding-hacking-concept-abstract-data-concept-3d-rendering_634443-1374.jpg?w=1800');
    --border: 2px inset white;
    --nav_image: url('https://64.media.tumblr.com/c848a6aaf1711a646552544b689f080a/tumblr_oyzw5zZBCn1w8i9yno3_r2_400.gifv');
    --onpic: url('https://64.media.tumblr.com/5efc1e7d1cd5fdfa6033e30f43618b6c/7ff15572939cc448-e2/s75x75_c1/cd492f9cba3d0dd7662b17a83b90daadf9d9d509.gifv');
}

 h3, h4, h5{color: var(--headers)!important;} /* headings*/
a{color: var(--links) !important;}  /*links */
p, h2, .count {color: var(--text);}  /* text color */
.friends a p{color: var(--names);} /* friends counter and names color*/
nav label{color: var(--links);}  /* search color */
.section h4 {color: var(--headers);} /* about and want to meet headings color */
.blurbs .heading {display:none;} /* hides blurbs title */
.details p:last-child{color: var(--text);} /* last login and status color */

body{
    background-image: var(--background_image);
    background-position: center;
    font-family: "Bellefair", serif;
}

main{
    background: rgba(0, 0, 0, 0.4);
    border: transparent;
    outline: none;
}

nav{
    background: var(--nav_image);
    background-position: cover;
    border: var(--border);
    text-align: center;
}

nav .top, nav .links {
    background-color: transparent;
}
nav .links a{
    text-shadow:none;
}

nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content:"♱";
    color: white;
}

nav img.logo{
    filter: brightness(0) saturate(100%) invert(50%) sepia(5%) saturate(326%) hue-rotate(174deg) brightness(92%) contrast(82%) !important;
}

.search-wrapper input[type=text] {
    background-color: transparent !important;
    border: 2px solid var(--links) !important;
    color:var(--links) !important;
}

button{
    border: 0px solid var(--links) !important;
    font-family: "Bellefair", serif;    
    background-color: transparent !important;
    color:var(--links) !important;
}

h1{
    color: white;
    font-family: "Bellefair", serif;    
    font-size:30px !important;
    font-weight: 1;
    border: var(--border);
    background-color: var(--bgs);
    padding:5px;
    text-align: center;
    text-shadow: #877191 1px 0 10px;
}

.profile-pic{
    padding: 10px;
    border-radius: 0.5 !important;
}

.online{
     visibility: hidden;
} 

.online img { 
     content: var(--onpic); 
     animation-name: none; 
     visibility: visible; 
 }

a, p, b, nav label, .section{ 
    font-family: "Bellefair", serif;    
    font-size: 15px;
    font-weight: 1;
}

h2, h3, h4, h5{
font-family: "Bellefair", serif;    
    font-size: 20px;
    font-weight: 1;
    text-shadow: #877191 1px 0 10px;
   margin: 3px;
   padding: 3px;
}

.heading{
    background: transparent !important;
}

.blurbs, .mood, .friends, .contact, .profile .table, .blog-preview, .profile .table-section{
    border: var(--border)!important;
    background-color: var(--bgs);!important;
}

.comment-replies{border: 2px inset gray;} 
.comment-reply:not(:first-child){border-top: 2px solid var(--links);} /* line in between comment replies*/

.table-section{
    border: 1px grey solid !important;
}

td{
    background-color: rgba(40, 40, 40, 0.8) !important;
}

/* the “[profilename] is your friend” or “edit info” box */
.profile-info {
    background: var(--bgs);
    border: var(--border) !important;
}

.friends-grid{
    text-align: center;
}

h2, h3, h4, h5, p{padding-left:5px !important;} 
.contact .heading, .profile .table-section .heading, .blog-preview .heading, .profile .friends .heading, .mood{padding: 5px!important;text-align: center;}
.mood, .friends{margin-bottom: 10px;}

.url-info{display: none;}

.general-about .details{
    background: var(--bgs);
    border: var(--border);
    padding-bottom: 70px;
    margin-bottom: 10px;
}

.contact {
    padding: 5px
}
.contact .f-col{
    padding: 0px 0px 7px;
}
.f-row{
    margin:0px!important;
}

.comments-table {
    display: block;
    height: 500px!important;
    overflow-y: scroll;
    outline: none !important;
    border-radius: 3px;
    border-spacing: 6px;
    border: transparent;
}

.comments-table td{
    border: 2px solid gray !important;
}

footer{
    background: var(--bgs);
    border: var(--border);
    padding: 5px;
    margin-top: 10px;
    font-size: 12px;
}

/* you can add on changes for the scrollbar too */</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 11 of 11 comments ( View all | Add Comment )

Myvik!!	18 days ago I had been using this for some days, I forgot to say I was using it here and today I found out I forgot so I come to say I'm using it and this is so majestic I love it!! :3 Report Comment
Klaire	2 months ago Using‼️ Report Comment
NIKOLAIGLAAAAAZZZRRRRR64!?!!??	2 months ago Will be using!!! >w< Report Comment
⛧ N I K O L A I ⛧	3 months ago Will be using :3 Report Comment
Idontknow	3 months ago using Report Comment
Something	5 months ago Using!!! >.< Report Comment
Fyodor 𓊆ྀི♰𓊇ྀི.☢️	7 months ago im just going to use the loading screen if thats no problem Report Comment Yeah thats all good! Do whatever you want with it by oklunch; 6 months ago; Report
Euryyy <3	7 months ago Using! It's so nice :) ! Report Comment
Tsuzuku	8 months ago using<3 Report Comment
Tsuzuku	8 months ago using<3 Report Comment
Katya⁠｡⁠ﾟ⁠+｡⁠ﾟ⁠+	9 months ago Using! Report Comment