Skip to content

Commit 9b61764

Browse files
TarekAlQaddyTarekAlQaddy
authored
Create gh-pages branch via GitHub
0 parents  commit 9b61764

File tree

5 files changed

+868
-0
lines changed

5 files changed

+868
-0
lines changed

‎index.html

+69
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
<!DOCTYPE html>
2+
<html lang="en-us">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>CSSIdentifier by TarekAlQaddy</title>
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<link rel="stylesheet" type="text/css" href="stylesheets/normalize.css" media="screen">
8+
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
9+
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
10+
<link rel="stylesheet" type="text/css" href="stylesheets/github-light.css" media="screen">
11+
</head>
12+
<body>
13+
<section class="page-header">
14+
<h1 class="project-name">CSSIdentifier</h1>
15+
<h2 class="project-tagline">CSS Identifier is a tool which provides you the value of any css property in any existing website</h2>
16+
<a href="https://github.com/TarekAlQaddy/cssIdentifier" class="btn">View on GitHub</a>
17+
<a href="https://github.com/TarekAlQaddy/cssIdentifier/zipball/master" class="btn">Download .zip</a>
18+
<a href="https://github.com/TarekAlQaddy/cssIdentifier/tarball/master" class="btn">Download .tar.gz</a>
19+
</section>
20+
21+
<section class="main-content">
22+
<h2>
23+
<a id="what-is-css-identifier" class="anchor" href="#what-is-css-identifier" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>What is CSS IDENTIFIER?</h2>
24+
25+
<p>Want to discover what the top ranking websites' style is?
26+
CSS Identifier is a tool which provides you the value of any css property in any existing website.</p>
27+
28+
<hr>
29+
30+
<p><img src="http://i.imgur.com/Bd7yPjW.jpg" alt="Example"></p>
31+
32+
<h2>
33+
<a id="getting-started" class="anchor" href="#getting-started" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Getting Started</h2>
34+
35+
<p>Paste the javscript code in the console of your browser and hit enter the tool will appear to you on the page.
36+
you can get the code from <a href="https://raw.githubusercontent.com/TarekAlQaddy/cssIdentifier/master/source/cssIdentifier.min.js">here</a> </p>
37+
38+
<h2>
39+
<a id="how-to" class="anchor" href="#how-to" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>How To</h2>
40+
41+
<p>To get the value simply write the css property (as in css or camel case) and hit enter then click on the element which you want to know about.
42+
To clear the list erase the input field and hit enter.
43+
The color of the input field indicates the correctness of the syntax.
44+
The results are shown from this Node up to the root i</p>
45+
46+
<h2>
47+
<a id="browser-compatibility" class="anchor" href="#browser-compatibility" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Browser Compatibility</h2>
48+
49+
<p>CSS Identifier works in most major browsers (yes, even IE).</p>
50+
51+
<ul>
52+
<li>Google Chrome : Yes</li>
53+
<li>Mozilla Firefox : yes</li>
54+
<li>Opera : yes</li>
55+
<li>Safari : Yes</li>
56+
<li>IE+9 : Yes</li>
57+
</ul>
58+
59+
<footer class="site-footer">
60+
<span class="site-footer-owner"><a href="https://github.com/TarekAlQaddy/cssIdentifier">CSSIdentifier</a> is maintained by <a href="https://github.com/TarekAlQaddy">TarekAlQaddy</a>.</span>
61+
62+
<span class="site-footer-credits">This page was generated by <a href="https://pages.github.com">GitHub Pages</a> using the <a href="https://github.com/jasonlong/cayman-theme">Cayman theme</a> by <a href="https://twitter.com/jasonlong">Jason Long</a>.</span>
63+
</footer>
64+
65+
</section>
66+
67+
68+
</body>
69+
</html>

‎params.json

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
{
2+
"name": "CSSIdentifier",
3+
"tagline": "CSS Identifier is a tool which provides you the value of any css property in any existing website",
4+
"body": "\r\n\r\n## What is CSS IDENTIFIER?\r\nWant to discover what the top ranking websites' style is?\r\nCSS Identifier is a tool which provides you the value of any css property in any existing website.\r\n\r\n***\r\n\r\n![Example](http://i.imgur.com/Bd7yPjW.jpg)\r\n\r\n## Getting Started \r\nPaste the javscript code in the console of your browser and hit enter the tool will appear to you on the page.\r\nyou can get the code from [here](https://raw.githubusercontent.com/TarekAlQaddy/cssIdentifier/master/source/cssIdentifier.min.js) \r\n\r\n\r\n## How To \r\nTo get the value simply write the css property (as in css or camel case) and hit enter then click on the element which you want to know about.\r\nTo clear the list erase the input field and hit enter.\r\nThe color of the input field indicates the correctness of the syntax.\r\nThe results are shown from this Node up to the root i\r\n\r\n## Browser Compatibility \r\nCSS Identifier works in most major browsers (yes, even IE).\r\n* Google Chrome : Yes\r\n* Mozilla Firefox : yes\r\n* Opera : yes\r\n* Safari : Yes\r\n* IE+9 : Yes\r\n\r\n\r\n\r\n\r\n",
5+
"note": "Don't delete this file! It's used internally to help with page regeneration."
6+
}

