real-world-css-libraries 1.0.2 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +37 -7
- package/index.js +9 -0
- package/libs/cleanslate-v0.10.1.css +454 -0
- package/libs/colofilter-v0.0.0.css +232 -0
- package/libs/fileicon-v0.1.1.css +140 -0
- package/libs/gridism-v0.2.2.css +133 -0
- package/libs/holmes-v6.8.12.css +483 -0
- package/libs/less-framework-v0.0.0.css +168 -0
- package/libs/medium.css-v1.0.2.css +287 -0
- package/libs/off-canvas-menu-effects-v0.0.0.css +238 -0
- package/libs/select2-bootstrap-v1.2.5.css +120 -0
- package/libs/simptip-v1.0.4.css +447 -0
- package/libs/spicetify-bloom-v0.0.0.css +2725 -0
- package/libs/stackoverflow-dark-v5.1.2.css +4962 -0
- package/libs/swagger-ui-themes-2-v2.1.0.css +1730 -0
- package/libs/swagger-ui-themes-3-v3.0.1.css +1793 -0
- package/libs/wenk-v1.0.8.css +126 -0
- package/package.json +3 -3
- /package/libs/{bootstrap-v4.6.2.css → bootstrap-4-v4.6.2.css} +0 -0
- /package/libs/{bootstrap-v5.3.8.css → bootstrap-5-v5.3.8.css} +0 -0
|
@@ -0,0 +1,483 @@
|
|
|
1
|
+
/* https://github.com/redroot/holmes/blob/master/holmes.css */
|
|
2
|
+
/**
|
|
3
|
+
* O
|
|
4
|
+
* \ HOLMES
|
|
5
|
+
*
|
|
6
|
+
* ------------------------
|
|
7
|
+
*
|
|
8
|
+
* Holmes is stand-alone diagnostic CSS stylesheet that will highlight
|
|
9
|
+
* potentially invalid or erroneous HTML(5) markup
|
|
10
|
+
*
|
|
11
|
+
* @author Luke Williams
|
|
12
|
+
* @contributors Anthony Mann (hover based debug info)
|
|
13
|
+
* @author_url http://www.red-root.com
|
|
14
|
+
* @project_url http://github.com/redroot/holmes/
|
|
15
|
+
* @version 1.0.45 (06/08/2012)
|
|
16
|
+
*
|
|
17
|
+
* Copyright (C) 2012 Luke Williams & RedRoot All Rights Reserved.
|
|
18
|
+
* holmes.css HTML5 CSS Accessibility Validation
|
|
19
|
+
* Licenced under GPL license
|
|
20
|
+
* http://www.gnu.org/licenses/gpl.html
|
|
21
|
+
*
|
|
22
|
+
* ------------------------
|
|
23
|
+
*
|
|
24
|
+
* How does it work?
|
|
25
|
+
*
|
|
26
|
+
* Adding the class 'holmes-debug' to any element, ideally the body or html tag,
|
|
27
|
+
* will set debug styles for any elements within that element.
|
|
28
|
+
*
|
|
29
|
+
* e.g.:
|
|
30
|
+
* <body class="holmes-debug">
|
|
31
|
+
*
|
|
32
|
+
* ------------------------
|
|
33
|
+
*
|
|
34
|
+
* Debug colours and what they mean
|
|
35
|
+
*
|
|
36
|
+
* - RED denotes an error, invalid markup or a missing attribute
|
|
37
|
+
* - YELLOW denotes a warning, so potentionally erroneous markup or bad practice
|
|
38
|
+
* - DARK GREY denotes a deprecated element or element with deprecated or Non-W3C attributes
|
|
39
|
+
*
|
|
40
|
+
* -------------------------
|
|
41
|
+
*
|
|
42
|
+
* Notes
|
|
43
|
+
*
|
|
44
|
+
* - I have chosen to keep all separate types of diagnostis separate, despite sharing
|
|
45
|
+
* common CSS styles, to maintain readability
|
|
46
|
+
*
|
|
47
|
+
* - Getting pretty long so I've split it into outlines/borders and then Anthony's debug info, first
|
|
48
|
+
* the style, then the content
|
|
49
|
+
*
|
|
50
|
+
*/
|
|
51
|
+
/* ====================================================== */
|
|
52
|
+
/* = OUTLINES / BORDERS ================================= */
|
|
53
|
+
/* ====================================================== */
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
/**************
|
|
57
|
+
LINKS
|
|
58
|
+
**************/
|
|
59
|
+
|
|
60
|
+
/* Errors */
|
|
61
|
+
|
|
62
|
+
.holmes-debug a:not([href]),
|
|
63
|
+
.holmes-debug a[href=""] {
|
|
64
|
+
outline: 2px solid red;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.holmes-debug a[href="#"],
|
|
68
|
+
.holmes-debug a[href^="javascript"],
|
|
69
|
+
.holmes-debug a[title=""]{
|
|
70
|
+
outline: 2px solid #fd0;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
|
|
74
|
+
|
|
75
|
+
/**************
|
|
76
|
+
IMAGES
|
|
77
|
+
**************/
|
|
78
|
+
|
|
79
|
+
.holmes-debug img:not([alt]){
|
|
80
|
+
outline: 2px solid red;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.holmes-debug img[alt=""] {
|
|
84
|
+
outline: 2px solid #fd0;
|
|
85
|
+
}
|
|
86
|
+
/*************************
|
|
87
|
+
MISC ATTRIBUTES
|
|
88
|
+
**************************/
|
|
89
|
+
|
|
90
|
+
.holmes-debug label:not([for]),
|
|
91
|
+
.holmes-debug label[for=""],
|
|
92
|
+
|
|
93
|
+
.holmes-debug input:not([name]),
|
|
94
|
+
.holmes-debug input[name=""],
|
|
95
|
+
|
|
96
|
+
.holmes-debug select:not([name]),
|
|
97
|
+
.holmes-debug select[name=""],
|
|
98
|
+
|
|
99
|
+
.holmes-debug textarea:not([name]),
|
|
100
|
+
.holmes-debug textarea[name=""],
|
|
101
|
+
|
|
102
|
+
.holmes-debug abbr:not([title]),
|
|
103
|
+
.holmes-debug abbr[title=""],
|
|
104
|
+
|
|
105
|
+
.holmes-debug [class=""],
|
|
106
|
+
.holmes-debug [id=""],
|
|
107
|
+
|
|
108
|
+
/*
|
|
109
|
+
Warnings here, for inline styles and event calls,
|
|
110
|
+
ideally they should be external (CSS) and JS applied by JS scripts,
|
|
111
|
+
keep markup purely presentational!
|
|
112
|
+
(not sure about the js yet)
|
|
113
|
+
*/
|
|
114
|
+
.holmes-debug [style]/*,
|
|
115
|
+
.holmes-debug [onclick],
|
|
116
|
+
.holmes-debug [onblur],
|
|
117
|
+
.holmes-debug [onfocus],
|
|
118
|
+
.holmes-debug [onselect],
|
|
119
|
+
.holmes-debug [onload],
|
|
120
|
+
.holmes-debug [onunload]
|
|
121
|
+
*/{
|
|
122
|
+
outline: 2px solid #fd0;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
/*************************************************************************
|
|
126
|
+
DEPRECATED & NON-W3C CONTENT ELEMENTS (#a9a9a9)
|
|
127
|
+
Based largely on http://www.w3.org/TR/html5/obsolete.html#obsolete
|
|
128
|
+
*************************************************************************/
|
|
129
|
+
|
|
130
|
+
.holmes-debug applet,
|
|
131
|
+
.holmes-debug acronym,
|
|
132
|
+
.holmes-debug center,
|
|
133
|
+
.holmes-debug dir,
|
|
134
|
+
.holmes-debug font,
|
|
135
|
+
.holmes-debug strike,
|
|
136
|
+
.holmes-debug big,
|
|
137
|
+
.holmes-debug tt,
|
|
138
|
+
.holmes-debug marquee, /* i've left this is because its naff bascially */
|
|
139
|
+
.holmes-debug hgroup,
|
|
140
|
+
.holmes-debug plaintext,
|
|
141
|
+
.holmes-debug xmp {
|
|
142
|
+
outline: 2px solid #a9a9a9;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
body.holmes-debug[background],
|
|
146
|
+
body.holmes-debug[bgproperties],
|
|
147
|
+
body.holmes-debug[topmargin],
|
|
148
|
+
body.holmes-debug[rightmargin],
|
|
149
|
+
body.holmes-debug[bottommargin],
|
|
150
|
+
body.holmes-debug[leftmargin] {
|
|
151
|
+
outline: 2px solid #a9a9a9;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
|
|
155
|
+
.holmes-debug *[bordercolor],
|
|
156
|
+
.holmes-debug *[bordercolordark],
|
|
157
|
+
.holmes-debug *[bordercolorlight],
|
|
158
|
+
.holmes-debug table[frame],
|
|
159
|
+
.holmes-debug table[summary] {
|
|
160
|
+
outline: 2px solid #a9a9a9;
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
.holmes-debug *[align],
|
|
164
|
+
.holmes-debug *[valign],
|
|
165
|
+
.holmes-debug *[bgcolor],
|
|
166
|
+
.holmes-debug *[clear],
|
|
167
|
+
.holmes-debug ul[type], .holmes-debug li[type] {
|
|
168
|
+
outline: 2px solid #a9a9a9;
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
/*********************
|
|
172
|
+
EMPTY ELEMENTS (warning level for now)
|
|
173
|
+
**********************/
|
|
174
|
+
|
|
175
|
+
.holmes-debug div:empty,
|
|
176
|
+
.holmes-debug span:empty,
|
|
177
|
+
.holmes-debug li:empty,
|
|
178
|
+
.holmes-debug p:empty,
|
|
179
|
+
.holmes-debug td:empty,
|
|
180
|
+
.holmes-debug th:empty {
|
|
181
|
+
outline: 2px solid #fd0;
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
|
|
185
|
+
/* ====================================================== */
|
|
186
|
+
/* = MESSAGES STYLES ==================================== */
|
|
187
|
+
/* ====================================================== */
|
|
188
|
+
|
|
189
|
+
/* ================== */
|
|
190
|
+
/* = Warning Style = */
|
|
191
|
+
/* ================== */
|
|
192
|
+
|
|
193
|
+
/* - LINKS - */
|
|
194
|
+
.holmes-debug a[href="#"]:hover::after,
|
|
195
|
+
.holmes-debug a[href^="javascript"]:hover::after,
|
|
196
|
+
.holmes-debug a[title=""]:hover::after,
|
|
197
|
+
.holmes-debug img[alt=""]:hover::after,
|
|
198
|
+
|
|
199
|
+
/* - EMPTY ELEMENTS - */
|
|
200
|
+
.holmes-debug div:empty:hover::after,
|
|
201
|
+
.holmes-debug span:empty:hover::after,
|
|
202
|
+
.holmes-debug li:empty:hover::after,
|
|
203
|
+
.holmes-debug p:empty:hover::after,
|
|
204
|
+
.holmes-debug td:empty:hover::after,
|
|
205
|
+
.holmes-debug th:empty:hover::after,
|
|
206
|
+
|
|
207
|
+
/* - MISC ATTRIBUTES - */
|
|
208
|
+
.holmes-debug [style]:hover::after {
|
|
209
|
+
border-radius: 0.5em;
|
|
210
|
+
display:block;
|
|
211
|
+
padding: 1em;
|
|
212
|
+
margin: 1em;
|
|
213
|
+
background: #fd0;
|
|
214
|
+
position: fixed;
|
|
215
|
+
color: #000;
|
|
216
|
+
left: 0px;
|
|
217
|
+
top: 0px;
|
|
218
|
+
z-index: 9999;
|
|
219
|
+
}
|
|
220
|
+
|
|
221
|
+
|
|
222
|
+
/* =============== */
|
|
223
|
+
/* = Error Style = */
|
|
224
|
+
/* =============== */
|
|
225
|
+
|
|
226
|
+
/* - LINKS - */
|
|
227
|
+
.holmes-debug a:not([href]):hover::after,
|
|
228
|
+
.holmes-debug a[href=""]:hover::after,
|
|
229
|
+
|
|
230
|
+
/* - IMAGES - */
|
|
231
|
+
.holmes-debug img:not([alt]):hover:after,
|
|
232
|
+
|
|
233
|
+
/* MISC ATTRIBUTES */
|
|
234
|
+
.holmes-debug label:not([for]):hover::after,
|
|
235
|
+
.holmes-debug label[for=""]:hover::after,
|
|
236
|
+
|
|
237
|
+
.holmes-debug input:not([name]):hover::after,
|
|
238
|
+
.holmes-debug input[name=""]:hover::after,
|
|
239
|
+
|
|
240
|
+
.holmes-debug select:not([name]):hover::after,
|
|
241
|
+
.holmes-debug select[name=""]:hover::after,
|
|
242
|
+
|
|
243
|
+
.holmes-debug textarea:not([name]):hover::after,
|
|
244
|
+
.holmes-debug textarea[name=""]:hover::after,
|
|
245
|
+
|
|
246
|
+
.holmes-debug abbr:not([title]):hover::after,
|
|
247
|
+
.holmes-debug abbr[title=""]:hover::after,
|
|
248
|
+
|
|
249
|
+
.holmes-debug [class=""]:hover::after,
|
|
250
|
+
.holmes-debug [id=""]:hover::after,
|
|
251
|
+
|
|
252
|
+
|
|
253
|
+
/* ===================== */
|
|
254
|
+
/* = Deprecated Styles = */
|
|
255
|
+
/* ===================== */
|
|
256
|
+
|
|
257
|
+
/* - DEPRECATED & NON-W3C CONTENT ELEMENTS - */
|
|
258
|
+
.holmes-debug applet:hover::after,
|
|
259
|
+
.holmes-debug acronym:hover::after,
|
|
260
|
+
.holmes-debug center:hover::after,
|
|
261
|
+
.holmes-debug dir:hover::after,
|
|
262
|
+
.holmes-debug font:hover::after,
|
|
263
|
+
.holmes-debug strike:hover::after,
|
|
264
|
+
.holmes-debug big:hover::after,
|
|
265
|
+
.holmes-debug tt:hover::after,
|
|
266
|
+
.holmes-debug marquee:hover::after,
|
|
267
|
+
.holmes-debug hgroup:hover::after,
|
|
268
|
+
.holmes-debug plaintext:hover::after,
|
|
269
|
+
.holmes-debug xmp:hover::after,
|
|
270
|
+
.holmes-debug *[bordercolor]:hover::after,
|
|
271
|
+
.holmes-debug *[bordercolordark]:hover::after,
|
|
272
|
+
.holmes-debug *[bordercolorlight]:hover::after,
|
|
273
|
+
|
|
274
|
+
.holmes-debug table[frame]:hover::after,
|
|
275
|
+
.holmes-debug table[summary]:hover::after,
|
|
276
|
+
.holmes-debug *[align]:hover::after,
|
|
277
|
+
.holmes-debug *[valign]:hover::after,
|
|
278
|
+
.holmes-debug *[bgcolor]:hover::after,
|
|
279
|
+
.holmes-debug *[clear]:hover::after,
|
|
280
|
+
.holmes-debug ul[type]:hover::after,
|
|
281
|
+
.holmes-debug li[type]:hover::after {
|
|
282
|
+
border-radius: 0.5em;
|
|
283
|
+
display:block;
|
|
284
|
+
padding: 1em;
|
|
285
|
+
margin: 1em;
|
|
286
|
+
background: red;
|
|
287
|
+
position: fixed;
|
|
288
|
+
background: #a9a9a9;
|
|
289
|
+
color: #000;
|
|
290
|
+
left: 0px;
|
|
291
|
+
top: 0px;
|
|
292
|
+
z-index: 9999;
|
|
293
|
+
}
|
|
294
|
+
|
|
295
|
+
/* ================================ */
|
|
296
|
+
/* = Deprecated body style Styles = */
|
|
297
|
+
/* ================================ */
|
|
298
|
+
|
|
299
|
+
body.holmes-debug[background]:hover::after,
|
|
300
|
+
body.holmes-debug[bgproperties]:hover::after,
|
|
301
|
+
body.holmes-debug[topmargin]:hover::after,
|
|
302
|
+
body.holmes-debug[rightmargin]:hover::after,
|
|
303
|
+
body.holmes-debug[bottommargin]:hover::after,
|
|
304
|
+
body.holmes-debug[leftmargin]:hover::after {
|
|
305
|
+
border-radius: 0.5em;
|
|
306
|
+
display:block;
|
|
307
|
+
padding: 1em;
|
|
308
|
+
margin: 1em;
|
|
309
|
+
background: red;
|
|
310
|
+
position: fixed;
|
|
311
|
+
background: #a9a9a9;
|
|
312
|
+
color: #000;
|
|
313
|
+
bottom: 0px;
|
|
314
|
+
right: 0px;
|
|
315
|
+
z-index: 9999;
|
|
316
|
+
|
|
317
|
+
/* Bottom right due to whole body coverage */
|
|
318
|
+
}
|
|
319
|
+
|
|
320
|
+
/* Fixes the case where a table may contain both errors and warnings - potentially other cases of this elsewhere */
|
|
321
|
+
|
|
322
|
+
.holmes-debug td:empty:hover::after,
|
|
323
|
+
.holmes-debug th:empty:hover::after {
|
|
324
|
+
top: 4em;
|
|
325
|
+
}
|
|
326
|
+
|
|
327
|
+
/* ====================================================== */
|
|
328
|
+
/* = MESSAGES CONTENT =================================== */
|
|
329
|
+
/* ====================================================== */
|
|
330
|
+
|
|
331
|
+
/**************
|
|
332
|
+
LINKS
|
|
333
|
+
**************/
|
|
334
|
+
|
|
335
|
+
.holmes-debug a:not([href]):hover::after,
|
|
336
|
+
.holmes-debug a[href=""]:hover::after {
|
|
337
|
+
content:'Missing href attribute';
|
|
338
|
+
}
|
|
339
|
+
|
|
340
|
+
.holmes-debug a[href="#"]:hover:after{
|
|
341
|
+
content:"href='#'";
|
|
342
|
+
}
|
|
343
|
+
|
|
344
|
+
.holmes-debug a[href^="javascript"]:hover:after{
|
|
345
|
+
content:'Href has javascript';
|
|
346
|
+
}
|
|
347
|
+
|
|
348
|
+
.holmes-debug a[title=""]:hover::after {
|
|
349
|
+
content:'Empty title attribute';
|
|
350
|
+
}
|
|
351
|
+
|
|
352
|
+
|
|
353
|
+
/**************
|
|
354
|
+
IMAGES
|
|
355
|
+
**************/
|
|
356
|
+
|
|
357
|
+
.holmes-debug img:not([alt]):hover::after {
|
|
358
|
+
content:'Missing alt attribute';
|
|
359
|
+
}
|
|
360
|
+
.holmes-debug img[alt=""]:hover::after {
|
|
361
|
+
content:'No text in alt attribute';
|
|
362
|
+
}
|
|
363
|
+
|
|
364
|
+
|
|
365
|
+
/*************************
|
|
366
|
+
MISC ATTRIBUTES
|
|
367
|
+
**************************/
|
|
368
|
+
|
|
369
|
+
.holmes-debug label:not([for]):hover::after,
|
|
370
|
+
.holmes-debug label[for=""]:hover::after{
|
|
371
|
+
content:'Missing for attribute';
|
|
372
|
+
}
|
|
373
|
+
|
|
374
|
+
.holmes-debug input:not([name]):hover::after,
|
|
375
|
+
.holmes-debug input[name=""]:hover::after,
|
|
376
|
+
.holmes-debug select:not([name]):hover::after,
|
|
377
|
+
.holmes-debug select[name=""]:hover::after,
|
|
378
|
+
.holmes-debug textarea:not([name]):hover::after,
|
|
379
|
+
.holmes-debug textarea[name=""]:hover::after {
|
|
380
|
+
content:'Missing name attribute';
|
|
381
|
+
}
|
|
382
|
+
|
|
383
|
+
.holmes-debug abbr:not([title]):hover::after,
|
|
384
|
+
.holmes-debug abbr[title=""]:hover::after {
|
|
385
|
+
content:'Missing title attribute';
|
|
386
|
+
}
|
|
387
|
+
|
|
388
|
+
.holmes-debug [class=""]:hover::after {
|
|
389
|
+
content:'Blank class attribute';
|
|
390
|
+
}
|
|
391
|
+
|
|
392
|
+
.holmes-debug [id=""]:hover::after {
|
|
393
|
+
content:'Blank id attribute';
|
|
394
|
+
}
|
|
395
|
+
|
|
396
|
+
.holmes-debug [style]:hover::after {
|
|
397
|
+
content: 'Element has inline styles';
|
|
398
|
+
}
|
|
399
|
+
|
|
400
|
+
/*************************************************************************
|
|
401
|
+
DEPRECATED & NON-W3C CONTENT ELEMENTS (#a9a9a9)
|
|
402
|
+
Based largely on http://www.w3.org/TR/html5/obsolete.html#obsolete
|
|
403
|
+
*************************************************************************/
|
|
404
|
+
|
|
405
|
+
.holmes-debug applet:hover::after,
|
|
406
|
+
.holmes-debug acronym:hover::after,
|
|
407
|
+
.holmes-debug center:hover::after,
|
|
408
|
+
.holmes-debug dir:hover::after,
|
|
409
|
+
.holmes-debug font:hover::after,
|
|
410
|
+
.holmes-debug strike:hover::after,
|
|
411
|
+
.holmes-debug big:hover::after,
|
|
412
|
+
.holmes-debug tt:hover::after,
|
|
413
|
+
.holmes-debug marquee:hover::after, /* i've left this is because its naff bascially */
|
|
414
|
+
.holmes-debug hgroup:hover::after,
|
|
415
|
+
.holmes-debug plaintext:hover::after,
|
|
416
|
+
.holmes-debug xmp:hover::after {
|
|
417
|
+
content:'Deprecated or Non-W3C element';
|
|
418
|
+
}
|
|
419
|
+
|
|
420
|
+
/************************************************************************
|
|
421
|
+
DEPRECATED NON-W3C ATTRIBUTES (#a9a9a9)
|
|
422
|
+
Based largely on http://www.w3.org/TR/html5/obsolete.html#obsolete
|
|
423
|
+
************************************************************************/
|
|
424
|
+
|
|
425
|
+
body.holmes-debug[background]:hover::after {
|
|
426
|
+
content:'Deprecated or Non-W3C body attribute background';
|
|
427
|
+
}
|
|
428
|
+
|
|
429
|
+
body.holmes-debug[bgproperties]:hover::after {
|
|
430
|
+
content:'Deprecated or Non-W3C body attribute bgproperties';
|
|
431
|
+
}
|
|
432
|
+
|
|
433
|
+
body.holmes-debug[topmargin]:hover::after,
|
|
434
|
+
body.holmes-debug[rightmargin]:hover::after,
|
|
435
|
+
body.holmes-debug[bottommargin]:hover::after,
|
|
436
|
+
body.holmes-debug[leftmargin]:hover::after {
|
|
437
|
+
content:'Deprecated or Non-W3C body attribute *margin';
|
|
438
|
+
}
|
|
439
|
+
|
|
440
|
+
.holmes-debug *[bordercolor]:hover::after,
|
|
441
|
+
.holmes-debug *[bordercolordark]:hover::after,
|
|
442
|
+
.holmes-debug *[bordercolorlight]:hover::after {
|
|
443
|
+
content:'Deprecated or Non-W3C attribute bordercolor';
|
|
444
|
+
}
|
|
445
|
+
|
|
446
|
+
.holmes-debug table[frame]:hover::after {
|
|
447
|
+
content:'Deprecated or Non-W3C table attribute frame';
|
|
448
|
+
}
|
|
449
|
+
|
|
450
|
+
.holmes-debug table[summary]:hover::after {
|
|
451
|
+
content:'Deprecated or Non-W3C table attribute summary';
|
|
452
|
+
}
|
|
453
|
+
|
|
454
|
+
.holmes-debug *[align]:hover::after,
|
|
455
|
+
.holmes-debug *[valign]:hover::after {
|
|
456
|
+
content:'Deprecated or Non-W3C attribute *align';
|
|
457
|
+
}
|
|
458
|
+
|
|
459
|
+
.holmes-debug *[bgcolor]:hover::after {
|
|
460
|
+
content:'Deprecated or Non-W3C attribute bgcolor';
|
|
461
|
+
}
|
|
462
|
+
|
|
463
|
+
.holmes-debug *[clear]:hover::after {
|
|
464
|
+
content:'Deprecated or Non-W3C attribute clear';
|
|
465
|
+
}
|
|
466
|
+
|
|
467
|
+
.holmes-debug ul[type]:hover::after,
|
|
468
|
+
.holmes-debug li[type]:hover::after {
|
|
469
|
+
content:'Deprecated or Non-W3C list attribute type';
|
|
470
|
+
}
|
|
471
|
+
|
|
472
|
+
/*********************
|
|
473
|
+
EMPTY ELEMENTS (warning level for now)
|
|
474
|
+
**********************/
|
|
475
|
+
|
|
476
|
+
.holmes-debug div:empty:hover::after,
|
|
477
|
+
.holmes-debug span:empty:hover::after,
|
|
478
|
+
.holmes-debug li:empty:hover::after,
|
|
479
|
+
.holmes-debug p:empty:hover::after,
|
|
480
|
+
.holmes-debug td:empty:hover::after,
|
|
481
|
+
.holmes-debug th:empty:hover::after {
|
|
482
|
+
content:'Empty element!';
|
|
483
|
+
}
|
|
@@ -0,0 +1,168 @@
|
|
|
1
|
+
/* https://github.com/jonikorpi/Less-Framework/blob/master/main-17px.css */
|
|
2
|
+
/* Less Framework 4 with 17/24 type presets
|
|
3
|
+
http://lessframework.com
|
|
4
|
+
by Joni Korpi
|
|
5
|
+
License: http://opensource.org/licenses/mit-license.php */
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
/* Resets
|
|
10
|
+
------ */
|
|
11
|
+
|
|
12
|
+
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
|
|
13
|
+
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
|
|
14
|
+
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
|
|
15
|
+
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
|
|
16
|
+
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
17
|
+
article, aside, canvas, details, figure, figcaption, hgroup,
|
|
18
|
+
menu, footer, header, nav, section, summary, time, mark, audio, video {
|
|
19
|
+
margin: 0;
|
|
20
|
+
padding: 0;
|
|
21
|
+
border: 0;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
article, aside, canvas, figure, figure img, figcaption, hgroup,
|
|
25
|
+
footer, header, nav, section, audio, video {
|
|
26
|
+
display: block;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
a img {border: 0;}
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
/* Typography presets
|
|
34
|
+
------------------ */
|
|
35
|
+
|
|
36
|
+
.gigantic {
|
|
37
|
+
font-size: 116px;
|
|
38
|
+
line-height: 120px;
|
|
39
|
+
letter-spacing: -2px;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.huge, h1 {
|
|
43
|
+
font-size: 72px;
|
|
44
|
+
line-height: 72px;
|
|
45
|
+
letter-spacing: -1px;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.large, h2 {
|
|
49
|
+
font-size: 44px;
|
|
50
|
+
line-height: 48px;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.bigger, h3 {
|
|
54
|
+
font-size: 28px;
|
|
55
|
+
line-height: 36px;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.big, h4 {
|
|
59
|
+
font-size: 24px;
|
|
60
|
+
line-height: 30px;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
body {
|
|
64
|
+
font: 17px/24px Palatino, Constantia, "Palatino Linotype", serif;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.small, small {
|
|
68
|
+
font-size: 13px;
|
|
69
|
+
line-height: 18px;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
/* Selection colours (easy to forget) */
|
|
73
|
+
|
|
74
|
+
::selection {background: rgb(255,255,158);}
|
|
75
|
+
::-moz-selection {background: rgb(255,255,158);}
|
|
76
|
+
img::selection {background: transparent;}
|
|
77
|
+
img::-moz-selection {background: transparent;}
|
|
78
|
+
body {-webkit-tap-highlight-color: rgb(255,255,158);}
|
|
79
|
+
|
|
80
|
+
|
|
81
|
+
|
|
82
|
+
/* Default Layout: 992px.
|
|
83
|
+
Gutters: 24px.
|
|
84
|
+
Outer margins: 48px.
|
|
85
|
+
Leftover space for scrollbars @1024px: 32px.
|
|
86
|
+
-------------------------------------------------------------------------------
|
|
87
|
+
cols 1 2 3 4 5 6 7 8 9 10
|
|
88
|
+
px 68 160 252 344 436 528 620 712 804 896 */
|
|
89
|
+
|
|
90
|
+
body {
|
|
91
|
+
width: 896px;
|
|
92
|
+
padding: 72px 48px 84px;
|
|
93
|
+
background: rgb(232,232,232);
|
|
94
|
+
color: rgb(60,60,60);
|
|
95
|
+
-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
|
|
99
|
+
|
|
100
|
+
/* Tablet Layout: 768px.
|
|
101
|
+
Gutters: 24px.
|
|
102
|
+
Outer margins: 28px.
|
|
103
|
+
Inherits styles from: Default Layout.
|
|
104
|
+
-----------------------------------------------------------------
|
|
105
|
+
cols 1 2 3 4 5 6 7 8
|
|
106
|
+
px 68 160 252 344 436 528 620 712 */
|
|
107
|
+
|
|
108
|
+
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
|
109
|
+
|
|
110
|
+
body {
|
|
111
|
+
width: 712px;
|
|
112
|
+
padding: 48px 28px 60px;
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
|
|
117
|
+
|
|
118
|
+
/* Mobile Layout: 320px.
|
|
119
|
+
Gutters: 24px.
|
|
120
|
+
Outer margins: 34px.
|
|
121
|
+
Inherits styles from: Default Layout.
|
|
122
|
+
---------------------------------------------
|
|
123
|
+
cols 1 2 3
|
|
124
|
+
px 68 160 252 */
|
|
125
|
+
|
|
126
|
+
@media only screen and (max-width: 767px) {
|
|
127
|
+
|
|
128
|
+
body {
|
|
129
|
+
width: 252px;
|
|
130
|
+
padding: 48px 34px 60px;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
|
|
136
|
+
|
|
137
|
+
/* Wide Mobile Layout: 480px.
|
|
138
|
+
Gutters: 24px.
|
|
139
|
+
Outer margins: 22px.
|
|
140
|
+
Inherits styles from: Default Layout, Mobile Layout.
|
|
141
|
+
------------------------------------------------------------
|
|
142
|
+
cols 1 2 3 4 5
|
|
143
|
+
px 68 160 252 344 436 */
|
|
144
|
+
|
|
145
|
+
@media only screen and (min-width: 480px) and (max-width: 767px) {
|
|
146
|
+
|
|
147
|
+
body {
|
|
148
|
+
width: 436px;
|
|
149
|
+
padding: 36px 22px 48px;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
|
|
155
|
+
/* Retina media query.
|
|
156
|
+
Overrides styles for devices with a
|
|
157
|
+
device-pixel-ratio of 2+, such as iPhone 4.
|
|
158
|
+
----------------------------------------------- */
|
|
159
|
+
|
|
160
|
+
@media
|
|
161
|
+
only screen and (-webkit-min-device-pixel-ratio: 2),
|
|
162
|
+
only screen and (min-device-pixel-ratio: 2) {
|
|
163
|
+
|
|
164
|
+
body {
|
|
165
|
+
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
}
|