├── .gitignore
├── README.md
├── stylish.2.1.0.zip
├── stylish.safariextension
    ├── Info.plist
    ├── Settings.plist
    ├── about.html
    ├── assets
    │   ├── about.js
    │   ├── buttons.css
    │   ├── codemirror
    │   │   ├── active-line.js
    │   │   ├── codemirror.css
    │   │   ├── codemirror.js
    │   │   ├── css.js
    │   │   ├── csslint.js
    │   │   ├── emmet.js
    │   │   └── matchbrackets.js
    │   ├── edit.js
    │   ├── emmet.js
    │   ├── fn.js
    │   ├── global.js
    │   ├── jquery.js
    │   ├── manage.js
    │   ├── popup.css
    │   ├── popup.js
    │   ├── reset.css
    │   ├── script.js
    │   ├── search.js
    │   ├── settings.js
    │   └── styles.css
    ├── edit.html
    ├── global.html
    ├── icon.png
    ├── icon16-grayscale.png
    ├── images
    │   ├── amazon.svg
    │   ├── bg.jpg
    │   ├── busy.gif
    │   ├── coffee.png
    │   └── popup-shadow.png
    ├── manage.html
    ├── null.html
    ├── popup.html
    ├── search.html
    ├── settings.html
    ├── toolbar_icon.png
    └── toolbar_icon@2x.png
└── stylish.safariextz


/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | .DS_Store?
3 | ._*
4 | .Spotlight-V100
5 | .Trashes
6 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | Stylish - Safari Extension
 2 | ==========================
 3 | 
 4 | Restyle the web with Stylish, a user styles manager. Stylish lets you easily install themes and skins for Google, Facebook, YouTube, Orkut, and many, many other sites.
 5 | 
 6 | [<img src="https://raw.github.com/350d/stylish/master/stylish.safariextension/icon.png" width="128" height="128">](http://sobolev.us/stylish)
 7 | 
 8 | [DOWNLOAD](http://sobolev.us/stylish)
 9 | 
10 | NOTE: THIS IS JUST A MIRROR REPO. NO NEED TO CRATE ANY PULL REQUESTS HERE. THANK YOU!
11 | 


--------------------------------------------------------------------------------
/stylish.2.1.0.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/350d/stylish/bc1b5b4094bfe56ab6853cedc377cab3da1cd67b/stylish.2.1.0.zip


--------------------------------------------------------------------------------
/stylish.safariextension/Info.plist:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 3 | <plist version="1.0">
 4 | <dict>
 5 | 	<key>Author</key>
 6 | 	<string>Vladimir Sobolev</string>
 7 | 	<key>Builder Version</key>
 8 | 	<string>13605.2.8</string>
 9 | 	<key>CFBundleDisplayName</key>
10 | 	<string>Stylish</string>
11 | 	<key>CFBundleIdentifier</key>
12 | 	<string>com.sobolev.stylish</string>
13 | 	<key>CFBundleInfoDictionaryVersion</key>
14 | 	<string>6.0</string>
15 | 	<key>CFBundleShortVersionString</key>
16 | 	<string>2.1.0</string>
17 | 	<key>CFBundleVersion</key>
18 | 	<string>2.1.0</string>
19 | 	<key>Chrome</key>
20 | 	<dict>
21 | 		<key>Context Menu Items</key>
22 | 		<array>
23 | 			<dict>
24 | 				<key>Command</key>
25 | 				<string>findmore</string>
26 | 				<key>Identifier</key>
27 | 				<string>findmore</string>
28 | 				<key>Title</key>
29 | 				<string>Find styles for this website</string>
30 | 			</dict>
31 | 		</array>
32 | 		<key>Database Quota</key>
33 | 		<integer>0</integer>
34 | 		<key>Global Page</key>
35 | 		<string>global.html</string>
36 | 		<key>Popovers</key>
37 | 		<array>
38 | 			<dict>
39 | 				<key>Filename</key>
40 | 				<string>popup.html</string>
41 | 				<key>Height</key>
42 | 				<real>200</real>
43 | 				<key>Identifier</key>
44 | 				<string>popup</string>
45 | 				<key>Width</key>
46 | 				<real>200</real>
47 | 			</dict>
48 | 		</array>
49 | 		<key>Toolbar Items</key>
50 | 		<array>
51 | 			<dict>
52 | 				<key>Command</key>
53 | 				<string></string>
54 | 				<key>Identifier</key>
55 | 				<string>stylish</string>
56 | 				<key>Image</key>
57 | 				<string>toolbar_icon.png</string>
58 | 				<key>Label</key>
59 | 				<string>Stylish</string>
60 | 				<key>Popover</key>
61 | 				<string>popup</string>
62 | 				<key>Tool Tip</key>
63 | 				<string>Stylish</string>
64 | 			</dict>
65 | 		</array>
66 | 	</dict>
67 | 	<key>Content</key>
68 | 	<dict>
69 | 		<key>Scripts</key>
70 | 		<dict>
71 | 			<key>Start</key>
72 | 			<array>
73 | 				<string>assets/script.js</string>
74 | 			</array>
75 | 		</dict>
76 | 	</dict>
77 | 	<key>Description</key>
78 | 	<string>Customize your favorite web sites with your own custom CSS styles</string>
79 | 	<key>DeveloperIdentifier</key>
80 | 	<string>5555L95H45</string>
81 | 	<key>ExtensionInfoDictionaryVersion</key>
82 | 	<string>1.0</string>
83 | 	<key>Permissions</key>
84 | 	<dict>
85 | 		<key>Website Access</key>
86 | 		<dict>
87 | 			<key>Include Secure Pages</key>
88 | 			<true/>
89 | 			<key>Level</key>
90 | 			<string>All</string>
91 | 		</dict>
92 | 	</dict>
93 | 	<key>Update Manifest URL</key>
94 | 	<string>https://sobolev.us/download/stylish/update.plist</string>
95 | 	<key>Website</key>
96 | 	<string>https://fbapp.us</string>
97 | </dict>
98 | </plist>
99 | 


--------------------------------------------------------------------------------
/stylish.safariextension/Settings.plist:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
3 | <plist version="1.0">
4 | <array/>
5 | </plist>
6 | 


--------------------------------------------------------------------------------
/stylish.safariextension/about.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <html lang="en-US">
 3 | <head>
 4 | 	<meta charset="UTF-8">
 5 | 	<title>About</title>
 6 | 
 7 | 	<link rel="stylesheet" type="text/css" href="assets/styles.css" media="all">
 8 | 	<script type="text/javascript" src="assets/jquery.js"></script>
 9 | 	<script type="text/javascript" src="assets/fn.js"></script>
10 | 	<script type="text/javascript" src="assets/about.js"></script>
11 | 	
12 | </head>
13 | <body class="cln">
14 | 
15 | 	<section id="menu">
16 | 		<header>
17 | 			<h1>Stylish</h1>
18 | 			<span class="badge" id="version"></span>
19 | 		</header>
20 | 	</section>
21 | 
22 | 	<section id="content" class="cln about">
23 | 		<dl>
24 | 			<dt>About</dt>
25 | 			<dd></dd>
26 | 
27 | 			<dt>Privacy Policy</dt>
28 | 			<dd>
29 | 				<h3>Analytics</h3>
30 | 				<p>The services contained in this section enable the Owner to monitor and analyze web traffic and can be used to keep track of User behavior.</p>
31 | 
32 | 				<h3>Google Analytics for Applications (Google Inc.)</h3>
33 | 				<p>Google Analytics is a web analysis service provided by Google Inc. (“Google”). Google utilizes the Data collected to track and examine the use of this Extension, to prepare reports on its activities and share them with other Google services.</p>
34 | 				<p>Personal Data collected: Extension usage data (install/uninstall count, errors, app versions, styles ids, etc.).</p>
35 | 				<p>Place of processing: US – <a href="https://www.google.com/intl/en/policies/privacy/">Privacy Policy</a> – <a href="settings.html">Opt Out</a></p>
36 | 				
37 | 				<h3>The use of the collected Data</h3>
38 | 				<p>The Data concerning the User is collected to allow the Owner to provide its services, as well as for the following purposes: Access to third party services' accounts, Analytics, Userstyles.org database.</p>
39 | 			</dd>
40 | 
41 | 		</dl>
42 | 	</section>	
43 | </body>
44 | </html>


--------------------------------------------------------------------------------
/stylish.safariextension/assets/about.js:
--------------------------------------------------------------------------------
 1 | $(function() {
 2 | 
 3 | 	navInit();
 4 | 
 5 | 	ping('analytics', {type:'screenview', title:'About'});
 6 | });
 7 | 
 8 | function ping(name,data) {
 9 | 	safari.self.tab.dispatchMessage(name,data);
10 | }
11 | 
12 | function log(e) {console.log(e)};
13 | 


--------------------------------------------------------------------------------
/stylish.safariextension/assets/buttons.css:
--------------------------------------------------------------------------------
 1 | button,
 2 | .button {
 3 | 	display: inline-block;
 4 | 	background: #196bd1 -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,.3)), to(rgba(255,255,255,.1)));
 5 | 	border: 1px solid;
 6 | 	border-color: rgba(0,0,0,.1) rgba(0,0,0,.2) rgba(0,0,0,.5) rgba(0,0,0,.2);
 7 | 	box-shadow: inset 0 1px 0 0 rgba(255,255,255,.3), 0 1px 2px 0 rgba(0,0,0,.3);
 8 | 	border-radius: 12px;
 9 | 	color: #fff;
10 | 	font-size: 10px;
11 | 	font-weight: normal;
12 | 	line-height: 1;
13 | 	width: 92px;
14 | 	padding: 2px 0 3px;
15 | 	text-align: center;
16 | 	text-shadow: 0 -1px 1px rgba(0,0,0,.1);
17 | 	margin-right: .5em;
18 | 	box-sizing: border-box;
19 | 	transition: all .2s ease-in;
20 | }
21 | button.red,
22 | .button.red {
23 | 	background-color:#f96161;
24 | }
25 | 
26 | button:hover,
27 | button.hover,
28 | .button:hover,
29 | .button.hover {
30 | 	background-image: gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,.2)), to(rgba(255,255,255,.05)));
31 | 	box-shadow: inset 0 1px 0 0 rgba(255,255,255,.2);
32 | 	cursor: pointer;
33 | 	text-shadow: 0 -1px 1px rgba(0,0,0,.2);
34 | 	text-decoration: none;
35 | }
36 | 
37 | button:active,
38 | .button:active {
39 | 	background-image:none;
40 | 	border:1px solid rgba(0,0,0,.5);
41 | 	box-shadow:inset 0 0 6px 3px rgba(0,0,0,.2), 0 1px 0 0 #fff;
42 | 	text-shadow:0 -1px 1px rgba(0,0,0,.4);
43 | }
44 | 
45 | button[disabled], button.disabled,
46 | button[disabled]:hover, button.disabled:hover,
47 | button[disabled]:active, button.disabled:active,
48 | 
49 | .button[disabled], .button.disabled,
50 | .button[disabled]:hover, .button.disabled:hover,
51 | .button[disabled]:active, .button.disabled:active {
52 | 	background-color:#aaa;
53 | 	color:#999;
54 | 	box-shadow:none;
55 | 	border-color:rgba(0,0,0,.2);
56 | 	box-shadow:none;
57 | 	cursor:not-allowed;
58 | 	text-shadow:0 1px 1px rgba(255,255,255,.5);
59 | }
60 | 
61 | a {
62 | 	color:#08C;
63 | 	text-decoration:none;
64 | }
65 | a:hover {
66 | 	text-decoration:underline;
67 | }


--------------------------------------------------------------------------------
/stylish.safariextension/assets/codemirror/active-line.js:
--------------------------------------------------------------------------------
 1 | // CodeMirror, copyright (c) by Marijn Haverbeke and others
 2 | // Distributed under an MIT license: http://codemirror.net/LICENSE
 3 | 
 4 | (function(mod) {
 5 |   if (typeof exports == "object" && typeof module == "object") // CommonJS
 6 |     mod(require("../../lib/codemirror"));
 7 |   else if (typeof define == "function" && define.amd) // AMD
 8 |     define(["../../lib/codemirror"], mod);
 9 |   else // Plain browser env
10 |     mod(CodeMirror);
11 | })(function(CodeMirror) {
12 |   "use strict";
13 |   var WRAP_CLASS = "CodeMirror-activeline";
14 |   var BACK_CLASS = "CodeMirror-activeline-background";
15 |   var GUTT_CLASS = "CodeMirror-activeline-gutter";
16 | 
17 |   CodeMirror.defineOption("styleActiveLine", false, function(cm, val, old) {
18 |     var prev = old == CodeMirror.Init ? false : old;
19 |     if (val == prev) return
20 |     if (prev) {
21 |       cm.off("beforeSelectionChange", selectionChange);
22 |       clearActiveLines(cm);
23 |       delete cm.state.activeLines;
24 |     }
25 |     if (val) {
26 |       cm.state.activeLines = [];
27 |       updateActiveLines(cm, cm.listSelections());
28 |       cm.on("beforeSelectionChange", selectionChange);
29 |     }
30 |   });
31 | 
32 |   function clearActiveLines(cm) {
33 |     for (var i = 0; i < cm.state.activeLines.length; i++) {
34 |       cm.removeLineClass(cm.state.activeLines[i], "wrap", WRAP_CLASS);
35 |       cm.removeLineClass(cm.state.activeLines[i], "background", BACK_CLASS);
36 |       cm.removeLineClass(cm.state.activeLines[i], "gutter", GUTT_CLASS);
37 |     }
38 |   }
39 | 
40 |   function sameArray(a, b) {
41 |     if (a.length != b.length) return false;
42 |     for (var i = 0; i < a.length; i++)
43 |       if (a[i] != b[i]) return false;
44 |     return true;
45 |   }
46 | 
47 |   function updateActiveLines(cm, ranges) {
48 |     var active = [];
49 |     for (var i = 0; i < ranges.length; i++) {
50 |       var range = ranges[i];
51 |       var option = cm.getOption("styleActiveLine");
52 |       if (typeof option == "object" && option.nonEmpty ? range.anchor.line != range.head.line : !range.empty())
53 |         continue
54 |       var line = cm.getLineHandleVisualStart(range.head.line);
55 |       if (active[active.length - 1] != line) active.push(line);
56 |     }
57 |     if (sameArray(cm.state.activeLines, active)) return;
58 |     cm.operation(function() {
59 |       clearActiveLines(cm);
60 |       for (var i = 0; i < active.length; i++) {
61 |         cm.addLineClass(active[i], "wrap", WRAP_CLASS);
62 |         cm.addLineClass(active[i], "background", BACK_CLASS);
63 |         cm.addLineClass(active[i], "gutter", GUTT_CLASS);
64 |       }
65 |       cm.state.activeLines = active;
66 |     });
67 |   }
68 | 
69 |   function selectionChange(cm, sel) {
70 |     updateActiveLines(cm, sel.ranges);
71 |   }
72 | });
73 | 


