Files: 199cb9733ad243e90145916e681fb93b45ad0ea6 / app / styles / css / global.js
1845 bytesRaw
1 | const nest = require('depnest') |
2 | const { assign } = Object |
3 | |
4 | exports.gives = nest('styles.css') |
5 | |
6 | exports.create = function (api) { |
7 | return nest('styles.css', (sofar = {}) => { |
8 | return assign(sofar, { globalStyles }) |
9 | }) |
10 | } |
11 | |
12 | const globalStyles = ` |
13 | body { |
14 | font-family: sans-serif; |
15 | color: #222; |
16 | } |
17 | |
18 | h1, h2, h3, h4, h5, h6, p, ul, ol { |
19 | margin-top: .35em; |
20 | } |
21 | |
22 | h1 { font-size: 1.2em; } |
23 | h2 { font-size: 1.18em; } |
24 | h3 { font-size: 1.15em; } |
25 | h4 { font-size: 1.12em; } |
26 | h5 { font-size: 1.1em; } |
27 | h6 { font-size: 1em; } |
28 | |
29 | * { |
30 | word-break: break-word; |
31 | } |
32 | |
33 | a:link, a:visited, a:active { |
34 | color: #0088cc; |
35 | text-decoration: none; |
36 | } |
37 | |
38 | a:hover, |
39 | a:focus { |
40 | color: #005580; |
41 | text-decoration: underline; |
42 | } |
43 | |
44 | pre { |
45 | white-space: pre-wrap; |
46 | word-wrap: break-word; |
47 | } |
48 | |
49 | p { |
50 | margin-top: .35ex; |
51 | } |
52 | |
53 | hr { |
54 | border: solid #eee; |
55 | clear: both; |
56 | border-width: 1px 0 0; |
57 | height: 0; |
58 | margin-bottom: .9em; |
59 | } |
60 | |
61 | input, textarea { |
62 | border: none; |
63 | border-radius: .2em; |
64 | font-family: sans-serif; |
65 | } |
66 | |
67 | input:focus, .compose:focus, button:focus { |
68 | outline: none; |
69 | border-color: #0088cc; |
70 | box-shadow: 0 0 4px #0088cc; |
71 | } |
72 | |
73 | textarea { |
74 | padding: .5em; |
75 | font-size: 1em; |
76 | } |
77 | |
78 | textarea:focus { |
79 | outline: none; |
80 | border-color: none; |
81 | } |
82 | |
83 | button { |
84 | background: #fff; |
85 | color: #666; |
86 | border: 1px solid #bbb; |
87 | border-radius: .5em; |
88 | padding: .7em; |
89 | margin: .5em; |
90 | cursor: pointer; |
91 | text-transform: uppercase; |
92 | font-weight: bold; |
93 | font-size: .7em; |
94 | } |
95 | |
96 | button:hover { |
97 | background: #ccc; |
98 | border: 1px solid #bbb; |
99 | } |
100 | |
101 | /* TextNodeSearcher highlights */ |
102 | |
103 | highlight { |
104 | background: #ff8; |
105 | } |
106 | |
107 | /* lightbox - used in message-confirm */ |
108 | |
109 | div.lightbox { |
110 | position: fixed; |
111 | left: 0px; |
112 | right: 0px; |
113 | top: 50px; |
114 | overflow: auto; |
115 | width: 600px; |
116 | max-width: 100%; |
117 | padding: 25px; |
118 | margin: auto; |
119 | z-index: 2; |
120 | background: #f5f5f5; |
121 | border: 1px solid #eee; |
122 | border-radius: .2em; |
123 | } |
124 | ` |
125 | |
126 |
Built with git-ssb-web