:root { /* MAIN SITE COLORS */ --main-background: #ececec; --main-text: #000000; --subtitle: #525252; --main-nav: #aaa; --acc-nav: #c8c8c8; --acc-nav-separator: transparent; --menu-border: transparent; --menu-bg: #d0d0d0; --header-bg: #ffffff; --header-text: #000000; --code-bg: #ffffff63; --code-text: #000000; --comments-bg: #ffffff; --border-line: #000000; --border-header: #ffffff; --inactive: #6e6e6e; --alert: #ce0000; --currency: #89541A; --tab-inactive: #bdbdbd; --tab-selected: #d3d3d3; --tab-gradient: #d3d3d3; --dialog-bg: #e3e3e3; --dialog-button-hover: #f9f7dd; --dialog-button-active: #fffeee; --listing-unknown: #dd8fe8; --listing-missing: #d57f6b; --listing-found: #8cb9fd; --listing-archived: #5dc668; --status-success: #00ff00; --status-error: #ff0000; --error: #b77e7e; --warn: #d5c58e; --info: #8d9dce; --success: #95ce8d; /* Misc Colors */ --bar-bgcolor: #ffffff; --input-bg: #ffffff; --input-text: #000000; --direct: #ffffff; /* TEXTURES */ --background-image: none; --button-large: url('/style/button.png'); --button-wide: url('/style/button.png'); --button-long: url('/style/button.png'); --button-med: url('/style/button.png'); --button-small: url('/style/button.png'); --navbar-left: none; --navbar-right: none; --navbar-top: none; --navbar-bottom: none; --nav-db: none; --navbar-bg: none; --navbar-gradient: none; } .button { background-color: #ebebeb; } .button:hover { background-color: #acdbe6; } .button:active, .button.disabled { background-color: #ace6c8; }