--------------------------------------------------------------------------------
/stylish.safariextension/assets/codemirror/codemirror.css:
--------------------------------------------------------------------------------
  1 | /* BASICS */
  2 | 
  3 | .CodeMirror {
  4 |   /* Set height, width, borders, and global font properties here */
  5 |   font-family: monospace;
  6 |   height: 300px;
  7 |   color: black;
  8 |   direction: ltr;
  9 | }
 10 | 
 11 | /* PADDING */
 12 | 
 13 | .CodeMirror-lines {
 14 |   padding: 4px 0; /* Vertical padding around content */
 15 | }
 16 | .CodeMirror pre {
 17 |   padding: 0 4px; /* Horizontal padding of content */
 18 | }
 19 | 
 20 | .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
 21 |   background-color: white; /* The little square between H and V scrollbars */
 22 | }
 23 | 
 24 | /* GUTTER */
 25 | 
 26 | .CodeMirror-gutters {
 27 |   border-right: 1px solid #ddd;
 28 |   background-color: #f7f7f7;
 29 |   white-space: nowrap;
 30 | }
 31 | .CodeMirror-linenumbers {}
 32 | .CodeMirror-linenumber {
 33 |   padding: 0 3px 0 5px;
 34 |   min-width: 20px;
 35 |   text-align: right;
 36 |   color: #999;
 37 |   white-space: nowrap;
 38 | }
 39 | 
 40 | .CodeMirror-guttermarker { color: black; }
 41 | .CodeMirror-guttermarker-subtle { color: #999; }
 42 | 
 43 | /* CURSOR */
 44 | 
 45 | .CodeMirror-cursor {
 46 |   border-left: 1px solid black;
 47 |   border-right: none;
 48 |   width: 0;
 49 | }
 50 | /* Shown when moving in bi-directional text */
 51 | .CodeMirror div.CodeMirror-secondarycursor {
 52 |   border-left: 1px solid silver;
 53 | }
 54 | .cm-fat-cursor .CodeMirror-cursor {
 55 |   width: auto;
 56 |   border: 0 !important;
 57 |   background: #7e7;
 58 | }
 59 | .cm-fat-cursor div.CodeMirror-cursors {
 60 |   z-index: 1;
 61 | }
 62 | .cm-fat-cursor-mark {
 63 |   background-color: rgba(20, 255, 20, 0.5);
 64 |   -webkit-animation: blink 1.06s steps(1) infinite;
 65 |   -moz-animation: blink 1.06s steps(1) infinite;
 66 |   animation: blink 1.06s steps(1) infinite;
 67 | }
 68 | .cm-animate-fat-cursor {
 69 |   width: auto;
 70 |   border: 0;
 71 |   -webkit-animation: blink 1.06s steps(1) infinite;
 72 |   -moz-animation: blink 1.06s steps(1) infinite;
 73 |   animation: blink 1.06s steps(1) infinite;
 74 |   background-color: #7e7;
 75 | }
 76 | @-moz-keyframes blink {
 77 |   0% {}
 78 |   50% { background-color: transparent; }
 79 |   100% {}
 80 | }
 81 | @-webkit-keyframes blink {
 82 |   0% {}
 83 |   50% { background-color: transparent; }
 84 |   100% {}
 85 | }
 86 | @keyframes blink {
 87 |   0% {}
 88 |   50% { background-color: transparent; }
 89 |   100% {}
 90 | }
 91 | 
 92 | /* Can style cursor different in overwrite (non-insert) mode */
 93 | .CodeMirror-overwrite .CodeMirror-cursor {}
 94 | 
 95 | .cm-tab { display: inline-block; text-decoration: inherit; }
 96 | 
 97 | .CodeMirror-rulers {
 98 |   position: absolute;
 99 |   left: 0; right: 0; top: -50px; bottom: -20px;
100 |   overflow: hidden;
101 | }
102 | .CodeMirror-ruler {
103 |   border-left: 1px solid #ccc;
104 |   top: 0; bottom: 0;
105 |   position: absolute;
106 | }
107 | 
108 | /* DEFAULT THEME */
109 | 
110 | .cm-s-default .cm-header {color: blue;}
111 | .cm-s-default .cm-quote {color: #090;}
112 | .cm-negative {color: #d44;}
113 | .cm-positive {color: #292;}
114 | .cm-header, .cm-strong {font-weight: bold;}
115 | .cm-em {font-style: italic;}
116 | .cm-link {text-decoration: underline;}
117 | .cm-strikethrough {text-decoration: line-through;}
118 | 
119 | .cm-s-default .cm-keyword {color: #708;}
120 | .cm-s-default .cm-atom {color: #219;}
121 | .cm-s-default .cm-number {color: #164;}
122 | .cm-s-default .cm-def {color: #00f;}
123 | .cm-s-default .cm-variable,
124 | .cm-s-default .cm-punctuation,
125 | .cm-s-default .cm-property,
126 | .cm-s-default .cm-operator {}
127 | .cm-s-default .cm-variable-2 {color: #05a;}
128 | .cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
129 | .cm-s-default .cm-comment {color: #a50;}
130 | .cm-s-default .cm-string {color: #a11;}
131 | .cm-s-default .cm-string-2 {color: #f50;}
132 | .cm-s-default .cm-meta {color: #555;}
133 | .cm-s-default .cm-qualifier {color: #555;}
134 | .cm-s-default .cm-builtin {color: #30a;}
135 | .cm-s-default .cm-bracket {color: #997;}
136 | .cm-s-default .cm-tag {color: #170;}
137 | .cm-s-default .cm-attribute {color: #00c;}
138 | .cm-s-default .cm-hr {color: #999;}
139 | .cm-s-default .cm-link {color: #00c;}
140 | 
141 | .cm-s-default .cm-error {color: #f00;}
142 | .cm-invalidchar {color: #f00;}
143 | 
144 | .CodeMirror-composing { border-bottom: 2px solid; }
145 | 
146 | /* Default styles for common addons */
147 | 
148 | div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
149 | div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
150 | .CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
151 | .CodeMirror-activeline-background {background: #e8f2ff;}
152 | 
153 | /* STOP */
154 | 
155 | /* The rest of this file contains styles related to the mechanics of
156 |    the editor. You probably shouldn't touch them. */
157 | 
158 | .CodeMirror {
159 |   position: relative;
160 |   overflow: hidden;
161 |   background: white;
162 | }
163 | 
164 | .CodeMirror-scroll {
165 |   overflow: scroll !important; /* Things will break if this is overridden */
166 |   /* 30px is the magic margin used to hide the element's real scrollbars */
167 |   /* See overflow: hidden in .CodeMirror */
168 |   margin-bottom: -30px; margin-right: -30px;
169 |   padding-bottom: 30px;
170 |   height: 100%;
171 |   outline: none; /* Prevent dragging from highlighting the element */
172 |   position: relative;
173 | }
174 | .CodeMirror-sizer {
175 |   position: relative;
176 |   border-right: 30px solid transparent;
177 | }
178 | 
179 | /* The fake, visible scrollbars. Used to force redraw during scrolling
180 |    before actual scrolling happens, thus preventing shaking and
181 |    flickering artifacts. */
182 | .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
183 |   position: absolute;
184 |   z-index: 6;
185 |   display: none;
186 | }
187 | .CodeMirror-vscrollbar {
188 |   right: 0; top: 0;
189 |   overflow-x: hidden;
190 |   overflow-y: scroll;
191 | }
192 | .CodeMirror-hscrollbar {
193 |   bottom: 0; left: 0;
194 |   overflow-y: hidden;
195 |   overflow-x: scroll;
196 | }
197 | .CodeMirror-scrollbar-filler {
198 |   right: 0; bottom: 0;
199 | }
200 | .CodeMirror-gutter-filler {
201 |   left: 0; bottom: 0;
202 | }
203 | 
204 | .CodeMirror-gutters {
205 |   position: absolute; left: 0; top: 0;
206 |   min-height: 100%;
207 |   z-index: 3;
208 | }
209 | .CodeMirror-gutter {
210 |   white-space: normal;
211 |   height: 100%;
212 |   display: inline-block;
213 |   vertical-align: top;
214 |   margin-bottom: -30px;
215 | }
216 | .CodeMirror-gutter-wrapper {
217 |   position: absolute;
218 |   z-index: 4;
219 |   background: none !important;
220 |   border: none !important;
221 | }
222 | .CodeMirror-gutter-background {
223 |   position: absolute;
224 |   top: 0; bottom: 0;
225 |   z-index: 4;
226 | }
227 | .CodeMirror-gutter-elt {
228 |   position: absolute;
229 |   cursor: default;
230 |   z-index: 4;
231 | }
232 | .CodeMirror-gutter-wrapper ::selection { background-color: transparent }
233 | .CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }
234 | 
235 | .CodeMirror-lines {
236 |   cursor: text;
237 |   min-height: 1px; /* prevents collapsing before first draw */
238 | }
239 | .CodeMirror pre {
240 |   /* Reset some styles that the rest of the page might have set */
241 |   -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
242 |   border-width: 0;
243 |   background: transparent;
244 |   font-family: inherit;
245 |   font-size: inherit;
246 |   margin: 0;
247 |   white-space: pre;
248 |   word-wrap: normal;
249 |   line-height: inherit;
250 |   color: inherit;
251 |   z-index: 2;
252 |   position: relative;
253 |   overflow: visible;
254 |   -webkit-tap-highlight-color: transparent;
255 |   -webkit-font-variant-ligatures: contextual;
256 |   font-variant-ligatures: contextual;
257 | }
258 | .CodeMirror-wrap pre {
259 |   word-wrap: break-word;
260 |   white-space: pre-wrap;
261 |   word-break: normal;
262 | }
263 | 
264 | .CodeMirror-linebackground {
265 |   position: absolute;
266 |   left: 0; right: 0; top: 0; bottom: 0;
267 |   z-index: 0;
268 | }
269 | 
270 | .CodeMirror-linewidget {
271 |   position: relative;
272 |   z-index: 2;
273 |   overflow: auto;
274 | }
275 | 
276 | .CodeMirror-widget {}
277 | 
278 | .CodeMirror-rtl pre { direction: rtl; }
279 | 
280 | .CodeMirror-code {
281 |   outline: none;
282 | }
283 | 
284 | /* Force content-box sizing for the elements where we expect it */
285 | .CodeMirror-scroll,
286 | .CodeMirror-sizer,
287 | .CodeMirror-gutter,
288 | .CodeMirror-gutters,
289 | .CodeMirror-linenumber {
290 |   -moz-box-sizing: content-box;
291 |   box-sizing: content-box;
292 | }
293 | 
294 | .CodeMirror-measure {
295 |   position: absolute;
296 |   width: 100%;
297 |   height: 0;
298 |   overflow: hidden;
299 |   visibility: hidden;
300 | }
301 | 
302 | .CodeMirror-cursor {
303 |   position: absolute;
304 |   pointer-events: none;
305 | }
306 | .CodeMirror-measure pre { position: static; }
307 | 
308 | div.CodeMirror-cursors {
309 |   visibility: hidden;
310 |   position: relative;
311 |   z-index: 3;
312 | }
313 | div.CodeMirror-dragcursors {
314 |   visibility: visible;
315 | }
316 | 
317 | .CodeMirror-focused div.CodeMirror-cursors {
318 |   visibility: visible;
319 | }
320 | 
321 | .CodeMirror-selected { background: #d9d9d9; }
322 | .CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
323 | .CodeMirror-crosshair { cursor: crosshair; }
324 | .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
325 | .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }
326 | 
327 | .cm-searching {
328 |   background-color: #ffa;
329 |   background-color: rgba(255, 255, 0, .4);
330 | }
331 | 
332 | /* Used to force a border model for a node */
333 | .cm-force-border { padding-right: .1px; }
334 | 
335 | @media print {
336 |   /* Hide the cursor when printing */
337 |   .CodeMirror div.CodeMirror-cursors {
338 |     visibility: hidden;
339 |   }
340 | }
341 | 
342 | /* See issue #2901 */
343 | .cm-tab-wrap-hack:after { content: ''; }
344 | 
345 | /* Help users use markselection to safely style text background */
346 | span.CodeMirror-selectedtext { background: none; }
347 | 
348 | 


--------------------------------------------------------------------------------
/stylish.safariextension/assets/codemirror/css.js:
--------------------------------------------------------------------------------
1 | !function(e){"object"==typeof exports&&"object"==typeof module?e(require("../../lib/codemirror")):"function"==typeof define&&define.amd?define(["../../lib/codemirror"],e):e(CodeMirror)}(function(e){"use strict";function t(e){for(var t={},r=0;r<e.length;++r)t[e[r].toLowerCase()]=!0;return t}function r(e,t){for(var r,o=!1;null!=(r=e.next());){if(o&&"/"==r){t.tokenize=null;break}o="*"==r}return["comment","comment"]}e.defineMode("css",function(t,r){function o(e,t){return h=t,e}function a(e,t){var r=e.next();if(f[r]){var a=f[r](e,t);if(!1!==a)return a}return"@"==r?(e.eatWhile(/[\w\\\-]/),o("def",e.current())):"="==r||("~"==r||"|"==r)&&e.eat("=")?o(null,"compare"):'"'==r||"'"==r?(t.tokenize=i(r),t.tokenize(e,t)):"#"==r?(e.eatWhile(/[\w\\\-]/),o("atom","hash")):"!"==r?(e.match(/^\s*\w*/),o("keyword","important")):/\d/.test(r)||"."==r&&e.eat(/\d/)?(e.eatWhile(/[\w.%]/),o("number","unit")):"-"!==r?/[,+>*\/]/.test(r)?o(null,"select-op"):"."==r&&e.match(/^-?[_a-z][_a-z0-9-]*/i)?o("qualifier","qualifier"):/[:;{}\[\]\(\)]/.test(r)?o(null,r):"u"==r&&e.match(/rl(-prefix)?\(/)||"d"==r&&e.match("omain(")||"r"==r&&e.match("egexp(")?(e.backUp(1),t.tokenize=n,o("property","word")):/[\w\\\-]/.test(r)?(e.eatWhile(/[\w\\\-]/),o("property","word")):o(null,null):/[\d.]/.test(e.peek())?(e.eatWhile(/[\w.%]/),o("number","unit")):e.match(/^-[\w\\\-]+/)?(e.eatWhile(/[\w\\\-]/),e.match(/^\s*:/,!1)?o("variable-2","variable-definition"):o("variable-2","variable")):e.match(/^\w+-/)?o("meta","meta"):void 0}function i(e){return function(t,r){for(var a,i=!1;null!=(a=t.next());){if(a==e&&!i){")"==e&&t.backUp(1);break}i=!i&&"\\"==a}return(a==e||!i&&")"!=e)&&(r.tokenize=null),o("string","string")}}function n(e,t){return e.next(),e.match(/\s*[\"\')]/,!1)?t.tokenize=null:t.tokenize=i(")"),o(null,"(")}function l(e,t,r){this.type=e,this.indent=t,this.prev=r}function s(e,t,r,o){return e.context=new l(r,t.indentation()+(!1===o?0:b),e.context),r}function c(e){return e.context.prev&&(e.context=e.context.prev),e.context.type}function d(e,t,r){return _[r.context.type](e,t,r)}function p(e,t,r,o){for(var a=o||1;a>0;a--)r.context=r.context.prev;return d(e,t,r)}function u(e){var t=e.current().toLowerCase();g=K.hasOwnProperty(t)?"atom":P.hasOwnProperty(t)?"keyword":"variable"}var m=r.inline;r.propertyKeywords||(r=e.resolveMode("text/css"));var h,g,b=t.indentUnit,f=r.tokenHooks,y=r.documentTypes||{},w=r.mediaTypes||{},k=r.mediaFeatures||{},v=r.mediaValueKeywords||{},x=r.propertyKeywords||{},z=r.nonStandardPropertyKeywords||{},j=r.fontProperties||{},q=r.counterDescriptors||{},P=r.colorKeywords||{},K=r.valueKeywords||{},C=r.allowNested,B=r.lineComment,T=!0===r.supportsAtComponent,_={};return _.top=function(e,t,r){if("{"==e)return s(r,t,"block");if("}"==e&&r.context.prev)return c(r);if(T&&/@component/.test(e))return s(r,t,"atComponentBlock");if(/^@(-moz-)?document$/.test(e))return s(r,t,"documentTypes");if(/^@(media|supports|(-moz-)?document|import)$/.test(e))return s(r,t,"atBlock");if(/^@(font-face|counter-style)/.test(e))return r.stateArg=e,"restricted_atBlock_before";if(/^@(-(moz|ms|o|webkit)-)?keyframes$/.test(e))return"keyframes";if(e&&"@"==e.charAt(0))return s(r,t,"at");if("hash"==e)g="builtin";else if("word"==e)g="tag";else{if("variable-definition"==e)return"maybeprop";if("interpolation"==e)return s(r,t,"interpolation");if(":"==e)return"pseudo";if(C&&"("==e)return s(r,t,"parens")}return r.context.type},_.block=function(e,t,r){if("word"==e){var o=t.current().toLowerCase();return x.hasOwnProperty(o)?(g="property","maybeprop"):z.hasOwnProperty(o)?(g="string-2","maybeprop"):C?(g=t.match(/^\s*:(?:\s|$)/,!1)?"property":"tag","block"):(g+=" error","maybeprop")}return"meta"==e?"block":C||"hash"!=e&&"qualifier"!=e?_.top(e,t,r):(g="error","block")},_.maybeprop=function(e,t,r){return":"==e?s(r,t,"prop"):d(e,t,r)},_.prop=function(e,t,r){if(";"==e)return c(r);if("{"==e&&C)return s(r,t,"propBlock");if("}"==e||"{"==e)return p(e,t,r);if("("==e)return s(r,t,"parens");if("hash"!=e||/^#([0-9a-fA-f]{3,4}|[0-9a-fA-f]{6}|[0-9a-fA-f]{8})$/.test(t.current())){if("word"==e)u(t);else if("interpolation"==e)return s(r,t,"interpolation")}else g+=" error";return"prop"},_.propBlock=function(e,t,r){return"}"==e?c(r):"word"==e?(g="property","maybeprop"):r.context.type},_.parens=function(e,t,r){return"{"==e||"}"==e?p(e,t,r):")"==e?c(r):"("==e?s(r,t,"parens"):"interpolation"==e?s(r,t,"interpolation"):("word"==e&&u(t),"parens")},_.pseudo=function(e,t,r){return"meta"==e?"pseudo":"word"==e?(g="variable-3",r.context.type):d(e,t,r)},_.documentTypes=function(e,t,r){return"word"==e&&y.hasOwnProperty(t.current())?(g="tag",r.context.type):_.atBlock(e,t,r)},_.atBlock=function(e,t,r){if("("==e)return s(r,t,"atBlock_parens");if("}"==e||";"==e)return p(e,t,r);if("{"==e)return c(r)&&s(r,t,C?"block":"top");if("interpolation"==e)return s(r,t,"interpolation");if("word"==e){var o=t.current().toLowerCase();g="only"==o||"not"==o||"and"==o||"or"==o?"keyword":w.hasOwnProperty(o)?"attribute":k.hasOwnProperty(o)?"property":v.hasOwnProperty(o)?"keyword":x.hasOwnProperty(o)?"property":z.hasOwnProperty(o)?"string-2":K.hasOwnProperty(o)?"atom":P.hasOwnProperty(o)?"keyword":"error"}return r.context.type},_.atComponentBlock=function(e,t,r){return"}"==e?p(e,t,r):"{"==e?c(r)&&s(r,t,C?"block":"top",!1):("word"==e&&(g="error"),r.context.type)},_.atBlock_parens=function(e,t,r){return")"==e?c(r):"{"==e||"}"==e?p(e,t,r,2):_.atBlock(e,t,r)},_.restricted_atBlock_before=function(e,t,r){return"{"==e?s(r,t,"restricted_atBlock"):"word"==e&&"@counter-style"==r.stateArg?(g="variable","restricted_atBlock_before"):d(e,t,r)},_.restricted_atBlock=function(e,t,r){return"}"==e?(r.stateArg=null,c(r)):"word"==e?(g="@font-face"==r.stateArg&&!j.hasOwnProperty(t.current().toLowerCase())||"@counter-style"==r.stateArg&&!q.hasOwnProperty(t.current().toLowerCase())?"error":"property","maybeprop"):"restricted_atBlock"},_.keyframes=function(e,t,r){return"word"==e?(g="variable","keyframes"):"{"==e?s(r,t,"top"):d(e,t,r)},_.at=function(e,t,r){return";"==e?c(r):"{"==e||"}"==e?p(e,t,r):("word"==e?g="tag":"hash"==e&&(g="builtin"),"at")},_.interpolation=function(e,t,r){return"}"==e?c(r):"{"==e||";"==e?p(e,t,r):("word"==e?g="variable":"variable"!=e&&"("!=e&&")"!=e&&(g="error"),"interpolation")},{startState:function(e){return{tokenize:null,state:m?"block":"top",stateArg:null,context:new l(m?"block":"top",e||0,null)}},token:function(e,t){if(!t.tokenize&&e.eatSpace())return null;var r=(t.tokenize||a)(e,t);return r&&"object"==typeof r&&(h=r[1],r=r[0]),g=r,"comment"!=h&&(t.state=_[t.state](h,e,t)),g},indent:function(e,t){var r=e.context,o=t&&t.charAt(0),a=r.indent;return"prop"!=r.type||"}"!=o&&")"!=o||(r=r.prev),r.prev&&("}"!=o||"block"!=r.type&&"top"!=r.type&&"interpolation"!=r.type&&"restricted_atBlock"!=r.type?(")"!=o||"parens"!=r.type&&"atBlock_parens"!=r.type)&&("{"!=o||"at"!=r.type&&"atBlock"!=r.type)||(a=Math.max(0,r.indent-b)):a=(r=r.prev).indent),a},electricChars:"}",blockCommentStart:"/*",blockCommentEnd:"*/",blockCommentContinue:" * ",lineComment:B,fold:"brace"}});var o=["domain","regexp","url","url-prefix"],a=t(o),i=["all","aural","braille","handheld","print","projection","screen","tty","tv","embossed"],n=t(i),l=["width","min-width","max-width","height","min-height","max-height","device-width","min-device-width","max-device-width","device-height","min-device-height","max-device-height","aspect-ratio","min-aspect-ratio","max-aspect-ratio","device-aspect-ratio","min-device-aspect-ratio","max-device-aspect-ratio","color","min-color","max-color","color-index","min-color-index","max-color-index","monochrome","min-monochrome","max-monochrome","resolution","min-resolution","max-resolution","scan","grid","orientation","device-pixel-ratio","min-device-pixel-ratio","max-device-pixel-ratio","pointer","any-pointer","hover","any-hover"],s=t(l),c=["landscape","portrait","none","coarse","fine","on-demand","hover","interlace","progressive"],d=t(c),p=["align-content","align-items","align-self","alignment-adjust","alignment-baseline","anchor-point","animation","animation-delay","animation-direction","animation-duration","animation-fill-mode","animation-iteration-count","animation-name","animation-play-state","animation-timing-function","appearance","azimuth","backface-visibility","background","background-attachment","background-blend-mode","background-clip","background-color","background-image","background-origin","background-position","background-repeat","background-size","baseline-shift","binding","bleed","bookmark-label","bookmark-level","bookmark-state","bookmark-target","border","border-bottom","border-bottom-color","border-bottom-left-radius","border-bottom-right-radius","border-bottom-style","border-bottom-width","border-collapse","border-color","border-image","border-image-outset","border-image-repeat","border-image-slice","border-image-source","border-image-width","border-left","border-left-color","border-left-style","border-left-width","border-radius","border-right","border-right-color","border-right-style","border-right-width","border-spacing","border-style","border-top","border-top-color","border-top-left-radius","border-top-right-radius","border-top-style","border-top-width","border-width","bottom","box-decoration-break","box-shadow","box-sizing","break-after","break-before","break-inside","caption-side","caret-color","clear","clip","color","color-profile","column-count","column-fill","column-gap","column-rule","column-rule-color","column-rule-style","column-rule-width","column-span","column-width","columns","content","counter-increment","counter-reset","crop","cue","cue-after","cue-before","cursor","direction","display","dominant-baseline","drop-initial-after-adjust","drop-initial-after-align","drop-initial-before-adjust","drop-initial-before-align","drop-initial-size","drop-initial-value","elevation","empty-cells","fit","fit-position","flex","flex-basis","flex-direction","flex-flow","flex-grow","flex-shrink","flex-wrap","float","float-offset","flow-from","flow-into","font","font-feature-settings","font-family","font-kerning","font-language-override","font-size","font-size-adjust","font-stretch","font-style","font-synthesis","font-variant","font-variant-alternates","font-variant-caps","font-variant-east-asian","font-variant-ligatures","font-variant-numeric","font-variant-position","font-weight","grid","grid-area","grid-auto-columns","grid-auto-flow","grid-auto-rows","grid-column","grid-column-end","grid-column-gap","grid-column-start","grid-gap","grid-row","grid-row-end","grid-row-gap","grid-row-start","grid-template","grid-template-areas","grid-template-columns","grid-template-rows","hanging-punctuation","height","hyphens","icon","image-orientation","image-rendering","image-resolution","inline-box-align","justify-content","justify-items","justify-self","left","letter-spacing","line-break","line-height","line-stacking","line-stacking-ruby","line-stacking-shift","line-stacking-strategy","list-style","list-style-image","list-style-position","list-style-type","margin","margin-bottom","margin-left","margin-right","margin-top","marks","marquee-direction","marquee-loop","marquee-play-count","marquee-speed","marquee-style","max-height","max-width","min-height","min-width","move-to","nav-down","nav-index","nav-left","nav-right","nav-up","object-fit","object-position","opacity","order","orphans","outline","outline-color","outline-offset","outline-style","outline-width","overflow","overflow-style","overflow-wrap","overflow-x","overflow-y","padding","padding-bottom","padding-left","padding-right","padding-top","page","page-break-after","page-break-before","page-break-inside","page-policy","pause","pause-after","pause-before","perspective","perspective-origin","pitch","pitch-range","place-content","place-items","place-self","play-during","position","presentation-level","punctuation-trim","quotes","region-break-after","region-break-before","region-break-inside","region-fragment","rendering-intent","resize","rest","rest-after","rest-before","richness","right","rotation","rotation-point","ruby-align","ruby-overhang","ruby-position","ruby-span","shape-image-threshold","shape-inside","shape-margin","shape-outside","size","speak","speak-as","speak-header","speak-numeral","speak-punctuation","speech-rate","stress","string-set","tab-size","table-layout","target","target-name","target-new","target-position","text-align","text-align-last","text-decoration","text-decoration-color","text-decoration-line","text-decoration-skip","text-decoration-style","text-emphasis","text-emphasis-color","text-emphasis-position","text-emphasis-style","text-height","text-indent","text-justify","text-outline","text-overflow","text-shadow","text-size-adjust","text-space-collapse","text-transform","text-underline-position","text-wrap","top","transform","transform-origin","transform-style","transition","transition-delay","transition-duration","transition-property","transition-timing-function","unicode-bidi","user-select","vertical-align","visibility","voice-balance","voice-duration","voice-family","voice-pitch","voice-range","voice-rate","voice-stress","voice-volume","volume","white-space","widows","width","will-change","word-break","word-spacing","word-wrap","z-index","clip-path","clip-rule","mask","enable-background","filter","flood-color","flood-opacity","lighting-color","stop-color","stop-opacity","pointer-events","color-interpolation","color-interpolation-filters","color-rendering","fill","fill-opacity","fill-rule","image-rendering","marker","marker-end","marker-mid","marker-start","shape-rendering","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","text-rendering","baseline-shift","dominant-baseline","glyph-orientation-horizontal","glyph-orientation-vertical","text-anchor","writing-mode"],u=t(p),m=["scrollbar-arrow-color","scrollbar-base-color","scrollbar-dark-shadow-color","scrollbar-face-color","scrollbar-highlight-color","scrollbar-shadow-color","scrollbar-3d-light-color","scrollbar-track-color","shape-inside","searchfield-cancel-button","searchfield-decoration","searchfield-results-button","searchfield-results-decoration","zoom"],h=t(m),g=t(["font-family","src","unicode-range","font-variant","font-feature-settings","font-stretch","font-weight","font-style"]),b=t(["additive-symbols","fallback","negative","pad","prefix","range","speak-as","suffix","symbols","system"]),f=["aliceblue","antiquewhite","aqua","aquamarine","azure","beige","bisque","black","blanchedalmond","blue","blueviolet","brown","burlywood","cadetblue","chartreuse","chocolate","coral","cornflowerblue","cornsilk","crimson","cyan","darkblue","darkcyan","darkgoldenrod","darkgray","darkgreen","darkkhaki","darkmagenta","darkolivegreen","darkorange","darkorchid","darkred","darksalmon","darkseagreen","darkslateblue","darkslategray","darkturquoise","darkviolet","deeppink","deepskyblue","dimgray","dodgerblue","firebrick","floralwhite","forestgreen","fuchsia","gainsboro","ghostwhite","gold","goldenrod","gray","grey","green","greenyellow","honeydew","hotpink","indianred","indigo","ivory","khaki","lavender","lavenderblush","lawngreen","lemonchiffon","lightblue","lightcoral","lightcyan","lightgoldenrodyellow","lightgray","lightgreen","lightpink","lightsalmon","lightseagreen","lightskyblue","lightslategray","lightsteelblue","lightyellow","lime","limegreen","linen","magenta","maroon","mediumaquamarine","mediumblue","mediumorchid","mediumpurple","mediumseagreen","mediumslateblue","mediumspringgreen","mediumturquoise","mediumvioletred","midnightblue","mintcream","mistyrose","moccasin","navajowhite","navy","oldlace","olive","olivedrab","orange","orangered","orchid","palegoldenrod","palegreen","paleturquoise","palevioletred","papayawhip","peachpuff","peru","pink","plum","powderblue","purple","rebeccapurple","red","rosybrown","royalblue","saddlebrown","salmon","sandybrown","seagreen","seashell","sienna","silver","skyblue","slateblue","slategray","snow","springgreen","steelblue","tan","teal","thistle","tomato","turquoise","violet","wheat","white","whitesmoke","yellow","yellowgreen"],y=t(f),w=["above","absolute","activeborder","additive","activecaption","afar","after-white-space","ahead","alias","all","all-scroll","alphabetic","alternate","always","amharic","amharic-abegede","antialiased","appworkspace","arabic-indic","armenian","asterisks","attr","auto","auto-flow","avoid","avoid-column","avoid-page","avoid-region","background","backwards","baseline","below","bidi-override","binary","bengali","blink","block","block-axis","bold","bolder","border","border-box","both","bottom","break","break-all","break-word","bullets","button","button-bevel","buttonface","buttonhighlight","buttonshadow","buttontext","calc","cambodian","capitalize","caps-lock-indicator","caption","captiontext","caret","cell","center","checkbox","circle","cjk-decimal","cjk-earthly-branch","cjk-heavenly-stem","cjk-ideographic","clear","clip","close-quote","col-resize","collapse","color","color-burn","color-dodge","column","column-reverse","compact","condensed","contain","content","contents","content-box","context-menu","continuous","copy","counter","counters","cover","crop","cross","crosshair","currentcolor","cursive","cyclic","darken","dashed","decimal","decimal-leading-zero","default","default-button","dense","destination-atop","destination-in","destination-out","destination-over","devanagari","difference","disc","discard","disclosure-closed","disclosure-open","document","dot-dash","dot-dot-dash","dotted","double","down","e-resize","ease","ease-in","ease-in-out","ease-out","element","ellipse","ellipsis","embed","end","ethiopic","ethiopic-abegede","ethiopic-abegede-am-et","ethiopic-abegede-gez","ethiopic-abegede-ti-er","ethiopic-abegede-ti-et","ethiopic-halehame-aa-er","ethiopic-halehame-aa-et","ethiopic-halehame-am-et","ethiopic-halehame-gez","ethiopic-halehame-om-et","ethiopic-halehame-sid-et","ethiopic-halehame-so-et","ethiopic-halehame-ti-er","ethiopic-halehame-ti-et","ethiopic-halehame-tig","ethiopic-numeric","ew-resize","exclusion","expanded","extends","extra-condensed","extra-expanded","fantasy","fast","fill","fixed","flat","flex","flex-end","flex-start","footnotes","forwards","from","geometricPrecision","georgian","graytext","grid","groove","gujarati","gurmukhi","hand","hangul","hangul-consonant","hard-light","hebrew","help","hidden","hide","higher","highlight","highlighttext","hiragana","hiragana-iroha","horizontal","hsl","hsla","hue","icon","ignore","inactiveborder","inactivecaption","inactivecaptiontext","infinite","infobackground","infotext","inherit","initial","inline","inline-axis","inline-block","inline-flex","inline-grid","inline-table","inset","inside","intrinsic","invert","italic","japanese-formal","japanese-informal","justify","kannada","katakana","katakana-iroha","keep-all","khmer","korean-hangul-formal","korean-hanja-formal","korean-hanja-informal","landscape","lao","large","larger","left","level","lighter","lighten","line-through","linear","linear-gradient","lines","list-item","listbox","listitem","local","logical","loud","lower","lower-alpha","lower-armenian","lower-greek","lower-hexadecimal","lower-latin","lower-norwegian","lower-roman","lowercase","ltr","luminosity","malayalam","match","matrix","matrix3d","media-controls-background","media-current-time-display","media-fullscreen-button","media-mute-button","media-play-button","media-return-to-realtime-button","media-rewind-button","media-seek-back-button","media-seek-forward-button","media-slider","media-sliderthumb","media-time-remaining-display","media-volume-slider","media-volume-slider-container","media-volume-sliderthumb","medium","menu","menulist","menulist-button","menulist-text","menulist-textfield","menutext","message-box","middle","min-intrinsic","mix","mongolian","monospace","move","multiple","multiply","myanmar","n-resize","narrower","ne-resize","nesw-resize","no-close-quote","no-drop","no-open-quote","no-repeat","none","normal","not-allowed","nowrap","ns-resize","numbers","numeric","nw-resize","nwse-resize","oblique","octal","opacity","open-quote","optimizeLegibility","optimizeSpeed","oriya","oromo","outset","outside","outside-shape","overlay","overline","padding","padding-box","painted","page","paused","persian","perspective","plus-darker","plus-lighter","pointer","polygon","portrait","pre","pre-line","pre-wrap","preserve-3d","progress","push-button","radial-gradient","radio","read-only","read-write","read-write-plaintext-only","rectangle","region","relative","repeat","repeating-linear-gradient","repeating-radial-gradient","repeat-x","repeat-y","reset","reverse","rgb","rgba","ridge","right","rotate","rotate3d","rotateX","rotateY","rotateZ","round","row","row-resize","row-reverse","rtl","run-in","running","s-resize","sans-serif","saturation","scale","scale3d","scaleX","scaleY","scaleZ","screen","scroll","scrollbar","scroll-position","se-resize","searchfield","searchfield-cancel-button","searchfield-decoration","searchfield-results-button","searchfield-results-decoration","self-start","self-end","semi-condensed","semi-expanded","separate","serif","show","sidama","simp-chinese-formal","simp-chinese-informal","single","skew","skewX","skewY","skip-white-space","slide","slider-horizontal","slider-vertical","sliderthumb-horizontal","sliderthumb-vertical","slow","small","small-caps","small-caption","smaller","soft-light","solid","somali","source-atop","source-in","source-out","source-over","space","space-around","space-between","space-evenly","spell-out","square","square-button","start","static","status-bar","stretch","stroke","sub","subpixel-antialiased","super","sw-resize","symbolic","symbols","system-ui","table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row","table-row-group","tamil","telugu","text","text-bottom","text-top","textarea","textfield","thai","thick","thin","threeddarkshadow","threedface","threedhighlight","threedlightshadow","threedshadow","tibetan","tigre","tigrinya-er","tigrinya-er-abegede","tigrinya-et","tigrinya-et-abegede","to","top","trad-chinese-formal","trad-chinese-informal","transform","translate","translate3d","translateX","translateY","translateZ","transparent","ultra-condensed","ultra-expanded","underline","unset","up","upper-alpha","upper-armenian","upper-greek","upper-hexadecimal","upper-latin","upper-norwegian","upper-roman","uppercase","urdu","url","var","vertical","vertical-text","visible","visibleFill","visiblePainted","visibleStroke","visual","w-resize","wait","wave","wider","window","windowframe","windowtext","words","wrap","wrap-reverse","x-large","x-small","xor","xx-large","xx-small"],k=t(w),v=o.concat(i).concat(l).concat(c).concat(p).concat(m).concat(f).concat(w);e.registerHelper("hintWords","css",v),e.defineMIME("text/css",{documentTypes:a,mediaTypes:n,mediaFeatures:s,mediaValueKeywords:d,propertyKeywords:u,nonStandardPropertyKeywords:h,fontProperties:g,counterDescriptors:b,colorKeywords:y,valueKeywords:k,tokenHooks:{"/":function(e,t){return!!e.eat("*")&&(t.tokenize=r,r(e,t))}},name:"css"}),e.defineMIME("text/x-scss",{mediaTypes:n,mediaFeatures:s,mediaValueKeywords:d,propertyKeywords:u,nonStandardPropertyKeywords:h,colorKeywords:y,valueKeywords:k,fontProperties:g,allowNested:!0,lineComment:"//",tokenHooks:{"/":function(e,t){return e.eat("/")?(e.skipToEnd(),["comment","comment"]):e.eat("*")?(t.tokenize=r,r(e,t)):["operator","operator"]},":":function(e){return!!e.match(/\s*\{/,!1)&&[null,null]},$:function(e){return e.match(/^[\w-]+/),e.match(/^\s*:/,!1)?["variable-2","variable-definition"]:["variable-2","variable"]},"#":function(e){return!!e.eat("{")&&[null,"interpolation"]}},name:"css",helperType:"scss"}),e.defineMIME("text/x-less",{mediaTypes:n,mediaFeatures:s,mediaValueKeywords:d,propertyKeywords:u,nonStandardPropertyKeywords:h,colorKeywords:y,valueKeywords:k,fontProperties:g,allowNested:!0,lineComment:"//",tokenHooks:{"/":function(e,t){return e.eat("/")?(e.skipToEnd(),["comment","comment"]):e.eat("*")?(t.tokenize=r,r(e,t)):["operator","operator"]},"@":function(e){return e.eat("{")?[null,"interpolation"]:!e.match(/^(charset|document|font-face|import|(-(moz|ms|o|webkit)-)?keyframes|media|namespace|page|supports)\b/,!1)&&(e.eatWhile(/[\w\\\-]/),e.match(/^\s*:/,!1)?["variable-2","variable-definition"]:["variable-2","variable"])},"&":function(){return["atom","atom"]}},name:"css",helperType:"less"}),e.defineMIME("text/x-gss",{documentTypes:a,mediaTypes:n,mediaFeatures:s,propertyKeywords:u,nonStandardPropertyKeywords:h,fontProperties:g,counterDescriptors:b,colorKeywords:y,valueKeywords:k,supportsAtComponent:!0,tokenHooks:{"/":function(e,t){return!!e.eat("*")&&(t.tokenize=r,r(e,t))}},name:"css",helperType:"gss"})});


--------------------------------------------------------------------------------
/stylish.safariextension/assets/codemirror/matchbrackets.js:
--------------------------------------------------------------------------------
  1 | // CodeMirror, copyright (c) by Marijn Haverbeke and others
  2 | // Distributed under an MIT license: http://codemirror.net/LICENSE
  3 | 
  4 | (function(mod) {
  5 |   if (typeof exports == "object" && typeof module == "object") // CommonJS
  6 |     mod(require("../../lib/codemirror"));
  7 |   else if (typeof define == "function" && define.amd) // AMD
  8 |     define(["../../lib/codemirror"], mod);
  9 |   else // Plain browser env
 10 |     mod(CodeMirror);
 11 | })(function(CodeMirror) {
 12 |   var ie_lt8 = /MSIE \d/.test(navigator.userAgent) &&
 13 |     (document.documentMode == null || document.documentMode < 8);
 14 | 
 15 |   var Pos = CodeMirror.Pos;
 16 | 
 17 |   var matching = {"(": ")>", ")": "(<", "[": "]>", "]": "[<", "{": "}>", "}": "{<"};
 18 | 
 19 |   function findMatchingBracket(cm, where, config) {
 20 |     var line = cm.getLineHandle(where.line), pos = where.ch - 1;
 21 |     var afterCursor = config && config.afterCursor
 22 |     if (afterCursor == null)
 23 |       afterCursor = /(^| )cm-fat-cursor($| )/.test(cm.getWrapperElement().className)
 24 | 
 25 |     // A cursor is defined as between two characters, but in in vim command mode
 26 |     // (i.e. not insert mode), the cursor is visually represented as a
 27 |     // highlighted box on top of the 2nd character. Otherwise, we allow matches
 28 |     // from before or after the cursor.
 29 |     var match = (!afterCursor && pos >= 0 && matching[line.text.charAt(pos)]) ||
 30 |         matching[line.text.charAt(++pos)];
 31 |     if (!match) return null;
 32 |     var dir = match.charAt(1) == ">" ? 1 : -1;
 33 |     if (config && config.strict && (dir > 0) != (pos == where.ch)) return null;
 34 |     var style = cm.getTokenTypeAt(Pos(where.line, pos + 1));
 35 | 
 36 |     var found = scanForBracket(cm, Pos(where.line, pos + (dir > 0 ? 1 : 0)), dir, style || null, config);
 37 |     if (found == null) return null;
 38 |     return {from: Pos(where.line, pos), to: found && found.pos,
 39 |             match: found && found.ch == match.charAt(0), forward: dir > 0};
 40 |   }
 41 | 
 42 |   // bracketRegex is used to specify which type of bracket to scan
 43 |   // should be a regexp, e.g. /[[\]]/
 44 |   //
 45 |   // Note: If "where" is on an open bracket, then this bracket is ignored.
 46 |   //
 47 |   // Returns false when no bracket was found, null when it reached
 48 |   // maxScanLines and gave up
 49 |   function scanForBracket(cm, where, dir, style, config) {
 50 |     var maxScanLen = (config && config.maxScanLineLength) || 10000;
 51 |     var maxScanLines = (config && config.maxScanLines) || 1000;
 52 | 
 53 |     var stack = [];
 54 |     var re = config && config.bracketRegex ? config.bracketRegex : /[(){}[\]]/;
 55 |     var lineEnd = dir > 0 ? Math.min(where.line + maxScanLines, cm.lastLine() + 1)
 56 |                           : Math.max(cm.firstLine() - 1, where.line - maxScanLines);
 57 |     for (var lineNo = where.line; lineNo != lineEnd; lineNo += dir) {
 58 |       var line = cm.getLine(lineNo);
 59 |       if (!line) continue;
 60 |       var pos = dir > 0 ? 0 : line.length - 1, end = dir > 0 ? line.length : -1;
 61 |       if (line.length > maxScanLen) continue;
 62 |       if (lineNo == where.line) pos = where.ch - (dir < 0 ? 1 : 0);
 63 |       for (; pos != end; pos += dir) {
 64 |         var ch = line.charAt(pos);
 65 |         if (re.test(ch) && (style === undefined || cm.getTokenTypeAt(Pos(lineNo, pos + 1)) == style)) {
 66 |           var match = matching[ch];
 67 |           if ((match.charAt(1) == ">") == (dir > 0)) stack.push(ch);
 68 |           else if (!stack.length) return {pos: Pos(lineNo, pos), ch: ch};
 69 |           else stack.pop();
 70 |         }
 71 |       }
 72 |     }
 73 |     return lineNo - dir == (dir > 0 ? cm.lastLine() : cm.firstLine()) ? false : null;
 74 |   }
 75 | 
 76 |   function matchBrackets(cm, autoclear, config) {
 77 |     // Disable brace matching in long lines, since it'll cause hugely slow updates
 78 |     var maxHighlightLen = cm.state.matchBrackets.maxHighlightLineLength || 1000;
 79 |     var marks = [], ranges = cm.listSelections();
 80 |     for (var i = 0; i < ranges.length; i++) {
 81 |       var match = ranges[i].empty() && findMatchingBracket(cm, ranges[i].head, config);
 82 |       if (match && cm.getLine(match.from.line).length <= maxHighlightLen) {
 83 |         var style = match.match ? "CodeMirror-matchingbracket" : "CodeMirror-nonmatchingbracket";
 84 |         marks.push(cm.markText(match.from, Pos(match.from.line, match.from.ch + 1), {className: style}));
 85 |         if (match.to && cm.getLine(match.to.line).length <= maxHighlightLen)
 86 |           marks.push(cm.markText(match.to, Pos(match.to.line, match.to.ch + 1), {className: style}));
 87 |       }
 88 |     }
 89 | 
 90 |     if (marks.length) {
 91 |       // Kludge to work around the IE bug from issue #1193, where text
 92 |       // input stops going to the textare whever this fires.
 93 |       if (ie_lt8 && cm.state.focused) cm.focus();
 94 | 
 95 |       var clear = function() {
 96 |         cm.operation(function() {
 97 |           for (var i = 0; i < marks.length; i++) marks[i].clear();
 98 |         });
 99 |       };
100 |       if (autoclear) setTimeout(clear, 800);
101 |       else return clear;
102 |     }
103 |   }
104 | 
105 |   var currentlyHighlighted = null;
106 |   function doMatchBrackets(cm) {
107 |     cm.operation(function() {
108 |       if (currentlyHighlighted) {currentlyHighlighted(); currentlyHighlighted = null;}
109 |       currentlyHighlighted = matchBrackets(cm, false, cm.state.matchBrackets);
110 |     });
111 |   }
112 | 
113 |   CodeMirror.defineOption("matchBrackets", false, function(cm, val, old) {
114 |     if (old && old != CodeMirror.Init) {
115 |       cm.off("cursorActivity", doMatchBrackets);
116 |       if (currentlyHighlighted) {currentlyHighlighted(); currentlyHighlighted = null;}
117 |     }
118 |     if (val) {
119 |       cm.state.matchBrackets = typeof val == "object" ? val : {};
120 |       cm.on("cursorActivity", doMatchBrackets);
121 |     }
122 |   });
123 | 
124 |   CodeMirror.defineExtension("matchBrackets", function() {matchBrackets(this, true);});
125 |   CodeMirror.defineExtension("findMatchingBracket", function(pos, config, oldConfig){
126 |     // Backwards-compatibility kludge
127 |     if (oldConfig || typeof config == "boolean") {
128 |       if (!oldConfig) {
129 |         config = config ? {strict: true} : null
130 |       } else {
131 |         oldConfig.strict = config
132 |         config = oldConfig
133 |       }
134 |     }
135 |     return findMatchingBracket(this, pos, config)
136 |   });
137 |   CodeMirror.defineExtension("scanForBracket", function(pos, dir, style, config){
138 |     return scanForBracket(this, pos, dir, style, config);
139 |   });
140 | });
141 | 


--------------------------------------------------------------------------------
/stylish.safariextension/assets/edit.js:
--------------------------------------------------------------------------------
  1 | var tpl1 = '<dl><dt>{H1}</dt><dd class="editor"><form id="{ID}" class="styleseditor"><p class="stitle"><label for="TITLE{ID}">Title:</label><input type="text" name="title" value="{TITLE}" id="TITLE{ID}"></p></form></dd></dl><p class="controls"><button class="add">Add section</button><button id="save" class="fr">Save Style</button></p>',
  2 | 	tpl2 = '<fieldset><legend>Section #{NUM}</legend><p class="code"><label>CSS:</label><span class="errors"></span><textarea class="code" id="CSS{NUM}" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"></textarea></p><p class="controls section"><button class="remove fr red">Delete section</button></p>{RULES}</fieldset>',
  3 | 	tpl3 = '<p class="rule"><label>Applies to:</label><select name="apply"><option value="url">URL</option><option value="pre">URL prefix</option><option value="dom">Domain</option><option value="reg">Regexp</option><option value="global">Global</option></select><input name="rule" type="text" value="{RULE}"><button class="remove red">Delete</button><button class="add">Add rule</button></p>',
  4 | 	datain, b,
  5 | 	dl = document.location,
  6 | 	id = dl.hash.substr(1),
  7 | 	altKey = false,
  8 | 	saved = true;
  9 | 
 10 | $(function() {
 11 | 	$('body').append('<iframe src="https://www.facebook.com/plugins/like.php?locale=en_US&amp;href=https://www.facebook.com/safaristylish&amp;send=true&amp;layout=button_count&amp;width=125&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=20" frameborder="0" scrolling="no" id="fblike></iframe> ');
 12 | 	navInit();
 13 | 	ping('analytics', {type:'screenview',title:'Edit'});
 14 | 	var b = $('#content');
 15 | 	
 16 | 	$.fn.toggleAttr = function(a,b) {
 17 | 		return this.each(function() {
 18 | 			var t = $(this);
 19 | 			b ? t.attr(a,a) : t.removeAttr(a);
 20 | 		});
 21 | 	};
 22 | 	
 23 | 	$(document).on('click', '.rule .add', function(event) {
 24 | 		event.preventDefault();
 25 | 		var b = $(this), p = b.parent(), n = parseInt($('.rule',p.parent()).length)+1;
 26 | 		p.after(
 27 | 			$(tpl3.replace(/\{RULE\}/g,''))
 28 | 		);
 29 | 		updateControls();
 30 | 		saved = false;
 31 | 		return false;
 32 | 	})
 33 | 
 34 | 	$(document).on('click', '.rule .remove', function(event) {
 35 | 		event.preventDefault();
 36 | 		var b = $(this), p = b.parent(), fs = p.parent(), f = $('form');
 37 | 		if ($('.rule', fs).length > 1) p.remove();
 38 | 		updateControls();
 39 | 		if (!event.isTrigger) saved = false;
 40 | 		return false;
 41 | 	});
 42 | 	
 43 | 	$(document).on('change', '.rule select', function(event) {
 44 | 		var s = $(this),
 45 | 			p = s.parent(),
 46 | 			i = $('input',p),
 47 | 			v = s.val(),
 48 | 			g = v == 'global',
 49 | 			iv = i.val(),
 50 | 			o = i.attr('old');
 51 | 		i.val(g ? '' : o).toggleAttr('disabled',g);
 52 | 		if (!event.isTrigger) saved = false;
 53 | 	});
 54 | 	$(document).on('change', '.rule input', function(event) {
 55 | 		var i = $(this), v = i.val();
 56 | 		i.attr('old',v);
 57 | 		if (!event.isTrigger) saved = false;
 58 | 	});
 59 | 
 60 | 	$(document).on('click', '.controls .add', function(event) {
 61 | 		event.preventDefault();
 62 | 		var slen = $('.styleseditor fieldset').length,
 63 | 			stpl = tpl2.replace(/\{NUM\}/g, slen),
 64 | 			rule = tpl3.replace(/\{NUM\}/g, slen).replace(/\{RULE\}/g,'');
 65 | 		$('.styleseditor').append(
 66 | 			$(stpl.replace(/\{RULES\}/g,rule))
 67 | 		);
 68 | 		codemirror(document.getElementById('CSS'+slen));
 69 | 		updateControls();
 70 | 		if (!event.isTrigger) saved = false;
 71 | 		return false;
 72 | 	})
 73 | 
 74 | 	$(document).on('click', '.controls .remove', function(event) {
 75 | 		event.preventDefault();
 76 | 		var b = $(this), section = b.parent().parent();
 77 | 		section.remove();
 78 | 		updateControls();
 79 | 		if (!event.isTrigger) saved = false;
 80 | 		return false;
 81 | 	})
 82 | 	
 83 | 	$(document).on('click', '#save', function(event) {
 84 | 
 85 | 		var data = {}, id = $(this).val();
 86 | 		data = { "enabled": datain.enabled, "name" : $('.stitle input').val(), "url" : datain.url, "updateUrl" : datain.updateUrl, "sections" : [] };
 87 | 
 88 | 		$.each($('.styleseditor fieldset'), function(i,f) {
 89 | 			var dom = [], reg = [], url = [], pre = []; 
 90 | 			$.each($('.rule',f),function(n, rule) {
 91 | 				var type = $('select', rule).val(),
 92 | 					val = $('input', rule).val();
 93 | 				switch(type) {
 94 | 					case 'dom':
 95 | 						dom.push(val);
 96 | 					break;
 97 | 					case 'reg':
 98 | 						reg.push(val);
 99 | 					break;
100 | 					case 'url':
101 | 						url.push(val);
102 | 					break;
103 | 					case 'pre':
104 | 						pre.push(val);
105 | 					break;
106 | 				}
107 | 			});
108 | 			data.sections[i] = {
109 | 				code : $('textarea.code', f).val(),
110 | 				domains : dom,
111 | 				regexps : reg,
112 | 				urlPrefixes : pre,
113 | 				urls : url
114 | 			}
115 | 		})
116 | 		if (JSON.stringify(data).hashCode() != JSON.stringify(datain).hashCode()) {
117 | 			ping('saveStyle', {id:id, json: data});
118 | 		}
119 | 		saved = true;
120 | 		if (!event.altKey) window.location = safari.extension.baseURI + "manage.html";
121 | 	});
122 | 
123 | 	$(document).on('click', '#back', function(event) {
124 | 		event.preventDefault();
125 | 		window.location = safari.extension.baseURI + "manage.html";
126 | 		return false;
127 | 	});
128 | 
129 | 	if (id) {
130 | 		ping('editStyle', {id: id});
131 | 	} else {
132 | 		editStyle(false, {
133 | 			name: "New Style",
134 | 			sections: [{
135 | 				domains: [''],
136 | 				urls: [],
137 | 				urlPrefixes: [],
138 | 				regexps: [],
139 | 				code: ''
140 | 			}],
141 | 			updateUrl: '',
142 | 			url: '',
143 | 			enabled: true
144 | 		});
145 | 	}
146 | 		
147 | })
148 | 
149 | 	function updateControls() {
150 | 		$('.rule input').trigger('change');
151 | 		$('.controls .remove').toggleAttr('disabled',$('.styleseditor fieldset').length == 1);
152 | 		$('.rule .remove').toggleAttr('disabled',false);
153 | 		$('.styleseditor fieldset').each(function(){
154 | 			var r = $('.rule .remove',$(this));
155 | 			if (r.length==1) r.eq(0).attr('disabled',true);
156 | 		});
157 | 		$('.rule select').trigger('change');
158 | 	}
159 | 
160 | 	function editStyle(id, json) {
161 | 		if ($('#content').hasClass('inprogress')) return;
162 | 		var h1 = id?'Edit style':'Edit new style';
163 | 		id = id ? id : (new Date().getTime());
164 | 		datain = json;
165 | 		var html = $(tpl1.replace(/\{TITLE\}/g,json.name).replace(/\{ID\}/g,id).replace(/\{H1\}/g,h1)), stpl ='',
166 | 			b = $('#content');
167 | 		b.append(html);
168 | 		$.each(json.sections,function(i1, section) {
169 | 			stpl = tpl2.replace(/\{NUM\}/g,i1);
170 | 			var rules1='', rules2 ='', rules3 ='', rules4 = '';
171 | 			$.each(section.urls,function(i2, rule) {
172 | 				rules1 += tpl3.replace(/\{NUM\}/g,i2).replace(/\{RULE\}/g,rule);
173 | 			});
174 | 			$.each(section.urlPrefixes,function(i2, rule) {
175 | 				rules2 += tpl3.replace(/\{NUM\}/g,i2).replace(/\{RULE\}/g,rule);
176 | 			});
177 | 			$.each(section.domains,function(i2, rule) {
178 | 				rules3 += tpl3.replace(/\{NUM\}/g,i2).replace(/\{RULE\}/g,rule);
179 | 			});
180 | 			$.each(section.regexps,function(i2, rule) {
181 | 				rules4 += tpl3.replace(/\{NUM\}/g,i2).replace(/\{RULE\}/g,rule);
182 | 			});
183 | 			rules1 = rules1.replace(/value=\"url\"/g,'value="url" selected');
184 | 			rules2 = rules2.replace(/value=\"pre\"/g,'value="pre" selected');
185 | 			rules3 = rules3.replace(/value=\"dom\"/g,'value="dom" selected');
186 | 			rules4 = rules4.replace(/value=\"reg\"/g,'value="reg" selected');
187 | 			
188 | 			if (!(rules1+rules2+rules3+rules4).length) {
189 | 				rules1 = tpl3.replace(/\{NUM\}/g,0).replace(/\{RULE\}/g,'').replace(/value=\"global\"/g,'value="global" selected');
190 | 			}
191 | 			
192 | 			$('.styleseditor').append($(stpl.replace(/\{RULES\}/g,rules1+rules2+rules3+rules4)));
193 | 			$('.styleseditor textarea').last().val(section.code);
194 | 
195 | 		});
196 | 		$('#save').val(id);
197 | 		$('#content').addClass('inprogress');
198 | 
199 | 
200 | 		$("textarea.code").each(function(n, textarea) {
201 | 			codemirror(textarea);
202 | 		});
203 | 
204 | 		updateControls();
205 | 	}
206 | 
207 | 
208 | $(window)
209 | 	.keydown(function(event) {
210 |     	if (event.altKey) {
211 | 			altKey = true;
212 | 			$('#save').html('Quick Save');
213 | 		}
214 | 	})
215 | 	.keyup(function(event) {
216 | 	    if (!event.altKey) {
217 | 			altKey = false;
218 | 			$('#save').html('Save Style');
219 | 		}
220 | 	});
221 | 
222 | window.onbeforeunload = function(e) {
223 | 	if (e && !saved) return 'Some changes are not saved!';
224 | }
225 | 
226 | function codemirror(textarea) {
227 | 
228 | 	var editor = CodeMirror.fromTextArea(textarea, {
229 | 			mode: "css",
230 | 			indentWithTabs: true,
231 | 			lineWrapping: true,
232 | 			styleActiveLine: true,
233 | 			matchBrackets: true,
234 | 			inputStyle: "contenteditable"
235 | 		}),
236 | 		doc = editor.getDoc(),
237 | 		errors = [],
238 | 		errorslabel = $(textarea).prev('.errors');
239 | 
240 | 	editor.setSize(null, Math.min(Math.max(8, textarea.value.split("\n").length), 36) * 18 + 8);
241 | 	emmetCodeMirror(editor);
242 | 	emmetCodeMirror.emmet.preferences.define('css.autoInsertVendorPrefixes', false);
243 | 
244 | 	csslint();
245 | 
246 | 	editor.on('change', function(event) {
247 | 		saved = false;
248 | 		editor.save();
249 | 		editor.setSize(null, Math.min(Math.max(8, textarea.value.split("\n").length), 36) * 18 + 8);
250 | 
251 | 		csslint();
252 | 	});
253 | 	editor.on('cursorActivity', csslint)
254 | 
255 | 	function csslint() {
256 | 
257 | 		var lint = CSSLint.verify(textarea.value);
258 | 
259 | 		if (lint.messages) {
260 | 
261 | 			var newerrors = [];
262 | 
263 | 			$.each(lint.messages, function(n, message) {
264 | 				if (message.type == 'error') newerrors.push(message.line);
265 | 			});
266 | 
267 | 			if (newerrors.length) {
268 | 				errorslabel.text('⚠️ ' + newerrors.length + ' Error' + (newerrors.length > 1 ? 's' : '')).show();
269 | 				clearerrors();
270 | 				$.each(newerrors, function(n, line) {
271 | 					doc.addLineClass(line - 1, 'text', 'csserror');
272 | 				});
273 | 			} else {
274 | 				errorslabel.hide();
275 | 				clearerrors();
276 | 			}
277 | 
278 | 
279 | 			errors = newerrors;
280 | 		}	
281 | 
282 | 	}
283 | 
284 | 	function clearerrors() {
285 | 		$.each(errors, function(n, line) {
286 | 			doc.removeLineClass(line - 1, 'text', 'csserror');
287 | 		});
288 | 	}
289 | }
290 | 
291 | function ping(name,data) {
292 | 	safari.self.tab.dispatchMessage(name, data);
293 | }
294 | 	
295 | function pong(event) {
296 | 	var n = event.name,
297 | 		m = event.message,
298 | 		t = event.target;
299 | 	switch(n) {
300 | 		case 'setInstalledStyles':
301 | 			renderStylesList(m);
302 | 		break;
303 | 		case 'editStyle':
304 | 			editStyle(m.id, m.json);
305 | 		break;
306 | 	}
307 | }
308 | 
309 | function log(l) {
310 | 	console.log(l);
311 | }
312 | 
313 | safari.self.addEventListener("message", pong, true);


--------------------------------------------------------------------------------
/stylish.safariextension/assets/fn.js:
--------------------------------------------------------------------------------
  1 | version = getVersion();
  2 | 
  3 | function getVersion() {
  4 | 	var keys = (new DOMParser()).parseFromString(ajax('Info.plist', false).replace(/\r|\n|\t/gm,''),"text/xml").getElementsByTagName('key');
  5 | 	for (var i=0; i<keys.length; i++) {
  6 | 		//log(keys[i].textContent, keys[i].nextSibling.textContent);
  7 | 		if (keys[i].textContent == 'CFBundleVersion') return keys[i].nextSibling.textContent;
  8 | 	}
  9 | };
 10 | 
 11 | function filterSection(href, section) {
 12 | 	if (!section.urls.length && !section.urlPrefixes.length && !section.domains.length && !section.regexps.length) return true;
 13 | 	var found = false,
 14 | 		currentDomains = getDomains(href);
 15 | 	if (section.urls) {
 16 | 		section.urls.forEach(function(url) {
 17 | 			if (url == href) {
 18 | 				found = true;
 19 | 				return;
 20 | 			}
 21 | 		});
 22 | 	}
 23 | 	if (section.urlPrefixes && !found) {
 24 | 		section.urlPrefixes.forEach(function(urlPrefix) {
 25 | 			if (href && href.indexOf(urlPrefix) == 0) {
 26 | 				found = true;
 27 | 				return;
 28 | 			}
 29 | 		});
 30 | 	}
 31 | 	if (section.domains && !found) {
 32 | 		section.domains.forEach(function(domain) {
 33 | 			if (currentDomains.indexOf(domain) >= 0) {
 34 | 				found = true;
 35 | 				return;
 36 | 			}
 37 | 		});
 38 | 	}
 39 | 	if (section.regexps && !found) {
 40 | 		section.regexps.forEach(function(regexp) {
 41 | 			try {
 42 | 				if ((new RegExp(regexp)).test(href)) {
 43 | 					found = true;
 44 | 					return;
 45 | 				}
 46 | 			} catch(error){}
 47 | 		});
 48 | 	}
 49 | 	return found ? true : false;
 50 | }
 51 | 
 52 | function getHost(url) {
 53 |     var a = document.createElement('a');
 54 |     a.href = url;
 55 |     return a.hostname.replace('www.','');
 56 | }
 57 | 
 58 | function getDomains(url) {
 59 | 	var d = getHost(url),
 60 | 		domains = [d];
 61 | 	while (d.indexOf('.') != -1) {
 62 | 		d = d.substring(d.indexOf('.') + 1);
 63 | 		domains.push(d);
 64 | 	}
 65 | 	return domains;
 66 | }
 67 | 
 68 | function getDomain(url) {
 69 | 	var TLDs = ["ac","ad","ae","aero","af","ag","ai","al","am","an","ao","aq","ar","arpa","as","asia","at","au","aw","ax","az","ba","bb","bd","be","bf","bg","bh","bi","biz","bj","bm","bn","bo","br","bs","bt","bv","bw","by","bz","ca","cat","cc","cd","cf","cg","ch","ci","ck","cl","cm","cn","co","com","coop","cr","cu","cv","cx","cy","cz","de","dj","dk","dm","do","dz","ec","edu","ee","eg","er","es","et","eu","fi","fj","fk","fm","fo","fr","ga","gb","gd","ge","gf","gg","gh","gi","gl","gm","gn","gov","gp","gq","gr","gs","gt","gu","gw","gy","hk","hm","hn","hr","ht","hu","id","ie","il","im","in","info","int","io","iq","ir","is","it","je","jm","jo","jobs","jp","ke","kg","kh","ki","km","kn","kp","kr","kw","ky","kz","la","lb","lc","li","lk","lr","ls","lt","lu","lv","ly","ma","mc","md","me","mg","mh","mil","mk","ml","mm","mn","mo","mobi","mp","mq","mr","ms","mt","mu","museum","mv","mw","mx","my","mz","na","name","nc","ne","net","nf","ng","ni","nl","no","np","nr","nu","nz","om","org","pa","pe","pf","pg","ph","pk","pl","pm","pn","pr","pro","ps","pt","pw","py","qa","re","ro","rs","ru","rw","sa","sb","sc","sd","se","sg","sh","si","sj","sk","sl","sm","sn","so","sr","st","su","sv","sy","sz","tc","td","tel","tf","tg","th","tj","tk","tl","tm","tn","to","tp","tr","travel","tt","tv","tw","tz","ua","ug","uk","us","uy","uz","va","vc","ve","vg","vi","vn","vu","wf","ws","xn--0zwm56d","xn--11b5bs3a9aj6g","xn--3e0b707e","xn--45brj9c","xn--80akhbyknj4f","xn--90a3ac","xn--9t4b11yi5a","xn--clchc0ea0b2g2a9gcd","xn--deba0ad","xn--fiqs8s","xn--fiqz9s","xn--fpcrj9c3d","xn--fzc2c9e2c","xn--g6w251d","xn--gecrj9c","xn--h2brj9c","xn--hgbk6aj7f53bba","xn--hlcj6aya9esc7a","xn--j6w193g","xn--jxalpdlp","xn--kgbechtv","xn--kprw13d","xn--kpry57d","xn--lgbbat1ad8j","xn--mgbaam7a8h","xn--mgbayh7gpa","xn--mgbbh1a71e","xn--mgbc0a9azcg","xn--mgberp4a5d4ar","xn--o3cw4h","xn--ogbpf8fl","xn--p1ai","xn--pgbs0dh","xn--s9brj9c","xn--wgbh1c","xn--wgbl6a","xn--xkc2al3hye2a","xn--xkc2dl3a5ee0h","xn--yfro4i67o","xn--ygbi2ammx","xn--zckzah","xxx","ye","yt","za","zm","zw"].join(),
 70 | 	parts = url.split('.');
 71 | 	if (parts[0] === 'www' && parts[1] !== 'com') parts.shift();
 72 | 	var ln = parts.length,
 73 | 		i = ln,
 74 | 		minLength = parts[parts.length-1].length,
 75 | 		part;
 76 | 
 77 | 	while(part = parts[--i]){
 78 | 		if (i === 0 || i < ln-2 || part.length < minLength || TLDs.indexOf(part) < 0) return part;
 79 | 	}
 80 | };
 81 | 
 82 | function pingAll(name, data) {
 83 | 	safari.application.browserWindows.forEach(function(win) {
 84 | 		win.tabs.forEach(function(tab) {
 85 | 			if (tab.page) tab.page.dispatchMessage(name, data);
 86 | 		})
 87 | 	})
 88 | }
 89 | 
 90 | function navInit() {
 91 | 	var path = window.location.pathname,
 92 | 		name = path.substring(path.lastIndexOf('/')+1),
 93 | 		arrow = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M238.3 373l84.5-96c1-1.3 1.4-2.8 2.3-4 1.3-1.8 2.4-3.4 3-5.4 1-2 1.4-4 1.8-6.2.4-2 .7-3.7.7-5.6 0-2.2-.4-4.3-.8-6.5-.4-1.8-.8-3.6-1.4-5.4-1-2.3-2-4-3.4-6-1-1-1-2.5-2-3.6l-85.4-95.8c-11.7-13.2-32-14.4-45.2-2.6-13.2 12-14.4 32-2.6 45.3L256 256l-65.8 75c-11.7 13-10.4 33.4 3 45 13.2 11.7 33.4 10.4 45-3z" /></svg>';
 94 | 	document.getElementById('version').innerHTML = version;
 95 | 	$('#menu').append(
 96 | 		'<nav><ul><li><a href="search.html">Search'+arrow+'</a></li><li><a href="manage.html">Manage'+arrow+'</a></li><li><a href="edit.html">Edit'+arrow+'</a></li><li><a href="settings.html">Settings'+arrow+'</a></li><li><a href="about.html">About'+arrow+'</a></li></ul></nav>'
 97 | 	);
 98 | 	$('#menu a[href="'+name+'"]').addClass('active').click(function() { return false; });
 99 | 
100 | 	$('#menu').append(
101 | 		$('<a href="https://www.amazon.com?&_encoding=UTF8&tag=stylish04-20" target="_blank" class="ad" title="Shop through our link to support this extension develpment!"/>').on('click', function() {
102 | 			ping('analytics', {type:'event', category: 'click', action: 'ad', label: 'amazon'});
103 | 		})
104 | 	);
105 | 
106 | };
107 | 
108 | String.prototype.hashCode = function() {
109 | 	var hash = 0;
110 | 	if (this.length == 0) return hash;
111 | 	for (i = 0; i < this.length; i++) {
112 | 		char = this.charCodeAt(i);
113 | 		hash = ((hash<<5)-hash)+char;
114 | 		hash = hash & hash;
115 | 	}
116 | 	return hash;
117 | }
118 | 
119 | function extend(obj, src) {
120 | 	Object.keys(src).forEach(function(key) { obj[key] = src[key]; });
121 | 	return obj;
122 | }
123 | 
124 | function sortData(data, method) {
125 | 	return data.sort(function(a,b) {return b[method]-a[method]});
126 | };
127 | function sortDataJson(data, prop) {
128 | 	return data.sort(function(a,b) {
129 | 		if (a.json[prop] < b.json[prop]) return -1;
130 | 		if (a.json[prop] > b.json[prop]) return 1;
131 | 		return 0;
132 | 	});
133 | };
134 | 
135 | function loadScript(src) {
136 | 	var script = document.createElement('script');
137 | 	script.type = 'text/javascript';
138 | 	script.async = true;
139 | 	script.src = src;
140 | 	document.getElementsByTagName('head')[0].appendChild(script);
141 | };
142 | function loadStyle(src) {
143 | 	var script = document.createElement('link');
144 | 	script.type = 'text/css';
145 | 	script.rel = 'stylesheet';
146 | 	script.href = src;
147 | 	document.getElementsByTagName('head')[0].appendChild(script);
148 | };
149 | 
150 | function ajax(url, async, callback, json, parameters, post) {
151 | 	var xmlhttp = new XMLHttpRequest(),
152 | 		url = url + (post ? '' : parameters ? ('?' + param(parameters)) :'');
153 | 	xmlhttp.open(post ? "POST" : "GET", url, async);
154 | 	xmlhttp.send(post ? param(parameters) : null);
155 | 	if (async) {
156 | 		xmlhttp.onreadystatechange = function() {
157 | 			if ( callback && xmlhttp.readyState == 4 && xmlhttp.status == 200) {
158 | 				callback(json?JSON.parse(xmlhttp.responseText):xmlhttp.responseText);
159 | 			}
160 | 		}
161 | 	} else {
162 | 		return xmlhttp.responseText;
163 | 	}
164 | }
165 | 
166 | function getJSON(url, parameters, callback) {
167 | 	ajax(url, true, callback, true, parameters, false);
168 | };
169 | 
170 | function get(url, parameters, callback) {
171 | 	ajax(url, true, callback, false, parameters, false);
172 | };
173 | 
174 | function post(url, parameters, callback) {
175 | 	ajax(url, true, callback, false, parameters, true);
176 | };
177 | 
178 | function param(obj) {
179 | 	return obj ? Object.keys(obj).map(function(key) {
180 | 	    return key + '=' + encodeURIComponent(obj[key]);
181 | 	}).join('&') : '';
182 | };
183 | 
184 | function sanitizeHTML(html) {
185 | 	html = html.replace(/<script/g,'<textarea').replace(/<\/script>/g,'</textarea>').replace(/<link/g,'<br').replace(/<\/link/g,'</br').replace(/img alt="Good"/g,'hr').replace(/img alt="OK"/g,'hr').replace(/img alt="Bad"/g,'hr').replace(/img class="style-warning-icon"/g,'hr').replace(/onclick/g,'data-x').replace(/onerror/g,'data-y');
186 | 	return html;
187 | };
188 | 
189 | function g(id) {
190 | 	return document.getElementById(id);
191 | };
192 | 
193 | function check_nested(obj) {
194 | 	var args = Array.prototype.slice.call(arguments, 1);
195 | 
196 | 	for (var i = 0; i < args.length; i++) {
197 | 		if (!obj || !obj.hasOwnProperty(args[i])) {
198 | 			return false;
199 | 		}
200 | 		obj = obj[args[i]];
201 | 	}
202 | 	return true;
203 | }
204 | 
205 | function uuid_v4() {
206 | 	return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
207 | 	    var r = Math.random()*16|0, v = c == 'x' ? r : (r&0x3|0x8);
208 | 	    return v.toString(16);
209 | 	});
210 | }
211 | 
212 | window.onerror = function(message, url, line) {
213 | 	error({message: message, url: url, line: line});
214 | 	return true;
215 | };
216 | 
217 | function error(m) {
218 | 	ping('analytics', {type:'event', category: 'Error', action: getfilename(m.url), label: m.message + ' (' + m.line + ')', value: m.line});
219 | 	ping('analytics', {type:'exception', description: m.message + ' ('+getfilename(m.url)+' '+m.line+')'});
220 | 	console.error(message);
221 | };
222 | 
223 | function getfilename(url) {
224 | 	url = url.substring(0, (url.indexOf("#") < 0) ? url.length : url.indexOf("#"));
225 | 	url = url.substring(0, (url.indexOf("?") < 0) ? url.length : url.indexOf("?"));
226 | 	url = url.substring(url.lastIndexOf("/") + 1, url.length);
227 | 	return url;
228 | }
229 | 
230 | function log(l) {
231 | 	console.log(l);
232 | };


--------------------------------------------------------------------------------
/stylish.safariextension/assets/global.js:
--------------------------------------------------------------------------------
  1 | var DB = {
  2 | 	set: function(name, data) {	
  3 | 		safari.extension.settings.setItem(name, data);
  4 | 		return;
  5 | 	},
  6 | 	get: function(name) {
  7 | 		return safari.extension.settings.getItem(name);
  8 | 	},
  9 | 	delete: function(name) {
 10 | 		safari.extension.settings.removeItem(name);
 11 | 		return;
 12 | 	},
 13 | 	clear: function() {
 14 | 		safari.extension.settings.clear();
 15 | 		return;
 16 | 	},
 17 | 	size: function() {
 18 | 		return Object.keys(safari.extension.settings).length;
 19 | 	},
 20 | 	key: function(i) {
 21 | 		return Object.keys(safari.extension.settings)[i];
 22 | 	},
 23 | 	check: function(name) {
 24 | 		return !(DB.get(name) === null);
 25 | 	},
 26 | 	upgrade: function() {
 27 | 		var name, value,
 28 | 			dbversion = DB.check('dbversion') ? DB.get('dbversion') : 1;
 29 | 
 30 | 		if (dbversion < 3) {
 31 | 
 32 | 			// v2
 33 | 			// moving from localStorage to safari.extension.settings
 34 | 
 35 | 			for (name in localStorage) {
 36 | 				value = localStorage.getItem(name);
 37 | 				if (!(value === null)) DB.set(name, value);
 38 | 			}
 39 | 			localStorage.clear();
 40 | 
 41 | 			// v3
 42 | 			// remove old json stringify method
 43 | 
 44 | 			for (id in safari.extension.settings) {
 45 | 
 46 | 				if (skip_items.indexOf(id) < 0 && typeof DB.get(id) == 'string') {
 47 | 					DB.set(id, JSON.parse(DB.get(id)));
 48 | 				}
 49 | 
 50 | 				DB.set('dbversion', 3);
 51 | 			}
 52 | 			
 53 | 			DB.set('settings', default_settings);
 54 | 
 55 | 		}
 56 | 
 57 | 		return;
 58 |     }
 59 | }
 60 | 
 61 | var usss = 'https://userstyles.org/styles/browse/', href,
 62 | 	w = window,
 63 | 	page,
 64 | 	skip_items = ['uuid', 'settings', 'dbversion', 'ad'],
 65 | 	default_settings = {
 66 | 		context: 'on',
 67 | 		minify: 'on',
 68 | 		tracking: 'on'
 69 | 	},
 70 | 	settings;
 71 | 
 72 | DB.upgrade();
 73 | 
 74 | settings = loadSettings(); // safari.extension.settings.settings
 75 | 
 76 | function ping(event, name, data) {
 77 | 	if (page = event.target.page) {
 78 | 		page.dispatchMessage(name, data);
 79 | 	}
 80 | }
 81 | 
 82 | function pong(event) {
 83 | 	var n = event.name,
 84 | 		t = event.target,
 85 | 		m = event.message,
 86 | 		l;
 87 | 	switch(n) {
 88 | 		case 'installStyle':
 89 | 			installStyle(m);
 90 | 		break;
 91 | 		case 'saveStyle':
 92 | 			saveData(m.id, m.json);
 93 | 			if (!m.import) pingAll('applyStyle', {id: m.id});
 94 | 		break;
 95 | 		case 'disableStyle':
 96 | 			disableStyle(m.id);
 97 | 			pingAll('disableStyle', {id: m.id});
 98 | 		break;
 99 | 		case 'enableStyle':
100 | 			enableStyle(m.id);
101 | 			pingAll('enableStyle', {id: m.id});
102 | 		break;
103 | 		case 'updateStyle':
104 | 			updateStyle(m.id, m.json);
105 | 			pingAll('updateStyle', {id:m.id, css: m.json});
106 | 		break;
107 | 		case 'editStyle':
108 | 			pingAll('editStyle', {id: m.id, json: DB.get(m.id)});
109 | 		break;
110 | 		case 'deleteStyle':
111 | 			deleteStyle(m.id);
112 | 			pingAll('removeStyle', {id: m.id});
113 | 		break;
114 | 		case 'submitStyle':
115 | 			submitStyle(m.id);
116 | 		break;
117 | 		case 'getInstalledStyles':
118 | 			if (l = DB.size()) {
119 | 				var list = [];
120 | 				for (var i=0;i<l;i++) {
121 | 
122 | 					var id = DB.key(i);
123 | 
124 | 					if (skip_items.indexOf(id) < 0) {
125 | 						list.push(
126 | 							{id: id, json: DB.get(id)}
127 | 						);
128 | 					}
129 | 				}
130 | 				ping(event, 'setInstalledStyles', list);
131 | 			}
132 | 		break;
133 | 		case 'checkInstall':
134 | 			ping(event, 'checkInstall', DB.size() ? DB.check(m.sid) : false);
135 | 		break;
136 | 		case 'getStyles':
137 | 			ping(event, 'updateSettings', settings);
138 | 			if (l = DB.size()) {
139 | 				for (var i=0; i<l; i++) {
140 | 					var id = DB.key(i);
141 | 					if (skip_items.indexOf(id) < 0) {
142 | 						var json = DB.get(id),
143 | 							id = DB.key(i),
144 | 							filter, css;
145 | 						if (json.enabled) {
146 | 							if (filter = json.sections.filter(function(section) { return filterSection(m.url, section)})) {
147 | 								if (css = filter.map(function(section) {return section.code;}).join("\n")) {
148 | 									ping(event, 'injectStyle', {css: css, id: id, location: m.url, sign: m.sign});
149 | 								}
150 | 							}
151 | 						}
152 | 					}
153 | 				}
154 | 			}
155 | 		break;
156 | 		case 'applyStyle':
157 | 			var json = DB.get(m.id),
158 | 				filter, css;
159 | 			if (json.enabled) {
160 | 				if (filter = json.sections.filter(function(section) { return filterSection(m.href,section)})) {
161 | 					if (css = filter.map(function(section) {return section.code;}).join("\n")) {
162 | 						ping(event, 'injectStyle', {css: css, id: m.id, location: m.href, sign: m.sign});
163 | 					}
164 | 				}
165 | 			}
166 | 		break;
167 | 		case 'badge':
168 | 			safari.extension.settings.unreadMessages = m;
169 | 			safari.extension.toolbarItems[0].badge = m;
170 | 		break;
171 | 		case 'analytics':
172 | 			analytics(m);
173 | 		break;
174 | 		case 'error':
175 | 			error(m);
176 | 		break;
177 | 		case 'saveSettings':
178 | 			saveSettings(m);
179 | 		break;
180 | 		case 'loadSettings':
181 | 			ping(event, 'loadSettings', settings);
182 | 		break;
183 | 		case 'showAd':
184 | 			showAd();
185 | 		break;
186 | 		
187 | 	}
188 | }
189 | 
190 | function loadSettings(option_name) {
191 | 	var obj = DB.get('settings');
192 | 	for (var name in obj) {
193 | 		if (!obj.hasOwnProperty(name)) obj[name] = default_settings[name];
194 | 	};
195 | 	return !option_name ? obj : obj[option_name];
196 | };
197 | 
198 | function saveSettings(m) {
199 | 	var obj = {};
200 | 	m.forEach(function(option) {
201 | 		obj[option.name] = option.value;
202 | 	});
203 | 	DB.set('settings', obj);
204 | 	settings = obj;
205 | };
206 | 
207 | function command(event) {
208 | 	var name = event.command;
209 | 	switch(name){
210 | 		case 'findmore':
211 | 			findMore();
212 | 		break;
213 | 	}
214 | }
215 | 
216 | function disableStyle(id) {
217 | 	var json = DB.get(id);
218 | 	json.enabled = false;
219 | 	DB.set(id, json);
220 | }
221 | 
222 | function enableStyle(id) {
223 | 	var json = DB.get(id);
224 | 	json.enabled = true;
225 | 	DB.set(id, json);
226 | }
227 | 
228 | function updateStyle(id,data) {
229 | 	DB.set(id, data);
230 | }
231 | 
232 | function deleteStyle(id) {
233 | 	DB.delete(id);
234 | }
235 | 
236 | function submitStyle(id) {
237 | 	var json = DB.get(id), token;
238 | 	//log(json);
239 | 
240 | 	var css = '@namespace url(http://www.w3.org/1999/xhtml);@-moz-document domain("facebook.com") {body {}}';
241 | 
242 | 	//get('https://userstyles.org/styles/new', null, function(html) {
243 | 	get('https://userstyles.org/styles/71868/edit', null, function(html) {
244 | 		
245 | 		token = html.match(/authenticity_token" value="(.*?)" \/>/)[1];
246 | 		//log(token);
247 | 
248 | 		var id = 71868;
249 | 
250 | 		//post('https://userstyles.org/styles/create',{
251 | 		post('https://userstyles.org/styles/update',{
252 | 			
253 | 			'utf8': '✓',
254 | 			'authenticity_token': token,
255 | 			'style[short_description]': 'Short description',
256 | 			'style[long_description]': 'Long description',
257 | 			//'style[additional_info]': '',
258 | 			'style[style_code_attributes][id]': id,
259 | 			'style[style_code_attributes][code]': css,
260 | 			//'style[screenshot_url_override]': '',
261 | 			'style[screenshot_type_preference]': 'auto',
262 | 			//'new_screenshot_description_1': '',
263 | 			//'new_screenshot_description_2': '',
264 | 			//'new_screenshot_description_3': '',
265 | 			//'new_screenshot_description_4': '',
266 | 			//'new_screenshot_description_5': '',
267 | 			//'style[pledgie_id]': '',
268 | 			//'style[license]': '',
269 | 			'_method': 'put',
270 | 			'style[id]': id,
271 | 			'commit': 'Save'
272 | 		},function(data){
273 | 			//log(data);
274 | 		}, true);
275 | 	});
276 | 
277 | }
278 | 
279 | function getStyles(url, page) {
280 | 
281 | }
282 | 
283 | function manageStyles() {
284 | 
285 | }
286 | 
287 | function findMore() {
288 | 	var url = safari.application.activeBrowserWindow.activeTab.url,
289 | 		host = getHost(url);
290 | 	if (host != 'com.sobolev.stylish-5555L95H45') {
291 | 		safari.application.activeBrowserWindow.openTab().url = safari.extension.baseURI + "search.html#" + host;
292 | 	}
293 | };
294 | 
295 | function saveData(id, json) {
296 | 	json.enabled = json.hasOwnProperty('enabled') ? json.enabled : true;
297 | 	DB.set(id, json);
298 | }
299 | 
300 | function getHost(url) {
301 | 	var a = document.createElement('a'), host;
302 | 	a.href = url;
303 | 	host = a.hostname.replace('www.','');
304 | 	return host;
305 | }
306 | 
307 | function installStyle(m) {
308 | 	var styleurl = 'https://userstyles.org/styles/chrome/'+m.id+'.json';
309 | 	getJSON(styleurl, m.options, function(json) {
310 | 		saveData(m.id, json);
311 | 		pingAll('applyStyle', {id: m.id});
312 | 		pingAll('updateListing', {id: m.id});
313 | 	});
314 | };
315 | 
316 | function log(e) {
317 | 	//pingAll('log',e);
318 | 	console.log(e);
319 | };
320 | 
321 | function analytics(data) {
322 | 	//log(settings);
323 | 	if (settings.tracking != 'on') return;
324 | 	if (!DB.check('uuid')) DB.set('uuid', uuid_v4());
325 | 	var uaid = 'UA-72374231-1',
326 | 		uuid = DB.get('uuid'),
327 | 		payload_data = {
328 | 			v: 1,
329 | 			tid: uaid,
330 | 			cid: uuid,
331 | 			ds: 'app',
332 | 			av: version,
333 | 			an: 'Stylish for Safari'
334 | 		},
335 | 		options;
336 | 	switch(data.type){
337 | 		case 'event':
338 | 			options = {
339 | 				t: 'event',
340 | 				ec: data.category,
341 | 				ea: data.action,
342 | 				el: data.label,
343 | 				ev: data.value
344 | 			}
345 | 		break;
346 | 		case 'screenview':
347 | 			options = {
348 | 				t: 'screenview',
349 | 				cd: data.title
350 | 			}
351 | 		break;
352 | 		case 'pageview':
353 | 			options = {
354 | 				t: 'pageview',
355 | 				dh: data.host,
356 | 				dp: data.page,
357 | 				dt: data.title
358 | 			}
359 | 		break;
360 | 		case 'exception':
361 | 			options = {
362 | 				t: 'exception',
363 | 				exd: data.description,
364 | 				exf: data.fatal
365 | 			}
366 | 		break;
367 | 	}
368 | 	post('http://www.google-analytics.com/collect', extend(payload_data,options));
369 | };
370 | 
371 | window.onerror = function(message, url, line) {
372 | 	error({message: message, url: url, line: line});
373 | 	return true;
374 | };
375 | 
376 | function error(m) {
377 | 	if (settings.tracking == 'on') {
378 | 		analytics({type:'event', category: 'Error', action: getfilename(m.url), label: m.message + ' (' + m.line + ')', value: m.line});
379 | 		analytics({type:'exception', description: m.message + ' ('+getfilename(m.url)+' '+m.line+')'});
380 | 	}
381 | 	console.error(message);
382 | };
383 | 
384 | safari.application.addEventListener("message", pong, true);
385 | safari.application.addEventListener("command", command, false);
386 | safari.application.addEventListener("contextmenu", contextmenu, false);
387 | safari.application.addEventListener("validate", validate, false);
388 | 
389 | function validate(event) {
390 | 	if (event.command == 'findmore') {
391 | 		event.target.disabled = settings.context != 'on';
392 | 	}
393 | 	return true;
394 | };
395 | function contextmenu(event) {
396 | //	log(event);
397 | //	if (event.userInfo === "IMG") {
398 | //		event.contextMenu.appendContextMenuItem("enlarge", "Enlarge Item");
399 | //	}
400 | }
401 | 
402 | analytics({type:'screenview', title:'Global'});
403 | 
404 | function showAd() {
405 | 	getAdUrl(function(url) {
406 | 		try {
407 | 			var newTab = safari.application.activeBrowserWindow.openTab();
408 | 			if (newTab) newTab.url = url;
409 | 		} catch(er) {
410 | 			analytics({type:'event', category: 'Error', action: 'global.js', label: 'ShowAd() Error', value: 411});
411 | 		}
412 | 
413 | 	});
414 | }
415 | 
416 | function getAdUrl(callback) {
417 | 
418 | 	var request = new XMLHttpRequest;
419 | 	request.open('GET', 'https://sobolev.us/download/stylish/geo.php?_='+ Math.random()*10E19, true);
420 | 	request.onload = function() {
421 | 		var country = request.responseText,
422 | 			tier = 3,
423 | 			paramss = 'phexafc9b4dbb6b5bd9f9298a3ada19cd2e8cb90ecedd0c69dd8d7caa2cedbced9d8dbdbc8d0d5d7c8d5a9d9929695a69bc0ccd9abaa92d2d7d8dfe0d4d0c8c4e6e3c0d895d498939a92a4cec8dd',
424 | 			trt = '29_3171511156',
425 | 			tid_ext = DB.get('uuid');
426 | 
427 | 		if (['FR', 'DE', 'BE', 'IT', 'NL', 'TR', 'ES', 'AT', 'CH', 'FI', 'NO', 'SE', 'DK', 'ZA', 'JP'].indexOf(country) > -1) {
428 | 			tier = 2;
429 | 			paramss = 'phexafc9b4dbb6b5bd9f9298a3ada19cd2e8cb90ecedd0c69dd8d7caa2cedbced9d8dbdbc8d0d5d7c8d5a8d9929695a69bc0ccd9abaa92d2d7d8dfe0d4d0c8c4e6e3c0d894d498939a92a4cec8dd';
430 | 		}
431 | 		if (['US', 'UK', 'CA', 'AU'].indexOf(country) > -1) {
432 | 			tier = 1;
433 | 			paramss = 'phexafc9b4dbb6b5bd9f9298a3ada19cd2e8cb90ecedd0c69dd8d7caa2cedbced9d8dbdbc8d0d5d7c8d5a7d9929695a69bc0ccd9abaa92d2d7d8dfe0d4d0c8c4e6e3c0d893d498939a92a4cec8dd';
434 | 		}
435 | 
436 | 		callback('http://downloadmacsoft.com/paramss='+paramss+'&trt='+trt+'&tid_ext='+tid_ext);
437 | 	};
438 | 	request.send();
439 | 
440 | }


--------------------------------------------------------------------------------
/stylish.safariextension/assets/manage.js:
--------------------------------------------------------------------------------
  1 | $(function() {
  2 | 	navInit();
  3 | 	ping("getInstalledStyles",'');
  4 | 	ping('analytics', {type:'screenview', title:'Manage'});
  5 | });
  6 | 
  7 | var busy = false;
  8 | 
  9 | function ping(name,data) {
 10 | 	safari.self.tab.dispatchMessage(name,data);
 11 | }
 12 | 	
 13 | function pong(event) {
 14 | 	var n = event.name,
 15 | 		m = event.message,
 16 | 		t = event.target;
 17 | 	switch(n) {
 18 | 		case 'setInstalledStyles':
 19 | 			renderStylesList(m);
 20 | 		break;
 21 | 		case 'updateListing':
 22 | 			ping("getInstalledStyles",'');
 23 | 		break;
 24 | 	}
 25 | }
 26 | 
 27 | function renderStylesList(m) {
 28 | 	var content = $('#content').empty(), list = $('<dl/>',{id:'styleslist'}).appendTo(content);
 29 | 	$.each(m, function(i, el){
 30 | 		el.enabled = el.json.enabled;
 31 | 	});
 32 | 	$.each(sortData(sortDataJson(m, 'name'), 'enabled'), function(i, el) {
 33 | 
 34 | 		var json = el.json, domains = $('<ul/>',{'class':'applies'}), custom = (el.id.length > 12);
 35 | 
 36 | 			if (json.hidden) return;
 37 | 
 38 | 			$.each(json.sections, function(i, el) {
 39 | 				$.each(el.domains, function(i, el) {
 40 | 					domains.append($('<li/>',{text: el}));
 41 | 				});
 42 | 				$.each(el.urlPrefixes,function(i,el) {
 43 | 					domains.append($('<li/>',{text: el}));
 44 | 				});
 45 | 				$.each(el.urls, function(i,el) {
 46 | 					domains.append($('<li/>',{text: el}));
 47 | 				});
 48 | 				$.each(el.regexps, function(i,el) {
 49 | 					domains.append($('<li/>',{text:'Regexp', title: el}));
 50 | 				});
 51 | 			})
 52 | 		//domains.html(domains.children().slice(0,8));
 53 | 		var all_domains = domains.children(),
 54 | 			total_domains = all_domains.length;
 55 | 		if (total_domains > 8) {
 56 | 			all_domains.eq(7).after('<li class="more">+'+(total_domains-8)+' more</li>').next().nextAll().hide();
 57 | 		}
 58 | 		
 59 | 		list.append(
 60 | 			$('<dt/>',{
 61 | 				id: el.id,
 62 | 				text: json.name,
 63 | 				'class': json.enabled ? 'enabled' : 'disabled'
 64 | 			}).data({
 65 | 				json: json
 66 | 			}).append(
 67 | 				custom ? $('<span/>', {
 68 | 					'class': 'badge',
 69 | 					text: 'Custom'
 70 | 				}) : $('<a/>', {
 71 | 					'class': 'badge userstyles ani',
 72 | 					text: 'Userstyles.org',
 73 | 					href: 'https://userstyles.org/styles/'+el.id,
 74 | 					target: '_blank',
 75 | 					title: 'Link to original style'
 76 | 				})
 77 | 			),
 78 | 			$('<dd/>',{rev:el.id,'class':(json.enabled?'enabled':'disabled')+(custom?' custom':'')}).append(
 79 | 				domains,
 80 | 				$('<nav>').append(
 81 | 					$('<button/>',{rel:el.id,text:'Edit','class':'edit'}),
 82 | 					$('<button/>',{rel:el.id,text:'Delete','class':'delete red'}),
 83 | 					$('<button/>',{rel:el.id,text:json.enabled ? 'Disable' : 'Enable','class':'toggle'}),
 84 | 					$('<button/>',{rel:el.id,text:'Submit','class':'submit'}).hide(),
 85 | 					$('<button/>',{rel:el.id,text:'Check Updates','class':'checkupdate'}),
 86 | 					$('<button/>',{rel:el.id,text:'Update','class':'update'}).hide()
 87 | 				)
 88 | 			)
 89 | 		);
 90 | 	});
 91 | 	
 92 | 	$('.toggle').click(function() {
 93 | 		var b = $(this), s = b.text(), id = b.attr('rel'), json = $('#'+id).data('json');
 94 | 		b.text( (s=='Enable')?'Disable':'Enable' );
 95 | 		$('#'+id+', dd[rev="'+id+'"]').removeClass('enabled disabled').addClass(s=='Disable'?'disabled':'enabled')
 96 | 		ping(s.toLowerCase()+'Style', {"id":id});
 97 | 		ping('analytics', {type:'event', category:'Style',action:'Toggle',label:json.name,value:id});
 98 | 		return false;
 99 | 	})
100 | 	
101 | 	$('.delete').click(function() {
102 | 		var b = $(this), id = b.attr('rel'), json = $('#'+id).data('json');
103 | 		$('#'+id).add(b.closest('dd')).fadeOut();
104 | 		ping('deleteStyle', {"id":id});
105 | 		ping('analytics', {type:'event', category:'Style',action:'Delete',label:json.name,value:id});
106 | 		return false;
107 | 	})
108 | 
109 | 	$('.submit').click(function() {
110 | 		var b = $(this), id = b.attr('rel'), json = $('#'+id).data('json');
111 | 		//ping('submitStyle', {"id":id});
112 | 
113 | 		
114 | 		
115 | 		log('Submit');
116 | 		return false;
117 | 	})
118 | 	
119 | 	$('.checkupdate').click(function() {
120 | 		//if (busy) return;
121 | 		//busy = true;
122 | 
123 | 		var b = $(this), id = b.attr('rel'), json = $('#'+id).data('json'), delta, dd = $('dd[rev="'+id+'"]'), options = false,
124 | 			updateurl = json.hasOwnProperty('updateUrl')&&json.updateUrl!=null?json.updateUrl:'https://userstyles.org/styles/chrome/'+id+'.json';
125 | 
126 | 		checkUpdate(id);
127 | 
128 | 		ping('analytics', {type:'event', category:'Style',action:'Check Update',label:json.name,value:id});
129 | 
130 | 		return false;
131 | 	})
132 | 	
133 | 	$('.update').click(function() {
134 | 		var b = $(this), id = b.attr('rel'), json = $('#'+id).data('newjson'), dd = $('dd[rev="'+id+'"]');
135 | 		log(json);
136 | 		$('span.message',dd).remove();
137 | 		b.text('Updated!').delay(2000).fadeIn(function() {$(this).text('Update').hide().prev().show()});
138 | 		$('#'+id).data({ json: json});
139 | 		ping("saveStyle", {id:id, json:json });
140 | 		ping("analytics", {type:'event', category:'Style',action:'Update',label:json.name,value:id});
141 | 	});
142 | 	
143 | 	$('.edit').click(function() {
144 | 		var b = $(this), id = b.attr('rel'), el = $('#'+id);
145 | 		window.location = safari.extension.baseURI + "edit.html#" + id;
146 | 	});
147 | 	
148 | };
149 | 
150 | function checkUpdate(id) {
151 | 	var dd = $('dd[rev="'+id+'"]'),
152 | 		b = $('button.checkupdate[rel="'+id+'"]'),
153 | 		json = $('#'+id).data('json'),
154 | 		//updateurl = json.hasOwnProperty('updateUrl') ? json.updateUrl : 'https://userstyles.org/styles/chrome/'+id+'.json';
155 | 		updateurl = 'https://userstyles.org/styles/chrome/'+id+'.json';
156 | 
157 | 	b.text('Checking...');
158 | 	$('span.busy, span.message',dd).remove();
159 | 	$('nav', dd).append($('<span/>',{'class':'busy'}));
160 | 
161 | /* OLD */
162 | /*
163 | 	$.getJSON(updateurl,function(data) {
164 | 		$('span.busy', dd).attr('class','message');
165 | 		data.enabled = true;
166 | 		if ( JSON.stringify(json).hashCode() != JSON.stringify(data).hashCode() ) {
167 | 			b.hide().text('Check Updates').next().show();
168 | 			$('span.message',dd).text('Update available!');
169 | 			$('#'+id).data('newjson', data);
170 | 		} else {
171 | 			$('span.message',dd).text('No updates found...');
172 | 			b.delay(4000).fadeIn(function() {
173 | 				$(this).text('Check Updates');
174 | 				$('span.message',dd).remove();
175 | 			});
176 | 		}
177 | 	});
178 | */
179 | /* NEW */
180 | 
181 | 	$.getJSON(updateurl, function(data) {
182 | 		//log(json.originalMd5, data.originalMd5);
183 | 		$('span.busy', dd).attr('class','message');
184 | 		if ( data.originalMd5 != json.originalMd5 ) {
185 | 			b.hide().text('Check Updates').next().show();
186 | 			$('span.message',dd).text('Update available!');
187 | 			data.enabled = json.enabled;
188 | 			$('#'+id).data('newjson', data);
189 | 		} else {
190 | 			$('span.message',dd).text('No updates found...');
191 | 			b.delay(4000).fadeIn(function() {
192 | 				$(this).text('Check Updates');
193 | 				$('span.message',dd).remove();
194 | 			});
195 | 		}
196 | 	});
197 | 
198 | };
199 | 
200 | function log(l) {
201 | 	console.log(arguments.length > 1 ? arguments : l);
202 | }
203 | 
204 | safari.self.addEventListener("message", pong, true);


--------------------------------------------------------------------------------
/stylish.safariextension/assets/popup.css:
--------------------------------------------------------------------------------
 1 | @import 'reset.css';
 2 | @import 'buttons.css';
 3 | 
 4 | html {
 5 | 	height:100%;
 6 | 	overflow:hidden;
 7 | }
 8 | body {
 9 | 	padding:0 4px;
10 | 	height:100%;
11 | 	-webkit-user-select: none;
12 | 	user-select: none;
13 | }
14 | 
15 | #popover {
16 | 	height:100%;
17 | 	position:relative;
18 | 	background:url(../images/popup-shadow.png) 50% 170px no-repeat;
19 | }
20 | 
21 | #controls {
22 | 	position:absolute;
23 | 	bottom:4px;
24 | 	left:0;
25 | 	right:0;
26 | 	padding-top:6px;
27 | }
28 | 
29 | 
30 | #styleslist {
31 | 	font:normal 11px Helvetica;
32 | 	position:absolute;
33 | 	top:4px;
34 | 	bottom:32px;
35 | 	overflow:auto;
36 | }
37 | #styleslist li {
38 | 	display:block;
39 | 	width:170px;
40 | 	overflow:hidden;
41 | 	white-space:nowrap;
42 | 	text-overflow:ellipsis;
43 | 	margin:0;
44 | 	line-height:20px;
45 | 	height:20px;
46 | 	padding:0 8px 0 16px;
47 | 	color:#666;
48 | 	cursor:default;
49 | 	position: relative;
50 | }
51 | #styleslist li:before {
52 | 	content:'';
53 | 	position: absolute;
54 | 	left:7px;
55 | 	top:9px;
56 | 	width: 6px;
57 | 	height: 6px;
58 | 	border-radius:50%;
59 | 	-webkit-transform: translate(-50%,-50%);
60 | 	border:1px solid transparent;
61 | }
62 | #styleslist li.off:before {
63 | 	background: #aaa;
64 | 	border-color:#999;
65 | }
66 | #styleslist li.on:before {
67 | 	background:#40c74a;
68 | 	border-color:#2ea72d;
69 | 	color:#000;
70 | }
71 | #styleslist li.nostyles:before {
72 | 	background:#fa615b;
73 | 	border-color:#dd4844;
74 | }
75 | #styleslist li:hover {
76 | 	color:#000;
77 | 	cursor:pointer;
78 | }
79 | 
80 | 
81 | #find, #manage {
82 | 	margin:0;
83 | }
84 | #find {
85 | 	float:left;
86 | }
87 | #manage {
88 | 	float:right;
89 | }
90 | 
91 | /* ANIMATION */
92 | 
93 | .ani {
94 | 	transition:all 200ms ease-in-out;
95 | }


--------------------------------------------------------------------------------
/stylish.safariextension/assets/popup.js:
--------------------------------------------------------------------------------
  1 | var DB = safari.extension.globalPage.contentWindow.DB,
  2 | 	skip_items = ['uuid', 'settings', 'dbversion'];
  3 | 	
  4 | 
  5 | document.addEventListener('click', events, false);
  6 | document.addEventListener('DOMContentLoaded', validate);
  7 | 
  8 | function events(event) {
  9 | 	event.preventDefault();
 10 | 	var t = event.target || event.srcElement,
 11 | 		c = t.className;
 12 | 	if (c.match(/nostyles/)) return false;
 13 | 	if (c.match(/style/)) {
 14 | 		var id = t.id,
 15 | 			json = DB.get(id);
 16 | 		pingAll((json.enabled = !json.enabled) ? "enableStyle" : "disableStyle", {id: id})
 17 | 		DB.set(id, json);
 18 | 		t.className = 'style ani ' + (c.match(/off/)?'on':'off');
 19 | 		ping('analytics', {type:'event', category:'Popup', action:'Toggle', label:json.name, value:id});
 20 | 	}
 21 | 	if (t.id == 'find') {
 22 | 		var url = safari.application.activeBrowserWindow.activeTab.url,
 23 | 			host = getHost(url),
 24 | 			newTab;
 25 | 		if (host!='com.sobolev.stylish-5555L95H45') {
 26 | 			newTab = safari.application.activeBrowserWindow.openTab();
 27 | 			newTab.url = safari.extension.baseURI + "search.html#"+host;
 28 | 		}
 29 | 		safari.self.hide();
 30 | 	}
 31 | 	if (t.id == 'manage') {
 32 | 		var newTab = safari.application.activeBrowserWindow.openTab();
 33 | 		newTab.url = safari.extension.baseURI + "manage.html";
 34 | 		safari.self.hide();
 35 | 	}
 36 | 	return false;
 37 | };
 38 | 
 39 | function validate(event) {
 40 | 	renderList();
 41 | };
 42 | 
 43 | function renderList() {
 44 | 	var html = '',
 45 | 		empty = '<li class="style nostyles ani">No styles for this page...</li>',
 46 | 		counter1 = 0,
 47 | 		counter2 = 0;
 48 | 
 49 | 	if (safari && DB.size() && check_nested(safari, 'application', 'activeBrowserWindow', 'activeTab')) {
 50 | 		var url = safari.application.activeBrowserWindow.activeTab.url
 51 | 			
 52 | 		for (var i=0;i<DB.size();i++) {
 53 | 			var id = DB.key(i);
 54 | 			if (skip_items.indexOf(id) < 0) {
 55 | 				var json = DB.get(id),
 56 | 					valid;
 57 | 				if (json.hasOwnProperty('name') && json.hasOwnProperty('updateUrl') && json.hasOwnProperty('url')) {
 58 | 					valid = json.sections.filter(function(section){return filterSection(url,section)});
 59 | 					if (valid.length) {
 60 | 						if (!json.hidden) {
 61 | 							html += '<li id="'+id+'" class="style ani '+(json.enabled?'on':'off')+'">'+json.name+'</li>';
 62 | 							if (json.enabled) {
 63 | 								counter1++;
 64 | 							} else {
 65 | 								counter2++;
 66 | 							}
 67 | 						}
 68 | 						
 69 | 					}
 70 | 				}
 71 | 			}
 72 | 		}
 73 | 		
 74 | 		if (counter1>0) {
 75 | 			//safari.extension.settings.unreadMessages = 0;
 76 | 			//safari.extension.toolbarItems[0].badge = counter1;
 77 | 		} else {
 78 | 			//safari.extension.settings.unreadMessages = counter2;
 79 | 			//safari.extension.toolbarItems[0].badge = 0;
 80 | 		}
 81 | 	}
 82 | 	g('styleslist').innerHTML = html ? html : empty;
 83 | };
 84 | 
 85 | function ping(name, data) {
 86 | 	safari.application.activeBrowserWindow.activeTab.page.dispatchMessage(name,data);
 87 | };
 88 | 
 89 | function pingAll(name, data) {
 90 | 	safari.application.browserWindows.forEach(function(win) {
 91 | 		win.tabs.forEach(function(tab) {
 92 | 			if (tab.page) tab.page.dispatchMessage(name, data);
 93 | 		})
 94 | 	})
 95 | }
 96 | 
 97 | function pong(event) {
 98 | 	var n = event.name,
 99 | 		m = event.message,
100 | 		t = event.target;
101 | 	switch(n) {
102 | 		case 'styleAdded':
103 | 			renderList();
104 | 		break;
105 | 		case 'styleUpdated':
106 | 			renderList();
107 | 		break;
108 | 	}
109 | };
110 | 
111 | safari.application.addEventListener("validate", validate, false);
112 | safari.application.addEventListener("message", pong, true);
113 | 
114 | function log(l) {
115 | 	safari.extension.globalPage.contentWindow.log(l);
116 | };


--------------------------------------------------------------------------------
/stylish.safariextension/assets/reset.css:
--------------------------------------------------------------------------------
 1 | /*  HTML5 reset */
 2 | 
 3 | body {
 4 | 	font-family: -apple-system, Helvetica, Arial, Verdana, sans-serif;
 5 | }
 6 | 
 7 | html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 8 | abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
 9 | small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
10 | fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
11 | article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, 
12 | menu, nav, section, summary, time, mark, audio, video {
13 | 	margin:0;
14 | 	padding:0;
15 | 	border:0;
16 | 	outline:0;
17 | 	font-size:100%;
18 | 	vertical-align:baseline;
19 | 	background:transparent;
20 | }                  
21 | article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
22 | 	display:block;
23 | }
24 | ul { list-style:none; }
25 | blockquote, q { quotes:none; }
26 | blockquote:before, blockquote:after,
27 | q:before, q:after { content:''; content:none; }
28 | a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
29 | ins { background-color:#ff9; color:#000; text-decoration:none; }
30 | mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
31 | del { text-decoration: line-through; }
32 | abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
33 | table { border-collapse:collapse; border-spacing:0; }
34 | hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
35 | input, select { vertical-align:middle; }
36 | 
37 | :focus {
38 | 	outline:none;
39 | 	}
40 | *::-moz-focus-inner {
41 | 	padding:0;
42 | 	border:0;
43 | 	}
44 | LEGEND {
45 | 	display:none;
46 | 	}
47 | SUP, SUB {
48 | 	vertical-align:baseline;
49 | 	position:relative;
50 | 	}
51 | SUP {
52 | 	top:-.4em;
53 | 	}
54 | SUB {
55 | 	bottom:-.4em;
56 | 	}


--------------------------------------------------------------------------------
/stylish.safariextension/assets/script.js:
--------------------------------------------------------------------------------
  1 | var d = document,
  2 | 	dl = d.location,
  3 | 	w = window,
  4 | 	domready = false,
  5 | 	settings,
  6 | 	page_styles = {},
  7 | 	busy = false;
  8 | 	raf = requestAnimationFrame,
  9 | 	pageid = hash();
 10 | 
 11 | if (typeof safari == 'object') {
 12 | 	safari.self.addEventListener("message", pong, false);
 13 | 
 14 | 	["pushstate", "popstate", "hashchange"].forEach(function(event){
 15 | 		w.addEventListener(event, function(event) {
 16 | 			removeAllStyles();
 17 | 			ping('getStyles', {url: dl.href});
 18 | 		}, false);
 19 | 	});
 20 | 
 21 | 	ping('getStyles', {url: dl.href});
 22 | 	d.addEventListener("stylishInstall", function(event) {pong(event);},false);
 23 | 	d.addEventListener("stylishUpdate", function(event) {pong(event);},false);
 24 | 	d.addEventListener("DOMContentLoaded", function(){
 25 | 		domready = true;
 26 | 		if (getMeta('stylish-id-url')) userstyles();
 27 | 	});
 28 | /*
 29 | 	d.addEventListener("DOMSubtreeModified", function(event) {
 30 | 		if (!busy && Object.size(page_styles) && event.target.localName == 'body') {
 31 | 			checkStyles(page_styles);
 32 | 		}
 33 | 	});
 34 | */
 35 | 
 36 | }
 37 | 
 38 | function injectStyle(css, id, element) {
 39 | 	if (!dl.host) return;
 40 | //	if (w.self != w.top) return;
 41 | 	busy = true;
 42 | 	d.removeEventListener('DOMContentLoaded', checkRemovedElement);
 43 | 	removeStyle(id);
 44 | 	var regex_timer = /\?timer=(.\d)/gi,
 45 | 		regex_rnd = /\?rnd=(.\d)/gi,
 46 | 		time = (new Date()).getTime(),
 47 | 		timer = function(s,n) {return '?timer='+Math.floor(time/(1000*parseInt(n)))}, // Cache images for 10 minutes
 48 | 		rnd = '?rnd='+Math.random(),
 49 | 		style = element ? element : false;
 50 | 	
 51 | 	if (!style) {
 52 | 		style = d.createElement('style');
 53 | 		style.id = '' + id;
 54 | 		//style.style.display = 'none !important';
 55 | 		//style.setAttribute('type', 'text/css');
 56 | 		//if (settings.minify == 'on') css = minify_css(css);
 57 | 		style.textContent = css.replace(regex_timer, timer).replace(regex_rnd, rnd);
 58 | 	}
 59 | 
 60 | 	inject(style);
 61 | 
 62 | 	if (!domready) {
 63 | 		d.addEventListener('DOMContentLoaded', function() {
 64 | 			domready = true;
 65 | 			busy = true;
 66 | 			var style_exist = checkStyle(id);
 67 | 			if (style_exist && style_exist.parentNode.localName != 'body') {
 68 | 				inject(style_exist);
 69 | 			} else {
 70 | 				busy = false;
 71 | 			}
 72 | 			onDOMNodeRemoved();
 73 | 		}, false);
 74 | 	} else {
 75 | 		onDOMNodeRemoved();
 76 | 	}
 77 | 
 78 | 	function checkRemovedElement(event) {
 79 | 		if (busy) {
 80 | 			raf(function(){
 81 | 				checkRemovedElement(event);
 82 | 			});
 83 | 		} else {
 84 | 			if (Object.size(page_styles)) {
 85 | 				if (event.relatedNode.localName == 'head' || event.relatedNode.localName == 'body' || event.target.localName == 'head' || event.target.localName == 'body') {
 86 | 					checkStyles(page_styles);
 87 | 				}
 88 | 			}
 89 | 		}
 90 | 	}
 91 | 
 92 | 	function onDOMNodeRemoved() {
 93 | 		d.addEventListener('DOMNodeRemoved', checkRemovedElement, false);
 94 | 	}
 95 | 	
 96 | 	function inject(style) {
 97 | 		var target = d.body || d.head || d.documentElement;
 98 | 		if (target) {
 99 | 			//target.appendChild(style, null);
100 | 			target.insertAdjacentElement('beforeend', style); // 
101 | 			page_styles[id] = {css: css, element: style};
102 | 		} else {
103 | 
104 | 		}
105 | 		busy = false;
106 | 	};
107 | }
108 | 
109 | function checkStyle(id) {
110 | 	return d.getElementById(''+id);
111 | }
112 | 
113 | function checkStyles(page_styles) {
114 | 	if (busy) {
115 | 		raf(function(){
116 | 			checkStyles(page_styles);
117 | 		});
118 | 	} else {
119 | 		for (var id in page_styles) {
120 | 			if (!checkStyle(id)) {
121 | 				injectStyle(page_styles[id]['css'], id, page_styles[id]['element']);
122 | 			}
123 | 		}
124 | 	}
125 | }
126 | 
127 | function removeAllStyles() {
128 | 	var styles = d.querySelectorAll('style[id^=""]');
129 | 	if (styles && styles.length) {
130 | 		styles.forEach(function(style) {
131 | 			style.parentNode.removeChild(style);
132 | 		});
133 | 	}
134 | }
135 | 
136 | function removeStyle(id) {
137 | 	delete page_styles[id];
138 | 	if (e = checkStyle(id)) e.parentNode.removeChild(e);
139 | }
140 | 
141 | function ping(name, data) {
142 | 	if (typeof data == 'object') data.sign = pageid;
143 | 	safari.self.tab.dispatchMessage(name, data);
144 | }
145 |  
146 | function pong(event) {
147 | 	var n = event.name,
148 | 		t = event.target,
149 | 		m = event.message,
150 | 		type = event.type,
151 | 		metaid = getMeta('stylish-id-url')?getMeta('stylish-id-url').replace(/^https?:\/\/userstyles.org\/styles\//,''):false;
152 | 	switch(n) {
153 | 		case 'injectStyle':
154 | 			if (m.sign == pageid) injectStyle(m.css, m.id);
155 | 		break;
156 | 		case 'removeStyle':
157 | 			removeStyle(m.id);
158 | 			if (m.id == metaid) sendEvent('styleCanBeInstalled');
159 | 		break;
160 | 		case 'disableStyle':
161 | 			removeStyle(m.id);
162 | 		break;
163 | 		case 'enableStyle':
164 | 			ping('applyStyle',{id: m.id, href: dl.href});
165 | 		break;
166 | 		case 'updateStyle':
167 | 			ping('applyStyle',{id: m.id, href: dl.href});
168 | 		break;
169 | 		case 'checkInstall':
170 | 			sendEvent(m ? 'styleAlreadyInstalled' : 'styleCanBeInstalled');
171 | 		break;
172 | 		case 'updateSettings':
173 | 			settings = m;
174 | 		break;
175 | 		case 'applyStyle':
176 | 			ping('applyStyle',{id: m.id, href: dl.href});
177 | 			if (metaid && m.id && m.id == metaid) sendEvent('styleAlreadyInstalled');
178 | 		break;
179 | 		case 'log':
180 | 			console.log('Global: ', m);
181 | 		break;
182 | 	}
183 | 	switch(type) {
184 | 		case 'stylishInstall':
185 | 			stylishInstallGlobal(metaid);
186 | 		break;
187 | 		case 'stylishUpdate':
188 | 			stylishUpdateGlobal(metaid);
189 | 		break;
190 | 	}
191 | }
192 | 
193 | function stylishInstallGlobal(id) {
194 | 	ping('installStyle', {
195 | 		id: id,
196 | 		options: getOptions(true)
197 | 	});
198 | };
199 | function stylishUpdateGlobal(id) {
200 | 	ping('installStyle', {
201 | 		id: id,
202 | 		options: getOptions(true)
203 | 	});
204 | };
205 | function getOptions(asjson) {
206 | 	var form, new_form = d.createElement('form'), i, options = '';
207 | 	if (form = d.getElementById('style-settings')) {
208 | 		var old_selects = form.getElementsByTagName('select'),
209 | 			new_selects = new_form.getElementsByTagName('select');
210 | 		new_form.appendChild(form.cloneNode(true))
211 | 		for (i in old_selects) new_selects[i].selectedIndex = old_selects[i].selectedIndex;
212 | 		options = serialize(new_form, asjson);
213 | 	}
214 | 	return options;
215 | }
216 | 
217 | function loadScript(src, async) {
218 | 	var script = d.createElement('script');
219 | 	script.type = 'text/javascript';
220 | 	script.src = src;
221 | 	if (async) script.async = true;
222 | 	d.getElementsByTagName('head')[0].appendChild(script);
223 | };
224 | function loadStyle(src) {
225 | 	var link = document.createElement('link');
226 | 	link.type = 'text/css';
227 | 	link.rel = 'stylesheet';
228 | 	link.href = src;
229 | 	document.getElementsByTagName('head')[0].appendChild(link);
230 | };
231 | 
232 | function log(l) {
233 | 	console.log('injected: ',l);
234 | };
235 | 
236 | function userstyles() {
237 | 	var sid = getMeta('stylish-id-url').replace(/^https?:\/\/userstyles.org\/styles\//,'');
238 | 	ping('checkInstall', {
239 | 		sid: sid
240 | 	});
241 | };
242 | 
243 | function sendEvent(name) {
244 | 	var event = d.createEvent("Events");
245 | 	event.initEvent(name, false, false, d.defaultView, null);
246 | 	d.dispatchEvent(event);
247 | };
248 | 
249 | function getMeta(name) {
250 | 	var m = d.getElementsByTagName('link');
251 | 	for (var i in m) {
252 | 		if (m[i].rel == name) {
253 | 			return m[i].href;
254 | 		}
255 | 	}
256 | 	return false;
257 | }
258 | 
259 | function serialize(form, as_json) {
260 | 	var i, j, el, q = [], n, v, t, elements, options, json = {};
261 | 	function add_value(name, value) {
262 | 		q.push(name+'='+value);
263 | 		json[name] = value;
264 | 	}
265 | 	if (form && typeof form == 'object' && form.nodeName.toLowerCase() == 'form') {
266 | 		elements = form.elements;
267 | 		for (i in elements) {
268 | 			if (typeof(el = elements[i]) !== 'object' || !el.nodeName || el.disabled) continue;
269 | 			n = el.name;
270 | 			v = el.value;
271 | 			t = el.type;
272 | 			switch (el.nodeName.toLowerCase()) {
273 | 				case 'input':
274 | 					switch (t) {
275 | 						case 'checkbox':
276 | 						case 'radio':
277 | 							if (el.checked) add_value(n,v);
278 | 						break;
279 | 						case 'reset':
280 | 						break;
281 | 						default:
282 | 							add_value(n,v);
283 | 						break;
284 | 					}
285 | 				break;
286 | 				case 'textarea':
287 | 					add_value(n,v);
288 | 				break;
289 | 				case 'select':
290 | 					switch(t) {
291 | 						case 'select-one':
292 | 							add_value(n,v);
293 | 						break;
294 | 						case 'select-multiple':
295 | 							options = el.options;
296 | 							for (j in options) if (options[j].selected) add_value(n, options[j].value);
297 | 						break;
298 | 					}
299 | 				break;
300 | 				case 'button':
301 | 					switch (t) {
302 | 						case 'reset':
303 | 						case 'submit':
304 | 						case 'button':
305 | 							add_value(n,v);
306 | 						break;
307 | 					}
308 | 				break;
309 | 			}
310 | 		}
311 | 		return as_json ? json : q.join('&');
312 | 	} else {
313 | 		return as_json ? json : '';
314 | 	}
315 | }
316 | 
317 | (function(history){
318 | 	var pushState = history.pushState;
319 | 	history.pushState = function(state) {
320 | 		if (typeof history.onpushstate == "function") history.onpushstate({state: state});
321 | 		return pushState.apply(history, arguments);
322 | 	}
323 | })(w.history);
324 | 
325 | Object.size = function(obj) {
326 | 	var size = 0, key;
327 | 	for (key in obj) if (obj.hasOwnProperty(key)) size++;
328 | 	return size;
329 | };
330 | 
331 | function minify_css(css){
332 | 	var before = css.length,
333 | 		after;
334 | 	css = cssmin(css);
335 | 	after = css.length;
336 | 	//log('Optimized by: '+Math.round(100-after*100/before)+'%');
337 | 	return css;
338 | }
339 | 
340 | function hash() {
341 | 	return Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
342 | }
343 | 
344 | /**
345 |  * cssmin.js
346 |  * Author: Stoyan Stefanov - http://phpied.com/
347 |  * This is a JavaScript port of the CSS minification tool
348 |  * distributed with YUICompressor, itself a port 
349 |  * of the cssmin utility by Isaac Schlueter - http://foohack.com/ 
350 |  * Permission is hereby granted to use the JavaScript version under the same
351 |  * conditions as the YUICompressor (original YUICompressor note below).
352 |  */
353 |  
354 | /*
355 | * YUI Compressor
356 | * Author: Julien Lecomte - http://www.julienlecomte.net/
357 | * Copyright (c) 2009 Yahoo! Inc. All rights reserved.
358 | * The copyrights embodied in the content of this file are licensed
359 | * by Yahoo! Inc. under the BSD (revised) open source license.
360 | */
361 | 
362 | function cssmin(e,r){var a=0,c=0,s=!1,l=!1,_=0,i=0,t=[],n="";for(e=e.replace(/("([^\\"]|\\.|\\)*")|('([^\\']|\\.|\\)*')/g,function(e){var r=e[0];return t.push(e.slice(1,-1)),r+"___YUICSSMIN_PRESERVED_TOKEN_"+(t.length-1)+"___"+r});(a=e.indexOf("/*",a))>=0;)l=e.length>a+2&&"!"===e[a+2],c=e.indexOf("*/",a+2),0>c?l||(e=e.slice(0,a)):c>=a+2&&("\\"===e[c-1]?(e=e.slice(0,a)+"/*\\*/"+e.slice(c+2),a+=5,s=!0):s&&!l?(e=e.slice(0,a)+"/**/"+e.slice(c+2),a+=4,s=!1):l?(n=e.slice(a+3,c),t.push(n),e=e.slice(0,a+2)+"___YUICSSMIN_PRESERVED_TOKEN_"+(t.length-1)+"___"+e.slice(c),s&&(s=!1),a+=2):e=e.slice(0,a)+e.slice(c+2));if(e=e.replace(/\s+/g," "),e=e.replace(/(^|\})(([^\{:])+:)+([^\{]*\{)/g,function(e){return e.replace(":","___YUICSSMIN_PSEUDOCLASSCOLON___")}),e=e.replace(/\s+([!{};:>+\(\)\],])/g,"$1"),e=e.replace(/___YUICSSMIN_PSEUDOCLASSCOLON___/g,":"),e=e.replace(/:first-(line|letter)({|,)/g,":first-$1 $2"),e=e.replace(/\*\/ /g,"*/"),e=e.replace(/^(.*)(@charset "[^"]*";)/gi,"$2$1"),e=e.replace(/^(\s*@charset [^;]+;\s*)+/gi,"$1"),e=e.replace(/\band\(/gi,"and ("),e=e.replace(/([!{}:;>+\(\[,])\s+/g,"$1"),e=e.replace(/;+}/g,"}"),e=e.replace(/([\s:])(0)(px|em|%|in|cm|mm|pc|pt|ex)/gi,"$1$2"),e=e.replace(/:0 0 0 0;/g,":0;"),e=e.replace(/:0 0 0;/g,":0;"),e=e.replace(/:0 0;/g,":0;"),e=e.replace(/background-position:0;/gi,"background-position:0 0;"),e=e.replace(/(:|\s)0+\.(\d+)/g,"$1.$2"),e=e.replace(/rgb\s*\(\s*([0-9,\s]+)\s*\)/gi,function(){for(var e=arguments[1].split(","),r=0;r<e.length;r++)e[r]=parseInt(e[r],10).toString(16),1===e[r].length&&(e[r]="0"+e[r]);return"#"+e.join("")}),e=e.replace(/([^"'=\s])(\s*)#([0-9a-f])([0-9a-f])([0-9a-f])([0-9a-f])([0-9a-f])([0-9a-f])/gi,function(){var e=arguments;return e[3].toLowerCase()===e[4].toLowerCase()&&e[5].toLowerCase()===e[6].toLowerCase()&&e[7].toLowerCase()===e[8].toLowerCase()?(e[1]+e[2]+"#"+e[3]+e[5]+e[7]).toLowerCase():e[0].toLowerCase()}),e=e.replace(/[^\};\{\/]+\{\}/g,""),r>=0)for(a=0,_=0;_<e.length;)"}"===e[_++]&&_-a>r&&(e=e.slice(0,_)+"\n"+e.slice(_),a=_);for(e=e.replace(/;;+/g,";"),_=0,i=t.length;i>_;_++)e=e.replace("___YUICSSMIN_PRESERVED_TOKEN_"+_+"___",t[_]);return e=e.replace(/^\s+|\s+$/g,"")};
363 | 


--------------------------------------------------------------------------------
/stylish.safariextension/assets/search.js:
--------------------------------------------------------------------------------
  1 | $(function() {
  2 | 
  3 | 	navInit();
  4 | 
  5 | 	ping('analytics', {type:'screenview',title:'Search'});
  6 | 	
  7 | 	var dl = document.location,
  8 | 		hash = dl.hash.substr(1),
  9 | 		w = window;
 10 | 
 11 | 	getSearchResults(hash);
 12 | 	
 13 | 	initPopup();
 14 | 	
 15 | 	$(document).on('click','.style-install',function() {
 16 | 		var t = $(this).attr('disabled','disabled').text('Downloading'),
 17 | 			s = t.parent();
 18 | 			id = t.attr('rel');
 19 | 		s.addClass('busy');
 20 | 		$.getJSON('https://userstyles.org/styles/chrome/'+id+'.json',function(json) {
 21 | 			t.text('Installed');
 22 | 			s.removeClass('busy').addClass('installed');
 23 | 			json.enabled = true;
 24 | 			$.get('https://userstyles.org/styles/install/1?source=stylish-sf');
 25 | 			ping("saveStyle", {"id":id,"json":json});
 26 | 
 27 | 			ping('analytics', {type:'event', category:'Style',action:'Install',label:json.name,value:id});
 28 | 		});
 29 | 	});
 30 | 	
 31 | 	$(document).on('click', '.pagination a', function(event) {
 32 | 		event.preventDefault();
 33 | 		var a = $(this),
 34 | 			href = a.attr('href'),
 35 | 			content = $('#searchresult dd');
 36 | 		if (href!='NaN') {
 37 | 			
 38 | 			$('#searchresult').addClass('busy');
 39 | 			
 40 | 			$('body').animate({scrollTop:0},function() {
 41 | 				content.slideUp(function() {
 42 | 					content.empty().show();
 43 | 					getSearchResults(hash, a.attr('href'));
 44 | 				})	
 45 | 			});
 46 | 
 47 | 		}
 48 | 		return false;
 49 | 	})
 50 | 	
 51 | 	$(document).on('change', '#ssearch', function() {
 52 | 		hash = $(this).val();
 53 | 		if (hash!='') getSearchResults(hash);
 54 | 	})
 55 | 	
 56 | 	$(document).on('click','#subcategory-list li',function() {
 57 | 		hash = $(this).attr('tname');
 58 | 		$('#ssearch').val(hash).trigger('change');
 59 | 	});
 60 | 	
 61 | 	$(document).on('click', '.screenshot', function() {
 62 | 		var i = $(this),
 63 | 			src = i.attr('src').replace('_thumbnails','s'),
 64 | 			img = new Image(),
 65 | 			w, h;
 66 | 		$('#popup')
 67 | 			.trigger('show')
 68 | 			.append(
 69 | 				$('<img>', {src: src, 'class': 'after'})
 70 | 				//$('<img>', {src: src.replace('_after','_before'), 'class':'before'}).on('error', function() {$(this).remove()})
 71 | 			);			
 72 | 	});
 73 | });
 74 | 
 75 | function initPopup() {
 76 | 	$('body').append(
 77 | 		$('<div/>', {id:'popup'})
 78 | 			.hide()
 79 | 			.bind('hide',function() {
 80 | 				$(this).fadeOut(function() {
 81 | 					$(this).empty();
 82 | 				});
 83 | 			})
 84 | 			.bind('show', function() {
 85 | 				$(this).fadeIn();
 86 | 			})
 87 | 			.bind('click', function() {
 88 | 				$(this).trigger('hide');
 89 | 			})
 90 | 	);
 91 | 	
 92 | 	$(document).keyup(function(e) {
 93 | 		if (e.keyCode == 27) {
 94 | 			$('#popup').trigger('hide');
 95 | 		}
 96 | 	});
 97 | 	
 98 | };
 99 | 
100 | function renderList(json, host) {
101 | 	$('#content dt input').val(host);
102 | 	var content = $('#searchresult dd').empty();
103 | 	// #main-article
104 | 	if (json.data.length) {
105 | 		content.append('<ul id="styles"/>');
106 | 		$.each(json.data, function(n, s) {
107 | 			var r = Math.round(s.rating*1.666666)
108 | 			$('#styles', content).append(
109 | 				'<li class="style-brief" id="'+s.id+'"><div class="listing-left-info"><figure class="'+(s.screenshot_url ? 'screenshot-thumbnail' : 'no-screenshots')+'">'+(s.screenshot_url ? '<img src="'+s.screenshot_url+'" alt="" class="screenshot">':'')+'</figure></div><article class="style-brief-text"><header>'+s.name+'</header><p>'+s.description+'</p><div class="style-brief-stats"><span class="ratio" title="Average rating: '+s.rating+'">★★★★★<span style="width:'+(Math.round(s.rating * 2) / 2).toFixed(1)*20+'%">★★★★★</span></span></div><button class="style-install" rel="'+s.id+'">Install</button></article></li>'
110 | 			);
111 | 		});
112 | 
113 | 		if (json.total_pages > 1) {
114 | 			content.append('<div class="pagination"/>');
115 | 			for(i = 1; i < json.total_pages; i++){
116 | 			    $('.pagination', content).append('<a href="'+i+'" class="point '+(i == json.current_page ? 'active' : '')+'"/>');
117 | 			}
118 | 		}
119 | 
120 | 
121 | 
122 | 		/*
123 | 
124 | 		$('.style-brief-text header a').each(function(n,a){
125 | 			var a = $(a), id = a.attr('href').split('/')[2];
126 | 			a.closest('.style-brief').attr('id', id);
127 | 		});
128 | 		
129 | 		$('a', content).each(function(n,a) {
130 | 			var a = $(a);
131 | 			if (a.hasClass('delete-link')) {
132 | 				a.closest('style-brief').attr('id',a.attr('href').replace('/styles/delete/',''));
133 | 			}
134 | 			a.not('.pagination a').replaceWith(a.html());
135 | 		});
136 | 		
137 | 		$('.style-brief-control-links, div[style="clear:left"], .ad').remove();
138 | 		$('.style-brief-stats').each(function() {
139 | 			var d = $(this), s = d.closest('article.style-brief'), a = s.attr('average-rating')*1,
140 | 				r = Math.round(a*1.666666);
141 | 			d.html(
142 | 				$('<span/>',{class:'ratio',html:'★★★★★',title:'Average rating: '+(r>0?r+'/5':'N/A')}).append(
143 | 					$('<span/>',{html:'★★★★★'}).css('width',r*20+'%')
144 | 				)
145 | 			);
146 | 		});
147 | 		
148 | 		imgSize();
149 | 	
150 | 		$('.style-brief').each(function() {
151 | 			var s = $(this).addClass('cln'), id = s.attr('id');
152 | 			s.append(
153 | 				$('<button/>',{text:'Install',rel:id, class:'style-install'})
154 | 			);
155 | 		});
156 | 		
157 | 		$('.style-brief').last().addClass('last-child');
158 | 
159 | 		*/
160 | 
161 | 		//renderNav();
162 | 	
163 | 		ping("getInstalledStyles",'');
164 | 	} else {
165 | 		content.html('No styles found');
166 | 	}
167 | }
168 | 
169 | function imgSize() {
170 | 	$('.screenshot').each(function() {
171 | 		var i = $(this);
172 | 			i.on('load', function() {
173 | 				var src = i.prop('src'),
174 | 					img = new Image(),
175 | 					w, h, p;
176 | 				img.src = src;
177 | 				h = img.height;
178 | 				w = img.width;
179 | 				p = 145/83;
180 | 				if (w/h > p) {
181 | 					w = (w/h)*83;
182 | 					h = 83;
183 | 				} else {
184 | 					w = 146;
185 | 					h = 'auto';
186 | 				}
187 | 				i.css({
188 | 					left: (146-w)/2,
189 | 					top: (84-h)/2,
190 | 					height: h,
191 | 					width: w
192 | 				});
193 | 			});
194 | 	});
195 | };
196 | 
197 | function renderNav() {
198 | 	
199 | 	$('.pagination a').each(function() {
200 | 		var a = $(this),
201 | 			href = a.attr('href');
202 | 		a.attr('href', href.split('?')[1].replace('page=','') )
203 | 	});
204 | 	
205 | 	var nav = $('.pagination'),
206 | 		total = parseInt(nav.children().last().prev().text()),
207 | 		current = parseInt($('.current',nav).text()),
208 | 		next = parseInt($('.next_page',nav).attr('href')),
209 | 		prev = parseInt($('.prev_page',nav).attr('href'));
210 | 		content = $('#searchresult dd');
211 | //	console.log(total,current,next,prev);
212 | 	nav.empty().append($('<a/>',{href:prev,class:'prev'}));
213 | 	for (var i=1; i <= total ; i++) {
214 | 		var c = (i==current);
215 | 		nav.append($('<a/>',{href:i,class:'point'+(c?' active':'')})); // ○
216 | 	};
217 | 	nav.append($('<a/>',{href:next,class:'next'}));
218 | 	
219 | //	nav.clone().prependTo(content);
220 | }
221 | 
222 | function renderSitesList(json) {
223 | 	var content = $('#searchresult dd').empty();
224 | 	if (json.data.length) {
225 | 		content.append('<ul id="subcategory-list"/>');
226 | 		$.each(json.data, function(n, s) {
227 | 			$('ul', content).append('<li tname="'+s.name+'" tcount="'+s.styles+'">'+s.name+'<i>'+s.styles+'</i></li>');
228 | 		});
229 | 	}
230 | };
231 | 
232 | function getSearchResults(host, page) {
233 | 	$('#searchresult').addClass('busy');
234 | 	if (host) {
235 | 		domain = getDomain(host);
236 | 		document.title = 'userstyles for «'+host+'»';
237 | //		OLD STYLE
238 | //		var usss = 'https://userstyles.org/styles/browse/';
239 | //		var usss = 'https://userstyles.org/styles/browse/site?sort=popularity&search_terms=';
240 | 		var usss = 'https://userstyles.org/api/v1/styles/subcategory?search=';
241 | 		$.getJSON(usss+domain+'&per_page=22&country=us&page='+(page?page:1), function(json) {
242 | 			$('#searchresult').removeClass('busy');
243 | 			renderList(json, host);
244 | 		})
245 | 	} else {
246 | 		document.title = 'Search userstyles';
247 | 		var usss = 'https://userstyles.org/api/v1/categories/site';
248 | 		$.getJSON(usss, function(json) {
249 | 			$('#searchresult').removeClass('busy');
250 | 			renderSitesList(json);
251 | 		})
252 | 	}
253 | }
254 | 
255 | function log(l) {
256 | 	console.log(l);
257 | }
258 | 
259 | function ping(name, data) {
260 | 	safari.self.tab.dispatchMessage(name, data);
261 | }
262 | 
263 | function pong(event) {
264 | 	var n = event.name,
265 | 		m = event.message,
266 | 		t = event.target;
267 | 	switch(n) {
268 | 		case 'setInstalledStyles':
269 | 			$('.style-brief').removeClass('installed');
270 | 			$.each(m,function(i,el) {
271 | 				$('#'+el.id).addClass('installed');
272 | 				$('button[rel="'+el.id+'"]').attr('disabled','disabled').text('installed');
273 | 			});
274 | 		break;
275 | 	}
276 | }
277 | 
278 | safari.self.addEventListener("message", pong, true);


--------------------------------------------------------------------------------
/stylish.safariextension/assets/settings.js:
--------------------------------------------------------------------------------
  1 | var loggedin = false,
  2 | 	stylishjson = {},
  3 | 	busy = false;
  4 | 
  5 | ping('getInstalledStyles','');
  6 | 
  7 | $(function() {
  8 | 
  9 | 	navInit();
 10 | 
 11 | 	ping('analytics', {type:'screenview', title:'Settings'});
 12 | 
 13 | 	ping('loadSettings');
 14 | 
 15 | 	$('#content input, #content select, #content textarea').on('change update', function(){
 16 | 		var form = $('#content form'), data = form.serializeArray();
 17 | 		
 18 | 		data = data.concat(
 19 | 			$('input[type=checkbox]:not(:checked)', form)
 20 | 				.map(function() {
 21 | 					return {name: this.name, value: 'off'}
 22 | 				}).get()
 23 | 		    );
 24 | 		ping('saveSettings', data);
 25 | 	});
 26 | 	
 27 | /*
 28 | 
 29 | 	toggleLoginForm(false,true);
 30 | 	form = $('#logoutform');
 31 | 	$('.loginform').addClass('busy');
 32 | 
 33 | 	$.get('https://userstyles.org/login',function(html) {
 34 | 		html = sanitizeHTML(html);
 35 | 		form = $('#logoutform');
 36 | 		$('.loginform').removeClass('busy');
 37 | 		var user = getUserInfo(html);
 38 | 		toggleLoginForm(!user.loggedin,user.loggedin);
 39 | 		if (user.loggedin) updateInfo(user);
 40 | 	});
 41 | 	
 42 | 	$('#loginform').submit(function() {
 43 | 		var name = $('#login').val(),
 44 | 			pass = $('#password').val(),
 45 | 			token = $('input[name="authenticity_token"]').val(),
 46 | 			form = $(this);
 47 | 		$('.loginform').addClass('busy');	
 48 | 		$.post('https://userstyles.org/login/authenticate_normal',{
 49 | 			login:name,
 50 | 			password:pass,
 51 | 			remember:'true',
 52 | 			authenticity_token:token,
 53 | 			view:'password',
 54 | 			utf8: '✓'
 55 | 		},function(html) {
 56 | 			html = sanitizeHTML(html);
 57 | 			var user = getUserInfo(html);
 58 | 			toggleLoginForm(!user.loggedin,user.loggedin);
 59 | 			$('.loginform').removeClass('busy');
 60 | 			if (user.loggedin) updateInfo(user);
 61 | 		})
 62 | 		return false;
 63 | 	})
 64 | 	
 65 | 	$('#logoutform').submit(function() {
 66 | 		var form = $(this);
 67 | 		$('.loginform').addClass('busy');
 68 | 		$.get('https://userstyles.org/logout',function(html) {
 69 | 			var user = getUserInfo(html+'password-login');
 70 | 			toggleLoginForm(!user.loggedin,user.loggedin);
 71 | 			$('.loginform').removeClass('busy');
 72 | 			updateInfo();
 73 | 		})
 74 | 		return false;
 75 | 	});
 76 | 
 77 | */
 78 | 	
 79 | 	$('#jsonfile')
 80 | 		.change(function(data) {
 81 | 			
 82 | 			var reader = new FileReader(),
 83 | 				file = data.srcElement ? data.srcElement.files[0] : data.currentTarget.files[0];
 84 | 			
 85 | 			reader.onload = function(e){
 86 | 				try {
 87 | 					json = $.parseJSON(e.target.result);
 88 | 					$.each(json.data, function(n,e) {
 89 | 						ping('saveStyle', {
 90 | 							import: true,
 91 | 							id: e.id,
 92 | 							json: typeof e.json == 'object' ? e.json : JSON.parse(e.json)
 93 | 						});
 94 | 					});
 95 | 				} catch(e) {
 96 | 					alert('Wrong file format!');
 97 | 				}
 98 | 				$('.importexportform').removeClass('busy');
 99 | 			}
100 | 			
101 | 			reader.readAsText(file);
102 | 			$('.importexportform').addClass('busy');
103 | 
104 | 		})
105 | 		.hover(
106 | 			function() {$('#import').addClass('hover')},
107 | 			function() {$('#import').removeClass('hover')}
108 | 		);
109 | 	
110 | 	$('#export').click(function(data) {
111 | 		$('.importexportform').addClass('busy');
112 | 		var uri_content = "data:application/octet-stream," + encodeURIComponent(JSON.stringify(stylishjson, null, "\t"));
113 | 		$('#export').attr({
114 | 			href: uri_content
115 | 		});
116 | 		$('.importexportform').removeClass('busy');
117 | 	});
118 | });
119 | 
120 | function updateInfo(user) {
121 | 	//log(user);
122 | 	var i = $('.userinfo');
123 | 	if (!user) {
124 | 		i.empty();
125 | 	} else {
126 | 		i.append(
127 | 			'Name: '+user.name
128 | 		);
129 | 		if (user.styles.length) {
130 | 			i.append('<ul/>');
131 | 			$.each(user.styles, function(n,s) {
132 | 				$('ul',i).append('<li>- '+s.name+'</li>');
133 | 			})
134 | 		}
135 | 	}
136 | };
137 | 
138 | function toggleLoginForm(f1,f2) {
139 | 	$('#loginform').toggleClass('hide',!f1);
140 | 	$('#logoutform').toggleClass('hide',!f2);
141 | };
142 | 
143 | function updateStylesInfo(list) {
144 | 	//var content = $('#content'), list = $('<dl/>',{id:'stylesstatus'}).appendTo(content);
145 | 	//log(m)
146 | 	stylishjson = {"data":list};
147 | };
148 | 
149 | function getUserInfo(html) {
150 | 	var user = {}, trs;
151 | 	user.loggedin = (html.indexOf('password-login') < 0);
152 | 	if (user.loggedin) {
153 | 		user.id = $('article.style-brief',html).eq(0).attr('author-id');
154 | 		user.name = unescape($('a[href*="/messages/add/"]',html).attr('href').split('/')[5]);
155 | 		if (trs = $('.author-styles tbody tr[class!="style-warnings"]', html)) {
156 | 			user.styles = [];
157 | 			$.each(trs,function(n,tr) {
158 | 				var tds = $('td', tr),
159 | 					style = {};
160 | 				if (tds.length) {
161 | 					if ($(tds[0]).hasClass('obsolete')) return;
162 | 					style.name = $('a',tds[0]).text();
163 | 					style.installs = parseFloat($(tds[3]).text().replace(',',''));
164 | 					style.url = $('a',tds[0]).prop('href');
165 | 					style.id = style.url.split('/')[2];
166 | 					user.styles.push(style);
167 | 				}
168 | 			})
169 | 		}
170 | 	}
171 | 	return user;
172 | };
173 | 
174 | function pong(event) {
175 | 	var n = event.name,
176 | 		m = event.message,
177 | 		t = event.target;
178 | 	switch(n) {
179 | 		case 'setInstalledStyles':
180 | 			updateStylesInfo(m);
181 | 		break;
182 | 		case 'loadSettings':
183 | 			$.each(m, function(name, value){
184 | 				var input = $('input[name="'+name+'"]');
185 | 				if (input.length) {
186 | 					var type = input.get(0).type;
187 | 					switch(type) {
188 | 						case 'checkbox':
189 | 							if (value == 'on') {
190 | 								input.attr({checked: 'checked'});
191 | 							} else {
192 | 								input.removeAttr('checked');
193 | 							}
194 | 						break;
195 | 						case 'input':
196 | 						case 'select':
197 | 						case 'textarea':
198 | 							input.val(value);
199 | 						break;
200 | 					}
201 | 				}
202 | 			});
203 | 		break;
204 | 	}
205 | }
206 | 
207 | function log(e) {console.log(e)};
208 | 
209 | function ping(name,data) {safari.self.tab.dispatchMessage(name,data)};
210 | 
211 | safari.self.addEventListener("message", pong, true);


--------------------------------------------------------------------------------
/stylish.safariextension/assets/styles.css:
--------------------------------------------------------------------------------
  1 | @import 'reset.css';
  2 | @import 'buttons.css';
  3 | 
  4 | .cln:after {
  5 | 	content:'.';
  6 | 	display:block;
  7 | 	clear:both;
  8 | 	visibility:hidden;
  9 | 	height:0;
 10 | }
 11 | 
 12 | .fl {
 13 | 	float:left;
 14 | }
 15 | .fr {
 16 | 	float:right;
 17 | }
 18 | .hide {
 19 | 	display:none;
 20 | }
 21 | 
 22 | html {
 23 | 	background:#f6f8f7 url(../images/bg.jpg) 50% 0 repeat-x;
 24 | }
 25 | 
 26 | body {
 27 | 	width:980px;
 28 | 	height:100%;
 29 | 	margin:20px auto;
 30 | 	background:#fff;
 31 | 	border-radius:4px;
 32 | 	box-shadow: rgba(0,0,0,.3) 0 1px 3px;
 33 | 	color:#333;
 34 | 	font-size:14px;
 35 | 	
 36 | 	text-rendering: optimizeLegibility;
 37 | 	-webkit-font-smoothing: antialiased;
 38 | }
 39 | 
 40 | h1, h2, h3, h4, h5 ,h6 {
 41 | 	color:#000;
 42 | }
 43 | 
 44 | #menu {
 45 | 	width:192px;
 46 | 	height:100%;
 47 | 	float:left;
 48 | 	border-right:1px solid #e8e8e8;
 49 | 	padding:10px 0 45px 0;
 50 | }
 51 | #menu header {
 52 | 	font-size:1.3em;
 53 | 	line-height:1.4;
 54 | 	padding-left:16px;
 55 | 	position:relative;
 56 | }
 57 | #menu nav {
 58 | 	padding:7px 0;
 59 | }
 60 | #menu a {
 61 | 	display:block;
 62 | 	position: relative;
 63 | 	color: #666;
 64 | 	border: 1px solid #fff;
 65 | 	border-width:1px 0;
 66 | 	height: 18px;
 67 | 	padding: 9px 0 8px 16px;
 68 | 	transition: all .2s ease-in-out;
 69 | }
 70 | #menu a:hover {
 71 | 	color: #08c;
 72 | 	text-decoration: none;
 73 | }
 74 | #menu a.active {
 75 | 	border-color: #e8e8e8;
 76 | 	background-color: #f5f5f5;
 77 | 	color:#000;
 78 | }
 79 | #menu a svg {
 80 | 	position: absolute;
 81 | 	right: 10px;
 82 | 	top: 50%;
 83 | 	transform:translate(-50%,-50%);
 84 | 	width: 12px;
 85 | 	height: 12px;
 86 | 	border:1px solid #fff;
 87 | 	background: #d8d9d9;
 88 | 	border-radius: 50%;
 89 | 	margin: 0;
 90 | 	fill: #fff;
 91 | 	transition: all .2s ease-in-out;
 92 | }
 93 | 
 94 | #menu a:hover svg {
 95 | 	background: #000;
 96 | }
 97 | #menu a.active svg {
 98 | 	background: #1280b8;
 99 | }
100 | 
101 | 
102 | #content {
103 | 	margin-left:192px;
104 | 	border-left:1px solid #e8e8e8;
105 | 	padding:10px 32px;
106 | }
107 | #content header {
108 | 	
109 | }
110 | #content article {
111 | 	
112 | }
113 | #content dl,
114 | #content footer {
115 | 	float:left;
116 | 	width:100%;
117 | }
118 | #content dt {
119 | 	color:#000;
120 | 	font-size: 1.3em;
121 | 	line-height: 1.4;
122 | 	font-weight:bold;
123 | 	position:relative;
124 | 	opacity:1;
125 | 	transition: opacity .4s ease-in-out;
126 | }
127 | #content dt .badge {
128 | 	position:static;
129 | 	margin-left:10px;
130 | }
131 | #content dd {
132 | 	border-bottom: 1px solid #E5E5E5;
133 | 	margin-bottom: 18px;
134 | 	padding-right: 54px;
135 | 	padding-bottom:18px;
136 | }
137 | #content dd:last-child {
138 | 	border:0;
139 | }
140 | #content dd p {
141 | 	padding:8px 0;
142 | }
143 | #content dd h3 {
144 | 	padding:8px 0 0 0;
145 | }
146 | 
147 | .applies {
148 | 	clear:both;
149 | 	overflow:hidden;
150 | 	padding:10px 0 5px 0;
151 | }
152 | .applies li, #subcategory-list li {
153 | 	display:inline-block;
154 | 	line-height:1;
155 | 	padding:2px 6px;
156 | 	background:#eee;
157 | 	border:1px solid #ddd;
158 | 	border-radius:4px;
159 | 	color:#444;
160 | 	margin:0 4px 8px 4px;
161 | }
162 | #subcategory-list {
163 | 	text-align:justify;
164 | 	margin:0 -4px;
165 | }
166 | 
167 | #styleslist dd {
168 | 	padding-right:0;
169 | 	opacity:1;
170 | 	transition: opacity .4s ease-in-out;
171 | 	position: relative;
172 | }
173 | #styleslist div span.busy {
174 | 	display:inline-block;
175 | 	width:11px;
176 | 	height:11px;
177 | 	background:url(../images/busy.gif) 50% 50% no-repeat;
178 | 	position:relative;
179 | 	top:2px;
180 | }
181 | #styleslist dd span.message {
182 | 	font-size:12px;
183 | 	color:#666;
184 | }
185 | #styleslist nav {
186 | }
187 | #styleslist dd:hover nav {
188 | }
189 | #styleslist nav button.red {
190 | 	float:right;
191 | }
192 | 
193 | button.submit {
194 | 	display: none;
195 | }
196 | .custom button.submit2 {
197 | 	display: inline-block;
198 | }
199 | 
200 | /* badges */
201 | 
202 | #subcategory-list li {
203 | 	color:#08C;
204 | }
205 | #subcategory-list li:hover {
206 | 	color:#fff;
207 | 	background:#ff9a13;
208 | 	cursor:pointer;
209 | 	border:1px solid #f88c13;
210 | }
211 | 
212 | #subcategory-list i {
213 | 	display:block;
214 | 	float:right;
215 | 	margin-left:6px;
216 | 	font-style:normal;
217 | 	background:#ff9a13;
218 | 	color:#fff;
219 | 	font-size:9px;
220 | 	padding:3px 4px;
221 | 	border-radius:3px;
222 | 	display:none;
223 | }
224 | 
225 | .badge {
226 | 	position:absolute;
227 | 	right:8px;
228 | 	top:4px;
229 | 	padding:0 8px;
230 | 	display:inline-block;
231 | 	color:#fff;
232 | 	height:16px;
233 | 	line-height:16px;
234 | 	font-size:11px;
235 | 	font-weight:normal;
236 | 	-webkit-font-smoothing:auto;
237 | 	background:-webkit-gradient(linear, left top, left bottom, from(#ff8e14), to(#ffa312));
238 | 	border-radius:4px;
239 | 	box-shadow:inset 0 1px 1px rgba(0,0,0,.3);
240 | 	text-shadow:0 -1px 0 rgba(0,0,0,.2);
241 | 	text-decoration:none;
242 | 	vertical-align:1px;
243 | }
244 | .badge.userstyles {
245 | 	background:#d1eeee;
246 | 	color:#86cece;
247 | 	box-shadow:none;
248 | 	text-shadow:0 1px 0 rgba(255,255,255,.6);
249 | }
250 | .badge.userstyles:hover {
251 | 	background:#86cece;
252 | 	color:#fff;
253 | 	text-shadow:none;
254 | 	text-decoration:none;
255 | }
256 | 
257 | /* EDIT */
258 | 
259 | #content dd.editor {
260 | 	padding-right:0;
261 | 	border:0;
262 | 	margin:0;
263 | }
264 | #content dd.editor fieldset, #content p.stitle {
265 | 	border-bottom: 1px solid #E5E5E5;
266 | 	padding-bottom:18px;
267 | 	position:relative;
268 | }
269 | 
270 | .styleseditor fieldset {
271 | 	padding-top:10px;
272 | }
273 | .styleseditor label {
274 | 	display:inline-block;
275 | 	width:70px;
276 | 	font-size:12px;
277 | }
278 | 
279 | p.code {
280 | 	position: relative;
281 | }
282 | p.code label {
283 | 	vertical-align:top;
284 | }
285 | p.code .errors {
286 | 	position: absolute;
287 | 	right: 0;
288 | 	top: 50%;
289 | 	width: 100px;
290 | 	text-align: center;
291 | 	font-size: 10px;
292 | 	color: #f44;
293 | 	line-height: 18px;
294 | 	display: none;
295 | }
296 | 
297 | .styleseditor select {
298 | 	margin:0;
299 | }
300 | .styleseditor input[name="rule"] {
301 | 	width:220px;
302 | 	margin:0 6px;
303 | 	padding: 0 6px;
304 | }
305 | .styleseditor p.stitle input {
306 | 	width:508px;
307 | }
308 | 
309 | textarea.code {
310 | 	height: auto;
311 | }
312 | .CodeMirror {
313 | 	display: inline-block;
314 | 	width: 500px;
315 | 	background: transparent;
316 | 	border: 1px solid #ccc;
317 | 	padding: 0 6px;
318 | 	border-radius: 4px;
319 | 	margin: 0;
320 | 	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
321 | 	font-size: 12px;
322 | 	line-height: 1.5;
323 | 	tab-size: 4;
324 | 	height: auto;
325 | 	max-height: 800px;
326 | }
327 | .CodeMirror .csserror {
328 | 	background: rgba(255, 0, 0, .1);
329 | }
330 | 
331 | .controls.section {
332 | 	padding:0;
333 | 	position:absolute;
334 | 	right:0;
335 | 	top:10px;
336 | }
337 | p.controls {
338 | 	padding-bottom:8px;
339 | }
340 | 
341 | fieldset p.rule .add {
342 | 	display:none;
343 | }
344 | fieldset p.rule:last-of-type .add {
345 | 	display:inline;
346 | }
347 | 
348 | .rule label {
349 | 	d1isplay:none;
350 | }
351 | .rule.first label {
352 | 	d1isplay:block;
353 | }
354 | .rule.first .remove {
355 | 	d1isplay:none;
356 | }
357 | 
358 | #styleslist dt.disabled,
359 | #styleslist dd.disabled {
360 | 	opacity:.5;
361 | 	filter: grayscale(100%);
362 | }
363 | 
364 | #styleslist dd.custom .checkupdate,
365 | #styleslist dd.custom .update {
366 | 	display: none;
367 | }
368 | 
369 | /* SEARCH */
370 | 
371 | .ad { 
372 | 	display:none;
373 | }
374 | 
375 | #searchresult.busy {
376 | 	background:url(../images/busy.gif) 61% 16px no-repeat;
377 | }
378 | #searchresult dt {
379 | 	padding:8px 0 18px 162px;
380 | 	border-bottom: 1px solid #E5E5E5;
381 | 	overflow:hidden;
382 | 	clear:both;
383 | }
384 | #searchresult dd {
385 | 	padding:18px 0;
386 | 	margin:0;
387 | 	border:0;
388 | 	clear:both;
389 | }
390 | 
391 | .style-brief {
392 | 	padding-bottom:18px;
393 | 	border-bottom: 1px solid #E5E5E5;
394 | 	margin-bottom: 18px;
395 | 	position:relative;
396 | 	list-style: none;
397 | 	min-height: 100px;
398 | }
399 | .style-brief.busy {
400 | 	background:url(../images/busy.gif) 85% 34px no-repeat;
401 | }
402 | .style-brief.installed {
403 | }
404 | 
405 | .style-brief-text header {
406 | 	font-size:1.5em;
407 | 	font-weight:bold;
408 | 	text-transform:capitalize;
409 | 	color:#000;
410 | }
411 | .style-brief-text {
412 | 	margin-left:164px;
413 | }
414 | #content .style-brief-text p {
415 | 	line-height:14px;
416 | 	padding:8px 140px 8px 0;
417 | 	color:#333;
418 | 	overflow:hidden;
419 | 	text-overflow:ellipsis;
420 | }
421 | .style-brief.last-child {
422 | 	border: 0;
423 | }
424 | 
425 | .listing-left-info {
426 | 	width: 157px;
427 | 	height: 101px;
428 | 	float: left;
429 | 	margin-left: -6px;
430 | 	position: relative;
431 | }
432 | .listing-left-info figure,
433 | .no-screenshots {
434 | 	width: 145px;
435 | 	height: 83px;
436 | 	border: 4px solid #fff;
437 | 	background: linear-gradient(to bottom, #f1f1f1 0%,#d6d5d5 100%);
438 | 	box-shadow: 0 1px 2px rgba(0,0,0,.3);
439 | 	color: transparent;
440 | 	font-size: 0;
441 | }
442 | 
443 | .screenshot-thumbnail, .no-screenshots {
444 | 	float:left;
445 | 	margin:5px 6px;
446 | 	width:145px;
447 | 	height:83px;
448 | 	overflow:hidden;
449 | 	line-height:83px;
450 | 	vertical-align:center;
451 | 	transform: translate3d(0, 0, 0);
452 | }
453 | 
454 | .no-screenshots:after {
455 | 	content:'';
456 | 	position: absolute;
457 | 	left:50%;
458 | 	top:50%;
459 | 	font-size: 14px;
460 | 
461 | 	transform:translate(-50%,-50%);
462 | }
463 | 
464 | .screenshot-thumbnail img {
465 | 	position:relative;
466 | 	display:inline-block;
467 | 	width:145px;
468 | 	height:auto;
469 | 	vertical-align:middle;
470 | 	/*
471 | 	-webkit-transform: scale(1);
472 | 	-webkit-transition: all 400ms ease-in-out;
473 | 	*/
474 | 	image-rendering:optimizeQuality;
475 | 	transform: translate3d(0, 0, 0);
476 | }
477 | .screenshot-thumbnail img:hover {
478 | 	/*
479 | 	-webkit-transform: scale(1.5);
480 | 	*/
481 | 	cursor:pointer;
482 | 	transform:translate3d(0,0,0);
483 | }
484 | 
485 | .style-brief a {
486 | 	cursor:default;
487 | 	text-decoration:none;
488 | 	color:#666;
489 | }
490 | 
491 | .style-brief:hover {
492 | }
493 | .style-brief.installed:hover {
494 | }
495 | 
496 | .style-install {
497 | 	position:absolute;
498 | 	right:0;
499 | 	top:30px;
500 | }
501 | 
502 | .style-brief-stats {
503 | 	color:#666;
504 | 	font-size:12px;
505 | }
506 | 
507 | .ratio, .ratio span {
508 | 	display:inline-block;
509 | 	position: relative;
510 | 	color: #ccc;
511 | 	overflow: hidden;
512 | }
513 | .ratio span {
514 | 	position: absolute;
515 | 	color: #2d7ab6;
516 | 	left:0;
517 | 	top:0;
518 | 	width: 100%;
519 | 	height: 100%;
520 | }
521 | 
522 | /* PAGINATION */
523 | 
524 | .pagination {
525 | 	width:100%;
526 | 	text-align:center;
527 | 	margin:32px 0 0 0;
528 | }
529 | 
530 | .pagination a {
531 | 	display:inline-block;
532 | 	text-decoration:none;
533 | 	color:#666;
534 | 	width:11px;
535 | 	height:11px;
536 | 	margin:0 1px;
537 | }
538 | .pagination a.point {
539 | 
540 | 	width: 8px;
541 | 	height: 8px;
542 | 	border-radius:50%;
543 | 	border:1px solid #ccc;
544 | 	background: #eee;
545 | }
546 | .pagination .prev {
547 | 	margin:0 10px 0 0;
548 | 	display: none;
549 | }
550 | .pagination .next {
551 | 	margin:0 0 0 10px;
552 | 	display: none;
553 | }
554 | .pagination a:hover {
555 | 	background: #ccc;
556 | 	border-color: #aaa;
557 | }
558 | .pagination a.active {
559 | 	background: #32a7e1;
560 | 	border-color: #1991cd;
561 | }
562 | 
563 | #content footer {
564 | 	color:#666;
565 | 	text-align:center;
566 | }
567 | 
568 | /* POPUP */
569 | 
570 | #popup {
571 | 	position:fixed;
572 | 	z-index:9999;
573 | 	left:0;
574 | 	top:0;
575 | 	height:100%;
576 | 	width:100%;
577 | 	background:rgba(255,255,255,.8);
578 | }
579 | #popup img {
580 | 	display:block;
581 | 	position:absolute;
582 | 	z-index:1;
583 | 	left:50%;
584 | 	top:50%;
585 | 	width:95%;
586 | 	height:auto;
587 | 	max-width:640px;
588 | 	min-width:320px;
589 | 	border:4px solid #fff;
590 | 	box-shadow:0 8px 32px rgba(0,0,0,.8);
591 | 	transform:translate3d(0,0,0) translate(-50%, -50%);
592 | 	transition: opacity .4s ease-in-out;
593 | 	image-rendering:optimizeQuality;
594 | 	background: #fff;
595 | }
596 | #popup img.before {
597 | 	z-index:2;
598 | 	box-shadow:none;
599 | 	opacity:0;
600 | }
601 | #popup img.before:hover {
602 | 	opacity:1;
603 | }
604 | 
605 | /* SETTINGS */
606 | 
607 | .loginform fieldset {
608 | 	display:inline-block;
609 | 	padding-right:16px;
610 | }
611 | 
612 | #logoutform {
613 | 
614 | }
615 | #logoutform fieldset {
616 | 	
617 | }
618 | 
619 | .loginform.busy fieldset.controls,
620 | .importexportform.busy fieldset {
621 | 	background:url(../images/busy.gif) 100% 50% no-repeat;
622 | }
623 | #logoutform fieldset.controls {
624 | 	padding:0 0 0 16px;
625 | 	background-position:0 50%;
626 | }
627 | 
628 | #content.settings dd {
629 | 	padding-right:0;
630 | }
631 | 
632 | dt sup {
633 | 	font-weight:normal;
634 | 	font-size:.6em;
635 | 	color:#aaa;
636 | }
637 | 
638 | .settings dd {
639 | 	padding-top:10px;
640 | 	overflow:hidden;
641 | 	clear:both;
642 | }
643 | 
644 | .userinfo {
645 | 	text-align:left;
646 | 	float:none;
647 | 	display:static;
648 | }
649 | .userinfo li {
650 | 	font-size:11px;
651 | 	color:#888;
652 | }
653 | 
654 | #importexport span {
655 | 	position:relative;
656 | }
657 | #importexport span input {
658 | 	opacity:.01;
659 | 	position:absolute;
660 | 	left:0;
661 | 	top:-3px;
662 | 	width:90px;
663 | 	margin:0;
664 | 	padding:0 1px;
665 | 	font-size:18px;
666 | 	line-height:1px;
667 | }
668 | ::-webkit-file-upload-button { cursor:pointer;}
669 | 
670 | /* ANIMATION */
671 | 
672 | .ani {
673 | 	transition:all 200ms ease-in-out;
674 | }
675 | 
676 | /* ADS */
677 | 
678 | #menu a.ad {
679 | 	display: block;
680 | 	text-decoration: none;
681 | 	width: 160px;
682 | 	height: 160px;
683 | 	background: #232f3e url(../images/amazon.svg) 50% 50% no-repeat;
684 | 	background-size: 50% auto;
685 | 	padding: 0;
686 | 	margin: 9px 0 8px 16px;
687 | 	border-radius: 10px;
688 | 	transition: none;
689 | }
690 | #menu a.ad:after {
691 | 	position: absolute;
692 | 	top: 100%;
693 | 	padding: 10px 4px;
694 | 	content: 'Shop through our link to support this extension!';
695 | 	font-size: 12px;
696 | 	color: #aaa;
697 | }
698 | 
699 | /* SOCIAL */
700 | 
701 | .social,
702 | #menu a.coffee {
703 | 	transform: translate3d(0,0,0);
704 | 	filter: grayscale(100%);
705 | 	opacity:.5;
706 | 	transition:all 200ms ease-in-out;
707 | }
708 | .social:hover,
709 | #menu a.coffee:hover {
710 | 	filter: grayscale(1%);
711 | 	opacity:1;
712 | }
713 | 
714 | #fblike,
715 | #gplus,
716 | #tw {
717 | 	display:inline-block;
718 | 	width:82px;
719 | 	height: 20px;
720 | 	margin: 8px 0 0 16px;
721 | }
722 | #gplus,
723 | #tw {
724 | 	width:60px;
725 | 	margin:8px 0 0 8px;
726 | }
727 | #tw {
728 | 	width:63px;
729 | }
730 | /* no counter */
731 | #gplus {
732 | 	width:36px;
733 | }
734 | #fblike {
735 | 	width:52px;
736 | }
737 | 
738 | /* COFFEE */
739 | 
740 | #menu a.coffee {
741 | 	background: rgba(37, 19, 7, .5) url(../images/coffee.png) 10px 50% no-repeat;
742 | 	background-size: 12px auto;
743 | 	padding: 0 0 0 30px;
744 | 	color: #fff;
745 | 	text-align: left;
746 | 	font-size: 12px;
747 | 	font-weight: 600;
748 | 	display: block;
749 | 	border-radius: 4px;
750 | 	line-height: 28px;
751 | 	height: 28px;
752 | 	margin: 4px 10px 0 17px;
753 | }


