├── .gitignore
├── LICENSE.txt
├── README.md
├── img
├── c1.png
├── c2.png
├── c4.png
├── gyroscope_image.png
├── h5.png
├── me-crazy-rubik.jpg
├── noise.png
├── pngrubik.png
├── redo.png
├── rotate.png
├── rotate2.png
├── transform.png
├── twofingers.png
└── undo.png
├── index.html
├── message-scroll.js
├── rubik.css
├── rubik.js
├── style.css
└── tutorial
├── common.css
├── index.html
├── sh
├── LGPL-LICENSE
├── MIT-LICENSE
├── index.html
├── scripts
│ ├── shAutoloader.js
│ ├── shBrushAS3.js
│ ├── shBrushAppleScript.js
│ ├── shBrushBash.js
│ ├── shBrushCSharp.js
│ ├── shBrushColdFusion.js
│ ├── shBrushCpp.js
│ ├── shBrushCss.js
│ ├── shBrushDelphi.js
│ ├── shBrushDiff.js
│ ├── shBrushErlang.js
│ ├── shBrushGroovy.js
│ ├── shBrushJScript.js
│ ├── shBrushJava.js
│ ├── shBrushJavaFX.js
│ ├── shBrushPerl.js
│ ├── shBrushPhp.js
│ ├── shBrushPlain.js
│ ├── shBrushPowerShell.js
│ ├── shBrushPython.js
│ ├── shBrushRuby.js
│ ├── shBrushSass.js
│ ├── shBrushScala.js
│ ├── shBrushSql.js
│ ├── shBrushVb.js
│ ├── shBrushXml.js
│ ├── shCore.js
│ └── shLegacy.js
├── src
│ ├── shAutoloader.js
│ ├── shCore.js
│ └── shLegacy.js
├── styles
│ ├── shCore.css
│ ├── shCoreDefault.css
│ ├── shCoreDjango.css
│ ├── shCoreEclipse.css
│ ├── shCoreEmacs.css
│ ├── shCoreFadeToGrey.css
│ ├── shCoreMDUltra.css
│ ├── shCoreMidnight.css
│ ├── shCoreRDark.css
│ ├── shThemeDefault.css
│ ├── shThemeDjango.css
│ ├── shThemeEclipse.css
│ ├── shThemeEmacs.css
│ ├── shThemeFadeToGrey.css
│ ├── shThemeMDUltra.css
│ ├── shThemeMidnight.css
│ └── shThemeRDark.css
└── tests
│ ├── .rvmrc
│ ├── brushes
│ └── sass.html
│ ├── brushes_tests.html
│ ├── cases
│ ├── 001_basic.html
│ ├── 002_brushes.html
│ ├── 003_script_tag.html
│ ├── 004_url_parsing.html
│ ├── 005_no_gutter.html
│ ├── 006_pad_line_numbers.html
│ ├── 007_collapse.html
│ ├── 007_collapse_interaction.html
│ ├── 008_first_line.html
│ ├── 009_class_name.html
│ ├── 010_highlight.html
│ ├── 011_smart_tabs.html
│ ├── 012_server_side.html
│ ├── 013_html_script.html
│ └── 014_legacy.html
│ ├── commonjs_tests.js
│ ├── js
│ ├── jquery-1.4.2.js
│ ├── qunit.css
│ └── qunit.js
│ ├── syntaxhighlighter_tests.html
│ ├── theme_tests.html
│ ├── webrick.rb
│ └── webrick.sh
├── step1
└── index.html
├── step2
└── index.html
└── step3
├── index.html
└── rubik-simple.js
/.gitignore:
--------------------------------------------------------------------------------
1 |
2 | .DS_Store
3 |
4 | README copy.md
5 |
--------------------------------------------------------------------------------
/LICENSE.txt:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2016 Diego Ferreiro Val
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | html5rubik
2 | ==========
3 |
4 | ## Disclaimer
5 |
6 | Note that this project was done in 2012 so be aware that some code might not be up to date to latest standards and best practices.
7 |
8 | ## Rubik's cube
9 |
10 | Rubik's cube made in HTML5 using just CSS3 and Javascript. Optimized for Mobile and Tablet devices
11 |
12 | Official Web:
13 | http://html5rubik.com
14 |
15 | Tutorial:
16 | http://html5rubik.com/tutorial
17 |
18 | Comments & Questions: [@diervo](https://twitter.com/#!/diervo)
--------------------------------------------------------------------------------
/img/c1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/diervo/html5rubik/4622392cc9538640d84e107bb110dbd432a6eef9/img/c1.png
--------------------------------------------------------------------------------
/img/c2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/diervo/html5rubik/4622392cc9538640d84e107bb110dbd432a6eef9/img/c2.png
--------------------------------------------------------------------------------
/img/c4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/diervo/html5rubik/4622392cc9538640d84e107bb110dbd432a6eef9/img/c4.png
--------------------------------------------------------------------------------
/img/gyroscope_image.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/diervo/html5rubik/4622392cc9538640d84e107bb110dbd432a6eef9/img/gyroscope_image.png
--------------------------------------------------------------------------------
/img/h5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/diervo/html5rubik/4622392cc9538640d84e107bb110dbd432a6eef9/img/h5.png
--------------------------------------------------------------------------------
/img/me-crazy-rubik.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/diervo/html5rubik/4622392cc9538640d84e107bb110dbd432a6eef9/img/me-crazy-rubik.jpg
--------------------------------------------------------------------------------
/img/noise.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/diervo/html5rubik/4622392cc9538640d84e107bb110dbd432a6eef9/img/noise.png
--------------------------------------------------------------------------------
/img/pngrubik.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/diervo/html5rubik/4622392cc9538640d84e107bb110dbd432a6eef9/img/pngrubik.png
--------------------------------------------------------------------------------
/img/redo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/diervo/html5rubik/4622392cc9538640d84e107bb110dbd432a6eef9/img/redo.png
--------------------------------------------------------------------------------
/img/rotate.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/diervo/html5rubik/4622392cc9538640d84e107bb110dbd432a6eef9/img/rotate.png
--------------------------------------------------------------------------------
/img/rotate2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/diervo/html5rubik/4622392cc9538640d84e107bb110dbd432a6eef9/img/rotate2.png
--------------------------------------------------------------------------------
/img/transform.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/diervo/html5rubik/4622392cc9538640d84e107bb110dbd432a6eef9/img/transform.png
--------------------------------------------------------------------------------
/img/twofingers.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/diervo/html5rubik/4622392cc9538640d84e107bb110dbd432a6eef9/img/twofingers.png
--------------------------------------------------------------------------------
/img/undo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/diervo/html5rubik/4622392cc9538640d84e107bb110dbd432a6eef9/img/undo.png
--------------------------------------------------------------------------------
/message-scroll.js:
--------------------------------------------------------------------------------
1 | YUI.add('message-scroll',function(Y){
2 |
3 | function MessageScroll (cfg){
4 | cfg = cfg || {};
5 | this._src = Y.one(cfg.src || '#messages');
6 | this._cardWidth = cfg.width || 408;
7 | this._src.one('ul.active');
8 | this._ul = this._src.one('ul.active');
9 | this._cards = this._src.one('div.populate');
10 | this.init();
11 | }
12 |
13 | MessageScroll.prototype = {
14 | init:function(){
15 | this.bind();
16 | this.position = 0;
17 | this.populate(0);
18 | this._ul.setStyle('transform','translate3d(-' + this._cardWidth + 'px,0,0)');
19 | this._ul.addClass('moving');
20 | this.checkSupport();
21 | },
22 | bind: function(){
23 | this._src.on('webkitTransitionEnd',this._endTransition,this);
24 | this._src.on('transitionend',this._endTransition,this);
25 | this._ul.on("flick", Y.bind(this.flickHandler, this), {
26 | minDistance: 5,
27 | minVelocity: 0.2,
28 | preventDefault: true
29 | });
30 | },
31 | checkSupport: function (){
32 | var notSupported = (Y.UA.opera || Y.UA.ie);
33 | if(notSupported){
34 | var tmpl = '' +
35 | 'Ups!, Browser not supported yet!
' +
36 | 'I\'m working on it... Try with a Webkit browser in the meantime! :)
' +
37 | '';
38 | Y.one('div [data-pos="0"]').setContent(tmpl);
39 | }
40 |
41 | },
42 | populate: function(position){
43 | var liPrev = this._ul.one('*'),
44 | liCurrent = liPrev.next(),
45 | liNext = liCurrent.next(),
46 |
47 | contentLiPrev = liPrev.one('*'),
48 | contentLiCurrent = liCurrent.one('*'),
49 | contentLiNext = liNext.one('*');
50 |
51 | this._cards.append(contentLiPrev);
52 | this._cards.append(contentLiCurrent);
53 | this._cards.append(contentLiNext);
54 |
55 | //we check here the cards in case some new load update to the DOM
56 | this._totalCards = this._cards.get('children').size();
57 |
58 | positionNode = this._cards.one('div[data-pos="'+ position +'"]'),
59 | prevNode = this._cards.one('div[data-pos="'+ (position-1) +'"]'),
60 | nextNode = this._cards.one('div[data-pos="'+ (position+ 1) +'"]'),
61 |
62 | liPrev.append(prevNode);
63 | liCurrent.append(positionNode);
64 | liNext.append(nextNode);
65 |
66 | },
67 | _endTransition:function(evt){
68 | this.populate(this.position);
69 | this._ul.setStyle('transform','translate3d(-' + this._cardWidth + 'px,0,0)');
70 | this.moving = false;
71 |
72 | },
73 | flickHandler:function(evt){
74 | var cardW = this._cardWidth,
75 | dir = evt.flick.distance > 0 ? 0 : -2,
76 | horizontal = evt.flick.axis == 'x',
77 | move = 'translate3d('+ (dir * cardW) +'px,0,0)',
78 | newPos = this.position + (dir < 0 ? 1 : -1);
79 |
80 | if(horizontal && !this.moving && newPos>=0 && newPos<=this._totalCards-1){
81 | this.position = newPos;
82 | this.moving = true;
83 | this._ul.setStyle('transform',move);
84 | }
85 | }
86 | };
87 |
88 | Y.MessageScroll = MessageScroll;
89 |
90 | },"0.0.1",{
91 | requires:['node','transition','event','event-delegate','event-gestures']
92 | });
--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
1 | body {
2 | max-width: 66em;
3 | padding: 1em;
4 | margin: auto;
5 | background-image: url("//toptal.com/designers/subtlepatterns/patterns/grunge_wall.png");
6 | font: 100%/1.5;
7 | font-family: Georgia;
8 | text-shadow: 0 1px white;
9 | position: relative;
10 | min-height: 1300px;
11 | overflow: hidden;
12 | -webkit-font-smoothing: antialiased;
13 | }
14 | a {
15 | background: #83786d;
16 | padding: 2px 5px;
17 | border-radius: 3px;
18 | text-decoration: none;
19 | color: white;
20 | cursor: pointer;
21 | }
22 |
23 | header hgroup {
24 | cursor: pointer;
25 | padding: 1.2em 4em;
26 | }
27 |
28 | header h1 {
29 | font-size: 450%;
30 | font-family: "Luckiest Guy", cursive;
31 | padding: 0;
32 | margin: 0;
33 | line-height: 60%;
34 | border-bottom: 1px solid black;
35 | font-weight: bold;
36 | text-shadow: rgba(0, 0, 0, 0.2) 3px 3px 3px;
37 | color: #fff;
38 | /*text stroke*/
39 | -webkit-text-stroke: 4px rgba(0, 0, 0, 0.6);
40 | }
41 | header h2 {
42 | font-size: 70%;
43 | line-height: 10px;
44 | }
45 |
46 | #cube {
47 | margin: 40px 85px;
48 | zoom: 0.85;
49 | opacity: 0;
50 | }
51 |
52 | #tutorial {
53 | position: absolute;
54 | opacity: 0;
55 | display: none;
56 | top: 870px;
57 | width: 800px;
58 | height: 240px;
59 | left: 50%;
60 | margin-left: -420px;
61 | padding: 10px;
62 | -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
63 | -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
64 | -webkit-border-radius: 5px;
65 | -moz-border-radius: 5px;
66 | border-radius: 5px;
67 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
68 | background: #ccc;
69 | background: rgba(0, 0, 0, 0.2);
70 | z-index: 5000;
71 | line-height: 50px;
72 | font-size: 200%;
73 | text-align: center;
74 | }
75 | #tutorial span {
76 | color: white;
77 | font-weight: bold;
78 | text-decoration: underline;
79 | }
80 | #tutorial span.green {
81 | color: green;
82 | text-decoration: none;
83 | }
84 |
85 | #messages {
86 | position: absolute;
87 | cursor: -webkit-grab;
88 | top: 120px;
89 | right: 0px;
90 | width: 408px;
91 | height: 240px;
92 | opacity: 0;
93 | display: none;
94 | -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
95 | -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
96 | margin-right: 2.1em;
97 | border-radius: 5px;
98 | background: rgba(0, 0, 0, 0.2);
99 | z-index: 5000;
100 | padding: 15px;
101 | }
102 | #messages .panel {
103 | padding: 0;
104 | margin: 0;
105 | text-align: center;
106 | opacity: 0.8;
107 | color: white;
108 | text-shadow: none;
109 |
110 | display: -webkit-box;
111 | -webkit-box-align: center;
112 | height: 100%;
113 | }
114 | #messages ul {
115 | list-style: none;
116 | padding: 0px;
117 | margin: 0px;
118 | width: 1232px;
119 | height: 100%;
120 | -webkit-transform: translate3d(0, 0, 0);
121 | -moz-transform: translate3d(0, 0, 0);
122 | }
123 | #messages .moving {
124 | -webkit-transition: -webkit-transform 0.2s ease-in-out;
125 | -moz-transition: -moz-transform 0.2s ease-in-out;
126 | }
127 |
128 | #messages li {
129 | width: 408px;
130 | height: 240px;
131 | display: inline-block;
132 | vertical-align: middle;
133 | }
134 | .wrapper {
135 | width: 100%;
136 | height: 100%;
137 | overflow: hidden;
138 | }
139 |
140 | #messages .panel h1 {
141 | padding: 10px 0;
142 | margin: 0;
143 | font-size: 1.8em;
144 | }
145 | #messages .panel h2 {
146 | font-size: 1.2em;
147 | }
148 | #messages .panel p {
149 | font-size: 1.1em;
150 | line-height: 1.4em;
151 | }
152 | #messages .populate {
153 | display: none;
154 | }
155 | #messages .moving .prev,
156 | #messages .moving .next {
157 | opacity: 0;
158 | }
159 |
160 | /* END MESSAGE CLASSSES */
161 |
162 | aside {
163 | margin-left: 470px;
164 | margin-top: -10px;
165 | }
166 | #cube-controls {
167 | opacity: 0;
168 | display: none;
169 | margin-right: 2em;
170 | position: absolute;
171 | top: 390px;
172 | right: 0;
173 | }
174 | #cube-controls ul {
175 | list-style: none;
176 | }
177 | #cube-controls li {
178 | display: inline-block;
179 | color: white;
180 | font-size: 80%;
181 | line-height: 104px;
182 | background-image: linear-gradient(
183 | top,
184 | rgb(112, 112, 112) 45%,
185 | rgb(0, 0, 0) 82%
186 | );
187 | background-image: -o-linear-gradient(
188 | top,
189 | rgb(112, 112, 112) 45%,
190 | rgb(0, 0, 0) 82%
191 | );
192 | background-image: -moz-linear-gradient(
193 | top,
194 | rgb(112, 112, 112) 45%,
195 | rgb(0, 0, 0) 82%
196 | );
197 | background-image: -webkit-linear-gradient(
198 | top,
199 | rgb(112, 112, 112) 45%,
200 | rgb(0, 0, 0) 82%
201 | );
202 | background-image: -ms-linear-gradient(
203 | top,
204 | rgb(112, 112, 112) 45%,
205 | rgb(0, 0, 0) 82%
206 | );
207 |
208 | background-image: -webkit-gradient(
209 | linear,
210 | left top,
211 | left bottom,
212 | color-stop(0.45, rgb(112, 112, 112)),
213 | color-stop(0.82, rgb(0, 0, 0))
214 | );
215 | height: 104px;
216 | width: 104px;
217 | margin: 2px;
218 | text-align: center;
219 | -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
220 | -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
221 | box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
222 | border-radius: 5px;
223 | }
224 |
225 | #cube-controls li:active,
226 | #cube-controls li.pcRotation {
227 | background-image: linear-gradient(
228 | bottom,
229 | rgb(112, 112, 112) 45%,
230 | rgb(0, 0, 0) 82%
231 | );
232 | background-image: -o-linear-gradient(
233 | bottom,
234 | rgb(112, 112, 112) 45%,
235 | rgb(0, 0, 0) 82%
236 | );
237 | background-image: -moz-linear-gradient(
238 | bottom,
239 | rgb(112, 112, 112) 45%,
240 | rgb(0, 0, 0) 82%
241 | );
242 | background-image: -webkit-linear-gradient(
243 | bottom,
244 | rgb(112, 112, 112) 45%,
245 | rgb(0, 0, 0) 82%
246 | );
247 | background-image: -ms-linear-gradient(
248 | bottom,
249 | rgb(112, 112, 112) 45%,
250 | rgb(0, 0, 0) 82%
251 | );
252 | background-image: -webkit-gradient(
253 | linear,
254 | left bottom,
255 | left top,
256 | color-stop(0.45, rgb(112, 112, 112)),
257 | color-stop(0.82, rgb(0, 0, 0))
258 | );
259 | }
260 |
261 | #cube-controls li > div {
262 | width: 100%;
263 | height: 100%;
264 | }
265 |
266 | #cube-controls .rotate {
267 | background: url("img/transform.png") center no-repeat;
268 | background-size: 65%, 100%;
269 | }
270 |
271 | #cube-controls .solve {
272 | background: url("img/rotate.png") center no-repeat;
273 | background-size: 80%, 100%;
274 | }
275 |
276 | #cube-controls .undo {
277 | background: url("img/undo.png") center no-repeat;
278 | background-size: 80%, 100%;
279 | }
280 |
281 | #cube-controls .redo {
282 | background: url("img/redo.png") center no-repeat;
283 | background-size: 80%, 100%;
284 | }
285 |
286 | #log {
287 | position: absolute;
288 | top: 10px;
289 | width: 220px;
290 | height: 60px;
291 | right: 34px;
292 | border-radius: 5px;
293 | background: rgba(0, 0, 0, 0.2);
294 | z-index: 5000;
295 | line-height: 15px;
296 | font-size: 20px;
297 | text-align: right;
298 | }
299 |
300 | #log a {
301 | display: flex;
302 | align-items: center;
303 | justify-content: center;
304 | background: none;
305 | }
306 | #log a:hover {
307 | background:rgba(0, 0, 0, 0.2);
308 | }
309 |
310 | #log .html5 {
311 | background: url("img/h5.png") center 50% no-repeat, #ededed;
312 | background-size: 60%;
313 | width: 65px;
314 | height: 55px;
315 | display: table;
316 | -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
317 | -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
318 | box-shadow: inset 0px 1px 0px 0px #ffffff;
319 | border-radius: 6px;
320 | opacity: 0.9;
321 | }
322 |
323 |
324 | #log span {
325 | flex: 1;
326 | width: 100%;
327 | font-family: Arial, "MS Trebuchet", serif;
328 | background: none;
329 | font-size: 1.4em;
330 | font-weight: bold;
331 | text-align: center;
332 | }
333 |
--------------------------------------------------------------------------------
/tutorial/common.css:
--------------------------------------------------------------------------------
1 | body {
2 | max-width: 60em;
3 | padding: 1em;
4 | margin: auto;
5 | background-image: url("//toptal.com/designers/subtlepatterns/patterns/grunge_wall.png");
6 | font: 100%/1.5;
7 | font-family: Georgia;
8 | text-shadow: 0 1px white;
9 | position:relative;
10 | }
11 |
12 | a{
13 | background: #83786D;
14 | padding: 2px 5px;
15 | -webkit-border-radius: 3px;
16 | text-decoration:none;
17 | color: white;
18 | cursor: pointer;
19 |
20 | }
21 | figure.crazy-me{
22 | float:right;
23 | background: url("../img/me-crazy-rubik.jpg") 50% no-repeat;
24 | border: 1px solid black;
25 | max-width:300px;
26 | min-width:300px;
27 | min-height:300px;
28 | margin: 10px 20px;
29 | border-radius: 10px;
30 | }
31 | header{
32 | position:relative;
33 |
34 | }
35 | header hgroup{
36 | cursor: pointer;
37 | padding: 1.2em 4em;
38 | }
39 | ul{
40 |
41 | }
42 | li{
43 | padding:5px;
44 | }
45 |
46 | header h1{
47 | font-size: 450%;
48 | font-family: 'Luckiest Guy', cursive;
49 | padding: 0;
50 | margin: 0;
51 | line-height: 60%;
52 | border-bottom: 1px solid black;
53 | font-weight: bold;
54 | text-shadow: rgba(0, 0, 0, .2) 3px 3px 3px;
55 | color: #fff;
56 | /*text stroke*/
57 | -webkit-text-stroke: 4px rgba(0, 0, 0, .6);
58 | }
59 | header h2{
60 | font-size: 70%;
61 | line-height: 10px;
62 | }
63 |
64 | section p{
65 | text-indent: 30px;
66 | }
67 |
68 |
69 | #example1{
70 | border-radius:10px;
71 | width:550px;
72 | height:650px;
73 | overflow: hidden;
74 | }
75 |
76 | #example2{
77 | float:right;
78 | border-radius:10px;
79 | width:550px;
80 | height:710px;
81 | overflow: hidden;
82 | }
83 |
84 |
85 | #log {
86 | position: absolute;
87 | top: 0px;
88 | width: 220px;
89 | height: 60px;
90 | right: 34px;
91 | border-radius: 5px;
92 | background: rgba(0, 0, 0, 0.2);
93 | z-index: 5000;
94 | line-height: 15px;
95 | font-size: 20px;
96 | text-align: right;
97 | }
98 |
99 | #log a {
100 | display: flex;
101 | align-items: center;
102 | justify-content: center;
103 | background: none;
104 | }
105 | #log a:hover {
106 | background:rgba(0, 0, 0, 0.2);
107 | }
108 |
109 | #log .html5 {
110 | background: url("../img/h5.png") center 50% no-repeat, #ededed;
111 | background-size: 60%;
112 | width: 65px;
113 | height: 55px;
114 | display: table;
115 | -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
116 | -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
117 | box-shadow: inset 0px 1px 0px 0px #ffffff;
118 | border-radius: 6px;
119 | opacity: 0.9;
120 | }
121 |
122 |
123 | #log span {
124 | flex: 1;
125 | width: 100%;
126 | font-family: Arial, "MS Trebuchet", serif;
127 | background: none;
128 | font-size: 1em;
129 | font-weight: bold;
130 | text-align: center;
131 | }
132 |
133 |
134 |
135 |
136 |
137 |
--------------------------------------------------------------------------------
/tutorial/sh/LGPL-LICENSE:
--------------------------------------------------------------------------------
1 | GNU LESSER GENERAL PUBLIC LICENSE
2 | Version 3, 29 June 2007
3 |
4 | Copyright (C) 2007 Free Software Foundation, Inc.
16 | function helloSyntaxHighlighter() 17 | { 18 | return "hi!"; 19 | } 20 |21 | 22 | 23 | -------------------------------------------------------------------------------- /tutorial/sh/scripts/shAutoloader.js: -------------------------------------------------------------------------------- 1 | /** 2 | * SyntaxHighlighter 3 | * http://alexgorbatchev.com/SyntaxHighlighter 4 | * 5 | * SyntaxHighlighter is donationware. If you are using it, please donate. 6 | * http://alexgorbatchev.com/SyntaxHighlighter/donate.html 7 | * 8 | * @version 9 | * 3.0.83 (July 02 2010) 10 | * 11 | * @copyright 12 | * Copyright (C) 2004-2010 Alex Gorbatchev. 13 | * 14 | * @license 15 | * Dual licensed under the MIT and GPL licenses. 16 | */ 17 | eval(function(p,a,c,k,e,d){e=function(c){return(c35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('(2(){1 h=5;h.I=2(){2 n(c,a){4(1 d=0;d
\\\\w+)\\\\]$","U"),i=1,p=0;ptags to the document body 81 | for (i = 0; i < elements.length; i++) 82 | { 83 | var url = brushes[elements[i].params.brush]; 84 | 85 | if (!url) 86 | continue; 87 | 88 | scripts[url] = false; 89 | loadScript(url); 90 | } 91 | 92 | function loadScript(url) 93 | { 94 | var script = document.createElement('script'), 95 | done = false 96 | ; 97 | 98 | script.src = url; 99 | script.type = 'text/javascript'; 100 | script.language = 'javascript'; 101 | script.onload = script.onreadystatechange = function() 102 | { 103 | if (!done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) 104 | { 105 | done = true; 106 | scripts[url] = true; 107 | checkAll(); 108 | 109 | // Handle memory leak in IE 110 | script.onload = script.onreadystatechange = null; 111 | script.parentNode.removeChild(script); 112 | } 113 | }; 114 | 115 | // sync way of adding script tags to the page 116 | document.body.appendChild(script); 117 | }; 118 | 119 | function checkAll() 120 | { 121 | for(var url in scripts) 122 | if (scripts[url] == false) 123 | return; 124 | 125 | if (allCalled) 126 | SyntaxHighlighter.highlight(allParams); 127 | }; 128 | }; 129 | 130 | })(); 131 | -------------------------------------------------------------------------------- /tutorial/sh/src/shLegacy.js: -------------------------------------------------------------------------------- 1 | /** 2 | * SyntaxHighlighter 3 | * http://alexgorbatchev.com/SyntaxHighlighter 4 | * 5 | * SyntaxHighlighter is donationware. If you are using it, please donate. 6 | * http://alexgorbatchev.com/SyntaxHighlighter/donate.html 7 | * 8 | * @version 9 | * 3.0.83 (July 02 2010) 10 | * 11 | * @copyright 12 | * Copyright (C) 2004-2010 Alex Gorbatchev. 13 | * 14 | * @license 15 | * Dual licensed under the MIT and GPL licenses. 16 | */ 17 | var dp = { 18 | SyntaxHighlighter : {} 19 | }; 20 | 21 | dp.SyntaxHighlighter = { 22 | parseParams: function( 23 | input, 24 | showGutter, 25 | showControls, 26 | collapseAll, 27 | firstLine, 28 | showColumns 29 | ) 30 | { 31 | function getValue(list, name) 32 | { 33 | var regex = new XRegExp('^' + name + '\\[(? \\w+)\\]$', 'gi'), 34 | match = null 35 | ; 36 | 37 | for (var i = 0; i < list.length; i++) 38 | if ((match = regex.exec(list[i])) != null) 39 | return match.value; 40 | 41 | return null; 42 | }; 43 | 44 | function defaultValue(value, def) 45 | { 46 | return value != null ? value : def; 47 | }; 48 | 49 | function asString(value) 50 | { 51 | return value != null ? value.toString() : null; 52 | }; 53 | 54 | var parts = input.split(':'), 55 | brushName = parts[0], 56 | options = {}, 57 | straight = { 'true' : true } 58 | reverse = { 'true' : false }, 59 | result = null, 60 | defaults = SyntaxHighlighter.defaults 61 | ; 62 | 63 | for (var i in parts) 64 | options[parts[i]] = 'true'; 65 | 66 | showGutter = asString(defaultValue(showGutter, defaults.gutter)); 67 | showControls = asString(defaultValue(showControls, defaults.toolbar)); 68 | collapseAll = asString(defaultValue(collapseAll, defaults.collapse)); 69 | showColumns = asString(defaultValue(showColumns, defaults.ruler)); 70 | firstLine = asString(defaultValue(firstLine, defaults['first-line'])); 71 | 72 | return { 73 | brush : brushName, 74 | gutter : defaultValue(reverse[options.nogutter], showGutter), 75 | toolbar : defaultValue(reverse[options.nocontrols], showControls), 76 | collapse : defaultValue(straight[options.collapse], collapseAll), 77 | // ruler : defaultValue(straight[options.showcolumns], showColumns), 78 | 'first-line' : defaultValue(getValue(parts, 'firstline'), firstLine) 79 | }; 80 | }, 81 | 82 | HighlightAll: function( 83 | name, 84 | showGutter /* optional */, 85 | showControls /* optional */, 86 | collapseAll /* optional */, 87 | firstLine /* optional */, 88 | showColumns /* optional */ 89 | ) 90 | { 91 | function findValue() 92 | { 93 | var a = arguments; 94 | 95 | for (var i = 0; i < a.length; i++) 96 | { 97 | if (a[i] === null) 98 | continue; 99 | 100 | if (typeof(a[i]) == 'string' && a[i] != '') 101 | return a[i] + ''; 102 | 103 | if (typeof(a[i]) == 'object' && a[i].value != '') 104 | return a[i].value + ''; 105 | } 106 | 107 | return null; 108 | }; 109 | 110 | function findTagsByName(list, name, tagName) 111 | { 112 | var tags = document.getElementsByTagName(tagName); 113 | 114 | for (var i = 0; i < tags.length; i++) 115 | if (tags[i].getAttribute('name') == name) 116 | list.push(tags[i]); 117 | } 118 | 119 | var elements = [], 120 | highlighter = null, 121 | registered = {}, 122 | propertyName = 'innerHTML' 123 | ; 124 | 125 | // for some reason IE doesn't find by name, however it does see them just fine by tag name... 126 | findTagsByName(elements, name, 'pre'); 127 | findTagsByName(elements, name, 'textarea'); 128 | 129 | if (elements.length === 0) 130 | return; 131 | 132 | for (var i = 0; i < elements.length; i++) 133 | { 134 | var element = elements[i], 135 | params = findValue( 136 | element.attributes['class'], element.className, 137 | element.attributes['language'], element.language 138 | ), 139 | language = '' 140 | ; 141 | 142 | if (params === null) 143 | continue; 144 | 145 | params = dp.SyntaxHighlighter.parseParams( 146 | params, 147 | showGutter, 148 | showControls, 149 | collapseAll, 150 | firstLine, 151 | showColumns 152 | ); 153 | 154 | SyntaxHighlighter.highlight(params, element); 155 | } 156 | } 157 | }; 158 | -------------------------------------------------------------------------------- /tutorial/sh/styles/shCore.css: -------------------------------------------------------------------------------- 1 | /** 2 | * SyntaxHighlighter 3 | * http://alexgorbatchev.com/SyntaxHighlighter 4 | * 5 | * SyntaxHighlighter is donationware. If you are using it, please donate. 6 | * http://alexgorbatchev.com/SyntaxHighlighter/donate.html 7 | * 8 | * @version 9 | * 3.0.83 (July 02 2010) 10 | * 11 | * @copyright 12 | * Copyright (C) 2004-2010 Alex Gorbatchev. 13 | * 14 | * @license 15 | * Dual licensed under the MIT and GPL licenses. 16 | */ 17 | .syntaxhighlighter a, 18 | .syntaxhighlighter div, 19 | .syntaxhighlighter code, 20 | .syntaxhighlighter table, 21 | .syntaxhighlighter table td, 22 | .syntaxhighlighter table tr, 23 | .syntaxhighlighter table tbody, 24 | .syntaxhighlighter table thead, 25 | .syntaxhighlighter table caption, 26 | .syntaxhighlighter textarea { 27 | -moz-border-radius: 0 0 0 0 !important; 28 | -webkit-border-radius: 0 0 0 0 !important; 29 | background: none !important; 30 | border: 0 !important; 31 | bottom: auto !important; 32 | float: none !important; 33 | height: auto !important; 34 | left: auto !important; 35 | line-height: 1.1em !important; 36 | margin: 0 !important; 37 | outline: 0 !important; 38 | overflow: visible !important; 39 | padding: 0 !important; 40 | position: static !important; 41 | right: auto !important; 42 | text-align: left !important; 43 | top: auto !important; 44 | vertical-align: baseline !important; 45 | width: auto !important; 46 | box-sizing: content-box !important; 47 | font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; 48 | font-weight: normal !important; 49 | font-style: normal !important; 50 | font-size: 1em !important; 51 | min-height: inherit !important; 52 | min-height: auto !important; 53 | } 54 | 55 | .syntaxhighlighter { 56 | width: 100% !important; 57 | margin: 1em 0 1em 0 !important; 58 | position: relative !important; 59 | overflow: auto !important; 60 | font-size: 1em !important; 61 | } 62 | .syntaxhighlighter.source { 63 | overflow: hidden !important; 64 | } 65 | .syntaxhighlighter .bold { 66 | font-weight: bold !important; 67 | } 68 | .syntaxhighlighter .italic { 69 | font-style: italic !important; 70 | } 71 | .syntaxhighlighter .line { 72 | white-space: pre !important; 73 | } 74 | .syntaxhighlighter table { 75 | width: 100% !important; 76 | } 77 | .syntaxhighlighter table caption { 78 | text-align: left !important; 79 | padding: .5em 0 0.5em 1em !important; 80 | } 81 | .syntaxhighlighter table td.code { 82 | width: 100% !important; 83 | } 84 | .syntaxhighlighter table td.code .container { 85 | position: relative !important; 86 | } 87 | .syntaxhighlighter table td.code .container textarea { 88 | box-sizing: border-box !important; 89 | position: absolute !important; 90 | left: 0 !important; 91 | top: 0 !important; 92 | width: 100% !important; 93 | height: 100% !important; 94 | border: none !important; 95 | background: white !important; 96 | padding-left: 1em !important; 97 | overflow: hidden !important; 98 | white-space: pre !important; 99 | } 100 | .syntaxhighlighter table td.gutter .line { 101 | text-align: right !important; 102 | padding: 0 0.5em 0 1em !important; 103 | } 104 | .syntaxhighlighter table td.code .line { 105 | padding: 0 1em !important; 106 | } 107 | .syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line { 108 | padding-left: 0em !important; 109 | } 110 | .syntaxhighlighter.show { 111 | display: block !important; 112 | } 113 | .syntaxhighlighter.collapsed table { 114 | display: none !important; 115 | } 116 | .syntaxhighlighter.collapsed .toolbar { 117 | padding: 0.1em 0.8em 0em 0.8em !important; 118 | font-size: 1em !important; 119 | position: static !important; 120 | width: auto !important; 121 | height: auto !important; 122 | } 123 | .syntaxhighlighter.collapsed .toolbar span { 124 | display: inline !important; 125 | margin-right: 1em !important; 126 | } 127 | .syntaxhighlighter.collapsed .toolbar span a { 128 | padding: 0 !important; 129 | display: none !important; 130 | } 131 | .syntaxhighlighter.collapsed .toolbar span a.expandSource { 132 | display: inline !important; 133 | } 134 | .syntaxhighlighter .toolbar { 135 | position: absolute !important; 136 | right: 1px !important; 137 | top: 1px !important; 138 | width: 11px !important; 139 | height: 11px !important; 140 | font-size: 10px !important; 141 | z-index: 10 !important; 142 | } 143 | .syntaxhighlighter .toolbar span.title { 144 | display: inline !important; 145 | } 146 | .syntaxhighlighter .toolbar a { 147 | display: block !important; 148 | text-align: center !important; 149 | text-decoration: none !important; 150 | padding-top: 1px !important; 151 | } 152 | .syntaxhighlighter .toolbar a.expandSource { 153 | display: none !important; 154 | } 155 | .syntaxhighlighter.ie { 156 | font-size: .9em !important; 157 | padding: 1px 0 1px 0 !important; 158 | } 159 | .syntaxhighlighter.ie .toolbar { 160 | line-height: 8px !important; 161 | } 162 | .syntaxhighlighter.ie .toolbar a { 163 | padding-top: 0px !important; 164 | } 165 | .syntaxhighlighter.printing .line.alt1 .content, 166 | .syntaxhighlighter.printing .line.alt2 .content, 167 | .syntaxhighlighter.printing .line.highlighted .number, 168 | .syntaxhighlighter.printing .line.highlighted.alt1 .content, 169 | .syntaxhighlighter.printing .line.highlighted.alt2 .content { 170 | background: none !important; 171 | } 172 | .syntaxhighlighter.printing .line .number { 173 | color: #bbbbbb !important; 174 | } 175 | .syntaxhighlighter.printing .line .content { 176 | color: black !important; 177 | } 178 | .syntaxhighlighter.printing .toolbar { 179 | display: none !important; 180 | } 181 | .syntaxhighlighter.printing a { 182 | text-decoration: none !important; 183 | } 184 | .syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a { 185 | color: black !important; 186 | } 187 | .syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a { 188 | color: #008200 !important; 189 | } 190 | .syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a { 191 | color: blue !important; 192 | } 193 | .syntaxhighlighter.printing .keyword { 194 | color: #006699 !important; 195 | font-weight: bold !important; 196 | } 197 | .syntaxhighlighter.printing .preprocessor { 198 | color: gray !important; 199 | } 200 | .syntaxhighlighter.printing .variable { 201 | color: #aa7700 !important; 202 | } 203 | .syntaxhighlighter.printing .value { 204 | color: #009900 !important; 205 | } 206 | .syntaxhighlighter.printing .functions { 207 | color: #ff1493 !important; 208 | } 209 | .syntaxhighlighter.printing .constants { 210 | color: #0066cc !important; 211 | } 212 | .syntaxhighlighter.printing .script { 213 | font-weight: bold !important; 214 | } 215 | .syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a { 216 | color: gray !important; 217 | } 218 | .syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a { 219 | color: #ff1493 !important; 220 | } 221 | .syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a { 222 | color: red !important; 223 | } 224 | .syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a { 225 | color: black !important; 226 | } 227 | -------------------------------------------------------------------------------- /tutorial/sh/styles/shThemeDefault.css: -------------------------------------------------------------------------------- 1 | /** 2 | * SyntaxHighlighter 3 | * http://alexgorbatchev.com/SyntaxHighlighter 4 | * 5 | * SyntaxHighlighter is donationware. If you are using it, please donate. 6 | * http://alexgorbatchev.com/SyntaxHighlighter/donate.html 7 | * 8 | * @version 9 | * 3.0.83 (July 02 2010) 10 | * 11 | * @copyright 12 | * Copyright (C) 2004-2010 Alex Gorbatchev. 13 | * 14 | * @license 15 | * Dual licensed under the MIT and GPL licenses. 16 | */ 17 | .syntaxhighlighter { 18 | background-color: white !important; 19 | } 20 | .syntaxhighlighter .line.alt1 { 21 | background-color: white !important; 22 | } 23 | .syntaxhighlighter .line.alt2 { 24 | background-color: white !important; 25 | } 26 | .syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 { 27 | background-color: #e0e0e0 !important; 28 | } 29 | .syntaxhighlighter .line.highlighted.number { 30 | color: black !important; 31 | } 32 | .syntaxhighlighter table caption { 33 | color: black !important; 34 | } 35 | .syntaxhighlighter .gutter { 36 | color: #afafaf !important; 37 | } 38 | .syntaxhighlighter .gutter .line { 39 | border-right: 3px solid #6ce26c !important; 40 | } 41 | .syntaxhighlighter .gutter .line.highlighted { 42 | background-color: #6ce26c !important; 43 | color: white !important; 44 | } 45 | .syntaxhighlighter.printing .line .content { 46 | border: none !important; 47 | } 48 | .syntaxhighlighter.collapsed { 49 | overflow: visible !important; 50 | } 51 | .syntaxhighlighter.collapsed .toolbar { 52 | color: blue !important; 53 | background: white !important; 54 | border: 1px solid #6ce26c !important; 55 | } 56 | .syntaxhighlighter.collapsed .toolbar a { 57 | color: blue !important; 58 | } 59 | .syntaxhighlighter.collapsed .toolbar a:hover { 60 | color: red !important; 61 | } 62 | .syntaxhighlighter .toolbar { 63 | color: white !important; 64 | background: #6ce26c !important; 65 | border: none !important; 66 | } 67 | .syntaxhighlighter .toolbar a { 68 | color: white !important; 69 | } 70 | .syntaxhighlighter .toolbar a:hover { 71 | color: black !important; 72 | } 73 | .syntaxhighlighter .plain, .syntaxhighlighter .plain a { 74 | color: black !important; 75 | } 76 | .syntaxhighlighter .comments, .syntaxhighlighter .comments a { 77 | color: #008200 !important; 78 | } 79 | .syntaxhighlighter .string, .syntaxhighlighter .string a { 80 | color: blue !important; 81 | } 82 | .syntaxhighlighter .keyword { 83 | color: #006699 !important; 84 | } 85 | .syntaxhighlighter .preprocessor { 86 | color: gray !important; 87 | } 88 | .syntaxhighlighter .variable { 89 | color: #aa7700 !important; 90 | } 91 | .syntaxhighlighter .value { 92 | color: #009900 !important; 93 | } 94 | .syntaxhighlighter .functions { 95 | color: #ff1493 !important; 96 | } 97 | .syntaxhighlighter .constants { 98 | color: #0066cc !important; 99 | } 100 | .syntaxhighlighter .script { 101 | font-weight: bold !important; 102 | color: #006699 !important; 103 | background-color: none !important; 104 | } 105 | .syntaxhighlighter .color1, .syntaxhighlighter .color1 a { 106 | color: gray !important; 107 | } 108 | .syntaxhighlighter .color2, .syntaxhighlighter .color2 a { 109 | color: #ff1493 !important; 110 | } 111 | .syntaxhighlighter .color3, .syntaxhighlighter .color3 a { 112 | color: red !important; 113 | } 114 | 115 | .syntaxhighlighter .keyword { 116 | font-weight: bold !important; 117 | } 118 | -------------------------------------------------------------------------------- /tutorial/sh/styles/shThemeDjango.css: -------------------------------------------------------------------------------- 1 | /** 2 | * SyntaxHighlighter 3 | * http://alexgorbatchev.com/SyntaxHighlighter 4 | * 5 | * SyntaxHighlighter is donationware. If you are using it, please donate. 6 | * http://alexgorbatchev.com/SyntaxHighlighter/donate.html 7 | * 8 | * @version 9 | * 3.0.83 (July 02 2010) 10 | * 11 | * @copyright 12 | * Copyright (C) 2004-2010 Alex Gorbatchev. 13 | * 14 | * @license 15 | * Dual licensed under the MIT and GPL licenses. 16 | */ 17 | .syntaxhighlighter { 18 | background-color: #0a2b1d !important; 19 | } 20 | .syntaxhighlighter .line.alt1 { 21 | background-color: #0a2b1d !important; 22 | } 23 | .syntaxhighlighter .line.alt2 { 24 | background-color: #0a2b1d !important; 25 | } 26 | .syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 { 27 | background-color: #233729 !important; 28 | } 29 | .syntaxhighlighter .line.highlighted.number { 30 | color: white !important; 31 | } 32 | .syntaxhighlighter table caption { 33 | color: #f8f8f8 !important; 34 | } 35 | .syntaxhighlighter .gutter { 36 | color: #497958 !important; 37 | } 38 | .syntaxhighlighter .gutter .line { 39 | border-right: 3px solid #41a83e !important; 40 | } 41 | .syntaxhighlighter .gutter .line.highlighted { 42 | background-color: #41a83e !important; 43 | color: #0a2b1d !important; 44 | } 45 | .syntaxhighlighter.printing .line .content { 46 | border: none !important; 47 | } 48 | .syntaxhighlighter.collapsed { 49 | overflow: visible !important; 50 | } 51 | .syntaxhighlighter.collapsed .toolbar { 52 | color: #96dd3b !important; 53 | background: black !important; 54 | border: 1px solid #41a83e !important; 55 | } 56 | .syntaxhighlighter.collapsed .toolbar a { 57 | color: #96dd3b !important; 58 | } 59 | .syntaxhighlighter.collapsed .toolbar a:hover { 60 | color: white !important; 61 | } 62 | .syntaxhighlighter .toolbar { 63 | color: white !important; 64 | background: #41a83e !important; 65 | border: none !important; 66 | } 67 | .syntaxhighlighter .toolbar a { 68 | color: white !important; 69 | } 70 | .syntaxhighlighter .toolbar a:hover { 71 | color: #ffe862 !important; 72 | } 73 | .syntaxhighlighter .plain, .syntaxhighlighter .plain a { 74 | color: #f8f8f8 !important; 75 | } 76 | .syntaxhighlighter .comments, .syntaxhighlighter .comments a { 77 | color: #336442 !important; 78 | } 79 | .syntaxhighlighter .string, .syntaxhighlighter .string a { 80 | color: #9df39f !important; 81 | } 82 | .syntaxhighlighter .keyword { 83 | color: #96dd3b !important; 84 | } 85 | .syntaxhighlighter .preprocessor { 86 | color: #91bb9e !important; 87 | } 88 | .syntaxhighlighter .variable { 89 | color: #ffaa3e !important; 90 | } 91 | .syntaxhighlighter .value { 92 | color: #f7e741 !important; 93 | } 94 | .syntaxhighlighter .functions { 95 | color: #ffaa3e !important; 96 | } 97 | .syntaxhighlighter .constants { 98 | color: #e0e8ff !important; 99 | } 100 | .syntaxhighlighter .script { 101 | font-weight: bold !important; 102 | color: #96dd3b !important; 103 | background-color: none !important; 104 | } 105 | .syntaxhighlighter .color1, .syntaxhighlighter .color1 a { 106 | color: #eb939a !important; 107 | } 108 | .syntaxhighlighter .color2, .syntaxhighlighter .color2 a { 109 | color: #91bb9e !important; 110 | } 111 | .syntaxhighlighter .color3, .syntaxhighlighter .color3 a { 112 | color: #edef7d !important; 113 | } 114 | 115 | .syntaxhighlighter .comments { 116 | font-style: italic !important; 117 | } 118 | .syntaxhighlighter .keyword { 119 | font-weight: bold !important; 120 | } 121 | -------------------------------------------------------------------------------- /tutorial/sh/styles/shThemeEclipse.css: -------------------------------------------------------------------------------- 1 | /** 2 | * SyntaxHighlighter 3 | * http://alexgorbatchev.com/SyntaxHighlighter 4 | * 5 | * SyntaxHighlighter is donationware. If you are using it, please donate. 6 | * http://alexgorbatchev.com/SyntaxHighlighter/donate.html 7 | * 8 | * @version 9 | * 3.0.83 (July 02 2010) 10 | * 11 | * @copyright 12 | * Copyright (C) 2004-2010 Alex Gorbatchev. 13 | * 14 | * @license 15 | * Dual licensed under the MIT and GPL licenses. 16 | */ 17 | .syntaxhighlighter { 18 | background-color: white !important; 19 | } 20 | .syntaxhighlighter .line.alt1 { 21 | background-color: white !important; 22 | } 23 | .syntaxhighlighter .line.alt2 { 24 | background-color: white !important; 25 | } 26 | .syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 { 27 | background-color: #c3defe !important; 28 | } 29 | .syntaxhighlighter .line.highlighted.number { 30 | color: white !important; 31 | } 32 | .syntaxhighlighter table caption { 33 | color: black !important; 34 | } 35 | .syntaxhighlighter .gutter { 36 | color: #787878 !important; 37 | } 38 | .syntaxhighlighter .gutter .line { 39 | border-right: 3px solid #d4d0c8 !important; 40 | } 41 | .syntaxhighlighter .gutter .line.highlighted { 42 | background-color: #d4d0c8 !important; 43 | color: white !important; 44 | } 45 | .syntaxhighlighter.printing .line .content { 46 | border: none !important; 47 | } 48 | .syntaxhighlighter.collapsed { 49 | overflow: visible !important; 50 | } 51 | .syntaxhighlighter.collapsed .toolbar { 52 | color: #3f5fbf !important; 53 | background: white !important; 54 | border: 1px solid #d4d0c8 !important; 55 | } 56 | .syntaxhighlighter.collapsed .toolbar a { 57 | color: #3f5fbf !important; 58 | } 59 | .syntaxhighlighter.collapsed .toolbar a:hover { 60 | color: #aa7700 !important; 61 | } 62 | .syntaxhighlighter .toolbar { 63 | color: #a0a0a0 !important; 64 | background: #d4d0c8 !important; 65 | border: none !important; 66 | } 67 | .syntaxhighlighter .toolbar a { 68 | color: #a0a0a0 !important; 69 | } 70 | .syntaxhighlighter .toolbar a:hover { 71 | color: red !important; 72 | } 73 | .syntaxhighlighter .plain, .syntaxhighlighter .plain a { 74 | color: black !important; 75 | } 76 | .syntaxhighlighter .comments, .syntaxhighlighter .comments a { 77 | color: #3f5fbf !important; 78 | } 79 | .syntaxhighlighter .string, .syntaxhighlighter .string a { 80 | color: #2a00ff !important; 81 | } 82 | .syntaxhighlighter .keyword { 83 | color: #7f0055 !important; 84 | } 85 | .syntaxhighlighter .preprocessor { 86 | color: #646464 !important; 87 | } 88 | .syntaxhighlighter .variable { 89 | color: #aa7700 !important; 90 | } 91 | .syntaxhighlighter .value { 92 | color: #009900 !important; 93 | } 94 | .syntaxhighlighter .functions { 95 | color: #ff1493 !important; 96 | } 97 | .syntaxhighlighter .constants { 98 | color: #0066cc !important; 99 | } 100 | .syntaxhighlighter .script { 101 | font-weight: bold !important; 102 | color: #7f0055 !important; 103 | background-color: none !important; 104 | } 105 | .syntaxhighlighter .color1, .syntaxhighlighter .color1 a { 106 | color: gray !important; 107 | } 108 | .syntaxhighlighter .color2, .syntaxhighlighter .color2 a { 109 | color: #ff1493 !important; 110 | } 111 | .syntaxhighlighter .color3, .syntaxhighlighter .color3 a { 112 | color: red !important; 113 | } 114 | 115 | .syntaxhighlighter .keyword { 116 | font-weight: bold !important; 117 | } 118 | .syntaxhighlighter .xml .keyword { 119 | color: #3f7f7f !important; 120 | font-weight: normal !important; 121 | } 122 | .syntaxhighlighter .xml .color1, .syntaxhighlighter .xml .color1 a { 123 | color: #7f007f !important; 124 | } 125 | .syntaxhighlighter .xml .string { 126 | font-style: italic !important; 127 | color: #2a00ff !important; 128 | } 129 | -------------------------------------------------------------------------------- /tutorial/sh/styles/shThemeEmacs.css: -------------------------------------------------------------------------------- 1 | /** 2 | * SyntaxHighlighter 3 | * http://alexgorbatchev.com/SyntaxHighlighter 4 | * 5 | * SyntaxHighlighter is donationware. If you are using it, please donate. 6 | * http://alexgorbatchev.com/SyntaxHighlighter/donate.html 7 | * 8 | * @version 9 | * 3.0.83 (July 02 2010) 10 | * 11 | * @copyright 12 | * Copyright (C) 2004-2010 Alex Gorbatchev. 13 | * 14 | * @license 15 | * Dual licensed under the MIT and GPL licenses. 16 | */ 17 | .syntaxhighlighter { 18 | background-color: black !important; 19 | } 20 | .syntaxhighlighter .line.alt1 { 21 | background-color: black !important; 22 | } 23 | .syntaxhighlighter .line.alt2 { 24 | background-color: black !important; 25 | } 26 | .syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 { 27 | background-color: #2a3133 !important; 28 | } 29 | .syntaxhighlighter .line.highlighted.number { 30 | color: white !important; 31 | } 32 | .syntaxhighlighter table caption { 33 | color: #d3d3d3 !important; 34 | } 35 | .syntaxhighlighter .gutter { 36 | color: #d3d3d3 !important; 37 | } 38 | .syntaxhighlighter .gutter .line { 39 | border-right: 3px solid #990000 !important; 40 | } 41 | .syntaxhighlighter .gutter .line.highlighted { 42 | background-color: #990000 !important; 43 | color: black !important; 44 | } 45 | .syntaxhighlighter.printing .line .content { 46 | border: none !important; 47 | } 48 | .syntaxhighlighter.collapsed { 49 | overflow: visible !important; 50 | } 51 | .syntaxhighlighter.collapsed .toolbar { 52 | color: #ebdb8d !important; 53 | background: black !important; 54 | border: 1px solid #990000 !important; 55 | } 56 | .syntaxhighlighter.collapsed .toolbar a { 57 | color: #ebdb8d !important; 58 | } 59 | .syntaxhighlighter.collapsed .toolbar a:hover { 60 | color: #ff7d27 !important; 61 | } 62 | .syntaxhighlighter .toolbar { 63 | color: white !important; 64 | background: #990000 !important; 65 | border: none !important; 66 | } 67 | .syntaxhighlighter .toolbar a { 68 | color: white !important; 69 | } 70 | .syntaxhighlighter .toolbar a:hover { 71 | color: #9ccff4 !important; 72 | } 73 | .syntaxhighlighter .plain, .syntaxhighlighter .plain a { 74 | color: #d3d3d3 !important; 75 | } 76 | .syntaxhighlighter .comments, .syntaxhighlighter .comments a { 77 | color: #ff7d27 !important; 78 | } 79 | .syntaxhighlighter .string, .syntaxhighlighter .string a { 80 | color: #ff9e7b !important; 81 | } 82 | .syntaxhighlighter .keyword { 83 | color: aqua !important; 84 | } 85 | .syntaxhighlighter .preprocessor { 86 | color: #aec4de !important; 87 | } 88 | .syntaxhighlighter .variable { 89 | color: #ffaa3e !important; 90 | } 91 | .syntaxhighlighter .value { 92 | color: #009900 !important; 93 | } 94 | .syntaxhighlighter .functions { 95 | color: #81cef9 !important; 96 | } 97 | .syntaxhighlighter .constants { 98 | color: #ff9e7b !important; 99 | } 100 | .syntaxhighlighter .script { 101 | font-weight: bold !important; 102 | color: aqua !important; 103 | background-color: none !important; 104 | } 105 | .syntaxhighlighter .color1, .syntaxhighlighter .color1 a { 106 | color: #ebdb8d !important; 107 | } 108 | .syntaxhighlighter .color2, .syntaxhighlighter .color2 a { 109 | color: #ff7d27 !important; 110 | } 111 | .syntaxhighlighter .color3, .syntaxhighlighter .color3 a { 112 | color: #aec4de !important; 113 | } 114 | -------------------------------------------------------------------------------- /tutorial/sh/styles/shThemeFadeToGrey.css: -------------------------------------------------------------------------------- 1 | /** 2 | * SyntaxHighlighter 3 | * http://alexgorbatchev.com/SyntaxHighlighter 4 | * 5 | * SyntaxHighlighter is donationware. If you are using it, please donate. 6 | * http://alexgorbatchev.com/SyntaxHighlighter/donate.html 7 | * 8 | * @version 9 | * 3.0.83 (July 02 2010) 10 | * 11 | * @copyright 12 | * Copyright (C) 2004-2010 Alex Gorbatchev. 13 | * 14 | * @license 15 | * Dual licensed under the MIT and GPL licenses. 16 | */ 17 | .syntaxhighlighter { 18 | background-color: #121212 !important; 19 | } 20 | .syntaxhighlighter .line.alt1 { 21 | background-color: #121212 !important; 22 | } 23 | .syntaxhighlighter .line.alt2 { 24 | background-color: #121212 !important; 25 | } 26 | .syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 { 27 | background-color: #2c2c29 !important; 28 | } 29 | .syntaxhighlighter .line.highlighted.number { 30 | color: white !important; 31 | } 32 | .syntaxhighlighter table caption { 33 | color: white !important; 34 | } 35 | .syntaxhighlighter .gutter { 36 | color: #afafaf !important; 37 | } 38 | .syntaxhighlighter .gutter .line { 39 | border-right: 3px solid #3185b9 !important; 40 | } 41 | .syntaxhighlighter .gutter .line.highlighted { 42 | background-color: #3185b9 !important; 43 | color: #121212 !important; 44 | } 45 | .syntaxhighlighter.printing .line .content { 46 | border: none !important; 47 | } 48 | .syntaxhighlighter.collapsed { 49 | overflow: visible !important; 50 | } 51 | .syntaxhighlighter.collapsed .toolbar { 52 | color: #3185b9 !important; 53 | background: black !important; 54 | border: 1px solid #3185b9 !important; 55 | } 56 | .syntaxhighlighter.collapsed .toolbar a { 57 | color: #3185b9 !important; 58 | } 59 | .syntaxhighlighter.collapsed .toolbar a:hover { 60 | color: #d01d33 !important; 61 | } 62 | .syntaxhighlighter .toolbar { 63 | color: white !important; 64 | background: #3185b9 !important; 65 | border: none !important; 66 | } 67 | .syntaxhighlighter .toolbar a { 68 | color: white !important; 69 | } 70 | .syntaxhighlighter .toolbar a:hover { 71 | color: #96daff !important; 72 | } 73 | .syntaxhighlighter .plain, .syntaxhighlighter .plain a { 74 | color: white !important; 75 | } 76 | .syntaxhighlighter .comments, .syntaxhighlighter .comments a { 77 | color: #696854 !important; 78 | } 79 | .syntaxhighlighter .string, .syntaxhighlighter .string a { 80 | color: #e3e658 !important; 81 | } 82 | .syntaxhighlighter .keyword { 83 | color: #d01d33 !important; 84 | } 85 | .syntaxhighlighter .preprocessor { 86 | color: #435a5f !important; 87 | } 88 | .syntaxhighlighter .variable { 89 | color: #898989 !important; 90 | } 91 | .syntaxhighlighter .value { 92 | color: #009900 !important; 93 | } 94 | .syntaxhighlighter .functions { 95 | color: #aaaaaa !important; 96 | } 97 | .syntaxhighlighter .constants { 98 | color: #96daff !important; 99 | } 100 | .syntaxhighlighter .script { 101 | font-weight: bold !important; 102 | color: #d01d33 !important; 103 | background-color: none !important; 104 | } 105 | .syntaxhighlighter .color1, .syntaxhighlighter .color1 a { 106 | color: #ffc074 !important; 107 | } 108 | .syntaxhighlighter .color2, .syntaxhighlighter .color2 a { 109 | color: #4a8cdb !important; 110 | } 111 | .syntaxhighlighter .color3, .syntaxhighlighter .color3 a { 112 | color: #96daff !important; 113 | } 114 | 115 | .syntaxhighlighter .functions { 116 | font-weight: bold !important; 117 | } 118 | -------------------------------------------------------------------------------- /tutorial/sh/styles/shThemeMDUltra.css: -------------------------------------------------------------------------------- 1 | /** 2 | * SyntaxHighlighter 3 | * http://alexgorbatchev.com/SyntaxHighlighter 4 | * 5 | * SyntaxHighlighter is donationware. If you are using it, please donate. 6 | * http://alexgorbatchev.com/SyntaxHighlighter/donate.html 7 | * 8 | * @version 9 | * 3.0.83 (July 02 2010) 10 | * 11 | * @copyright 12 | * Copyright (C) 2004-2010 Alex Gorbatchev. 13 | * 14 | * @license 15 | * Dual licensed under the MIT and GPL licenses. 16 | */ 17 | .syntaxhighlighter { 18 | background-color: #222222 !important; 19 | } 20 | .syntaxhighlighter .line.alt1 { 21 | background-color: #222222 !important; 22 | } 23 | .syntaxhighlighter .line.alt2 { 24 | background-color: #222222 !important; 25 | } 26 | .syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 { 27 | background-color: #253e5a !important; 28 | } 29 | .syntaxhighlighter .line.highlighted.number { 30 | color: white !important; 31 | } 32 | .syntaxhighlighter table caption { 33 | color: lime !important; 34 | } 35 | .syntaxhighlighter .gutter { 36 | color: #38566f !important; 37 | } 38 | .syntaxhighlighter .gutter .line { 39 | border-right: 3px solid #435a5f !important; 40 | } 41 | .syntaxhighlighter .gutter .line.highlighted { 42 | background-color: #435a5f !important; 43 | color: #222222 !important; 44 | } 45 | .syntaxhighlighter.printing .line .content { 46 | border: none !important; 47 | } 48 | .syntaxhighlighter.collapsed { 49 | overflow: visible !important; 50 | } 51 | .syntaxhighlighter.collapsed .toolbar { 52 | color: #428bdd !important; 53 | background: black !important; 54 | border: 1px solid #435a5f !important; 55 | } 56 | .syntaxhighlighter.collapsed .toolbar a { 57 | color: #428bdd !important; 58 | } 59 | .syntaxhighlighter.collapsed .toolbar a:hover { 60 | color: lime !important; 61 | } 62 | .syntaxhighlighter .toolbar { 63 | color: #aaaaff !important; 64 | background: #435a5f !important; 65 | border: none !important; 66 | } 67 | .syntaxhighlighter .toolbar a { 68 | color: #aaaaff !important; 69 | } 70 | .syntaxhighlighter .toolbar a:hover { 71 | color: #9ccff4 !important; 72 | } 73 | .syntaxhighlighter .plain, .syntaxhighlighter .plain a { 74 | color: lime !important; 75 | } 76 | .syntaxhighlighter .comments, .syntaxhighlighter .comments a { 77 | color: #428bdd !important; 78 | } 79 | .syntaxhighlighter .string, .syntaxhighlighter .string a { 80 | color: lime !important; 81 | } 82 | .syntaxhighlighter .keyword { 83 | color: #aaaaff !important; 84 | } 85 | .syntaxhighlighter .preprocessor { 86 | color: #8aa6c1 !important; 87 | } 88 | .syntaxhighlighter .variable { 89 | color: aqua !important; 90 | } 91 | .syntaxhighlighter .value { 92 | color: #f7e741 !important; 93 | } 94 | .syntaxhighlighter .functions { 95 | color: #ff8000 !important; 96 | } 97 | .syntaxhighlighter .constants { 98 | color: yellow !important; 99 | } 100 | .syntaxhighlighter .script { 101 | font-weight: bold !important; 102 | color: #aaaaff !important; 103 | background-color: none !important; 104 | } 105 | .syntaxhighlighter .color1, .syntaxhighlighter .color1 a { 106 | color: red !important; 107 | } 108 | .syntaxhighlighter .color2, .syntaxhighlighter .color2 a { 109 | color: yellow !important; 110 | } 111 | .syntaxhighlighter .color3, .syntaxhighlighter .color3 a { 112 | color: #ffaa3e !important; 113 | } 114 | -------------------------------------------------------------------------------- /tutorial/sh/styles/shThemeMidnight.css: -------------------------------------------------------------------------------- 1 | /** 2 | * SyntaxHighlighter 3 | * http://alexgorbatchev.com/SyntaxHighlighter 4 | * 5 | * SyntaxHighlighter is donationware. If you are using it, please donate. 6 | * http://alexgorbatchev.com/SyntaxHighlighter/donate.html 7 | * 8 | * @version 9 | * 3.0.83 (July 02 2010) 10 | * 11 | * @copyright 12 | * Copyright (C) 2004-2010 Alex Gorbatchev. 13 | * 14 | * @license 15 | * Dual licensed under the MIT and GPL licenses. 16 | */ 17 | .syntaxhighlighter { 18 | background-color: #0f192a !important; 19 | } 20 | .syntaxhighlighter .line.alt1 { 21 | background-color: #0f192a !important; 22 | } 23 | .syntaxhighlighter .line.alt2 { 24 | background-color: #0f192a !important; 25 | } 26 | .syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 { 27 | background-color: #253e5a !important; 28 | } 29 | .syntaxhighlighter .line.highlighted.number { 30 | color: #38566f !important; 31 | } 32 | .syntaxhighlighter table caption { 33 | color: #d1edff !important; 34 | } 35 | .syntaxhighlighter .gutter { 36 | color: #afafaf !important; 37 | } 38 | .syntaxhighlighter .gutter .line { 39 | border-right: 3px solid #435a5f !important; 40 | } 41 | .syntaxhighlighter .gutter .line.highlighted { 42 | background-color: #435a5f !important; 43 | color: #0f192a !important; 44 | } 45 | .syntaxhighlighter.printing .line .content { 46 | border: none !important; 47 | } 48 | .syntaxhighlighter.collapsed { 49 | overflow: visible !important; 50 | } 51 | .syntaxhighlighter.collapsed .toolbar { 52 | color: #428bdd !important; 53 | background: black !important; 54 | border: 1px solid #435a5f !important; 55 | } 56 | .syntaxhighlighter.collapsed .toolbar a { 57 | color: #428bdd !important; 58 | } 59 | .syntaxhighlighter.collapsed .toolbar a:hover { 60 | color: #1dc116 !important; 61 | } 62 | .syntaxhighlighter .toolbar { 63 | color: #d1edff !important; 64 | background: #435a5f !important; 65 | border: none !important; 66 | } 67 | .syntaxhighlighter .toolbar a { 68 | color: #d1edff !important; 69 | } 70 | .syntaxhighlighter .toolbar a:hover { 71 | color: #8aa6c1 !important; 72 | } 73 | .syntaxhighlighter .plain, .syntaxhighlighter .plain a { 74 | color: #d1edff !important; 75 | } 76 | .syntaxhighlighter .comments, .syntaxhighlighter .comments a { 77 | color: #428bdd !important; 78 | } 79 | .syntaxhighlighter .string, .syntaxhighlighter .string a { 80 | color: #1dc116 !important; 81 | } 82 | .syntaxhighlighter .keyword { 83 | color: #b43d3d !important; 84 | } 85 | .syntaxhighlighter .preprocessor { 86 | color: #8aa6c1 !important; 87 | } 88 | .syntaxhighlighter .variable { 89 | color: #ffaa3e !important; 90 | } 91 | .syntaxhighlighter .value { 92 | color: #f7e741 !important; 93 | } 94 | .syntaxhighlighter .functions { 95 | color: #ffaa3e !important; 96 | } 97 | .syntaxhighlighter .constants { 98 | color: #e0e8ff !important; 99 | } 100 | .syntaxhighlighter .script { 101 | font-weight: bold !important; 102 | color: #b43d3d !important; 103 | background-color: none !important; 104 | } 105 | .syntaxhighlighter .color1, .syntaxhighlighter .color1 a { 106 | color: #f8bb00 !important; 107 | } 108 | .syntaxhighlighter .color2, .syntaxhighlighter .color2 a { 109 | color: white !important; 110 | } 111 | .syntaxhighlighter .color3, .syntaxhighlighter .color3 a { 112 | color: #ffaa3e !important; 113 | } 114 | -------------------------------------------------------------------------------- /tutorial/sh/styles/shThemeRDark.css: -------------------------------------------------------------------------------- 1 | /** 2 | * SyntaxHighlighter 3 | * http://alexgorbatchev.com/SyntaxHighlighter 4 | * 5 | * SyntaxHighlighter is donationware. If you are using it, please donate. 6 | * http://alexgorbatchev.com/SyntaxHighlighter/donate.html 7 | * 8 | * @version 9 | * 3.0.83 (July 02 2010) 10 | * 11 | * @copyright 12 | * Copyright (C) 2004-2010 Alex Gorbatchev. 13 | * 14 | * @license 15 | * Dual licensed under the MIT and GPL licenses. 16 | */ 17 | .syntaxhighlighter { 18 | background-color: #1b2426 !important; 19 | } 20 | .syntaxhighlighter .line.alt1 { 21 | background-color: #1b2426 !important; 22 | } 23 | .syntaxhighlighter .line.alt2 { 24 | background-color: #1b2426 !important; 25 | } 26 | .syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 { 27 | background-color: #323e41 !important; 28 | } 29 | .syntaxhighlighter .line.highlighted.number { 30 | color: #b9bdb6 !important; 31 | } 32 | .syntaxhighlighter table caption { 33 | color: #b9bdb6 !important; 34 | } 35 | .syntaxhighlighter .gutter { 36 | color: #afafaf !important; 37 | } 38 | .syntaxhighlighter .gutter .line { 39 | border-right: 3px solid #435a5f !important; 40 | } 41 | .syntaxhighlighter .gutter .line.highlighted { 42 | background-color: #435a5f !important; 43 | color: #1b2426 !important; 44 | } 45 | .syntaxhighlighter.printing .line .content { 46 | border: none !important; 47 | } 48 | .syntaxhighlighter.collapsed { 49 | overflow: visible !important; 50 | } 51 | .syntaxhighlighter.collapsed .toolbar { 52 | color: #5ba1cf !important; 53 | background: black !important; 54 | border: 1px solid #435a5f !important; 55 | } 56 | .syntaxhighlighter.collapsed .toolbar a { 57 | color: #5ba1cf !important; 58 | } 59 | .syntaxhighlighter.collapsed .toolbar a:hover { 60 | color: #5ce638 !important; 61 | } 62 | .syntaxhighlighter .toolbar { 63 | color: white !important; 64 | background: #435a5f !important; 65 | border: none !important; 66 | } 67 | .syntaxhighlighter .toolbar a { 68 | color: white !important; 69 | } 70 | .syntaxhighlighter .toolbar a:hover { 71 | color: #e0e8ff !important; 72 | } 73 | .syntaxhighlighter .plain, .syntaxhighlighter .plain a { 74 | color: #b9bdb6 !important; 75 | } 76 | .syntaxhighlighter .comments, .syntaxhighlighter .comments a { 77 | color: #878a85 !important; 78 | } 79 | .syntaxhighlighter .string, .syntaxhighlighter .string a { 80 | color: #5ce638 !important; 81 | } 82 | .syntaxhighlighter .keyword { 83 | color: #5ba1cf !important; 84 | } 85 | .syntaxhighlighter .preprocessor { 86 | color: #435a5f !important; 87 | } 88 | .syntaxhighlighter .variable { 89 | color: #ffaa3e !important; 90 | } 91 | .syntaxhighlighter .value { 92 | color: #009900 !important; 93 | } 94 | .syntaxhighlighter .functions { 95 | color: #ffaa3e !important; 96 | } 97 | .syntaxhighlighter .constants { 98 | color: #e0e8ff !important; 99 | } 100 | .syntaxhighlighter .script { 101 | font-weight: bold !important; 102 | color: #5ba1cf !important; 103 | background-color: none !important; 104 | } 105 | .syntaxhighlighter .color1, .syntaxhighlighter .color1 a { 106 | color: #e0e8ff !important; 107 | } 108 | .syntaxhighlighter .color2, .syntaxhighlighter .color2 a { 109 | color: white !important; 110 | } 111 | .syntaxhighlighter .color3, .syntaxhighlighter .color3 a { 112 | color: #ffaa3e !important; 113 | } 114 | -------------------------------------------------------------------------------- /tutorial/sh/tests/.rvmrc: -------------------------------------------------------------------------------- 1 | rvm 1.8.7-p249@copydeca -------------------------------------------------------------------------------- /tutorial/sh/tests/brushes/sass.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /tutorial/sh/tests/brushes_tests.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | SyntaxHighlighter Brushes Tests 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 58 | 59 | 134 | 135 | 136 | 137 | -------------------------------------------------------------------------------- /tutorial/sh/tests/cases/001_basic.html: -------------------------------------------------------------------------------- 1 |2 | /** 3 | * multiline comment 4 | */ 5 | 6 | text 7 | 8 | // single line comment 9 | 10 | text 11 | 12 | "string" text 'string' text "string" 13 | "string with \" escape" text 'string with \' escape' text "string with \" escape" 14 | 15 | var code = '\ 16 | function helloWorld()\ 17 | {\ 18 | // this is great!\ 19 | for(var i = 0; i <= 1; i++)\ 20 | alert("yay");\ 21 | }\ 22 | '; 23 |24 | 25 | 43 | -------------------------------------------------------------------------------- /tutorial/sh/tests/cases/002_brushes.html: -------------------------------------------------------------------------------- 1 |2 |28 | 29 | 51 | -------------------------------------------------------------------------------- /tutorial/sh/tests/cases/003_script_tag.html: -------------------------------------------------------------------------------- 1 |test3 |test4 |test5 |test6 |test7 |test8 |test9 |test10 |test11 |test12 |test13 |test14 |test15 |test16 |test17 |test18 |test19 |test20 |test21 |test22 |test23 |test24 |test25 |test26 |test27 |2 | 22 |23 | 24 | 43 | -------------------------------------------------------------------------------- /tutorial/sh/tests/cases/004_url_parsing.html: -------------------------------------------------------------------------------- 1 |2 | /** 3 | * Please see <http://www.alexgorbatchev.come/?test=1&y=2> 4 | */ 5 | var home = "http://www.alexgorbatchev.come/?test=1&y=2;test/1/2/3;"; 6 | // < http://www.gnu.org/licenses/?test=1&y=2 >. 7 | 8 | // Test embedded URLs that terminate at a left angle bracket. 9 | // See bug #28: http://bitbucket.org/alexg/syntaxhighlighter/issue/28/ 10 | "12 | 13 | -------------------------------------------------------------------------------- /tutorial/sh/tests/cases/005_no_gutter.html: -------------------------------------------------------------------------------- 1 |http://www.example.com/song2.mp3 "; 11 |2 | public Image getImage(URL url, String name) { 3 | try { 4 | /* 5 | Regular multiline comment. 6 | */ 7 | return getImage(new URL(url, name)); 8 | } catch (MalformedURLException e) { 9 | return null; 10 | } 11 | } 12 |13 | 14 | 34 | -------------------------------------------------------------------------------- /tutorial/sh/tests/cases/006_pad_line_numbers.html: -------------------------------------------------------------------------------- 1 |2 | /** 3 | * Returns an Image object that can then be painted on the screen. 4 | * The url argument must specify an absolute {@link URL}. The name 5 | * argument is a specifier that is relative to the url argument. 6 | * 7 | * @param url an absolute URL giving the base location of the image 8 | * @param name the location of the image, relative to the url argument 9 | * @return the image at the specified URL 10 | * @see Image 11 | */ 12 |13 | 14 | 40 | -------------------------------------------------------------------------------- /tutorial/sh/tests/cases/007_collapse.html: -------------------------------------------------------------------------------- 1 |2 | /** 3 | * Returns an Image object that can then be painted on the screen. 4 | * The url argument must specify an absolute {@link URL}. The name 5 | * argument is a specifier that is relative to the url argument. 6 | * 7 | * @param url an absolute URL giving the base location of the image 8 | * @param name the location of the image, relative to the url argument 9 | * @return the image at the specified URL 10 | * @see Image 11 | */ 12 |13 | 14 |15 | /** 16 | * Returns an Image object that can then be painted on the screen. 17 | * The url argument must specify an absolute {@link URL}. The name 18 | * argument is a specifier that is relative to the url argument. 19 | * 20 | * @param url an absolute URL giving the base location of the image 21 | * @param name the location of the image, relative to the url argument 22 | * @return the image at the specified URL 23 | * @see Image 24 | */ 25 |26 | 27 | 61 | -------------------------------------------------------------------------------- /tutorial/sh/tests/cases/007_collapse_interaction.html: -------------------------------------------------------------------------------- 1 | 45 | -------------------------------------------------------------------------------- /tutorial/sh/tests/cases/008_first_line.html: -------------------------------------------------------------------------------- 1 |2 | partial class Foo 3 | { 4 | function test() 5 | { 6 | yield return; 7 | } 8 | } 9 |10 | 11 | 30 | -------------------------------------------------------------------------------- /tutorial/sh/tests/cases/009_class_name.html: -------------------------------------------------------------------------------- 1 |2 | public Image getImage(URL url, String name) { 3 | try { 4 | /* 5 | Regular multiline comment. 6 | */ 7 | return getImage(new URL(url, name)); 8 | } catch (MalformedURLException e) { 9 | return null; 10 | } 11 | } 12 |13 | 14 | 33 | -------------------------------------------------------------------------------- /tutorial/sh/tests/cases/010_highlight.html: -------------------------------------------------------------------------------- 1 |2 | public function validateStrongPassword(password:String):Boolean 3 | { 4 | if (password == null || password.length <= 0) 5 | { 6 | return false; 7 | } 8 | 9 | return STRONG_PASSWORD_PATTERN.test(password); 10 | } 11 |12 | 40 | 41 | 71 | -------------------------------------------------------------------------------- /tutorial/sh/tests/cases/011_smart_tabs.html: -------------------------------------------------------------------------------- 1 |2 | the words in this paragraph 3 | should look like they are 4 | evenly spaced between columns 5 |6 | 7 |8 | the words in this paragraph 9 | should look like they are 10 | evenly spaced between columns 11 |12 | 13 |14 | the words in this paragraph 15 | should look out of whack 16 | because smart tabs are disabled 17 |18 | 19 | 99 | -------------------------------------------------------------------------------- /tutorial/sh/tests/cases/012_server_side.html: -------------------------------------------------------------------------------- 1 | 9 | 10 |11 |12 | 13 | -------------------------------------------------------------------------------- /tutorial/sh/tests/cases/013_html_script.html: -------------------------------------------------------------------------------- 1 |2 | <hello> 3 | <% 4 | package free.cafekiwi.gotapi; 5 | %> 6 | </hello> 7 | 8 | 11 | <%= print(); %> 12 |13 | 14 | -------------------------------------------------------------------------------- /tutorial/sh/tests/cases/014_legacy.html: -------------------------------------------------------------------------------- 1 |basic check2 |no toolbar3 |no gutter4 |collapsed5 |first line6 | 7 | 71 | -------------------------------------------------------------------------------- /tutorial/sh/tests/commonjs_tests.js: -------------------------------------------------------------------------------- 1 | /** 2 | * This is a CommonJS compatibility test. You can run this file with node. 3 | */ 4 | require.paths.unshift(__dirname + '/../scripts'); 5 | 6 | var sys = require('sys'), 7 | shSyntaxHighlighter = require('shCore').SyntaxHighlighter, 8 | code = 'test', 9 | brushes = [ 10 | 'AS3', 11 | 'AppleScript', 12 | 'Bash', 13 | 'CSharp', 14 | 'ColdFusion', 15 | 'Cpp', 16 | 'Css', 17 | 'Delphi', 18 | 'Diff', 19 | 'Erlang', 20 | 'Groovy', 21 | 'JScript', 22 | 'Java', 23 | 'JavaFX', 24 | 'Perl', 25 | 'Php', 26 | 'Plain', 27 | 'PowerShell', 28 | 'Python', 29 | 'Ruby', 30 | 'Sass', 31 | 'Scala', 32 | 'Sql', 33 | 'Vb', 34 | 'Xml' 35 | ] 36 | ; 37 | 38 | brushes.sort(); 39 | 40 | for (var i = 0; i < brushes.length; i++) 41 | { 42 | var name = brushes[i], 43 | brush = require('shBrush' + name).Brush 44 | ; 45 | 46 | brush = new brush(); 47 | brush.init({ toolbar: false }); 48 | 49 | var result = brush.getHtml(code); 50 | 51 | sys.puts(name + (result != null ? ': ok' : ': NOT OK')); 52 | } 53 | -------------------------------------------------------------------------------- /tutorial/sh/tests/js/qunit.css: -------------------------------------------------------------------------------- 1 | /** 2 | * SyntaxHighlighter 3 | * http://alexgorbatchev.com/SyntaxHighlighter 4 | * 5 | * SyntaxHighlighter is donationware. If you are using it, please donate. 6 | * http://alexgorbatchev.com/SyntaxHighlighter/donate.html 7 | * 8 | * @version 9 | * 3.0.83 (July 02 2010) 10 | * 11 | * @copyright 12 | * Copyright (C) 2004-2010 Alex Gorbatchev. 13 | * 14 | * @license 15 | * Dual licensed under the MIT and GPL licenses. 16 | */ 17 | 18 | ol#qunit-tests { 19 | font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial; 20 | margin:0; 21 | padding:0; 22 | list-style-position:inside; 23 | 24 | font-size: smaller; 25 | } 26 | ol#qunit-tests li{ 27 | padding:0.4em 0.5em 0.4em 2.5em; 28 | border-bottom:1px solid #fff; 29 | font-size:small; 30 | list-style-position:inside; 31 | } 32 | ol#qunit-tests li ol{ 33 | box-shadow: inset 0px 2px 13px #999; 34 | -moz-box-shadow: inset 0px 2px 13px #999; 35 | -webkit-box-shadow: inset 0px 2px 13px #999; 36 | margin-top:0.5em; 37 | margin-left:0; 38 | padding:0.5em; 39 | background-color:#fff; 40 | border-radius:15px; 41 | -moz-border-radius: 15px; 42 | -webkit-border-radius: 15px; 43 | } 44 | ol#qunit-tests li li{ 45 | border-bottom:none; 46 | margin:0.5em; 47 | background-color:#fff; 48 | list-style-position: inside; 49 | padding:0.4em 0.5em 0.4em 0.5em; 50 | } 51 | 52 | ol#qunit-tests li li.pass{ 53 | border-left:26px solid #C6E746; 54 | background-color:#fff; 55 | color:#5E740B; 56 | } 57 | ol#qunit-tests li li.fail{ 58 | border-left:26px solid #EE5757; 59 | background-color:#fff; 60 | color:#710909; 61 | } 62 | ol#qunit-tests li.pass{ 63 | background-color:#D2E0E6; 64 | color:#528CE0; 65 | } 66 | ol#qunit-tests li.fail{ 67 | background-color:#EE5757; 68 | color:#000; 69 | } 70 | ol#qunit-tests li strong { 71 | cursor:pointer; 72 | } 73 | h1#qunit-header{ 74 | background-color:#0d3349; 75 | margin:0; 76 | padding:0.5em 0 0.5em 1em; 77 | color:#fff; 78 | font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial; 79 | border-top-right-radius:15px; 80 | border-top-left-radius:15px; 81 | -moz-border-radius-topright:15px; 82 | -moz-border-radius-topleft:15px; 83 | -webkit-border-top-right-radius:15px; 84 | -webkit-border-top-left-radius:15px; 85 | text-shadow: rgba(0, 0, 0, 0.5) 4px 4px 1px; 86 | } 87 | h2#qunit-banner{ 88 | font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial; 89 | height:5px; 90 | margin:0; 91 | padding:0; 92 | } 93 | h2#qunit-banner.qunit-pass{ 94 | background-color:#C6E746; 95 | } 96 | h2#qunit-banner.qunit-fail, #qunit-testrunner-toolbar { 97 | background-color:#EE5757; 98 | } 99 | #qunit-testrunner-toolbar { 100 | font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial; 101 | padding:0; 102 | /*width:80%;*/ 103 | padding:0em 0 0.5em 2em; 104 | font-size: small; 105 | } 106 | h2#qunit-userAgent { 107 | font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial; 108 | background-color:#2b81af; 109 | margin:0; 110 | padding:0; 111 | color:#fff; 112 | font-size: small; 113 | padding:0.5em 0 0.5em 2.5em; 114 | text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px; 115 | } 116 | p#qunit-testresult{ 117 | font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial; 118 | margin:0; 119 | font-size: small; 120 | color:#2b81af; 121 | border-bottom-right-radius:15px; 122 | border-bottom-left-radius:15px; 123 | -moz-border-radius-bottomright:15px; 124 | -moz-border-radius-bottomleft:15px; 125 | -webkit-border-bottom-right-radius:15px; 126 | -webkit-border-bottom-left-radius:15px; 127 | background-color:#D2E0E6; 128 | padding:0.5em 0.5em 0.5em 2.5em; 129 | } 130 | strong b.fail{ 131 | color:#710909; 132 | } 133 | strong b.pass{ 134 | color:#5E740B; 135 | } 136 | -------------------------------------------------------------------------------- /tutorial/sh/tests/syntaxhighlighter_tests.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |SyntaxHighlighter Highlight Tests 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 |SyntaxHighlighter Highlight Lines Test
48 | 49 | 50 | 51 |52 | 53 | 54 | 55 |
56 |57 | 58 | 87 | 88 | 240 | 241 | 242 | 243 | -------------------------------------------------------------------------------- /tutorial/sh/tests/theme_tests.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |SyntaxHighlighter Theme Tests 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 26 | 27 | 67 | 68 | 132 | 133 | 134 | 135 | -------------------------------------------------------------------------------- /tutorial/sh/tests/webrick.rb: -------------------------------------------------------------------------------- 1 | require 'webrick' 2 | include WEBrick 3 | 4 | s = HTTPServer.new( 5 | :Port => 2010, 6 | :DocumentRoot => Dir::pwd 7 | ) 8 | s.mount('/sh/scripts', WEBrick::HTTPServlet::FileHandler, '../scripts') 9 | s.mount('/sh/styles', WEBrick::HTTPServlet::FileHandler, '../styles') 10 | trap('INT') { s.stop } 11 | s.start 12 | -------------------------------------------------------------------------------- /tutorial/sh/tests/webrick.sh: -------------------------------------------------------------------------------- 1 | #!/bin/sh 2 | ruby webrick.rb 3 | -------------------------------------------------------------------------------- /tutorial/step3/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |HTML5 Rubik's tutorial Step(III) 5 | 22 | 23 | 24 | 25 | 26 | 27 | 34 | 35 | 36 | 37 |38 | 136 | 137 | 138 |39 |134 | 135 |40 |133 |41 | 42 | 43 |132 |44 |U145 |U246 | 47 |U348 |U449 |U550 | 51 |U652 |U753 |U854 | 55 | 56 | 57 | 58 |U959 |F160 |F261 | 62 |F363 |F464 |F565 | 66 |F667 |F768 |F869 | 70 | 71 | 72 | 73 |F974 |D175 |D276 | 77 |D378 |D479 |D580 | 81 |D682 |D783 |D884 | 85 | 86 | 87 | 88 |D989 |B190 |B291 | 92 |B393 |B494 |B595 | 96 |B697 |B798 |B899 | 100 | 101 | 102 | 103 |B9104 |L1105 |L2106 | 107 |L3108 |L4109 |L5110 | 111 |L6112 |L7113 |L8114 | 115 | 116 | 117 | 118 |L9119 |R1120 |R2121 | 122 |R3123 |R4124 |R5125 | 126 |R6127 |R7128 |R8129 | 130 | 131 |R9139 | 165 | 166 | 167 | --------------------------------------------------------------------------------Select move (assume clockwise):
140 |141 | 142 | 143 | 144 | 145 | 146 | 147 |
148 |Allow flicks (let you play with the mouse)
149 | 150 | 164 |