Windows 95

Tags: windows, windows 95, retro

Description:

Just for fun

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by テ オ (Theo) (https://layouts.spacehey.com/layout?id=95271) -->

<style>

@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@500&display=swap');

body{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQgAAACUCAMAAABY+0dBAAAABlBMVEUAfn0Bf35kCMwVAAAA+UlEQVR4nO3QAQ0AMAjAMO7f9AmZjFZC53HmDUtERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERENoLzAQTmAzUfXsCiAAAAAElFTkSuQmCC);
background-size: cover;
height: 100%;
background-attachment: fixed;
}




main{
background: rgb(23, 22, 22);
background: linear-gradient(180deg, rgba(255, 250, 255,0.0) 20%, rgba(255, 250, 255,0.0) 15%, rgba(255, 250, 255,0.1) 10%, rgba(255, 250, 255,0.0) 5%);
box-shadow: 0px 0px 0px #030399;
}
p{
color: white;
}

nav .top{
background-color: 3, 3, 153;
}

nav .links{
background-image: url();
background-size: cover;
text-align: center;
}
.profile h1{
font-family: 'Exo 2', MS Sans Serif;
color: white;
text-shadow: 0px 0px 0px black;
font-size: 40px;
text-align: center;
}

.profile .general-about{
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 1em;
background-color: rgba(3, 3, 153,0.0);
box-shadow: 0px 0px 0px #fff7f7;
text-align: center;
color: white;
}

.profile-pic img{
border: 0px solid black;
border-radius: 100%;
}

.general-about .profile-pic{
margin: 0;
}



nav .links {
background-color: transparent;
}
nav .links a:hover {
color: rgba(3, 3, 153, 1);
}

nav .top{
background-color: transparent;
}




.online{
color: #fa3c3c;
font-family: 'Exo 2', sans-serif;
color: white;
text-shadow: 0px 0px 0px black;
font-size: 22px;
text-align: center;
}

.online img{
content: url(https://64.media.tumblr.com/a3f76b4f3ac0632ee6da4f9b36caa1f4/fd918c7bea7b4c78-15/s540x810/c7dd3941a68f619ba6a4caea363a52464d15358d.gifv);
}

footer{
background-color: rgba(3, 3, 153,0.0);
box-shadow: 0px 0px 0px #ffffff;
color: white;
}

.profile .contact .heading,
.profile .table-section .heading{
background-image: url(https://www.solidbackgrounds.com/images/3840x2160/3840x2160-dark-blue-solid-color-background.jpg);
image-align: right; 
text-align: center;
color: white;
text-shadow: 1px 1px 2px black;
}


.profile .contact, 
.profile .table-section,
.profile .url-info{
border: none;
background-color: rgba(3, 3, 153,0.0);
box-shadow: 0px 0px 0px #ffffff;
margin: .5em 0;
}

.profile .url-info{
color: white;
text-align: center;
}
table.details-table td {
background-color: transparent !important;
color: white !important;
}

.profile .blurbs .heading,
.profile .friends .heading{
background-image: url(https://www.solidbackgrounds.com/images/3840x2160/3840x2160-dark-blue-solid-color-background.jpg);
background-size: cover;
text-align: center;
color: white;
text-shadow: 0px 0px 0px black;
}

.profile .blurbs,
.profile .friends{
border: black;
background-color: rgba(3, 3, 153,0.0);
box-shadow: 0px 0px 0px #ffffff;
text-align: center;
color: white;


}
.profile .blurbs .section h4{
color: white;
text-shadow: 0px 0px 0px black;
padding: 1em 0;
}

.profile .profile-info{
color: black; 
text-shadow: text-shadow: 0px 0px 0px #fc2512;
background-image: url();
background-size: cover;
background-position: center;
}

.profile .blog-preview{
text-align: center;
border: black;
background-color: rgba(3, 3, 153,0.0);
box-shadow: 0px 0px 0px #ffff;
padding: 1em 0;
color: white;

}

.profile .friends .friends-grid p{
color: white;
text-shadow: 0px 0px 0px #ffff;

}
.count{
color: white;
text-shadow: 0px 0px 0px #080808;
}


.profile .comments-table{
color: white;
text-align: center;
background-color: rgba(3, 3, 153,0.0);
box-shadow: 0px 0px 0px #ffff;
border: black;

}
.profile .comments-table .comment-replies{
background-color: rgba(3, 3, 153,0);
box-shadow: 0px 0px 0px #ffff;
border: none;
color: white;
}
.profile .comments-table td{
background-color: transparent;
color: white;
padding: .5em;
}

a{
color: white;
text-shadow: 0px 0px 0px #ffff;
}
a:visited {
color: grey;
text-shadow: 0px 0px 0px #333333;
text-decoration: none;
}


a:hover {
color: #333333;
text-decoration: none;
}

a:active {
color: white;
text-decoration: none;
text-shadow: 0px 0px 0px #050505;
}

nav .links a:hover{
color: #d1cbcb;
text-decoration: none;
text-shadow: 0px 0px 0px #ffff;
}




body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://i.pinimg.com/originals/77/fc/be/77fcbeae73a63f296be8cb0ba6bb9763.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 1s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 





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

Layout published by テ オ (Theo)

Windows 95

Description:

Preview:

Code:

Comments

Layout published by テオ (Theo)