--------------------------------------------------------------------------------
/stylish.safariextension/edit.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <html lang="en-US">
 3 | <head>
 4 | 	<meta charset="UTF-8">
 5 | 	<title>Styles editor</title>
 6 | 	
 7 | 	<link rel="stylesheet" type="text/css" href="assets/styles.css" media="all">
 8 | 	<link rel="stylesheet" type="text/css" href="assets/codemirror/codemirror.css" media="all">
 9 | 	
10 | 	<script type="text/javascript" src="assets/jquery.js"></script>
11 | 	<script type="text/javascript" src="assets/fn.js"></script>
12 | 
13 | 	
14 | 	<script type="text/javascript" src="assets/codemirror/codemirror.js"></script>
15 | 	<script type="text/javascript" src="assets/codemirror/active-line.js"></script>
16 | 	<script type="text/javascript" src="assets/codemirror/matchbrackets.js"></script>
17 | 	<script type="text/javascript" src="assets/codemirror/css.js"></script>
18 | 	<script type="text/javascript" src="assets/codemirror/emmet.js"></script>
19 | 	<script type="text/javascript" src="assets/codemirror/csslint.js"></script>
20 | 
21 | 	<script type="text/javascript" src="assets/edit.js"></script>
22 | 
23 | 	
24 | 	
25 | </head>
26 | <body class="cln">
27 | 	
28 | 	<section id="menu">
29 | 		<header>
30 | 			<h1>Stylish</h1>
31 | 			<span class="badge" id="version"></span>
32 | 		</header>
33 | 	</section>
34 | 	
35 | 	<section id="content" class="cln">
36 | 	</section>
37 | </body>
38 | </html>


