diff --git a/css/theme.css b/css/theme.css new file mode 100755 index 0000000..5145c31 --- /dev/null +++ b/css/theme.css @@ -0,0 +1,138 @@ +:root { + --main-background: #d3d3d3; + --main-text: #000000; + + --subtitle: #525252; + --main-nav: dodgerblue; + --acc-nav: #f3dca9; + --acc-nav-separator: 2px solid #000000; + + --context-menu: #d0d0d0; + --context-menu-border: 1px outset #a4a4a4; + --context-menu-hover: #bfbfbf; + + --menu-border: 1px outset #bdbdbd; + --menu-bg: #d0d0d0; + + --header-bg: #ffffff; + --header-text: #000000; + --header-line: 2px solid #000000; + + --code-bg: #ffffff63; + --code-text: #000000; + + --comments-bgcolor: #ffffff; + + --border-line: #000000; + --border-header: #ffffff; + + --inactive: #6e6e6e; + --alert: #ce0000; + --currency: #89541A; + + --staff: #d500d1; + + --tab-inactive: #bdbdbd; + --tab-selected: #d3d3d3; + --tab-gradient: #dedede; + + --popup-title-bg: #b3b3b3; + --popup-title-border: 1px outset #868686; + + --dialog-bg: #fbebcc; + --dialog-button-hover: #f9f7dd; + --dialog-button-active: #fffeee; + + --listing-unknown: #dd8fe8; + --listing-missing: #d57f6b; + --listing-found: #8cb9fd; + --listing-archived: #5dc668; + + --status-success: #458e1c; + --status-error: #ff0000; + + --error: #c85151; + --warn: #d5c58e; + --info: #8d9dce; + --success: #95ce8d; + + --mail-subject-bg: #b7b7b7; + --mail-subject-border: 1px outset #8a8a8a; + --mail-sub-bg: #cecece; + --mail-sub-border: 1px outset #a8a8a8; + --mail-content-bg: #dbdbdb; + --mail-content-border: 1px outset #959595; + --mail-buttonbar: #cacaca; + + --forum-header: #f3dca9; + --forum-header-border: 1px outset #a89b7f; + --forum-content: #d9d4c9; + --forum-content-border: 1px outset #a29c8d; + + --forum-sub: #d7ccb6; + --forum-sub-border: 1px outset #99907b; + + --post: #d9d9d9; + --post-border: 1px outset #bfb9a9; + --post-bottombar: #d2d2d2; + + --post-author: #b4b6b7; + --post-author-border: 1px outset #84775a; + + --quote-bg: #cacaca; + --quote-border: 1px outset #9b9481; + + --spoiler-bg: #b0b0b0; + --spoiler-header-bg: #1c1c1c; + --spoiler-header-text: #E8E8E8; + --spoiler-border: 1px inset #1c1c1c; + + --bar-bgcolor: #ffffff; + + --input-bg: #ffffff; + --input-text: #000000; + + --direct: #ffffff; + + --background-image: url('//assets.worlio.com/style/background'); + + /* DEPRECATED + --button-large: url('//assets.worlio.com/style/button-large'); + --button-wide: url('//assets.worlio.com/style/button-wide'); + --button-long: url('//assets.worlio.com/style/button-long'); + --button-med: url('//assets.worlio.com/style/button-med'); + --button-small: url('//assets.worlio.com/style/button-small'); + */ + --default-button-background: #d4d4d4; + --default-button-border: 2px outset #dfdfdf; + --hover-button-background: #99d4ab; + --hover-button-border: 2px outset #b6e0c3; + --active-button-background: #9e9e9e; + --active-button-border: 2px inset #bfbfbf; + + --navbar-left: url('//assets.worlio.com/style/navbar-left'); + --navbar-right: url('//assets.worlio.com/style/navbar-right'); + --navbar-top: url('//assets.worlio.com/style/navbar-top'); + --navbar-bottom: url('//assets.worlio.com/style/navbar-bottom'); + --nav-db: url('//assets.worlio.com/style/navbar-db'); + + --navbar-bg: url('//assets.worlio.com/style/navbar-bg'); + --navbar-gradient: url('//assets.worlio.com/style/navbar-gradient'); + + --rankflag0: #777; + --rankflag1: #4c3525; + --rankflag2: #3d464b; + --rankflag3: #5c4d0f; + --rankflag4: #5988a5; + --rankflag5: #319b3a; + --rankflag6: #d35ed0; + --rankflag7: #171717; +} + +* { + border-radius: 8px; +} + +.button { + outline: 1px solid black; +}