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

Freddu	1701713540 using Report Comment
GALAXY	1701673149 using!! :3 Report Comment
Johnny	1701593021 using :) Report Comment
Insectward	1701528712 Using Report Comment
Book :3	1701474506 Using :3 Report Comment
Ripplet	1701428554 usinggg Report Comment
☆ ruby ☆	1701426091 amazing layout! im using :) Report Comment
domo	1701328741 using :DD Report Comment
MAXIMUM	1701327010 excellent work! using now :o) Report Comment
anerXD	1701252720 using1!! Report Comment
Clementinutile	1701194434 using Report Comment
marcy	1701045085 using ^_^ Report Comment
col1n_r4ff	1701043343 usingg!!!!! B3 Report Comment
dr_worm	1700887074 using!! awesome code btw!!! :3 Report Comment
J4yy	1700851793 using Report Comment
tomatonibbler	1700775245 hi great theme!!! hope u don't mind me asking but how do i change the teal background to an image url? Report Comment
chellsita	1700766390 Using!! Report Comment
Neru	1700700888 Using, thank youu, it looks awesome ^_^ Report Comment
juniperstars	1700533097 using!!! Report Comment
Eden >:D	1700526469 using!! Report Comment