xref: /template/kiwiki/css/basic.css (revision 6d5babb2467eb7e57dc24c981ab68f447193c53d)
1/*:root {
2  --kiwiki-black: #000000;
3  --kiwiki-white: #ffffff;
4  --kiwiki-grey: #475569;
5  --kiwiki-grey-dark: #1e293b;
6  --kiwiki-grey-100: #f1f5f9;
7  --kiwiki-grey-200: #e2e8f0;
8  --kiwiki-grey-300: #cbd5e1;
9  --kiwiki-grey-400: #94a3b8;
10  --kiwiki-grey-500: #64748b;
11  --kiwiki-grey-600: #475569;
12  --kiwiki-grey-700: #334155;
13  --kiwiki-grey-800: #1e293b;
14  --kiwiki-grey-900: #0f172a;
15  --kiwiki-body-color: #1e293b;
16  --kiwiki-body-bg: #f5f7fd;
17  --kiwiki-btn-bg: #1a569d;
18  --kiwiki-btn-hover-bg: #1e77e1;
19  --kiwiki-btn-border-color: #185093;
20}*/
21
22body {
23  --kiwiki-black: __kiwiki_color_black__;
24  --kiwiki-white: __kiwiki_color_white__;
25  --kiwiki-grey: __kiwiki_color_grey__;
26  --kiwiki-grey-dark: __kiwiki_color_grey_dark__;
27  --kiwiki-grey-100: __kiwiki_color_grey_100__;
28  --kiwiki-grey-200: __kiwiki_color_grey_200__;
29  --kiwiki-grey-300: __kiwiki_color_grey_300__;
30  --kiwiki-grey-400: __kiwiki_color_grey_400__;
31  --kiwiki-grey-500: __kiwiki_color_grey_500__;
32  --kiwiki-grey-600: __kiwiki_color_grey_600__;
33  --kiwiki-grey-700: __kiwiki_color_grey_700__;
34  --kiwiki-grey-800: __kiwiki_color_grey_800__;
35  --kiwiki-grey-900: __kiwiki_color_grey_900__;
36  --kiwiki-body-color: __kiwiki_color_text__;
37  --kiwiki-body-bg: __kiwiki_color_body_bg__;
38  --kiwiki-btn-bg: __kiwiki_color_btn_bg__;
39  --kiwiki-btn-hover-bg: __kiwiki_color_btn_hover_bg__;
40  --kiwiki-btn-border-color: __kiwiki_color_btn_border_color__;
41}
42
43* {
44  outline: 0;
45}
46
47::-moz-selection,
48::selection {
49  color: var(--kiwiki-white);
50  background: var(--kiwiki-btn-hover-bg);
51}
52
53html,
54body {
55  background-color: __background__;
56  color: __text__;
57  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
58    "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
59    "Segoe UI Symbol";
60  margin: 0;
61  padding: 0;
62}
63
64html {
65  overflow-x: auto;
66  overflow-y: scroll;
67  scroll-behavior: smooth;
68}
69
70body {
71  -webkit-text-size-adjust: 100%;
72  -moz-text-size-adjust: 100%;
73  -ms-text-size-adjust: 100%;
74  text-size-adjust: 100%;
75}
76
77img {
78  border-width: 0;
79}
80
81img,
82video {
83  height: auto;
84}
85
86img,
87object,
88iframe,
89video,
90audio,
91select {
92  max-width: 100%;
93}
94
95a,
96a:visited {
97  color: var(--kiwiki-btn-bg);
98}
99
100a:hover {
101  color: var(--kiwiki-btn-hover-bg);
102}
103