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

Bokinoyo	1747453243 using Report Comment
Sunky the Eevee	1746874876 using :) Report Comment
~✩ MidnightMinako	1746832189 using! Tyyy :з Report Comment
yellorat	1746636090 using <3 Report Comment
W3bKaT.	1746410655 using ^^ Report Comment
Rogue	1746367244 using !! x Report Comment
✧˚ ༘ ⋆｡˚ Bunny ˚｡⋆ ༘˚✧	1746214832 using Report Comment
Libby	1746151847 Using tyyy Report Comment
Bobli C	1745960159 absolutely magnificent, using! Report Comment
salma .ᐟ.ᐟ	1745929525 using!! Report Comment
amber	1745824681 Using ! Report Comment
Anthony	1745790989 using !! I love it Report Comment
sophii	1745773831 fireee broo Report Comment
Sintaloyd	1745461795 Usiiing1!!!! Report Comment
wilbur / grouse	1745412426 using :D Report Comment
Liviaasa	1745027176 usin!!! Report Comment
pine42	1744958942 thank u:3 defo using Report Comment
thatguy2011	1744471759 using atm Report Comment
adam	1743964780 using! Report Comment
Gam32+32	1743958792 Using Report Comment