Elgg  Version master
reset.css.php
Go to the documentation of this file.
1 <?php
6 // https://necolas.github.io/normalize.css/
7 echo elgg_view('normalize.css');
8 
9 ?>
10 /* <style> /**/
11 
12 /* Some of the reset concepts borrowed from https://bulma.io/ */
13 html,
14 body,
15 p,
16 ol,
17 ul,
18 li,
19 dl,
20 dt,
21 dd,
22 blockquote,
23 figure,
24 fieldset,
25 legend,
26 textarea,
27 pre,
28 iframe,
29 hr,
30 h1,
31 h2,
32 h3,
33 h4,
34 h5,
35 h6 {
36  margin: 0;
37  padding: 0;
38 }
39 
40 h1,
41 h2,
42 h3,
43 h4,
44 h5,
45 h6 {
46  font-size: 100%;
47  font-weight: normal;
48 }
49 
50 html {
51  -webkit-box-sizing: border-box;
52  box-sizing: border-box;
53 }
54 
55 * {
56  -webkit-box-sizing: inherit;
57  box-sizing: inherit;
58 }
59 
60 *:before, *:after {
61  -webkit-box-sizing: inherit;
62  box-sizing: inherit;
63 }
64 
65 img,
66 embed,
67 object,
68 audio,
69 video {
70  max-width: 100%;
71 }
72 
73 iframe {
74  border: 0;
75 }
76 
77 table {
78  border-collapse: collapse;
79  border-spacing: 0;
80 }
81 
82 td,
83 th {
84  padding: 0;
85  text-align: left;
86 }
87 
88 html {
89  background-color: white;
90  font-size: var(--elgg-font-size);
91  -moz-osx-font-smoothing: grayscale;
92  -webkit-font-smoothing: antialiased;
93  min-width: 300px;
94  overflow-x: hidden;
95  overflow-y: scroll;
96  text-rendering: optimizeLegibility;
97  -webkit-text-size-adjust: 100%;
98  -moz-text-size-adjust: 100%;
99  -ms-text-size-adjust: 100%;
100  text-size-adjust: 100%;
101 }
102 
103 /* Smooth scrolling IF user doesn't have a preference due to motion sensitivities */
104 @media screen and (prefers-reduced-motion: no-preference) {
105  html {
106  scroll-behavior: smooth;
107  }
108 }
109 
110 article,
111 aside,
112 figure,
113 footer,
114 header,
115 hgroup,
116 section {
117  display: block;
118 }
119 
120 body,
121 button,
122 input,
123 select,
124 textarea {
125  font-family: var(--elgg-font-family);
126 
127 }
128 
129 code,
130 pre {
131  -moz-osx-font-smoothing: auto;
132  -webkit-font-smoothing: auto;
133  font-family: monospace;
134 }
135 
136 body {
137  position: relative;
138  color: var(--elgg-text-color-strong);
139  background: var(--elgg-body-background-color);
140  font-size: 1rem;
141  font-weight: 400;
142  line-height: 1.5;
143 }
144 
145 a {
146  cursor: pointer;
147  text-decoration: none;
148 }
149 
150 a strong {
151  color: currentColor;
152 }
153 
154 code {
155  background-color: var(--elgg-background-color-soft);
156  color: #ff3860;
157  font-size: 0.875em;
158  font-weight: normal;
159  padding: 0.25em 0.5em 0.25em;
160 }
161 
162 hr {
163  background-color: var(--elgg-border-color-mild);
164  border: none;
165  display: block;
166  height: 1px;
167  margin: 1.5rem 0;
168 }
169 
170 img {
171  height: auto;
172  max-width: 100%;
173 }
174 
175 input[type="checkbox"],
176 input[type="radio"] {
177  vertical-align: baseline;
178 }
179 
180 small {
181  font-size: 0.875em;
182 }
183 
184 span {
185  font-style: inherit;
186  font-weight: inherit;
187 }
188 
189 pre {
190  -webkit-overflow-scrolling: touch;
191  background-color: var(--elgg-background-color-soft);
192  color: var(--elgg-text-color-strong);
193  font-size: 0.875em;
194  overflow-x: auto;
195  padding: 1.25rem 1.5rem;
196  white-space: pre;
197  word-wrap: normal;
198 }
199 
200 pre code {
201  background-color: transparent;
202  color: currentColor;
203  font-size: 1em;
204  padding: 0;
205 }
206 
207 table td,
208 table th {
209  text-align: left;
210  vertical-align: top;
211 }
212 
213 table th {
214  color: #363636;
215 }
216 
217 /* Elgg Reset /**/
218 ol, ul {
219  list-style: none;
220 }
221 
222 em, i {
223  font-style: italic;
224 }
225 
226 ins {
227  text-decoration: none;
228 }
229 
230 strike, del {
231  text-decoration: line-through;
232 }
233 
234 strong, b {
235  font-weight: var(--elgg-font-bold-weight);
236 }
237 
238 table {
239  border-collapse: collapse;
240  border-spacing: 0;
241 }
242 
243 caption, th, td {
244  text-align: left;
245  font-weight: normal;
246  vertical-align: top;
247 }
248 
249 blockquote:before, blockquote:after,
250 q:before, q:after {
251  content: "";
252 }
253 
254 blockquote, q {
255  quotes: "" "";
256 }
257 
258 a {
259  text-decoration: none;
260 }
261 
262 button::-moz-focus-inner,
263 input::-moz-focus-inner {
264  border: 0;
265  padding: 0;
266 }
267 
268 [hidden] {
269  display: none !important;
270 }
271 
272 fieldset {
273  border: none;
274  min-width: 0; /* override -webkit-min-content */
275 }
elgg()
Bootstrapping and helper procedural code available for use in Elgg core and plugins.
Definition: elgglib.php:12
elgg_view(string $view, array $vars=[], string $viewtype='')
Return a parsed view.
Definition: views.php:156