--------------------------------------------------------------------------------
/stylish.safariextension/global.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <html lang="en-US">
 3 | <head>
 4 | 	<meta charset="UTF-8">
 5 | 	<title>Stylish</title>
 6 | 	<script type="text/javascript" src="assets/fn.js"></script>
 7 | 	<script type="text/javascript" src="assets/global.js"></script>
 8 | 	
 9 | </head>
10 | <body>
11 | 	<div id="searchResults"></div>
12 | </body>
13 | </html>


--------------------------------------------------------------------------------
/stylish.safariextension/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/350d/stylish/bc1b5b4094bfe56ab6853cedc377cab3da1cd67b/stylish.safariextension/icon.png


--------------------------------------------------------------------------------
/stylish.safariextension/icon16-grayscale.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/350d/stylish/bc1b5b4094bfe56ab6853cedc377cab3da1cd67b/stylish.safariextension/icon16-grayscale.png


--------------------------------------------------------------------------------
/stylish.safariextension/images/amazon.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="602.27954" height="181.49922"><g fill-rule="evenodd"><path fill="#f90" d="M373.6 142c-35 25.7-85.7 39.5-129.4 39.5a234.2 234.2 0 0 1-158-60.3c-3.3-3-.4-7 3.5-4.7a314.5 314.5 0 0 0 278.8 17.3c6-2.6 11 3.8 5.1 8.1"/><path fill="#f90" d="M388.2 125.3c-4.5-5.7-29.6-2.7-40.9-1.4-3.4.4-4-2.5-.8-4.7 20-14 52.8-10 56.6-5.3 3.9 4.8-1 37.7-19.8 53.4-2.8 2.4-5.6 1-4.3-2.1 4.2-10.5 13.7-34.2 9.2-40"/><path fill="#fff" d="M348.1 19.8V6.1c0-2 1.6-3.4 3.5-3.4h61.3c2 0 3.5 1.4 3.5 3.4V18c0 2-1.7 4.5-4.6 8.6L380 71.8a67.6 67.6 0 0 1 35 7.5c2.4 1.3 3 3.3 3.2 5.3v14.6c0 2-2.2 4.3-4.5 3.1a70.6 70.6 0 0 0-64.7.1c-2.1 1.2-4.4-1.1-4.4-3.1V85.4c0-2.2 0-6 2.3-9.4l36.8-52.7h-32c-2 0-3.6-1.4-3.6-3.5M124.6 105.2H106a3.5 3.5 0 0 1-3.3-3.2V6.4c0-2 1.6-3.5 3.6-3.5h17.3c1.8.1 3.3 1.5 3.4 3.2v12.5h.4c4.5-12 13-17.7 24.5-17.7 11.7 0 19 5.7 24.2 17.7A26.4 26.4 0 0 1 201.8 1c7.9 0 16.4 3.2 21.6 10.5 6 8 4.7 19.7 4.7 30v60.3c0 2-1.6 3.5-3.6 3.5h-18.6a3.5 3.5 0 0 1-3.4-3.5V51c0-4 .4-14-.5-17.9-1.4-6.4-5.6-8.2-11-8.2-4.5 0-9.2 3-11.1 7.8-2 4.8-1.7 13-1.7 18.3v50.7c0 2-1.6 3.5-3.6 3.5H156a3.5 3.5 0 0 1-3.4-3.5V51c0-10.6 1.7-26.3-11.5-26.3-13.4 0-12.9 15.3-12.9 26.3v50.7c0 2-1.6 3.5-3.6 3.5M469.2 1c27.6 0 42.6 23.7 42.6 53.9 0 29.2-16.6 52.3-42.6 52.3-27.2 0-42-23.8-42-53.4 0-29.7 15-52.9 42-52.9m.1 19.5c-13.7 0-14.6 18.8-14.6 30.4 0 11.7-.2 36.7 14.5 36.7 14.4 0 15-20.1 15-32.4 0-8-.3-17.7-2.7-25.4-2.1-6.7-6.3-9.3-12.2-9.3M547.6 105.2h-18.5a3.5 3.5 0 0 1-3.4-3.5V6.1a3.5 3.5 0 0 1 3.6-3.2h17.3c1.6.1 3 1.2 3.3 2.7v14.6h.3C555.5 7.2 562.8 1 575.6 1c8.4 0 16.6 3 21.8 11.3 4.9 7.6 4.9 20.5 4.9 29.8v60.2c-.2 1.7-1.8 3-3.6 3H580a3.5 3.5 0 0 1-3.3-3v-52c0-10.4 1.2-25.7-11.7-25.7-4.5 0-8.7 3-10.7 7.6-2.7 5.9-3 11.7-3 18.1v51.5c0 2-1.7 3.5-3.7 3.5M299.3 59.5c0 7.3.2 13.3-3.5 19.8-3 5.2-7.7 8.4-12.9 8.4-7.2 0-11.3-5.4-11.3-13.5 0-15.8 14.2-18.7 27.7-18.7v4M318 105a3.9 3.9 0 0 1-4.4.5c-6.2-5.1-7.3-7.5-10.7-12.4-10.2 10.4-17.5 13.5-30.7 13.5-15.7 0-28-9.7-28-29 0-15.2 8.2-25.5 20-30.5 10-4.5 24.2-5.2 35-6.5v-2.4c0-4.4.3-9.7-2.3-13.5-2.2-3.4-6.6-4.8-10.4-4.8-7.2 0-13.5 3.6-15 11.2-.3 1.6-1.6 3.3-3.3 3.4l-18-2c-1.6-.3-3.3-1.5-2.8-3.9C251.6 6.6 271.5 0 289.2 0c9 0 20.9 2.4 28 9.3 9.1 8.4 8.3 19.7 8.3 32v29c0 8.8 3.6 12.7 7 17.4 1.2 1.6 1.4 3.7-.1 5a791 791 0 0 0-14.3 12.3M55 59.5c0 7.3.1 13.3-3.6 19.8-3 5.2-7.6 8.4-12.9 8.4-7.1 0-11.3-5.4-11.3-13.5 0-15.8 14.2-18.7 27.7-18.7v4M73.7 105a3.9 3.9 0 0 1-4.4.5c-6.2-5.1-7.3-7.5-10.7-12.4-10.2 10.4-17.4 13.5-30.7 13.5-15.7 0-27.9-9.7-27.9-29C0 62.3 8.2 52 19.9 47c10-4.5 24.2-5.2 35-6.5v-2.4c0-4.4.4-9.7-2.2-13.5-2.3-3.4-6.7-4.8-10.5-4.8-7.1 0-13.4 3.6-15 11.2-.3 1.6-1.5 3.3-3.2 3.4l-18.1-2c-1.5-.3-3.2-1.5-2.8-3.9C7.3 6.6 27.1 0 44.8 0c9 0 21 2.4 28 9.3 9.2 8.4 8.3 19.7 8.3 32v29c0 8.8 3.6 12.7 7 17.4 1.2 1.6 1.5 3.7 0 5A791 791 0 0 0 73.8 105"/></g></svg>


