]>
Commit | Line | Data |
---|---|---|
8f9d1d4d DC |
1 | *, |
2 | *:before, | |
3 | *:after, | |
4 | *:first-letter, | |
5 | p:first-line, | |
6 | div:first-line, | |
7 | blockquote:first-line, | |
8 | li:first-line { | |
9 | background: transparent !important; | |
10 | color: #000 !important; | |
11 | box-shadow: none !important; | |
12 | text-shadow: none !important; | |
13 | } | |
14 | ||
15 | body { | |
16 | width: 100% !important; | |
17 | margin: 0 !important; | |
18 | padding: 0 !important; | |
19 | line-height: 1.45; | |
20 | font-family: Helvetica, sans-serif; | |
21 | color: #000; | |
22 | background: none; | |
23 | font-size: 14pt; | |
24 | } | |
25 | ||
26 | .grid { | |
27 | display: block; | |
28 | } | |
29 | ||
30 | main, | |
31 | .docs-content, | |
32 | .docs-wrapper { | |
33 | display: block; | |
34 | width: 100%; | |
35 | max-width: 75ch; | |
36 | margin: 1cm auto; | |
37 | } | |
38 | ||
39 | /* Headings */ | |
40 | h1, | |
41 | h2, | |
42 | h3, | |
43 | h4, | |
44 | h5, | |
45 | h6 { | |
46 | page-break-after: avoid; | |
47 | } | |
48 | ||
49 | h1 { | |
50 | font-size: 19pt; | |
51 | } | |
52 | ||
53 | h2 { | |
54 | font-size: 17pt; | |
55 | } | |
56 | ||
57 | h3 { | |
58 | font-size: 15pt; | |
59 | } | |
60 | ||
61 | h4, | |
62 | h5, | |
63 | h6 { | |
64 | font-size: 14pt; | |
65 | } | |
66 | ||
67 | ||
68 | p, | |
69 | h2, | |
70 | h3 { | |
71 | orphans: 3; | |
72 | widows: 3; | |
73 | } | |
74 | ||
75 | code { | |
76 | font: 12pt Courier, monospace; | |
77 | } | |
78 | ||
79 | blockquote { | |
80 | margin: 1.2em; | |
81 | padding: 1em; | |
82 | font-size: 12pt; | |
83 | } | |
84 | ||
85 | hr { | |
86 | background-color: #ccc; | |
87 | } | |
88 | ||
89 | /* Images */ | |
90 | img { | |
91 | max-width: 100% !important; | |
92 | } | |
93 | ||
94 | a img { | |
95 | border: none; | |
96 | } | |
97 | ||
98 | /* Links */ | |
99 | a:link, | |
100 | a:visited { | |
101 | background: transparent; | |
102 | font-weight: 700; | |
103 | text-decoration: underline; | |
104 | color: #333; | |
105 | } | |
106 | ||
107 | // a:link[href^="http://"]:after, | |
108 | // a[href^="http://"]:visited:after { | |
109 | // content: " ("attr(href) ") "; | |
110 | // font-size: 90%; | |
111 | // } | |
112 | ||
113 | abbr[title]:after { | |
114 | content: " ("attr(title) ")"; | |
115 | } | |
116 | ||
117 | /* Don't show linked images */ | |
118 | a[href^="http://"] { | |
119 | color: #000; | |
120 | } | |
121 | ||
122 | a[href$=".jpg"]:after, | |
123 | a[href$=".jpeg"]:after, | |
124 | a[href$=".gif"]:after, | |
125 | a[href$=".png"]:after { | |
126 | content: " ("attr(href) ") "; | |
127 | display: none; | |
128 | } | |
129 | ||
130 | /* Don't show links that are fragment identifiers, or use the `javascript:` pseudo protocol .. taken from html5boilerplate */ | |
131 | a[href^="#"]:after, | |
132 | a[href^="javascript:"]:after { | |
133 | content: ""; | |
134 | } | |
135 | ||
136 | /* Table */ | |
137 | table { | |
138 | margin: 1px; | |
139 | text-align: left; | |
140 | } | |
141 | ||
142 | th { | |
143 | border-bottom: 1px solid #333; | |
144 | font-weight: bold; | |
145 | } | |
146 | ||
147 | td { | |
148 | border-bottom: 1px solid #333; | |
149 | } | |
150 | ||
151 | th, | |
152 | td { | |
153 | padding: 4px 10px 4px 0; | |
154 | } | |
155 | ||
156 | tfoot { | |
157 | font-style: italic; | |
158 | } | |
159 | ||
160 | caption { | |
161 | background: #fff; | |
162 | margin-bottom: 2em; | |
163 | text-align: left; | |
164 | } | |
165 | ||
166 | thead { | |
167 | display: table-header-group; | |
168 | } | |
169 | ||
170 | img, | |
171 | tr { | |
172 | page-break-inside: avoid; | |
173 | } | |
174 | ||
175 | body>*:not(main), | |
176 | aside, | |
177 | *[class*="sidebar"] { | |
178 | display: none; | |
179 | } | |
180 | ||
181 | button, | |
182 | .c-btn.c-btn--playground, | |
183 | .docs-edit-link { | |
184 | display: none; | |
185 | } | |
186 | ||
187 | a[href^='http']:not([href*='mywebsite.com'])::after { | |
188 | content: ' ('attr(href) ')'; | |
189 | } | |
190 | ||
191 | .resource a::after { | |
192 | display: none; | |
193 | } | |
194 | ||
195 | ul { | |
196 | page-break-inside: avoid; | |
197 | } | |
198 | ||
199 | .docs-toc, .docs-index, .docs-aside, #skip-link{ | |
200 | display: none; | |
201 | } | |
202 | ||
203 | @media print { | |
204 | @page { | |
205 | margin: 1cm; | |
206 | } | |
207 | } |