[Return]

Report a post

Preview
It's a bit of a mess and far from perfect, but here's what I've got so far for a Win95 style:
@charset "UTF-8";
/* windows-95.css */

:root {
  /* Global */
  --font-family-main: "MS Sans Serif", sans-serif;
  --font-size-main: 10pt;
  --font-size-small: 0.9em;
  --color-bg-main: #008080;
  --color-bg-main-gradient: #006060;
  --color-fg-main: #ffffff;
  --color-fg-link: #000080;
  --color-fg-link-hover: #000080;
  --color-lo-contrast-border: #cccccc;
  --color-hi-contrast-border: #9999aa;
  --color-x-hi-contrast-border: #000000;
  --color-border-button: #c0c0c0;
  /* Navigation/admin bar */
  --color-bg-boardlist: var(--color-bg-reply);
  --color-fg-boardlist: #000000;
  /* Board header */
  --color-fg-logo: #ffffff;
  --color-bg-theading: #000080;
  --color-bg-theading2: #000080;
  --color-bg-theading3: #000080;
  --color-fg-theading: #ffffff;
  /* Post form */
  --color-bg-postblock: #000080;
  --color-border-input: #8080a0;
  --color-fg-global-message: var(--color-fg-warning);
  /* Posts/replies */
  --color-bg-reply: #c0c0c0;
  --color-bg-reply-hl: #e2e2f0;
  --color-fg-title: #ffffff;
  --color-fg-name: #ffffff;
  --color-fg-warning: #ff0000;
  --color-fg-warning-ip: #000080;
  --color-fg-omitted: #ffffff;
  /* Post formatting */
  --color-fg-quotelink: var(--color-fg-link);
  --color-fg-quotelink-hover: var(--color-fg-link-hover);
  --color-fg-quote: #008040;
  --color-fg-quote2: #800080;
  --color-bg-spoiler: #000000;
  --color-bg-code: #ffffff;
  --color-fg-code: #000000;
  /* Administrator mode */
  --color-bg-postlists-header: #000080;
  --color-fg-postlists-header: #ffffff;
  --color-fg-postlists-header-link: #ffff00;
  --color-bg-postlists-odd: #c0c0c0;
  --color-bg-postlists-even: #c0c0c0;
  /* File board/flash board */
  --color-bg-flashboard-even: #c0c0c0;
  /* Windows */
  --color-bg-window-item-highlight: #000080;
}

hr {
  border-color: #000000d0 #ffffff40 #ffffff40 #000000d0;
}

button,
select,
input[type="button"],
input[type="submit"],
input[type="reset"],
input::file-selector-button {
  background-color: var(--color-bg-reply);
  border-radius: 0;
  border: 1px solid;
  border-color: #dfdfdf #000000 #000000 #dfdfdf;
  box-shadow: inset 1px 1px 0 #ffffff, inset -1px -1px 0 #808080;
  min-width: 6em;
  min-height: 2em;
}

button:active,
select:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
input::file-selector-button:active {
  border-color: #000000;
  box-shadow: inset 1px 1px 0 #808080, inset -1px -1px 0 #808080;
}

button:focus,
select:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input::file-selector-button:focus{
  border-color: #000000;
}

.persistnav .boardlist {
  box-shadow: inset 0px -1px 0 #808080;
  border-color: #000000;
  padding: 0.225em;
}

.postblock,
.winbar {
  color: #ffffff;
}

.reply,
.postlists,
.flashboardList,
.previewBox,
.neomenuTopLevel,
.window,
#pager {
  background-color: var(--color-bg-reply);
  color: #000000;
  border: 1px solid;
  border-color: #dfdfdf #000000 #000000 #dfdfdf;
  box-shadow: inset 1px 1px 0 #ffffff, inset -1px -1px 0 #808080;
}

.inputtext,
.code,
.flashboardList td,
.flashboardList th,
.postlists td,
.postlists th,
.reply .postimg,
.reply .expandimg {
  border: 1px solid;
  border-color: #808080 #dfdfdf #dfdfdf #808080;
  box-shadow: inset 1px 1px 0 #000000, inset -1px -1px 0 #ffffff;
}

.inputtext {
  padding: 3px;
  font-family: var(--font-family-main);
  font-size: 0.9em;
}

textarea {
 font-family: Fixedsys, "Lucida Console", Consolas, monospace !important;
}

.reply .name,
.reply .title {
  color: #000000;
}

.window {
  background-color: #c0c0c0;
  color: #000000;
}

.winbar {
  margin: 3px;
  margin-bottom: 0;
  border: none;
}

.winctrl button {
  background-color: #c0c0c0;
}

.winctrl button:hover {
  background-color: #ffffff;
}

#settarea > label:hover,
.settab_selected {
  color: #ffffff !important;
}

.postlists,
.flashboardList,
.postlists .name,
.flashboardList .name,
.postlists .title,
.flashboardList .title {
  color: #000000;
}

.postlists caption {
  color: #ffffff;
}

.postlists td,
.postlists th,
.flashboardList td,
.flashboardList th {
  padding: 3px;
}

I also disabled ClearType for teh screencap :biggrin:

Post number No.145060
Board Off-Topic@Heyuri
Optional. Describe what's wrong with it.