--------------------------------------------------------------------------------
/stylish.safariextension/images/bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/350d/stylish/bc1b5b4094bfe56ab6853cedc377cab3da1cd67b/stylish.safariextension/images/bg.jpg


--------------------------------------------------------------------------------
/stylish.safariextension/images/busy.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/350d/stylish/bc1b5b4094bfe56ab6853cedc377cab3da1cd67b/stylish.safariextension/images/busy.gif


--------------------------------------------------------------------------------
/stylish.safariextension/images/coffee.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/350d/stylish/bc1b5b4094bfe56ab6853cedc377cab3da1cd67b/stylish.safariextension/images/coffee.png


--------------------------------------------------------------------------------
/stylish.safariextension/images/popup-shadow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/350d/stylish/bc1b5b4094bfe56ab6853cedc377cab3da1cd67b/stylish.safariextension/images/popup-shadow.png


--------------------------------------------------------------------------------
/stylish.safariextension/manage.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <html lang="en-US">
 3 | <head>
 4 | 	<meta charset="UTF-8">
 5 | 	<title>Styles manager</title>
 6 | 
 7 | 	<link rel="stylesheet" type="text/css" href="assets/styles.css" media="all">
 8 | 	<script type="text/javascript" src="assets/jquery.js"></script>
 9 | 	<script type="text/javascript" src="assets/fn.js"></script>
