-
Notifications
You must be signed in to change notification settings - Fork 10
/
index.html
220 lines (205 loc) · 13.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CSS Lint</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="js/sunlight/themes/sunlight.default.css">
</head>
<body>
<div class="head">
<div class="page">
<div class="unit size1of2">
<h1 class="logo">CSS <strong>LINT</strong></h1>
</div>
<div class="unit size1of2 lastUnit">
<div class="intro">
<p>Will hurt your feelings<a href="http://www.jslint.com/">*</a></p>
<p>(And help you code better)</p>
</div>
</div>
</div>
</div>
<div class="body">
<div class="page">
<div class="loadingMessage">
<div class="line">
<div class="unit size1of2">
<p class="summary">Doin' the lint thang... <img src="img/loading.gif" alt="Loading" width="220" height="19"></p>
</div>
</div>
</div>
<div class="resultsSummary">
<div class="line">
<div class="unit size1of2">
<p class="summary">CSS lint found <strong class="errorCount">0</strong> errors and <strong class="warningCount">0</strong> warnings. <span id="fix-it">How can you fix it? See the details below.</span></p>
</div>
<div class="unit size1of2 lastUnit">
<a class="bigButton" href="index.html" id="restart-btn">Restart</a>
</div>
</div>
</div>
<!-- form to submit css for linting -->
<form id="in">
<div class="line">
<label for="input" class="summary">Your CSS goes here. The more, the better. Linting works best when we see the big picture, so give us everything you've got.</label>
<textarea id="input" name="css" class="css"></textarea>
<div class="btn" id="options">
<ul class="btnList">
<li class="submit"><a href="#" id="lint">Lint!</a></li><li class="options"><a id="showOptions"><span class="textEquiv">Options</span><b class="arrow"></b></a></li> <!-- must be on one line -->
</ul>
<div class="btnDrop">
<p class="summary mvm pvn">You can pick and choose which errors and warnings to test for below. <sup><a class="globalSelectAll">(All)</a> | <a class="globalSelectNone">(None)</a></sup></p>
<div class="line">
<div class="unit size1of3">
<h3>Errors <sup><a class="groupSelectAll">(All)</a> | <a class="groupSelectNone">(None)</a></sup></h3>
<ul class="optionsList">
<li><label><input type="checkbox" name="box-model" checked> Beware of broken box sizing</label></li>
<li><label><input type="checkbox" name="display-property-grouping" checked> Require properties appropriate for <code>display</code></label></li>
<li><label><input type="checkbox" name="duplicate-properties" checked> Disallow duplicate properties</label></li>
<li><label><input type="checkbox" name="empty-rules" checked> Disallow empty rules</label></li>
<li><label><input type="checkbox" name="known-properties" checked> Require use of known properties</label></li>
</ul>
</div>
<div class="unit size1of3">
<h3>Compatibility <sup><a class="groupSelectAll">(All)</a> | <a class="groupSelectNone">(None)</a></sup></h3>
<ul class="optionsList">
<li><label><input type="checkbox" name="adjoining-classes" checked> Disallow adjoining classes</label></li>
<li><label><input type="checkbox" name="box-sizing" checked> Disallow <code>box-sizing</code></label></li>
<li><label><input type="checkbox" name="compatible-vendor-prefixes" checked> Require compatible vendor prefixes</label></li>
<li><label><input type="checkbox" name="gradients" checked> Require all gradient definitions</label></li>
<li><label><input type="checkbox" name="text-indent" checked> Disallow negative <code>text-indent</code></label></li>
<li><label><input type="checkbox" name="vendor-prefix" checked> Require standard property with vendor prefix</label></li>
<li><label><input type="checkbox" name="fallback-colors" checked> Require fallback colors</label></li>
<li><label><input type="checkbox" name="star-property-hack" checked> Disallow star hack</label></li>
<li><label><input type="checkbox" name="underscore-property-hack" checked> Disallow underscore hack</label></li>
<li><label><input type="checkbox" name="bulletproof-font-face" checked> Bullet-proof @font-face</label><img src="img/new.png" alt="(New)" width="16" height="16"></li>
</ul>
</div>
<div class="unit size1of3 lastUnit">
<h3>Performance <sup><a class="groupSelectAll">(All)</a> | <a class="groupSelectNone">(None)</a></sup></h3>
<ul class="optionsList">
<li><label><input type="checkbox" name="font-faces" checked> Don't use too many web fonts</label></li>
<li><label><input type="checkbox" name="import" checked> Disallow <code>@import</code></label></li>
<li><label><input type="checkbox" name="duplicate-background-images" checked> Disallow duplicate background images</label></li>
<li><label><input type="checkbox" name="regex-selectors" checked> Disallow selectors that look like regexs</label></li>
<li><label><input type="checkbox" name="universal-selector" checked> Disallow universal selector</label></li>
<li><label><input type="checkbox" name="unqualified-attributes" checked> Disallow unqualified attribute selectors</label></li>
<li><label><input type="checkbox" name="zero-units" checked> Disallow units for 0 values</label></li>
<li><label><input type="checkbox" name="overqualified-elements" checked> Disallow overqualified elements</label></li>
<li><label><input type="checkbox" name="shorthand" checked> Require shorthand properties</label></li>
</ul>
</div>
</div>
<div class="line">
<div class="unit size1of3">
<h3>Maintainability & Duplication <sup><a class="groupSelectAll">(All)</a> | <a class="groupSelectNone">(None)</a></sup></h3>
<ul class="optionsList">
<li><label><input type="checkbox" name="floats" checked> Disallow too many floats</label></li>
<li><label><input type="checkbox" name="font-sizes" checked> Don't use too many font sizes</label></li>
<li><label><input type="checkbox" name="ids" checked> Disallow IDs in selectors</label></li>
<li><label><input type="checkbox" name="important" checked> Disallow <code>!important</code></label></li>
</ul>
</div>
<div class="unit size1of3">
<h3>Accessibility <sup><a class="groupSelectAll">(All)</a> | <a class="groupSelectNone">(None)</a></sup></h3>
<ul class="optionsList">
<li><label><input type="checkbox" name="outline-none" checked> Disallow <code>outline:none</code></label></li>
</ul>
</div>
<div class="unit size1of3 lastUnit">
<h3>OOCSS <sup><a class="groupSelectAll">(All)</a> | <a class="groupSelectNone">(None)</a></sup></h3>
<ul class="optionsList">
<li><label><input type="checkbox" name="qualified-headings" checked> Disallow qualified headings</label></li>
<li><label><input type="checkbox" name="unique-headings" checked> Heading should only be defined once</label></li>
</ul>
</div>
</div>
<a class="right" href="https://github.com/CSSLint/csslint/wiki/Rules">Learn More About the Rules</a>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="foot">
<div class="page">
<ul class="inlineList piped footList">
<li><a href="https://github.com/CSSLint/csslint/wiki/About">About</a></li>
<li><a href="https://github.com/CSSLint/csslint/wiki/Developer-Guide">Contribute</a></li>
<li><a href="https://github.com/CSSLint/csslint">Source</a></li>
<li><a href="https://github.com/CSSLint/csslint/wiki/Command-line-interface">Node/Rhino CLI</a></li>
<li><a href="https://github.com/CSSLint/csslint/wiki">Documentation</a></li>
</ul>
<div class="mod" id="errorViewWrapper">
<div class="inner">
<div class="bd">
<div class="data results">
<table id="errorView">
<thead>
<tr class="codeHd">
<th scope="col" title="ascending by type"></th>
<th scope="col">line </th>
<th scope="col">column</th>
<th scope="col">title</th>
<th scope="col">description</th>
<th scope="col">browser</th>
</tr>
</thead>
<tbody id="errors"></tbody>
</table>
</div>
</div>
</div>
</div>
<!-- insert in this table -->
<div class="mod codeBox mtl" id="codeViewWrapper">
<div class="inner">
<div class="hd codeHd">
<div class="media man">
<a class="img fileType"><img src="img/paper16.png" alt="" width="16" height="16"></a>
<div class="bd">
<ul class="inlineList piped">
<li><span class="lineCount">0</span> lines</li>
<li><span class="errorCount">0</span> errors</li>
<li><span class="warningCount">0</span> warnings</li>
</ul>
</div>
</div>
</div>
<div class="bd">
<div class="data codeView">
<table id="codeView">
<col class="lineNum">
<col class="lineCode">
<tbody id="tableBody"></tbody>
</table>
</div>
</div>
</div>
</div>
<div id="output"></div>
<hr>
<ul class="inlineList piped footList">
<li><a href="https://www.nczonline.net/">Nicholas</a></li>
<li><a href="http://www.stubbornella.org/">Nicole</a></li>
</ul>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"></script>
<script src="js/jquery.ba-hashchange.js"></script>
<script src="js/sunlight/sunlight-min.js"></script>
<script src="js/sunlight/lang/sunlight.css-min.js"></script>
<script src="js/csslint.js"></script>
<script src="js/csslint-ui.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-25221469-1', 'csslint.net');
ga('send', 'pageview');
</script>
</body>
</html>