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