10 | 	<script type="text/javascript" src="assets/manage.js"></script>
11 | 
12 | </head>
13 | <body class="cln">
14 | 
15 | 	<section id="menu">
16 | 		<header>
17 | 			<h1>Stylish</h1>
18 | 			<span class="badge" id="version"></span>
19 | 		</header>
20 | 	</section>
21 | 
22 | 	<section id="content" class="cln">
23 | 	</section>
24 | </body>
25 | </html>


--------------------------------------------------------------------------------
/stylish.safariextension/null.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE HTML>
2 | <html lang="en-US">
3 | <head>
4 | 	<title>null</title>
5 | </head>
6 | <body>
7 | </body>
8 | </html>


--------------------------------------------------------------------------------
/stylish.safariextension/popup.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <html lang="en-US">
 3 | <head>
 4 | 	<meta charset="UTF-8">
 5 | 	<title>Stylish Popup</title>
 6 | 
 7 | 	<link rel="stylesheet" type="text/css" href="assets/popup.css" media="all">
 8 | 
 9 | 	<script type="text/javascript" src="assets/fn.js"></script>
10 | 	<script type="text/javascript" src="assets/popup.js"></script>
11 | </head>
12 | <body>
13 | 
14 | 	<form action="" id="popover">
15 | 		<fieldset id="styleslistul">
16 | 			<legend>Installed syles list</legend>
17 | 			<ul id="styleslist">
18 | 				<li>No styles installed</li>
19 | 			</ul>
20 | 		</fieldset>
21 | 		<fieldset id="controls">
22 | 			<button id="find">Find more</button>
23 | 			<button id="manage">Manage</button>
24 | 		</fieldset>
25 | 	</form>
26 | 
27 | </body>
28 | </html>