‎stylesheets/github-light.css

+124
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,124 @@
1+
/*
2+
The MIT License (MIT)
3+
4+
Copyright (c) 2016 GitHub, Inc.
5+
6+
Permission is hereby granted, free of charge, to any person obtaining a copy
7+
of this software and associated documentation files (the "Software"), to deal
8+
in the Software without restriction, including without limitation the rights
9+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
10+
copies of the Software, and to permit persons to whom the Software is
11+
furnished to do so, subject to the following conditions:
12+
13+
The above copyright notice and this permission notice shall be included in all
14+
copies or substantial portions of the Software.
15+
16+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
22+
SOFTWARE.
23+
24+
*/
25+
26+
.pl-c /* comment */ {
27+
color: #969896;
28+
}
29+
30+
.pl-c1 /* constant, variable.other.constant, support, meta.property-name, support.constant, support.variable, meta.module-reference, markup.raw, meta.diff.header */,
31+
.pl-s .pl-v /* string variable */ {
32+
color: #0086b3;
33+
}
34+
35+
.pl-e /* entity */,
36+
.pl-en /* entity.name */ {
37+
color: #795da3;
38+
}
39+
40+
.pl-smi /* variable.parameter.function, storage.modifier.package, storage.modifier.import, storage.type.java, variable.other */,
41+
.pl-s .pl-s1 /* string source */ {
42+
color: #333;
43+
}
44+
45+
.pl-ent /* entity.name.tag */ {
46+
color: #63a35c;
47+
}
48+
49+
.pl-k /* keyword, storage, storage.type */ {
50+
color: #a71d5d;
51+
}
52+
53+
.pl-s /* string */,
54+
.pl-pds /* punctuation.definition.string, string.regexp.character-class */,
55+
.pl-s .pl-pse .pl-s1 /* string punctuation.section.embedded source */,
56+
.pl-sr /* string.regexp */,
57+
.pl-sr .pl-cce /* string.regexp constant.character.escape */,
58+
.pl-sr .pl-sre /* string.regexp source.ruby.embedded */,
59+
.pl-sr .pl-sra /* string.regexp string.regexp.arbitrary-repitition */ {
60+
color: #183691;
61+
}
62+
63+
.pl-v /* variable */ {
64+
color: #ed6a43;
65+
}
66+
67+
.pl-id /* invalid.deprecated */ {
68+
color: #b52a1d;
69+
}
70+
71+
.pl-ii /* invalid.illegal */ {
72+
color: #f8f8f8;
73+
background-color: #b52a1d;
74+
}
75+
76+
.pl-sr .pl-cce /* string.regexp constant.character.escape */ {
77+
font-weight: bold;
78+
color: #63a35c;
79+
}
80+
81+
.pl-ml /* markup.list */ {
82+
color: #693a17;
83+
}
84+
85+
.pl-mh /* markup.heading */,
86+
.pl-mh .pl-en /* markup.heading entity.name */,
87+
.pl-ms /* meta.separator */ {
88+
font-weight: bold;
89+
color: #1d3e81;
90+
}
91+
92+
.pl-mq /* markup.quote */ {
93+
color: #008080;
94+
}
95+
96+
.pl-mi /* markup.italic */ {
97+
font-style: italic;
98+
color: #333;
99+
}
100+
101+
.pl-mb /* markup.bold */ {
102+
font-weight: bold;
103+
color: #333;
104+
}
105+
106+
.pl-md /* markup.deleted, meta.diff.header.from-file */ {
107+
color: #bd2c00;
108+
background-color: #ffecec;
109+
}
110+
111+
.pl-mi1 /* markup.inserted, meta.diff.header.to-file */ {
112+
color: #55a532;
113+
background-color: #eaffea;
114+
}
115+
116+
.pl-mdr /* meta.diff.range */ {
117+
font-weight: bold;
118+
color: #795da3;
119+
}
120+
121+
.pl-mo /* meta.output */ {
122+
color: #1d3e81;
123+
}
124+

0 commit comments

Comments
 (0)