styles
[nepi.git] / website / nepi-layout / assets / css / pilcrow.css
1 /* needed because the container has overflow: hidden, but the pilcrows overflow */
2 .markdown-body {
3   padding-left: 30px;
4 }
5
6 .markdown-body h1,
7 .markdown-body h2,
8 .markdown-body h3,
9 .markdown-body h4,
10 .markdown-body h5,
11 .markdown-body h6 {
12   position: relative;
13 }
14
15 .markdown-body h1:hover .header-link:before,
16 .markdown-body h2:hover .header-link:before,
17 .markdown-body h3:hover .header-link:before,
18 .markdown-body h4:hover .header-link:before,
19 .markdown-body h5:hover .header-link:before,
20 .markdown-body h6:hover .header-link:before {
21     content: "\00B6";/* pilcrow */
22     color: #888;
23     font-size: smaller;
24 }
25
26 .markdown-body .header-link {
27   -webkit-user-select: none;
28   -moz-user-select: none;
29   -ms-user-select: none;
30   user-select: none;
31
32   position: absolute;
33   top: 0;
34   left: -0.7em;
35   display: block;
36   padding-right: 1em;
37 }
38
39 .markdown-body h1:hover .header-link,
40 .markdown-body h2:hover .header-link,
41 .markdown-body h3:hover .header-link,
42 .markdown-body h4:hover .header-link,
43 .markdown-body h5:hover .header-link,
44 .markdown-body h6:hover .header-link {
45   display: inline-block;
46   text-decoration: none;
47 }