--------------------------------------------------------------------------------
/stylish.safariextension/search.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <html lang="en-US" class="search">
 3 | <head>
 4 | 	<meta charset="UTF-8">
 5 | 	<title>Search user styles</title>
 6 | 
 7 | 	<link rel="stylesheet" type="text/css" href="assets/styles.css" media="all">
 8 | 	<script type="text/javascript" src="assets/jquery.js"></script>
 9 | 	<script type="text/javascript" src="assets/fn.js"></script>
10 | 	<script type="text/javascript" src="assets/search.js"></script>
11 | 
12 | </head>
13 | <body class="cln">
14 | 
15 | 	<section id="menu">
16 | 		<header>
17 | 			<h1>Stylish</h1>
18 | 			<span class="badge" id="version"></span>
19 | 		</header>
20 | 	</section>
21 | 
22 | 	<section id="content" class="cln">
23 | 		<dl id="searchresult"><dt><input type="search" name="s" id="ssearch" results="0" size="48" placeholder="Search user styles" autosave=""></dt><dd></dd></dl>
24 | 		<footer>
25 | 			Search results provided by <a href="https://userstyles.org" target="_blank">userstyles.org</a>.
26 | 		</footer>
27 | 	</section>
28 | </body>
29 | </html>


--------------------------------------------------------------------------------
/stylish.safariextension/settings.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <html lang="en-US">
 3 | <head>
 4 | 	<meta charset="UTF-8">
 5 | 	<title>Stylish Settings</title>
 6 | 
 7 | 	<link rel="stylesheet" type="text/css" href="assets/styles.css" media="all">
 8 | 	<script type="text/javascript" src="assets/jquery.js"></script>
 9 | 	<script type="text/javascript" src="assets/fn.js"></script>
