Windows 95/98 Layout

Tags: windows, retro, windows 98, windows 95, computer, vaporwave

Description:

bunch o' code that makes your profile look like Windows 95/98, most of the colours and things are editable and there's comments pointing to what all the colours are, so feel free to make an abhorrent rainbow version of the theme if that's what you like :3

feel free to let me know if there's any issues with the layout and i'll try to fix them!!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ida🦌✨💜 (https://layouts.spacehey.com/layout?id=2979) -->

<style>

/* windows 98 theme */

/* made by ida */
/* spacehey.com/deer */
/* spacehey.com/hatsunemiku */

:root
{
/* background colour */
    --logo-blue: #008080;

/* gradient colour */
    --darker-blue: #000080;
    --even-lighter-blue: #1084d0;

/* hyperlink */
    --link: #000080;

/* normal gray */
    --lighter-blue: #c0c0c0;

/* border gray */
    --lightest-blue: #dfdfdf;

/* white */
    --dark-orange: #FFFFFF;

/* gray */
    --darker-gray: #808080;

/* black */
    --black: #000000;
}

.heading
{

/* change this url to your windows buttons .png */
background-image: url("https://cdn.discordapp.com/attachments/766244699413151755/840995300336467988/windows.png"), linear-gradient(to right, var(--darker-blue), var(--even-lighter-blue)) !important;

background-repeat: no-repeat !important;
background-position: right center !important;
}

body
{

/* change this url to your preferred cursor */
cursor: url("https://cdn.discordapp.com/attachments/766244699413151755/841026961902927932/128661.png"), auto !important;

background-color: var(--logo-blue) !important;
font-family: Arial Narrow, sans-serif !important;
}

h4
{
color: var(--dark-orange);
font-size: 14px;
}

p
{
color: var(--black);
font-size: 12px;
font-style: italic;
}

.w-40
{
padding-right: 0px !important;
}

a
{
color: var(--link) !important;
}

a.more
{
margin-right: 50px !important;
}

.comments-table p
{
color: var(--dark-orange) !important;
}

.profile .friends .person p
{
color: var(--darker-gray) !important;
}

nav .links a
{
color: var(--black) !important;
}

ul.links
{
padding-top: 6px !important;
padding-left: 3px !important;
}

li
{
border-width: 1px !important;
border-color: var(--lightest-blue) !important;
padding-left: 8px;
padding-right: 8px;
margin: -3px;
}

.count
{
  color: var(--dark-orange);
}

.details-table td:first-child
{
background-color: var(--gray) !important;
color: var(--black) !important;
}

nav .links li:not(:last-child)
{
border-right-style: inset !important;
}

nav .links li:not(:first-child)
{
border-left-style: inset !important;
}

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

div.friends
{
margin-bottom: 20px !important;
}

.comments-table td:first-child
{
width: auto !important;
}

div
{
border-style: none !important;
}

div.contact, div.table-section, div.blurbs, div.friends, div.person, div.container, table.comments-table, div.profile-pic
{
border-style: outset !important;
border-width: 3px !important;
border-color: var(--lightest-blue) !important;
background-color: var(--lighter-blue) !important;
}

div.person, table.comments-table, div.profile-pic
{
background-color: var(--lightest-blue) !important;
border-color: var(--dark-orange) !important;
padding: 0px !important;
}

div.container
{
margin-top: 16px !important;
}

main
{
background-color: transparent !important;
}

td
{
border-style: none !important;
}

.comments-table p
{
color: var(--black) !important;
}

.comments-table a p
{
color: var(--darker-gray) !important;
}

.comments-table td:first-child
{
background: var(--lightest-blue) !important;
}

.comments-table td
{
background: var(--lighter-blue) !important;
}

div.profile-pic
{
height: 166px !important;
}

div.top
{
background-image: linear-gradient(to right, var(--darker-blue), var(--even-lighter-blue)) !important;
}
</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 692 comments ( View all | Add Comment )

Ceti!	1789619732 using! :3 Report Comment
ZelekMalopolski	1789155576 Using! :) Report Comment
ollie	1788248380 using!!! Report Comment
4LP D3N1Z	1788230616 using :3 Report Comment
xget_scared_loverxX	1787730100 Using ! Thanks ^^ Report Comment
:jun	1787414342 Using, much thanks :-) Report Comment
VANYA !	1787401743 hii using Report Comment
liane	1786683806 using!^^ Report Comment
☮︎ CHRIS!	1786272693 using :)) Report Comment
Lucia	1786212448 Im using it !!! Report Comment
akasze	1785689601 using <3 Report Comment
Triya	1785526080 using Report Comment
.	1785237812 using Report Comment
cyanidelord	1785010804 using Report Comment
kiki	1784946528 using Report Comment
Gabe the cat	1783761511 Thankies :3 Report Comment
VIRTUA.ZIP	1782375993 Thanks! Report Comment
pepper (anon4ever)	1780598633 using Report Comment
teenboi	1780263908 usingg Report Comment
ram	1779772880 thank you!! Report Comment