10 | 	<script type="text/javascript" src="assets/settings.js"></script>
11 | 	
12 | </head>
13 | <body class="cln">
14 | 
15 | 	<section id="menu">
16 | 		<header>
17 | 			<h1>Stylish</h1>
18 | 			<span class="badge" id="version"></span>
19 | 		</header>
20 | 	</section>
21 | 
22 | 	<section id="content" class="cln settings">
23 | 		<dl>
24 | 			<dt class="hide">Userstyles.org account <sup>β</sup></dt>
25 | 			<dd class="loginform hide">
26 | 				<form id="loginform" method="POST" action="https://userstyles.org/login/authenticate_normal" class="hide">
27 | 					<fieldset class="controls">
28 | 						<legend></legend>
29 | 						<input id="login" name="login" placeholder="name">
30 | 						<input id="password" name="password" type="password" placeholder="password">
31 | 						<button>Log in</button>
32 | 					</fieldset>
33 | 				</form>
34 | 				
35 | 				<form id="logoutform" method="GET" action="https://userstyles.org/logout" class="hide">
36 | 					<fieldset class="fl userinfo">
37 | 					</fieldset>
38 | 					<fieldset class="controls fr">
39 | 						<legend></legend>
40 | 						<button class="red">Log out</button>
41 | 					</fieldset>
42 | 				</form>
43 | 			</dd>
44 | 
45 | 			<dt>Import/Export Styles<sup>β</sup></dt>
46 | 			<dd class="importexportform">
47 | 				<form action="http://sobolev.us/download/stylish/export.php" id="importexport" method="POST" enctype="multipart/form-data">
48 | 					<fieldset>
49 | 						<span>
50 | 							<input type="file" name="jsonfile" id="jsonfile">
51 | 							<input type="hidden" name="timestamp" id="timestamp">
52 | 							<button id="import">Import</button>
53 | 						</span>
54 | 						<a href="#" id="export" class="button" download="stylish-export.json">Export</a>
55 | 						<!--<p>You can rename exported file to something more usefull than <code>Unknown</code></p>-->
56 | 					</fieldset>
57 | 				</form>
58 | 			</dd>
59 | 
60 | 			<dt>Tracking</dt>
61 | 			<dd class="tracking">
62 | 				<form action="#" id="tracking">
63 | 					<fieldset>
64 | 						<label for="tracking-checkbox"><input type="checkbox" checked id="tracking-checkbox" name="tracking"> Collect anonymous usage statistics</label>
65 | 					</fieldset>
66 | 				</form>
67 | 			</dd>
68 | 			
69 | 			<dt>Extension settings</dt>
70 | 			<dd class="settings">
71 | 				<form action="#" id="settings">
72 | 					<fieldset>
73 | 						<p>
74 | 							<label for="minify-checkbox"><input type="checkbox" checked id="minify-checkbox" name="minify"> Minify CSS before injecting</label>
75 | 						</p>
76 | 						<p>
77 | 							<label for="context-checkbox"><input type="checkbox" checked id="context-checkbox" name="context"> Enable context menu item</label>
78 | 						</p>
79 | 						<p class="hide">
80 | 							<label for="darktheme-checkbox"><input type="checkbox" id="darktheme-checkbox" name="darktheme"> Enable dark theme</label>
81 | 						</p>
82 | 					</fieldset>
83 | 					
84 | 				</form>
85 | 			</dd>
86 | 
87 | 		</dl>
88 | 	</section>	
89 | </body>
90 | </html>


--------------------------------------------------------------------------------
/stylish.safariextension/toolbar_icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/350d/stylish/bc1b5b4094bfe56ab6853cedc377cab3da1cd67b/stylish.safariextension/toolbar_icon.png


--------------------------------------------------------------------------------
/stylish.safariextension/toolbar_icon@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/350d/stylish/bc1b5b4094bfe56ab6853cedc377cab3da1cd67b/stylish.safariextension/toolbar_icon@2x.png


--------------------------------------------------------------------------------
/stylish.safariextz:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/350d/stylish/bc1b5b4094bfe56ab6853cedc377cab3da1cd67b/stylish.safariextz


--------------------------------------------------------------------------------