Mirrors/brackets
1
0
Fork 0
mirror of https://github.com/adobe/brackets.git synced 2024-11-20 01:42:55 +01:00
Code Issues Releases Activity

Normalized Line Endings and added .gitattributes

Browse Source
This commit is contained in:
Bernhard Sirlinger 2013-02-02 21:29:11 +01:00
parent 6c57c6c9ed
commit 01fcf039c5
20 changed files with 1042 additions and 1040 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.gitattributes vendored Normal file
View File

@ -0,0 +1,2 @@
# Auto detect text files and perform LF normalization
* text=auto

154
src/extensions/default/JavaScriptQuickEdit/unittest-files/jquery-ui/external/jquery.mousewheel-3.0.4.js vendored
View File

@ -1,78 +1,78 @@
/*! Copyright (c) 2010 Brandon Aaron (http://brandonaaron.net)
* Licensed under the MIT License (LICENSE.txt).
*
* Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers.
* Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix.
* Thanks to: Seamus Leahy for adding deltaX and deltaY
*
* Version: 3.0.4
*
* Requires: 1.2.2+
*/
(function($) {
var types = ['DOMMouseScroll', 'mousewheel'];
$.event.special.mousewheel = {
setup: function() {
if ( this.addEventListener ) {
for ( var i=types.length; i; ) {
this.addEventListener( types[--i], handler, false );
}
} else {
this.onmousewheel = handler;
}
},
teardown: function() {
if ( this.removeEventListener ) {
for ( var i=types.length; i; ) {
this.removeEventListener( types[--i], handler, false );
}
} else {
this.onmousewheel = null;
}
}
};
$.fn.extend({
mousewheel: function(fn) {
return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel");
},
unmousewheel: function(fn) {
return this.unbind("mousewheel", fn);
}
});
function handler(event) {
var orgEvent = event || window.event, args = [].slice.call( arguments, 1 ), delta = 0, returnValue = true, deltaX = 0, deltaY = 0;
event = $.event.fix(orgEvent);
event.type = "mousewheel";
// Old school scrollwheel delta
if ( event.wheelDelta ) { delta = event.wheelDelta/120; }
if ( event.detail ) { delta = -event.detail/3; }
// New school multidimensional scroll (touchpads) deltas
deltaY = delta;
// Gecko
if ( orgEvent.axis !== undefined && orgEvent.axis === orgEvent.HORIZONTAL_AXIS ) {
deltaY = 0;
deltaX = -1*delta;
}
// Webkit
if ( orgEvent.wheelDeltaY !== undefined ) { deltaY = orgEvent.wheelDeltaY/120; }
if ( orgEvent.wheelDeltaX !== undefined ) { deltaX = -1*orgEvent.wheelDeltaX/120; }
// Add event and delta to the front of the arguments
args.unshift(event, delta, deltaX, deltaY);
return $.event.handle.apply(this, args);
}
/*! Copyright (c) 2010 Brandon Aaron (http://brandonaaron.net)
* Licensed under the MIT License (LICENSE.txt).
*
* Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers.
* Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix.
* Thanks to: Seamus Leahy for adding deltaX and deltaY
*
* Version: 3.0.4
*
* Requires: 1.2.2+
*/
(function($) {
var types = ['DOMMouseScroll', 'mousewheel'];
$.event.special.mousewheel = {
setup: function() {
if ( this.addEventListener ) {
for ( var i=types.length; i; ) {
this.addEventListener( types[--i], handler, false );
}
} else {
this.onmousewheel = handler;
}
},
teardown: function() {
if ( this.removeEventListener ) {
for ( var i=types.length; i; ) {
this.removeEventListener( types[--i], handler, false );
}
} else {
this.onmousewheel = null;
}
}
};
$.fn.extend({
mousewheel: function(fn) {
return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel");
},
unmousewheel: function(fn) {
return this.unbind("mousewheel", fn);
}
});
function handler(event) {
var orgEvent = event || window.event, args = [].slice.call( arguments, 1 ), delta = 0, returnValue = true, deltaX = 0, deltaY = 0;
event = $.event.fix(orgEvent);
event.type = "mousewheel";
// Old school scrollwheel delta
if ( event.wheelDelta ) { delta = event.wheelDelta/120; }
if ( event.detail ) { delta = -event.detail/3; }
// New school multidimensional scroll (touchpads) deltas
deltaY = delta;
// Gecko
if ( orgEvent.axis !== undefined && orgEvent.axis === orgEvent.HORIZONTAL_AXIS ) {
deltaY = 0;
deltaX = -1*delta;
}
// Webkit
if ( orgEvent.wheelDeltaY !== undefined ) { deltaY = orgEvent.wheelDeltaY/120; }
if ( orgEvent.wheelDeltaX !== undefined ) { deltaX = -1*orgEvent.wheelDeltaX/120; }
// Add event and delta to the front of the arguments
args.unshift(event, delta, deltaX, deltaY);
return $.event.handle.apply(this, args);
}
})(jQuery);

20
src/extensions/default/RecentProjects/down-arrow.svg
View File

@ -1,10 +1,10 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="8px">
<defs>
<filter id="blur" x="-10" y="-10" width="12" height="12">
<feGaussianBlur in="SourceGraphic" stdDeviation=".25"/>
</filter>
</defs>
<polyline points="4.5,7 8,1 1,1 " filter="url(#blur)" opacity=".5" transform="translate(0, 1)"/>
<polyline fill="#878787" points="4.5,7 8,1 1,1 "/>
</svg>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="8px">
<defs>
<filter id="blur" x="-10" y="-10" width="12" height="12">
<feGaussianBlur in="SourceGraphic" stdDeviation=".25"/>
</filter>
</defs>
<polyline points="4.5,7 8,1 1,1 " filter="url(#blur)" opacity=".5" transform="translate(0, 1)"/>
<polyline fill="#878787" points="4.5,7 8,1 1,1 "/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 440 B

After

Width:  |  Height:  |  Size: 430 B

44
src/styles/images/bracketsSprites.svg
View File

@ -1,22 +1,22 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="90px" height="18px">
<defs>
<linearGradient id="grey1" gradientUnits="userSpaceOnUse" x1="8.5" y1="6" x2="8.5" y2="13">
<stop offset="0" stop-color="#666"/>
<stop offset="1" stop-color="#3A3A3A"/>
</linearGradient>
<linearGradient id="grey2" gradientUnits="userSpaceOnUse" x1="26.5" y1="3" x2="26.5" y2="16">
<stop offset="0" stop-color="#888"/>
<stop offset="1" stop-color="#595959"/>
</linearGradient>
<linearGradient id="grey3" gradientUnits="userSpaceOnUse" x1="44.5" y1="3" x2="44.5" y2="16">
<stop offset="0" stop-color="#666"/>
<stop offset="1" stop-color="#373737"/>
</linearGradient>
<polygon id="cross" fill="#fff" points="29.646,5.646 26.5,8.793 23.354,5.646 22.646,6.354 25.793,9.5 22.646,12.646 23.354,13.354 26.5,10.207 29.646,13.354 30.354,12.646 27.207,9.5 30.354,6.354"/>
</defs>
<circle fill="url(#grey1)" cx="8.5" cy="9.5" r="3.5"/>
<circle fill="url(#grey2)" cx="26.5" cy="9.5" r="6.5"/>
<circle fill="url(#grey3)" cx="44.5" cy="9.5" r="6.5"/>
<use xlink:href="#cross"/>
<use xlink:href="#cross" x="18"/>
</svg>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="90px" height="18px">
<defs>
<linearGradient id="grey1" gradientUnits="userSpaceOnUse" x1="8.5" y1="6" x2="8.5" y2="13">
<stop offset="0" stop-color="#666"/>
<stop offset="1" stop-color="#3A3A3A"/>
</linearGradient>
<linearGradient id="grey2" gradientUnits="userSpaceOnUse" x1="26.5" y1="3" x2="26.5" y2="16">
<stop offset="0" stop-color="#888"/>
<stop offset="1" stop-color="#595959"/>
</linearGradient>
<linearGradient id="grey3" gradientUnits="userSpaceOnUse" x1="44.5" y1="3" x2="44.5" y2="16">
<stop offset="0" stop-color="#666"/>
<stop offset="1" stop-color="#373737"/>
</linearGradient>
<polygon id="cross" fill="#fff" points="29.646,5.646 26.5,8.793 23.354,5.646 22.646,6.354 25.793,9.5 22.646,12.646 23.354,13.354 26.5,10.207 29.646,13.354 30.354,12.646 27.207,9.5 30.354,6.354"/>
</defs>
<circle fill="url(#grey1)" cx="8.5" cy="9.5" r="3.5"/>
<circle fill="url(#grey2)" cx="26.5" cy="9.5" r="6.5"/>
<circle fill="url(#grey3)" cx="44.5" cy="9.5" r="6.5"/>
<use xlink:href="#cross"/>
<use xlink:href="#cross" x="18"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

42
src/styles/images/brackets_icon.svg
View File

@ -1,21 +1,21 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="120px" height="120px">
<defs>
<linearGradient id="frame" gradientUnits="userSpaceOnUse" x1="433.5" y1="-185" x2="433.5" y2="-277" gradientTransform="matrix(1 0 0 -1 -373.5 -177)">
<stop offset="0" stop-color="#29ABE2"/>
<stop offset="0.4757" stop-color="#28A9E1"/>
<stop offset="0.6639" stop-color="#23A2DC"/>
<stop offset="0.8012" stop-color="#1A96D4"/>
<stop offset="0.913" stop-color="#0E85C9"/>
<stop offset="1" stop-color="#0071BC"/>
</linearGradient>
<filter id="blur" x="-10" y="-10" width="12" height="12">
<feGaussianBlur in="SourceGraphic" stdDeviation="1"/>
</filter>
</defs>
<rect id="shadow" x="10" y="9" width="100" height="100" rx="20" ry="20" opacity=".5" filter="url(#blur)"/>
<rect x="10" y="58" width="100" height="50" rx="20" ry="20" fill="#115A91"/>
<rect x="10" y="8" width="100" height="92" rx="20" ry="20" fill="url(#frame)"/>
<rect x="22" y="20" width="76" height="68" rx="10" ry="10" fill="#fff"/>
<path id="shadow2" opacity=".5" transform="translate(0, 1)" filter="url(#blur)" d="M57,28v12H43v26h14v13H30V28H57zM90,28v51H63V66h15V40H63V28H90z"/>
<path id="brackets" fill="#4D4D4D" d="M57,28v12H43v26h14v13H30V28H57zM90,28v51H63V66h15V40H63V28H90z"/>
</svg>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="120px" height="120px">
<defs>
<linearGradient id="frame" gradientUnits="userSpaceOnUse" x1="433.5" y1="-185" x2="433.5" y2="-277" gradientTransform="matrix(1 0 0 -1 -373.5 -177)">
<stop offset="0" stop-color="#29ABE2"/>
<stop offset="0.4757" stop-color="#28A9E1"/>
<stop offset="0.6639" stop-color="#23A2DC"/>
<stop offset="0.8012" stop-color="#1A96D4"/>
<stop offset="0.913" stop-color="#0E85C9"/>
<stop offset="1" stop-color="#0071BC"/>
</linearGradient>
<filter id="blur" x="-10" y="-10" width="12" height="12">
<feGaussianBlur in="SourceGraphic" stdDeviation="1"/>
</filter>
</defs>
<rect id="shadow" x="10" y="9" width="100" height="100" rx="20" ry="20" opacity=".5" filter="url(#blur)"/>
<rect x="10" y="58" width="100" height="50" rx="20" ry="20" fill="#115A91"/>
<rect x="10" y="8" width="100" height="92" rx="20" ry="20" fill="url(#frame)"/>
<rect x="22" y="20" width="76" height="68" rx="10" ry="10" fill="#fff"/>
<path id="shadow2" opacity=".5" transform="translate(0, 1)" filter="url(#blur)" d="M57,28v12H43v26h14v13H30V28H57zM90,28v51H63V66h15V40H63V28H90z"/>
<path id="brackets" fill="#4D4D4D" d="M57,28v12H43v26h14v13H30V28H57zM90,28v51H63V66h15V40H63V28H90z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

30
src/styles/images/close_btn.svg
View File

@ -1,15 +1,15 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="45px" height="16px">
<defs>
<filter id="blur" x="-10" y="-10" width="12" height="12">
<feGaussianBlur in="SourceGraphic" stdDeviation=".25"/>
</filter>
<polygon id="cross" points="12.207,4.207 10.793,2.793 7.5,6.086 4.207,2.793 2.793,4.207 6.086,7.5 2.793,10.793 4.207,12.207 7.5,8.914 10.793,12.207 12.207,10.793 8.914,7.5"/>
</defs>
<use xlink:href="#cross" y="1" filter="url(#blur)" opacity=".5"/>
<use xlink:href="#cross" fill="#868686"/>
<use xlink:href="#cross" x="15" y="1" filter="url(#blur)" opacity=".5"/>
<use xlink:href="#cross" x="15" fill="#9f9f9f"/>
<circle cx="37" cy="8" r="3" filter="url(#blur)" opacity=".5"/>
<circle fill="#868686" cx="37" cy="7" r="3"/>
</svg>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="45px" height="16px">
<defs>
<filter id="blur" x="-10" y="-10" width="12" height="12">
<feGaussianBlur in="SourceGraphic" stdDeviation=".25"/>
</filter>
<polygon id="cross" points="12.207,4.207 10.793,2.793 7.5,6.086 4.207,2.793 2.793,4.207 6.086,7.5 2.793,10.793 4.207,12.207 7.5,8.914 10.793,12.207 12.207,10.793 8.914,7.5"/>
</defs>
<use xlink:href="#cross" y="1" filter="url(#blur)" opacity=".5"/>
<use xlink:href="#cross" fill="#868686"/>
<use xlink:href="#cross" x="15" y="1" filter="url(#blur)" opacity=".5"/>
<use xlink:href="#cross" x="15" fill="#9f9f9f"/>
<circle cx="37" cy="8" r="3" filter="url(#blur)" opacity=".5"/>
<circle fill="#868686" cx="37" cy="7" r="3"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 819 B

After

Width:  |  Height:  |  Size: 804 B

52
src/styles/images/jsTreeSprites.svg
View File

@ -1,26 +1,26 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="108px" height="72px">
<defs>
<filter id="blur" x="-10" y="-10" width="12" height="12">
<feGaussianBlur in="SourceGraphic" stdDeviation=".25"/>
</filter>
<polyline id="arrow-r-shadow" points="11,10.5 5,7 5,14 11,10.5" filter="url(#blur)" opacity=".5" transform="translate(0, 1)"/>
<polyline id="arrow-r" points="11,10.5 5,7 5,14 11,10.5"/>
<polyline id="arrow-d-shadow" points="25.5,13 29,7 22,7 25.5,13" filter="url(#blur)" opacity=".5" transform="translate(0, 1)"/>
<polyline id="arrow-d" points="25.5,13 29,7 22,7 25.5,13"/>
</defs>
<!-- Project tree: dark background -->
<use xlink:href="#arrow-r-shadow" />
<use xlink:href="#arrow-r" fill="#878787" />
<use xlink:href="#arrow-d-shadow" />
<use xlink:href="#arrow-d" fill="#fff" />
<!-- Elsewhere: light background -->
<use xlink:href="#arrow-r-shadow" y="14" />
<use xlink:href="#arrow-r" y="14" fill="#878787" />
<use xlink:href="#arrow-d-shadow" y="14" />
<use xlink:href="#arrow-d" y="14" fill="#555" />
</svg>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="108px" height="72px">
<defs>
<filter id="blur" x="-10" y="-10" width="12" height="12">
<feGaussianBlur in="SourceGraphic" stdDeviation=".25"/>
</filter>
<polyline id="arrow-r-shadow" points="11,10.5 5,7 5,14 11,10.5" filter="url(#blur)" opacity=".5" transform="translate(0, 1)"/>
<polyline id="arrow-r" points="11,10.5 5,7 5,14 11,10.5"/>
<polyline id="arrow-d-shadow" points="25.5,13 29,7 22,7 25.5,13" filter="url(#blur)" opacity=".5" transform="translate(0, 1)"/>
<polyline id="arrow-d" points="25.5,13 29,7 22,7 25.5,13"/>
</defs>
<!-- Project tree: dark background -->
<use xlink:href="#arrow-r-shadow" />
<use xlink:href="#arrow-r" fill="#878787" />
<use xlink:href="#arrow-d-shadow" />
<use xlink:href="#arrow-d" fill="#fff" />
<!-- Elsewhere: light background -->
<use xlink:href="#arrow-r-shadow" y="14" />
<use xlink:href="#arrow-r" y="14" fill="#878787" />
<use xlink:href="#arrow-d-shadow" y="14" />
<use xlink:href="#arrow-d" y="14" fill="#555" />
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

64
src/styles/images/live_development_sprites.svg
View File

@ -1,32 +1,32 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="22px" height="112px">
<g transform="translate(0, 1)">
<polygon id="bolt" fill="#CCCCCC" points="14,7 8,3 0,13 8,8 14,12 22,2 "/>
</g>
<g transform="translate(0, 17)">
<polygon id="bolt_1_" fill="#B3B3B3" points="14,7 8,3 0,13 8,8 14,12 22,2 "/>
</g>
<g transform="translate(0, 33)">
<polygon id="bolt_2_" fill="#FBB03B" points="14,7 8,3 0,13 8,8 14,12 22,2 "/>
</g>
<g transform="translate(0, 49)">
<polygon id="bolt_3_" fill="#E6861C" points="14,7 8,3 0,13 8,8 14,12 22,2 "/>
</g>
<g transform="translate(0, 65)">
<g>
<polygon id="bolt_4_" fill="#CCCCCC" points="14,7 8,3 0,13 8,8 14,12 22,2 "/>
</g>
<polygon fill="#FBB03B" points="8,3 0,13 8,8 8,8 14,7 "/>
</g>
<g transform="translate(0, 81)">
<g>
<polygon id="bolt_5_" fill="#FBB03B" points="14,7 8,3 0,13 8,8 14,12 22,2 "/>
</g>
<circle fill="#CCCCCC" cx="20" cy="10" r="2"/>
</g>
<g transform="translate(0, 97)">
<g>
<polygon id="bolt_6_" fill="#E6861C" points="14,7 8,3 0,13 8,8 14,12 22,2 "/>
</g>
<circle fill="#B3B3B3" cx="20" cy="10" r="2"/>
</g>
</svg>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="22px" height="112px">
<g transform="translate(0, 1)">
<polygon id="bolt" fill="#CCCCCC" points="14,7 8,3 0,13 8,8 14,12 22,2 "/>
</g>
<g transform="translate(0, 17)">
<polygon id="bolt_1_" fill="#B3B3B3" points="14,7 8,3 0,13 8,8 14,12 22,2 "/>
</g>
<g transform="translate(0, 33)">
<polygon id="bolt_2_" fill="#FBB03B" points="14,7 8,3 0,13 8,8 14,12 22,2 "/>
</g>
<g transform="translate(0, 49)">
<polygon id="bolt_3_" fill="#E6861C" points="14,7 8,3 0,13 8,8 14,12 22,2 "/>
</g>
<g transform="translate(0, 65)">
<g>
<polygon id="bolt_4_" fill="#CCCCCC" points="14,7 8,3 0,13 8,8 14,12 22,2 "/>
</g>
<polygon fill="#FBB03B" points="8,3 0,13 8,8 8,8 14,7 "/>
</g>
<g transform="translate(0, 81)">
<g>
<polygon id="bolt_5_" fill="#FBB03B" points="14,7 8,3 0,13 8,8 14,12 22,2 "/>
</g>
<circle fill="#CCCCCC" cx="20" cy="10" r="2"/>
</g>
<g transform="translate(0, 97)">
<g>
<polygon id="bolt_6_" fill="#E6861C" points="14,7 8,3 0,13 8,8 14,12 22,2 "/>
</g>
<circle fill="#B3B3B3" cx="20" cy="10" r="2"/>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

176
src/styles/images/no_content_bg.svg
View File

@ -1,88 +1,88 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="116px" height="55px" viewBox="0 0 116 55" enable-background="new 0 0 116 55" xml:space="preserve">
<g opacity="0.5">
<g>
<path fill="#FFFFFF" d="M45,1H9c-4.951,0-9,4.05-9,9v36c0,4.95,4.049,9,9,9h36c4.949,0,9-4.05,9-9V10C54,5.05,49.949,1,45,1z
M47.25,43.75c0,2.475-2.025,4.5-4.5,4.5h-31.5c-2.475,0-4.5-2.025-4.5-4.5v-31.5c0-2.476,2.025-4.5,4.5-4.5h31.5
c2.475,0,4.5,2.024,4.5,4.5V43.75z"/>
<g>
<g>
<g>
<path fill="#FFFFFF" d="M25.312,15.344v5.906h-5.906v13.5h5.906v5.906H13.5V15.344H25.312z"/>
</g>
<g>
<path fill="#FFFFFF" d="M40.5,15.344v25.312H28.688V34.75h5.906v-13.5h-5.906v-5.906H40.5z"/>
</g>
</g>
</g>
</g>
</g>
<g>
<g>
<path fill="#D9D9D9" d="M45,0H9C4.049,0,0,4.05,0,9v36c0,4.95,4.049,9,9,9h36c4.949,0,9-4.05,9-9V9C54,4.05,49.949,0,45,0z
M47.25,42.75c0,2.475-2.025,4.5-4.5,4.5h-31.5c-2.475,0-4.5-2.025-4.5-4.5v-31.5c0-2.476,2.025-4.5,4.5-4.5h31.5
c2.475,0,4.5,2.024,4.5,4.5V42.75z"/>
<g>
<g>
<g>
<path fill="#D9D9D9" d="M25.312,14.344v5.906h-5.906v13.5h5.906v5.906H13.5V14.344H25.312z"/>
</g>
<g>
<path fill="#D9D9D9" d="M40.5,14.344v25.312H28.688V33.75h5.906v-13.5h-5.906v-5.906H40.5z"/>
</g>
</g>
</g>
</g>
</g>
<g opacity="0.5">
<g>
<path fill="#FFFFFF" d="M71.768,3.734c1.596,0,2.897,0.546,3.947,1.428l-1.47,2.478c-0.672-0.462-1.428-0.798-2.352-0.798
c-1.974,0-3.233,1.554-3.233,4.031c0,2.688,1.176,4.115,3.527,4.115c0.882,0,1.638-0.504,2.226-0.966l1.554,2.436
c-1.092,1.092-2.646,1.638-4.115,1.638c-3.905,0-6.887-2.436-6.887-7.223C64.965,6.38,67.988,3.734,71.768,3.734z"/>
<path fill="#FFFFFF" d="M76.725,10.873c0-4.493,2.688-7.139,6.467-7.139s6.467,2.667,6.467,7.139c0,4.493-2.688,7.223-6.467,7.223
S76.725,15.366,76.725,10.873z M85.963,10.873c0-2.478-1.134-4.031-2.771-4.031s-2.771,1.554-2.771,4.031s1.134,4.115,2.771,4.115
S85.963,13.351,85.963,10.873z"/>
<path fill="#FFFFFF" d="M92.265,3.986h4.241c4.157,0,7.013,2.058,7.013,6.887s-2.855,6.971-6.803,6.971h-4.451V3.986z
M96.296,14.946c1.974,0,3.527-0.882,3.527-4.073s-1.554-3.989-3.527-3.989h-0.42v8.062H96.296z"/>
<path fill="#FFFFFF" d="M106.124,3.986h8.986V7.01h-5.375v2.226h4.619v3.023h-4.619v2.562h5.585v3.023h-9.196V3.986z"/>
<path fill="#FFFFFF" d="M68.156,25.01h-3.653v-3.023h10.918v3.023h-3.653v10.834h-3.611V25.01z"/>
<path fill="#FFFFFF" d="M77.564,21.986h3.611v5.165h4.367v-5.165h3.611v13.857h-3.611v-5.543h-4.367v5.543h-3.611V21.986z"/>
<path fill="#FFFFFF" d="M92.349,21.986h8.986v3.023H95.96v2.226h4.619v3.023H95.96v2.562h5.585v3.023h-9.196V21.986z"/>
<path fill="#FFFFFF" d="M64.167,39.986h3.695l0.756,6.173l0.462,4.283h0.084l0.756-4.283l1.302-6.173h3.023l1.302,6.173
l0.756,4.283h0.084l0.462-4.283l0.756-6.173h3.443L78.78,53.844h-4.577l-1.134-5.627l-0.42-2.981h-0.084l-0.42,2.981l-1.092,5.627
h-4.493L64.167,39.986z"/>
<path fill="#FFFFFF" d="M82.856,39.986h8.986v3.023h-5.375v2.226h4.619v3.023h-4.619v2.562h5.585v3.023h-9.196V39.986z"/>
<path fill="#FFFFFF" d="M94.784,39.986h5.039c2.855,0,5.165,0.882,5.165,3.569c0,1.176-0.63,2.394-2.058,2.897v0.084
c1.806,0.462,2.688,1.554,2.688,3.275c0,2.813-2.436,4.031-5.375,4.031h-5.459V39.986z M99.571,45.487
c1.344,0,1.89-0.588,1.89-1.428s-0.546-1.302-1.89-1.302h-1.176v2.729H99.571z M99.991,51.072c1.428,0,2.1-0.588,2.1-1.596
s-0.672-1.47-2.1-1.47h-1.596v3.065H99.991z"/>
</g>
</g>
<g>
<g>
<path fill="#D9D9D9" d="M71.768,2.734c1.596,0,2.897,0.546,3.947,1.428l-1.47,2.478c-0.672-0.462-1.428-0.798-2.352-0.798
c-1.974,0-3.233,1.554-3.233,4.031c0,2.688,1.176,4.115,3.527,4.115c0.882,0,1.638-0.504,2.226-0.966l1.554,2.436
c-1.092,1.092-2.646,1.638-4.115,1.638c-3.905,0-6.887-2.436-6.887-7.223C64.965,5.38,67.988,2.734,71.768,2.734z"/>
<path fill="#D9D9D9" d="M76.725,9.873c0-4.493,2.688-7.139,6.467-7.139s6.467,2.667,6.467,7.139c0,4.493-2.688,7.223-6.467,7.223
S76.725,14.366,76.725,9.873z M85.963,9.873c0-2.478-1.134-4.031-2.771-4.031S80.42,7.396,80.42,9.873s1.134,4.115,2.771,4.115
S85.963,12.351,85.963,9.873z"/>
<path fill="#D9D9D9" d="M92.265,2.986h4.241c4.157,0,7.013,2.058,7.013,6.887s-2.855,6.971-6.803,6.971h-4.451V2.986z
M96.296,13.946c1.974,0,3.527-0.882,3.527-4.073s-1.554-3.989-3.527-3.989h-0.42v8.062H96.296z"/>
<path fill="#D9D9D9" d="M106.124,2.986h8.986V6.01h-5.375v2.226h4.619v3.023h-4.619v2.562h5.585v3.023h-9.196V2.986z"/>
<path fill="#D9D9D9" d="M68.156,24.01h-3.653v-3.023h10.918v3.023h-3.653v10.834h-3.611V24.01z"/>
<path fill="#D9D9D9" d="M77.564,20.986h3.611v5.165h4.367v-5.165h3.611v13.857h-3.611v-5.543h-4.367v5.543h-3.611V20.986z"/>
<path fill="#D9D9D9" d="M92.349,20.986h8.986v3.023H95.96v2.226h4.619v3.023H95.96v2.562h5.585v3.023h-9.196V20.986z"/>
<path fill="#D9D9D9" d="M64.167,38.986h3.695l0.756,6.173l0.462,4.283h0.084l0.756-4.283l1.302-6.173h3.023l1.302,6.173
l0.756,4.283h0.084l0.462-4.283l0.756-6.173h3.443L78.78,52.844h-4.577l-1.134-5.627l-0.42-2.981h-0.084l-0.42,2.981l-1.092,5.627
h-4.493L64.167,38.986z"/>
<path fill="#D9D9D9" d="M82.856,38.986h8.986v3.023h-5.375v2.226h4.619v3.023h-4.619v2.562h5.585v3.023h-9.196V38.986z"/>
<path fill="#D9D9D9" d="M94.784,38.986h5.039c2.855,0,5.165,0.882,5.165,3.569c0,1.176-0.63,2.394-2.058,2.897v0.084
c1.806,0.462,2.688,1.554,2.688,3.275c0,2.813-2.436,4.031-5.375,4.031h-5.459V38.986z M99.571,44.487
c1.344,0,1.89-0.588,1.89-1.428s-0.546-1.302-1.89-1.302h-1.176v2.729H99.571z M99.991,50.072c1.428,0,2.1-0.588,2.1-1.596
s-0.672-1.47-2.1-1.47h-1.596v3.065H99.991z"/>
</g>
</g>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="116px" height="55px" viewBox="0 0 116 55" enable-background="new 0 0 116 55" xml:space="preserve">
<g opacity="0.5">
<g>
<path fill="#FFFFFF" d="M45,1H9c-4.951,0-9,4.05-9,9v36c0,4.95,4.049,9,9,9h36c4.949,0,9-4.05,9-9V10C54,5.05,49.949,1,45,1z
M47.25,43.75c0,2.475-2.025,4.5-4.5,4.5h-31.5c-2.475,0-4.5-2.025-4.5-4.5v-31.5c0-2.476,2.025-4.5,4.5-4.5h31.5
c2.475,0,4.5,2.024,4.5,4.5V43.75z"/>
<g>
<g>
<g>
<path fill="#FFFFFF" d="M25.312,15.344v5.906h-5.906v13.5h5.906v5.906H13.5V15.344H25.312z"/>
</g>
<g>
<path fill="#FFFFFF" d="M40.5,15.344v25.312H28.688V34.75h5.906v-13.5h-5.906v-5.906H40.5z"/>
</g>
</g>
</g>
</g>
</g>
<g>
<g>
<path fill="#D9D9D9" d="M45,0H9C4.049,0,0,4.05,0,9v36c0,4.95,4.049,9,9,9h36c4.949,0,9-4.05,9-9V9C54,4.05,49.949,0,45,0z
M47.25,42.75c0,2.475-2.025,4.5-4.5,4.5h-31.5c-2.475,0-4.5-2.025-4.5-4.5v-31.5c0-2.476,2.025-4.5,4.5-4.5h31.5
c2.475,0,4.5,2.024,4.5,4.5V42.75z"/>
<g>
<g>
<g>
<path fill="#D9D9D9" d="M25.312,14.344v5.906h-5.906v13.5h5.906v5.906H13.5V14.344H25.312z"/>
</g>
<g>
<path fill="#D9D9D9" d="M40.5,14.344v25.312H28.688V33.75h5.906v-13.5h-5.906v-5.906H40.5z"/>
</g>
</g>
</g>
</g>
</g>
<g opacity="0.5">
<g>
<path fill="#FFFFFF" d="M71.768,3.734c1.596,0,2.897,0.546,3.947,1.428l-1.47,2.478c-0.672-0.462-1.428-0.798-2.352-0.798
c-1.974,0-3.233,1.554-3.233,4.031c0,2.688,1.176,4.115,3.527,4.115c0.882,0,1.638-0.504,2.226-0.966l1.554,2.436
c-1.092,1.092-2.646,1.638-4.115,1.638c-3.905,0-6.887-2.436-6.887-7.223C64.965,6.38,67.988,3.734,71.768,3.734z"/>
<path fill="#FFFFFF" d="M76.725,10.873c0-4.493,2.688-7.139,6.467-7.139s6.467,2.667,6.467,7.139c0,4.493-2.688,7.223-6.467,7.223
S76.725,15.366,76.725,10.873z M85.963,10.873c0-2.478-1.134-4.031-2.771-4.031s-2.771,1.554-2.771,4.031s1.134,4.115,2.771,4.115
S85.963,13.351,85.963,10.873z"/>
<path fill="#FFFFFF" d="M92.265,3.986h4.241c4.157,0,7.013,2.058,7.013,6.887s-2.855,6.971-6.803,6.971h-4.451V3.986z
M96.296,14.946c1.974,0,3.527-0.882,3.527-4.073s-1.554-3.989-3.527-3.989h-0.42v8.062H96.296z"/>
<path fill="#FFFFFF" d="M106.124,3.986h8.986V7.01h-5.375v2.226h4.619v3.023h-4.619v2.562h5.585v3.023h-9.196V3.986z"/>
<path fill="#FFFFFF" d="M68.156,25.01h-3.653v-3.023h10.918v3.023h-3.653v10.834h-3.611V25.01z"/>
<path fill="#FFFFFF" d="M77.564,21.986h3.611v5.165h4.367v-5.165h3.611v13.857h-3.611v-5.543h-4.367v5.543h-3.611V21.986z"/>
<path fill="#FFFFFF" d="M92.349,21.986h8.986v3.023H95.96v2.226h4.619v3.023H95.96v2.562h5.585v3.023h-9.196V21.986z"/>
<path fill="#FFFFFF" d="M64.167,39.986h3.695l0.756,6.173l0.462,4.283h0.084l0.756-4.283l1.302-6.173h3.023l1.302,6.173
l0.756,4.283h0.084l0.462-4.283l0.756-6.173h3.443L78.78,53.844h-4.577l-1.134-5.627l-0.42-2.981h-0.084l-0.42,2.981l-1.092,5.627
h-4.493L64.167,39.986z"/>
<path fill="#FFFFFF" d="M82.856,39.986h8.986v3.023h-5.375v2.226h4.619v3.023h-4.619v2.562h5.585v3.023h-9.196V39.986z"/>
<path fill="#FFFFFF" d="M94.784,39.986h5.039c2.855,0,5.165,0.882,5.165,3.569c0,1.176-0.63,2.394-2.058,2.897v0.084
c1.806,0.462,2.688,1.554,2.688,3.275c0,2.813-2.436,4.031-5.375,4.031h-5.459V39.986z M99.571,45.487
c1.344,0,1.89-0.588,1.89-1.428s-0.546-1.302-1.89-1.302h-1.176v2.729H99.571z M99.991,51.072c1.428,0,2.1-0.588,2.1-1.596
s-0.672-1.47-2.1-1.47h-1.596v3.065H99.991z"/>
</g>
</g>
<g>
<g>
<path fill="#D9D9D9" d="M71.768,2.734c1.596,0,2.897,0.546,3.947,1.428l-1.47,2.478c-0.672-0.462-1.428-0.798-2.352-0.798
c-1.974,0-3.233,1.554-3.233,4.031c0,2.688,1.176,4.115,3.527,4.115c0.882,0,1.638-0.504,2.226-0.966l1.554,2.436
c-1.092,1.092-2.646,1.638-4.115,1.638c-3.905,0-6.887-2.436-6.887-7.223C64.965,5.38,67.988,2.734,71.768,2.734z"/>
<path fill="#D9D9D9" d="M76.725,9.873c0-4.493,2.688-7.139,6.467-7.139s6.467,2.667,6.467,7.139c0,4.493-2.688,7.223-6.467,7.223
S76.725,14.366,76.725,9.873z M85.963,9.873c0-2.478-1.134-4.031-2.771-4.031S80.42,7.396,80.42,9.873s1.134,4.115,2.771,4.115
S85.963,12.351,85.963,9.873z"/>
<path fill="#D9D9D9" d="M92.265,2.986h4.241c4.157,0,7.013,2.058,7.013,6.887s-2.855,6.971-6.803,6.971h-4.451V2.986z
M96.296,13.946c1.974,0,3.527-0.882,3.527-4.073s-1.554-3.989-3.527-3.989h-0.42v8.062H96.296z"/>
<path fill="#D9D9D9" d="M106.124,2.986h8.986V6.01h-5.375v2.226h4.619v3.023h-4.619v2.562h5.585v3.023h-9.196V2.986z"/>
<path fill="#D9D9D9" d="M68.156,24.01h-3.653v-3.023h10.918v3.023h-3.653v10.834h-3.611V24.01z"/>
<path fill="#D9D9D9" d="M77.564,20.986h3.611v5.165h4.367v-5.165h3.611v13.857h-3.611v-5.543h-4.367v5.543h-3.611V20.986z"/>
<path fill="#D9D9D9" d="M92.349,20.986h8.986v3.023H95.96v2.226h4.619v3.023H95.96v2.562h5.585v3.023h-9.196V20.986z"/>
<path fill="#D9D9D9" d="M64.167,38.986h3.695l0.756,6.173l0.462,4.283h0.084l0.756-4.283l1.302-6.173h3.023l1.302,6.173
l0.756,4.283h0.084l0.462-4.283l0.756-6.173h3.443L78.78,52.844h-4.577l-1.134-5.627l-0.42-2.981h-0.084l-0.42,2.981l-1.092,5.627
h-4.493L64.167,38.986z"/>
<path fill="#D9D9D9" d="M82.856,38.986h8.986v3.023h-5.375v2.226h4.619v3.023h-4.619v2.562h5.585v3.023h-9.196V38.986z"/>
<path fill="#D9D9D9" d="M94.784,38.986h5.039c2.855,0,5.165,0.882,5.165,3.569c0,1.176-0.63,2.394-2.058,2.897v0.084
c1.806,0.462,2.688,1.554,2.688,3.275c0,2.813-2.436,4.031-5.375,4.031h-5.459V38.986z M99.571,44.487
c1.344,0,1.89-0.588,1.89-1.428s-0.546-1.302-1.89-1.302h-1.176v2.729H99.571z M99.991,50.072c1.428,0,2.1-0.588,2.1-1.596
s-0.672-1.47-2.1-1.47h-1.596v3.065H99.991z"/>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.8 KiB

After

Width:  |  Height:  |  Size: 5.7 KiB

94
src/styles/images/settings_small.svg
View File

@ -1,47 +1,47 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14px" height="42px">
<defs>
<filter id="blur" x="-10" y="-10" width="12" height="12">
<feGaussianBlur in="SourceGraphic" stdDeviation=".25"/>
</filter>
</defs>
<!-- default state -->
<path d="M12,6.654V5.289l-0.193-0.063l-1.461-0.478L9.955,3.807l0.75-1.586L9.738,1.254l-0.18,0.092L8.188,2.042
l-0.941-0.39L6.654,0H5.289L5.226,0.193L4.748,1.655l-0.941,0.39L2.22,1.295L1.254,2.261l0.092,0.181l0.696,1.372l-0.39,0.941
L0,5.346v1.366l0.193,0.062l1.462,0.478l0.39,0.941L1.295,9.779l0.965,0.967l0.181-0.092l1.372-0.697l0.941,0.391L5.346,12h1.365
l0.063-0.193l0.478-1.461l0.941-0.391l1.586,0.75l0.967-0.966l-0.092-0.182l-0.697-1.37l0.391-0.941L12,6.654z M6,8.5
C4.62,8.5,3.5,7.381,3.5,6S4.62,3.5,6,3.5c1.381,0,2.5,1.119,2.5,2.5S7.381,8.5,6,8.5z" filter="url(#blur)" opacity=".5" transform="translate(1, 1)"/>
<path fill="#929292" d="M12,6.654V5.289l-0.193-0.063l-1.461-0.478L9.955,3.807l0.75-1.586L9.738,1.254l-0.18,0.092L8.188,2.042
l-0.941-0.39L6.654,0H5.289L5.226,0.193L4.748,1.655l-0.941,0.39L2.22,1.295L1.254,2.261l0.092,0.181l0.696,1.372l-0.39,0.941
L0,5.346v1.366l0.193,0.062l1.462,0.478l0.39,0.941L1.295,9.779l0.965,0.967l0.181-0.092l1.372-0.697l0.941,0.391L5.346,12h1.365
l0.063-0.193l0.478-1.461l0.941-0.391l1.586,0.75l0.967-0.966l-0.092-0.182l-0.697-1.37l0.391-0.941L12,6.654z M6,8.5
C4.62,8.5,3.5,7.381,3.5,6S4.62,3.5,6,3.5c1.381,0,2.5,1.119,2.5,2.5S7.381,8.5,6,8.5z" transform="translate(1, 0)"/>
<!-- hover -->
<path d="M12,6.654V5.289l-0.193-0.063l-1.461-0.478L9.955,3.807l0.75-1.586L9.738,1.254l-0.18,0.092L8.188,2.042
l-0.941-0.39L6.654,0H5.289L5.226,0.193L4.748,1.655l-0.941,0.39L2.22,1.295L1.254,2.261l0.092,0.181l0.696,1.372l-0.39,0.941
L0,5.346v1.366l0.193,0.062l1.462,0.478l0.39,0.941L1.295,9.779l0.965,0.967l0.181-0.092l1.372-0.697l0.941,0.391L5.346,12h1.365
l0.063-0.193l0.478-1.461l0.941-0.391l1.586,0.75l0.967-0.966l-0.092-0.182l-0.697-1.37l0.391-0.941L12,6.654z M6,8.5
C4.62,8.5,3.5,7.381,3.5,6S4.62,3.5,6,3.5c1.381,0,2.5,1.119,2.5,2.5S7.381,8.5,6,8.5z" filter="url(#blur)" opacity=".5" transform="translate(1, 15)"/>
<path fill="#A0A0A0" d="M12,6.654V5.289l-0.193-0.063l-1.461-0.478L9.955,3.807l0.75-1.586L9.738,1.254l-0.18,0.092L8.188,2.042
l-0.941-0.39L6.654,0H5.289L5.226,0.193L4.748,1.655l-0.941,0.39L2.22,1.295L1.254,2.261l0.092,0.181l0.696,1.372l-0.39,0.941
L0,5.346v1.366l0.193,0.062l1.462,0.478l0.39,0.941L1.295,9.779l0.965,0.967l0.181-0.092l1.372-0.697l0.941,0.391L5.346,12h1.365
l0.063-0.193l0.478-1.461l0.941-0.391l1.586,0.75l0.967-0.966l-0.092-0.182l-0.697-1.37l0.391-0.941L12,6.654z M6,8.5
C4.62,8.5,3.5,7.381,3.5,6S4.62,3.5,6,3.5c1.381,0,2.5,1.119,2.5,2.5S7.381,8.5,6,8.5z" transform="translate(1, 14)"/>
<!-- active -->
<path d="M12,6.654V5.289l-0.193-0.063l-1.461-0.478L9.955,3.807l0.75-1.586L9.738,1.254l-0.18,0.092L8.188,2.042
l-0.941-0.39L6.654,0H5.289L5.226,0.193L4.748,1.655l-0.941,0.39L2.22,1.295L1.254,2.261l0.092,0.181l0.696,1.372l-0.39,0.941
L0,5.346v1.366l0.193,0.062l1.462,0.478l0.39,0.941L1.295,9.779l0.965,0.967l0.181-0.092l1.372-0.697l0.941,0.391L5.346,12h1.365
l0.063-0.193l0.478-1.461l0.941-0.391l1.586,0.75l0.967-0.966l-0.092-0.182l-0.697-1.37l0.391-0.941L12,6.654z M6,8.5
C4.62,8.5,3.5,7.381,3.5,6S4.62,3.5,6,3.5c1.381,0,2.5,1.119,2.5,2.5S7.381,8.5,6,8.5z" filter="url(#blur)" opacity=".5" transform="translate(1, 29)"/>
<path fill="#A6A6A6" d="M12,6.654V5.289l-0.193-0.063l-1.461-0.478L9.955,3.807l0.75-1.586L9.738,1.254l-0.18,0.092L8.188,2.042
l-0.941-0.39L6.654,0H5.289L5.226,0.193L4.748,1.655l-0.941,0.39L2.22,1.295L1.254,2.261l0.092,0.181l0.696,1.372l-0.39,0.941
L0,5.346v1.366l0.193,0.062l1.462,0.478l0.39,0.941L1.295,9.779l0.965,0.967l0.181-0.092l1.372-0.697l0.941,0.391L5.346,12h1.365
l0.063-0.193l0.478-1.461l0.941-0.391l1.586,0.75l0.967-0.966l-0.092-0.182l-0.697-1.37l0.391-0.941L12,6.654z M6,8.5
C4.62,8.5,3.5,7.381,3.5,6S4.62,3.5,6,3.5c1.381,0,2.5,1.119,2.5,2.5S7.381,8.5,6,8.5z" transform="translate(1, 28)"/>
</svg>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14px" height="42px">
<defs>
<filter id="blur" x="-10" y="-10" width="12" height="12">
<feGaussianBlur in="SourceGraphic" stdDeviation=".25"/>
</filter>
</defs>
<!-- default state -->
<path d="M12,6.654V5.289l-0.193-0.063l-1.461-0.478L9.955,3.807l0.75-1.586L9.738,1.254l-0.18,0.092L8.188,2.042
l-0.941-0.39L6.654,0H5.289L5.226,0.193L4.748,1.655l-0.941,0.39L2.22,1.295L1.254,2.261l0.092,0.181l0.696,1.372l-0.39,0.941
L0,5.346v1.366l0.193,0.062l1.462,0.478l0.39,0.941L1.295,9.779l0.965,0.967l0.181-0.092l1.372-0.697l0.941,0.391L5.346,12h1.365
l0.063-0.193l0.478-1.461l0.941-0.391l1.586,0.75l0.967-0.966l-0.092-0.182l-0.697-1.37l0.391-0.941L12,6.654z M6,8.5
C4.62,8.5,3.5,7.381,3.5,6S4.62,3.5,6,3.5c1.381,0,2.5,1.119,2.5,2.5S7.381,8.5,6,8.5z" filter="url(#blur)" opacity=".5" transform="translate(1, 1)"/>
<path fill="#929292" d="M12,6.654V5.289l-0.193-0.063l-1.461-0.478L9.955,3.807l0.75-1.586L9.738,1.254l-0.18,0.092L8.188,2.042
l-0.941-0.39L6.654,0H5.289L5.226,0.193L4.748,1.655l-0.941,0.39L2.22,1.295L1.254,2.261l0.092,0.181l0.696,1.372l-0.39,0.941
L0,5.346v1.366l0.193,0.062l1.462,0.478l0.39,0.941L1.295,9.779l0.965,0.967l0.181-0.092l1.372-0.697l0.941,0.391L5.346,12h1.365
l0.063-0.193l0.478-1.461l0.941-0.391l1.586,0.75l0.967-0.966l-0.092-0.182l-0.697-1.37l0.391-0.941L12,6.654z M6,8.5
C4.62,8.5,3.5,7.381,3.5,6S4.62,3.5,6,3.5c1.381,0,2.5,1.119,2.5,2.5S7.381,8.5,6,8.5z" transform="translate(1, 0)"/>
<!-- hover -->
<path d="M12,6.654V5.289l-0.193-0.063l-1.461-0.478L9.955,3.807l0.75-1.586L9.738,1.254l-0.18,0.092L8.188,2.042
l-0.941-0.39L6.654,0H5.289L5.226,0.193L4.748,1.655l-0.941,0.39L2.22,1.295L1.254,2.261l0.092,0.181l0.696,1.372l-0.39,0.941
L0,5.346v1.366l0.193,0.062l1.462,0.478l0.39,0.941L1.295,9.779l0.965,0.967l0.181-0.092l1.372-0.697l0.941,0.391L5.346,12h1.365
l0.063-0.193l0.478-1.461l0.941-0.391l1.586,0.75l0.967-0.966l-0.092-0.182l-0.697-1.37l0.391-0.941L12,6.654z M6,8.5
C4.62,8.5,3.5,7.381,3.5,6S4.62,3.5,6,3.5c1.381,0,2.5,1.119,2.5,2.5S7.381,8.5,6,8.5z" filter="url(#blur)" opacity=".5" transform="translate(1, 15)"/>
<path fill="#A0A0A0" d="M12,6.654V5.289l-0.193-0.063l-1.461-0.478L9.955,3.807l0.75-1.586L9.738,1.254l-0.18,0.092L8.188,2.042
l-0.941-0.39L6.654,0H5.289L5.226,0.193L4.748,1.655l-0.941,0.39L2.22,1.295L1.254,2.261l0.092,0.181l0.696,1.372l-0.39,0.941
L0,5.346v1.366l0.193,0.062l1.462,0.478l0.39,0.941L1.295,9.779l0.965,0.967l0.181-0.092l1.372-0.697l0.941,0.391L5.346,12h1.365
l0.063-0.193l0.478-1.461l0.941-0.391l1.586,0.75l0.967-0.966l-0.092-0.182l-0.697-1.37l0.391-0.941L12,6.654z M6,8.5
C4.62,8.5,3.5,7.381,3.5,6S4.62,3.5,6,3.5c1.381,0,2.5,1.119,2.5,2.5S7.381,8.5,6,8.5z" transform="translate(1, 14)"/>
<!-- active -->
<path d="M12,6.654V5.289l-0.193-0.063l-1.461-0.478L9.955,3.807l0.75-1.586L9.738,1.254l-0.18,0.092L8.188,2.042
l-0.941-0.39L6.654,0H5.289L5.226,0.193L4.748,1.655l-0.941,0.39L2.22,1.295L1.254,2.261l0.092,0.181l0.696,1.372l-0.39,0.941
L0,5.346v1.366l0.193,0.062l1.462,0.478l0.39,0.941L1.295,9.779l0.965,0.967l0.181-0.092l1.372-0.697l0.941,0.391L5.346,12h1.365
l0.063-0.193l0.478-1.461l0.941-0.391l1.586,0.75l0.967-0.966l-0.092-0.182l-0.697-1.37l0.391-0.941L12,6.654z M6,8.5
C4.62,8.5,3.5,7.381,3.5,6S4.62,3.5,6,3.5c1.381,0,2.5,1.119,2.5,2.5S7.381,8.5,6,8.5z" filter="url(#blur)" opacity=".5" transform="translate(1, 29)"/>
<path fill="#A6A6A6" d="M12,6.654V5.289l-0.193-0.063l-1.461-0.478L9.955,3.807l0.75-1.586L9.738,1.254l-0.18,0.092L8.188,2.042
l-0.941-0.39L6.654,0H5.289L5.226,0.193L4.748,1.655l-0.941,0.39L2.22,1.295L1.254,2.261l0.092,0.181l0.696,1.372l-0.39,0.941
L0,5.346v1.366l0.193,0.062l1.462,0.478l0.39,0.941L1.295,9.779l0.965,0.967l0.181-0.092l1.372-0.697l0.941,0.391L5.346,12h1.365
l0.063-0.193l0.478-1.461l0.941-0.391l1.586,0.75l0.967-0.966l-0.092-0.182l-0.697-1.37l0.391-0.941L12,6.654z M6,8.5
C4.62,8.5,3.5,7.381,3.5,6S4.62,3.5,6,3.5c1.381,0,2.5,1.119,2.5,2.5S7.381,8.5,6,8.5z" transform="translate(1, 28)"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.0 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

96
src/styles/images/small_spinner.svg
View File

@ -1,48 +1,48 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="12px" height="12px" viewBox="0 0 12 12" enable-background="new 0 0 12 12" xml:space="preserve">
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="10.9312" y1="5.5571" x2="9.1739" y2="9.7994">
<stop offset="0" style="stop-color:#2BB3FF;stop-opacity:0.25"/>
<stop offset="1" style="stop-color:#2BB3FF;stop-opacity:0.37"/>
</linearGradient>
<path fill="url(#SVGID_1_)" d="M9,6c0,0.828-0.336,1.578-0.878,2.121l2.121,2.121C11.329,9.156,12,7.657,12,6H9z"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="6.4429" y1="10.9316" x2="2.2006" y2="9.1744">
<stop offset="0" style="stop-color:#2BB3FF;stop-opacity:0.5"/>
<stop offset="1" style="stop-color:#2BB3FF;stop-opacity:0.62"/>
</linearGradient>
<path fill="url(#SVGID_2_)" d="M3.879,8.122l-2.121,2.121C2.844,11.328,4.343,12,6,12V9C5.172,9,4.422,8.664,3.879,8.122z"/>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="9.7998" y1="9.1738" x2="5.5571" y2="10.9312">
<stop offset="0" style="stop-color:#2BB3FF;stop-opacity:0.37"/>
<stop offset="1" style="stop-color:#2BB3FF;stop-opacity:0.5"/>
</linearGradient>
<path fill="url(#SVGID_3_)" d="M6,9v3c1.657,0,3.157-0.672,4.243-1.758L8.122,8.121C7.579,8.664,6.829,9,6,9z"/>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="2.8262" y1="9.8008" x2="1.0682" y2="5.5567">
<stop offset="0" style="stop-color:#2BB3FF;stop-opacity:0.62"/>
<stop offset="1" style="stop-color:#2BB3FF;stop-opacity:0.75"/>
</linearGradient>
<path fill="url(#SVGID_4_)" d="M3,6H0c0,1.657,0.672,3.157,1.758,4.243l2.121-2.121C3.336,7.579,3,6.829,3,6z"/>
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="9.1738" y1="2.2002" x2="10.931" y2="6.4425">
<stop offset="0" style="stop-color:#2BB3FF;stop-opacity:0.12"/>
<stop offset="1" style="stop-color:#2BB3FF;stop-opacity:0.25"/>
</linearGradient>
<path fill="url(#SVGID_5_)" d="M9,6h3c0-1.657-0.671-3.156-1.757-4.242L8.122,3.879C8.664,4.422,9,5.172,9,6z"/>
<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="5.5571" y1="1.0688" x2="9.7994" y2="2.8261">
<stop offset="0" style="stop-color:#2BB3FF;stop-opacity:0"/>
<stop offset="1" style="stop-color:#2BB3FF;stop-opacity:0.12"/>
</linearGradient>
<path fill="url(#SVGID_6_)" d="M8.122,3.879l2.121-2.121C9.157,0.672,7.657,0,6,0v3C6.829,3,7.579,3.336,8.122,3.879z"/>
<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="3.1299" y1="3.1289" x2="6.1299" y2="0.1289">
<stop offset="0" style="stop-color:#2BB3FF;stop-opacity:0.87"/>
<stop offset="1" style="stop-color:#2BB3FF"/>
</linearGradient>
<path fill="url(#SVGID_7_)" d="M6,3V0C4.343,0,2.844,0.671,1.758,1.757l2.121,2.121C4.422,3.336,5.172,3,6,3z"/>
<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="1.0684" y1="6.4424" x2="2.8258" y2="2.1997">
<stop offset="0" style="stop-color:#2BB3FF;stop-opacity:0.75"/>
<stop offset="1" style="stop-color:#2BB3FF;stop-opacity:0.87"/>
</linearGradient>
<path fill="url(#SVGID_8_)" d="M3.879,3.878L1.758,1.757C0.672,2.843,0,4.343,0,6h3C3,5.171,3.336,4.421,3.879,3.878z"/>
</g>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="12px" height="12px" viewBox="0 0 12 12" enable-background="new 0 0 12 12" xml:space="preserve">
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="10.9312" y1="5.5571" x2="9.1739" y2="9.7994">
<stop offset="0" style="stop-color:#2BB3FF;stop-opacity:0.25"/>
<stop offset="1" style="stop-color:#2BB3FF;stop-opacity:0.37"/>
</linearGradient>
<path fill="url(#SVGID_1_)" d="M9,6c0,0.828-0.336,1.578-0.878,2.121l2.121,2.121C11.329,9.156,12,7.657,12,6H9z"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="6.4429" y1="10.9316" x2="2.2006" y2="9.1744">
<stop offset="0" style="stop-color:#2BB3FF;stop-opacity:0.5"/>
<stop offset="1" style="stop-color:#2BB3FF;stop-opacity:0.62"/>
</linearGradient>
<path fill="url(#SVGID_2_)" d="M3.879,8.122l-2.121,2.121C2.844,11.328,4.343,12,6,12V9C5.172,9,4.422,8.664,3.879,8.122z"/>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="9.7998" y1="9.1738" x2="5.5571" y2="10.9312">
<stop offset="0" style="stop-color:#2BB3FF;stop-opacity:0.37"/>
<stop offset="1" style="stop-color:#2BB3FF;stop-opacity:0.5"/>
</linearGradient>
<path fill="url(#SVGID_3_)" d="M6,9v3c1.657,0,3.157-0.672,4.243-1.758L8.122,8.121C7.579,8.664,6.829,9,6,9z"/>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="2.8262" y1="9.8008" x2="1.0682" y2="5.5567">
<stop offset="0" style="stop-color:#2BB3FF;stop-opacity:0.62"/>
<stop offset="1" style="stop-color:#2BB3FF;stop-opacity:0.75"/>
</linearGradient>
<path fill="url(#SVGID_4_)" d="M3,6H0c0,1.657,0.672,3.157,1.758,4.243l2.121-2.121C3.336,7.579,3,6.829,3,6z"/>
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="9.1738" y1="2.2002" x2="10.931" y2="6.4425">
<stop offset="0" style="stop-color:#2BB3FF;stop-opacity:0.12"/>
<stop offset="1" style="stop-color:#2BB3FF;stop-opacity:0.25"/>
</linearGradient>
<path fill="url(#SVGID_5_)" d="M9,6h3c0-1.657-0.671-3.156-1.757-4.242L8.122,3.879C8.664,4.422,9,5.172,9,6z"/>
<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="5.5571" y1="1.0688" x2="9.7994" y2="2.8261">
<stop offset="0" style="stop-color:#2BB3FF;stop-opacity:0"/>
<stop offset="1" style="stop-color:#2BB3FF;stop-opacity:0.12"/>
</linearGradient>
<path fill="url(#SVGID_6_)" d="M8.122,3.879l2.121-2.121C9.157,0.672,7.657,0,6,0v3C6.829,3,7.579,3.336,8.122,3.879z"/>
<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="3.1299" y1="3.1289" x2="6.1299" y2="0.1289">
<stop offset="0" style="stop-color:#2BB3FF;stop-opacity:0.87"/>
<stop offset="1" style="stop-color:#2BB3FF"/>
</linearGradient>
<path fill="url(#SVGID_7_)" d="M6,3V0C4.343,0,2.844,0.671,1.758,1.757l2.121,2.121C4.422,3.336,5.172,3,6,3z"/>
<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="1.0684" y1="6.4424" x2="2.8258" y2="2.1997">
<stop offset="0" style="stop-color:#2BB3FF;stop-opacity:0.75"/>
<stop offset="1" style="stop-color:#2BB3FF;stop-opacity:0.87"/>
</linearGradient>
<path fill="url(#SVGID_8_)" d="M3.879,3.878L1.758,1.757C0.672,2.843,0,4.343,0,6h3C3,5.171,3.336,4.421,3.879,3.878z"/>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

8
src/styles/images/stepper-arrow-sprites.svg
View File

@ -1,4 +1,4 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8px" height="8px">
<polyline fill="#808080" points="0,4 4,0 4,8"/>
<polyline fill="#808080" points="4,0 8,4 4,8"/>
</svg>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8px" height="8px">
<polyline fill="#808080" points="0,4 4,0 4,8"/>
<polyline fill="#808080" points="4,0 8,4 4,8"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 232 B

After

Width:  |  Height:  |  Size: 228 B

18
src/styles/images/updateSprites.svg
View File

@ -1,9 +1,9 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14px" height="28px">
<defs>
<path id="present" fill="#0082C3" d="M1,10h5v4h-5zM8,10h5v4h-5zM13,5h-1.188c0.712-0.349,1.343-0.773,1.668-1.267C13.739,3.343,14.001,2.913,14,2.5c-0.002-0.707-0.481-1.327-0.969-1.769C12.54,0.289,12.089,0.004,11.375,0c-0.719,0-1.59,0.237-2.161,0.602C8.641,0.97,8.151,1.464,7.743,2.021C7.511,2.34,7.176,2.982,7,3.333C6.824,2.982,6.489,2.34,6.257,2.021C5.849,1.464,5.359,0.97,4.786,0.602C4.215,0.237,3.344,0,2.625,0C1.911,0.004,1.46,0.289,0.969,0.731C0.481,1.173,0.002,1.793,0,2.5c-0.001,0.413,0.261,0.843,0.519,1.233C0.845,4.227,1.475,4.651,2.188,5H1C0.408,5,0,5.33,0,5.925V8h6V6h2v2h6V5.925C14,5.33,13.592,5,13,5zM2.385,3.746c-0.365-0.221-0.589-0.442-0.719-0.64c-0.129-0.2-0.172-0.374-0.174-0.544C1.49,2.278,1.539,2.236,1.8,2C2.057,1.766,2.506,1.5,2.82,1.5h0.008c0.403,0,0.806,0.311,1.206,0.566c0.599,0.379,1.164,0.884,1.558,1.639c0.202,0.38,0.359,0.703,0.465,1.097C4.242,4.621,3.064,4.156,2.385,3.746zM7.943,4.761c0.105-0.394,0.263-0.758,0.465-1.139c0.394-0.755,0.959-1.177,1.558-1.556c0.4-0.256,0.803-0.566,1.206-0.566h0.008c0.314,0,0.763,0.266,1.021,0.5c0.261,0.236,0.31,0.361,0.308,0.645c-0.002,0.171-0.045,0.303-0.174,0.502c-0.13,0.198-0.354,0.398-0.719,0.62C10.936,4.177,9.758,4.58,7.943,4.761z"/>
</defs>
<use xlink:href="#present" opacity=".6"/>
<use xlink:href="#present" y="14"/>
</svg>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14px" height="28px">
<defs>
<path id="present" fill="#0082C3" d="M1,10h5v4h-5zM8,10h5v4h-5zM13,5h-1.188c0.712-0.349,1.343-0.773,1.668-1.267C13.739,3.343,14.001,2.913,14,2.5c-0.002-0.707-0.481-1.327-0.969-1.769C12.54,0.289,12.089,0.004,11.375,0c-0.719,0-1.59,0.237-2.161,0.602C8.641,0.97,8.151,1.464,7.743,2.021C7.511,2.34,7.176,2.982,7,3.333C6.824,2.982,6.489,2.34,6.257,2.021C5.849,1.464,5.359,0.97,4.786,0.602C4.215,0.237,3.344,0,2.625,0C1.911,0.004,1.46,0.289,0.969,0.731C0.481,1.173,0.002,1.793,0,2.5c-0.001,0.413,0.261,0.843,0.519,1.233C0.845,4.227,1.475,4.651,2.188,5H1C0.408,5,0,5.33,0,5.925V8h6V6h2v2h6V5.925C14,5.33,13.592,5,13,5zM2.385,3.746c-0.365-0.221-0.589-0.442-0.719-0.64c-0.129-0.2-0.172-0.374-0.174-0.544C1.49,2.278,1.539,2.236,1.8,2C2.057,1.766,2.506,1.5,2.82,1.5h0.008c0.403,0,0.806,0.311,1.206,0.566c0.599,0.379,1.164,0.884,1.558,1.639c0.202,0.38,0.359,0.703,0.465,1.097C4.242,4.621,3.064,4.156,2.385,3.746zM7.943,4.761c0.105-0.394,0.263-0.758,0.465-1.139c0.394-0.755,0.959-1.177,1.558-1.556c0.4-0.256,0.803-0.566,1.206-0.566h0.008c0.314,0,0.763,0.266,1.021,0.5c0.261,0.236,0.31,0.361,0.308,0.645c-0.002,0.171-0.045,0.303-0.174,0.502c-0.13,0.198-0.354,0.398-0.719,0.62C10.936,4.177,9.758,4.58,7.943,4.761z"/>
</defs>
<use xlink:href="#present" opacity=".6"/>
<use xlink:href="#present" y="14"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

6
src/styles/images/update_large_icon.svg
View File

@ -1,3 +1,3 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="120px" height="120px">
<path fill="#0082C3" d="M10,69h46v51h-46zM64,69h46v51h-46zM114,33H90c4.441-2.277,7.604-4.826,9.628-8.031c1.611-2.548,2.396-5.352,2.387-8.037C102.004,12.34,100.042,7.874,97,5c-3.056-2.875-7.31-4.984-11.766-5c-4.48-0.001-8.639,2.205-12.202,4.584c-3.576,2.389-6.631,5.604-9.171,9.227C62.416,15.891,61.1,17.711,60,20c-1.1-2.289-2.416-4.109-3.86-6.189c-2.541-3.623-5.595-6.838-9.171-9.227C43.405,2.205,39.247-0.001,34.766,0C30.31,0.016,26.056,2.125,23,5c-3.042,2.874-5.004,7.34-5.016,11.932c-0.008,2.686,0.776,5.489,2.387,8.037C22.396,28.174,25.559,30.723,30,33H6c-3.227,0-6,2.772-6,6v22h56V33h8v28h56V39C120,35.772,117.227,33,114,33zM32.006,24.637c-2.283-1.434-3.67-2.884-4.479-4.17c-0.805-1.295-1.083-2.428-1.089-3.535c-0.012-1.854,0.915-3.831,2.542-5.369c1.602-1.524,3.778-2.453,5.737-2.453h0.049c2.514,0.002,5.018,0.852,7.516,2.51c3.733,2.468,7.254,6.797,9.712,11.707c1.256,2.48,2.237,5.105,2.898,7.663C43.574,29.818,36.238,27.314,32.006,24.637zM65.107,30.989c0.661-2.558,1.643-5.183,2.898-7.663c2.458-4.91,5.979-9.239,9.712-11.707c2.498-1.658,5.002-2.508,7.516-2.51h0.049c1.959,0,4.136,0.929,5.737,2.453c1.627,1.538,2.554,3.516,2.542,5.369c-0.006,1.107-0.284,2.24-1.089,3.535c-0.809,1.286-2.197,2.736-4.479,4.17C83.762,27.314,76.426,29.818,65.107,30.989z"/>
</svg>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="120px" height="120px">
<path fill="#0082C3" d="M10,69h46v51h-46zM64,69h46v51h-46zM114,33H90c4.441-2.277,7.604-4.826,9.628-8.031c1.611-2.548,2.396-5.352,2.387-8.037C102.004,12.34,100.042,7.874,97,5c-3.056-2.875-7.31-4.984-11.766-5c-4.48-0.001-8.639,2.205-12.202,4.584c-3.576,2.389-6.631,5.604-9.171,9.227C62.416,15.891,61.1,17.711,60,20c-1.1-2.289-2.416-4.109-3.86-6.189c-2.541-3.623-5.595-6.838-9.171-9.227C43.405,2.205,39.247-0.001,34.766,0C30.31,0.016,26.056,2.125,23,5c-3.042,2.874-5.004,7.34-5.016,11.932c-0.008,2.686,0.776,5.489,2.387,8.037C22.396,28.174,25.559,30.723,30,33H6c-3.227,0-6,2.772-6,6v22h56V33h8v28h56V39C120,35.772,117.227,33,114,33zM32.006,24.637c-2.283-1.434-3.67-2.884-4.479-4.17c-0.805-1.295-1.083-2.428-1.089-3.535c-0.012-1.854,0.915-3.831,2.542-5.369c1.602-1.524,3.778-2.453,5.737-2.453h0.049c2.514,0.002,5.018,0.852,7.516,2.51c3.733,2.468,7.254,6.797,9.712,11.707c1.256,2.48,2.237,5.105,2.898,7.663C43.574,29.818,36.238,27.314,32.006,24.637zM65.107,30.989c0.661-2.558,1.643-5.183,2.898-7.663c2.458-4.91,5.979-9.239,9.712-11.707c2.498-1.658,5.002-2.508,7.516-2.51h0.049c1.959,0,4.136,0.929,5.737,2.453c1.627,1.538,2.554,3.516,2.542,5.369c-0.006,1.107-0.284,2.24-1.089,3.535c-0.809,1.286-2.197,2.736-4.479,4.17C83.762,27.314,76.426,29.818,65.107,30.989z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

16
test/smokes/citrus completed/css/citrus_mq.css
View File

@ -1,8 +1,8 @@
/* Desktop */
@import url("desktop.css");
/* Phone */
@import url("phone.css") only screen and (max-width:320px);
/* Tablet */
@import url("tablet.css") only screen and (min-width:321px) and (max-width:768px);
/* Desktop */
@import url("desktop.css");
/* Phone */
@import url("phone.css") only screen and (max-width:320px);
/* Tablet */
@import url("tablet.css") only screen and (min-width:321px) and (max-width:768px);

330
test/smokes/citrus completed/css/desktop.css
View File

@ -1,165 +1,165 @@
@charset "utf-8";
/* CSS Document */
article, aside, figure, footer, header, nav, section {
display: block;
margin: 0;
padding: 0;
}
body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000;
background-color: #66B034;
margin: 0px;
padding: 0px;
}
#container {
width: 840px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#logo {
background-image: url(../images/lrg_logo.png);
background-repeat: no-repeat;
height: 138px;
width: 100%;
}
#logo h1, #logo h2 {
position: absolute;
top: -500px;
}
nav {
padding-top: 150px;
}
#maincontent {
margin-top: 80px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
ul {
padding:0;
margin:0;
}
nav ul {
list-style: none;
margin-bottom: 15px;
font-weight: bold;
font-size:20px;
}
nav ul li {
float: left;
}
nav ul a {
display: block;
width:140px;
padding: 10px;
text-align:center;
text-decoration: none;
color: #fff;
border: 1px solid #618A37;
margin: 5px 0px;
border-radius: 8px;
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
}
nav ul a:link, nav ul a:visited {
background: rgba(255,255,255,0.2);
}
nav ul a:hover, nav ul a:active, nav ul a:focus {
background: rgba(255,255,255,0.4);
}
nav ul li:hover {
margin-top:-10px;
}
nav ul li {
float: left;
-webkit-transition-duration:.5s;
-webkit-transition-property:margin-top;
-webkit-transition-timing-function:ease-in-out;
-o-transition-duration:.5s;
-o-transition-property:margin-top;
-o-transition-timing-function:ease-in-out;
-moz-transition-duration:.5s;
-moz-transition-property:margin-top;
-moz-transition-timing-function:ease-in-out;
transition-duration:.5s;
transition-property:margin-top;
transition-timing-function:ease-in-out;
}
#vision {
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size:32px;
font-weight:bold;
line-height:1.2;
background-image:url(../images/lrg_hero.jpg);
background-repeat:no-repeat;
width: 409px;
height:237px;
padding:60px 370px 0 40px;
margin-bottom:20px;
}
.pod {
background: #fff;
padding: 10px;
width: 244px;
float:left;
margin-right: 13px;
}
.podContent {
margin-top:10px;
width: 244px;
height:181px;
overflow:hidden;
}
#news .podContent {
margin-top:12px;
overflow:auto;
}
#news .podContent p {
margin-top: 5px;
margin-bottom: 5px;
margin-left:6px;
font-size:15px;
}
.pod h1 {
background: #CCC;
color: #000;
padding:5px;
background-image:url(../images/icon_chevron.png);
background-repeat:no-repeat;
background-position:95%;
font-size:16px;
font-weight:normal;
margin: 0 0 10px 0;
}
a.block {
text-decoration:none;
display:block;
}
time {
font-weight:bold;
display:inline-block;
width:2.5em;
}
footer {
padding: 10px 0;
clear:both;
color: #fff;
}
footer p {
margin:0 0 5px 0;
}
#phone {
font-weight:bold;
color: #000;
}
#facebookTwitter {
float:right;
margin-right:25px;
}
@charset "utf-8";
/* CSS Document */
article, aside, figure, footer, header, nav, section {
display: block;
margin: 0;
padding: 0;
}
body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000;
background-color: #66B034;
margin: 0px;
padding: 0px;
}
#container {
width: 840px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#logo {
background-image: url(../images/lrg_logo.png);
background-repeat: no-repeat;
height: 138px;
width: 100%;
}
#logo h1, #logo h2 {
position: absolute;
top: -500px;
}
nav {
padding-top: 150px;
}
#maincontent {
margin-top: 80px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
ul {
padding:0;
margin:0;
}
nav ul {
list-style: none;
margin-bottom: 15px;
font-weight: bold;
font-size:20px;
}
nav ul li {
float: left;
}
nav ul a {
display: block;
width:140px;
padding: 10px;
text-align:center;
text-decoration: none;
color: #fff;
border: 1px solid #618A37;
margin: 5px 0px;
border-radius: 8px;
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
}
nav ul a:link, nav ul a:visited {
background: rgba(255,255,255,0.2);
}
nav ul a:hover, nav ul a:active, nav ul a:focus {
background: rgba(255,255,255,0.4);
}
nav ul li:hover {
margin-top:-10px;
}
nav ul li {
float: left;
-webkit-transition-duration:.5s;
-webkit-transition-property:margin-top;
-webkit-transition-timing-function:ease-in-out;
-o-transition-duration:.5s;
-o-transition-property:margin-top;
-o-transition-timing-function:ease-in-out;
-moz-transition-duration:.5s;
-moz-transition-property:margin-top;
-moz-transition-timing-function:ease-in-out;
transition-duration:.5s;
transition-property:margin-top;
transition-timing-function:ease-in-out;
}
#vision {
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size:32px;
font-weight:bold;
line-height:1.2;
background-image:url(../images/lrg_hero.jpg);
background-repeat:no-repeat;
width: 409px;
height:237px;
padding:60px 370px 0 40px;
margin-bottom:20px;
}
.pod {
background: #fff;
padding: 10px;
width: 244px;
float:left;
margin-right: 13px;
}
.podContent {
margin-top:10px;
width: 244px;
height:181px;
overflow:hidden;
}
#news .podContent {
margin-top:12px;
overflow:auto;
}
#news .podContent p {
margin-top: 5px;
margin-bottom: 5px;
margin-left:6px;
font-size:15px;
}
.pod h1 {
background: #CCC;
color: #000;
padding:5px;
background-image:url(../images/icon_chevron.png);
background-repeat:no-repeat;
background-position:95%;
font-size:16px;
font-weight:normal;
margin: 0 0 10px 0;
}
a.block {
text-decoration:none;
display:block;
}
time {
font-weight:bold;
display:inline-block;
width:2.5em;
}
footer {
padding: 10px 0;
clear:both;
color: #fff;
}
footer p {
margin:0 0 5px 0;
}
#phone {
font-weight:bold;
color: #000;
}
#facebookTwitter {
float:right;
margin-right:25px;
}

122
test/smokes/citrus completed/css/phone.css
View File

@ -1,61 +1,61 @@
@charset "utf-8";
#container {
width: 100%;
}
#logo {
height:auto;
width:270px;
background-image: url(../images/sml_logo.png);
margin-left:auto;
margin-right:auto;
}
nav {
padding-top:100px;
}
nav ul {
font-size:24px;
}
nav ul a {
width:97%;
padding-right:0;
}
nav ul li {
float:none;
}
nav ul li:hover {
margin-top:0;
}
#maincontent {
margin-top: 0;
padding:0;
}
#vision {
background-image:none;
width: 280px;
height:auto;
font-size:16px;
line-height:normal;
padding-top:0;
}
/* Uncomment the declarations in the following rules to hide the images in the pods. */
.pod {
width: 305px;
/*padding-bottom:0;*/
}
/*.pod h1 {
margin-bottom:0;
}*/
.podContent {
width: 302px;
height:180px;
/*display:none;*/
}
/*#news .podContent {
display:block;
}*/
footer p {
margin-left:5px;
}
#facebookTwitter {
margin-right:5px;
}
@charset "utf-8";
#container {
width: 100%;
}
#logo {
height:auto;
width:270px;
background-image: url(../images/sml_logo.png);
margin-left:auto;
margin-right:auto;
}
nav {
padding-top:100px;
}
nav ul {
font-size:24px;
}
nav ul a {
width:97%;
padding-right:0;
}
nav ul li {
float:none;
}
nav ul li:hover {
margin-top:0;
}
#maincontent {
margin-top: 0;
padding:0;
}
#vision {
background-image:none;
width: 280px;
height:auto;
font-size:16px;
line-height:normal;
padding-top:0;
}
/* Uncomment the declarations in the following rules to hide the images in the pods. */
.pod {
width: 305px;
/*padding-bottom:0;*/
}
/*.pod h1 {
margin-bottom:0;
}*/
.podContent {
width: 302px;
height:180px;
/*display:none;*/
}
/*#news .podContent {
display:block;
}*/
footer p {
margin-left:5px;
}
#facebookTwitter {
margin-right:5px;
}

94
test/smokes/citrus completed/css/tablet.css
View File

@ -1,47 +1,47 @@
@charset "utf-8";
#container {
width:700px;
}
#logo {
background-image:url(../images/med_logo.png);
height:100px;
}
nav {
padding-top:110px;
}
nav ul {
font-size:18px;
}
nav ul a {
width:114px;
}
#maincontent {
padding: 0;
margin-left:5px;
width: 700px;
}
#vision {
background-image:url(../images/med_hero.jpg);
width: 289px;
height:217px;
padding-top:45px;
padding-right:350px;
font-size:26px;
}
.pod {
width: 305px;
}
.podContent {
width: 302px;
height:180px;
}
#events {
margin-left:7px;
}
#news {
width:650px;
margin-top:20px;
}
footer p {
margin-left:5px;
}
@charset "utf-8";
#container {
width:700px;
}
#logo {
background-image:url(../images/med_logo.png);
height:100px;
}
nav {
padding-top:110px;
}
nav ul {
font-size:18px;
}
nav ul a {
width:114px;
}
#maincontent {
padding: 0;
margin-left:5px;
width: 700px;
}
#vision {
background-image:url(../images/med_hero.jpg);
width: 289px;
height:217px;
padding-top:45px;
padding-right:350px;
font-size:26px;
}
.pod {
width: 305px;
}
.podContent {
width: 302px;
height:180px;
}
#events {
margin-left:7px;
}
#news {
width:650px;
margin-top:20px;
}
footer p {
margin-left:5px;
}

138
test/smokes/citrus completed/index.html
View File

@ -1,69 +1,69 @@
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width">
<title>Citrus Cafe</title>
<link href="css/citrus_mq.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="container">
<header id="logo">
<h1>Citrus Cafe</h1>
<h2>Sustainable, organic and natural</h2>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Menus</a></li>
<li><a href="#">Reservations</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
<div id="maincontent">
<article id="vision">A new neighborhood kitchen using only organic and sustainable ingredients all locally sourced.</article>
<section class="pod">
<a href="#" class="block"><h1>Today's specials</h1></a>
<figure class="podContent"><img src="images/specials.jpg" width="302" height="180" alt="Soup and salad"></figure>
</section>
<section class="pod" id="events">
<a href="#" class="block"><h1>Events</h1></a>
<figure class="podContent"><img src="images/events.jpg" width="302" height="180" alt="Cafe interior"></figure>
</section>
<section class="pod" id="news">
<a href="#" class="block"><h1>News</h1></a>
<article class="podContent">
<p>
<time datetime="2010-09-01">9/1</time>
Celebrity Guest Chef Night</p>
<p>
<time datetime="2010-09-03">9/3</time>
New Menu Samplers!</p>
<p>
<time datetime="2010-09-04">9/4</time>
Chef Citrus Style</p>
<p>
<time datetime="2010-09-23">9/23</time>
Pork Pork and More Pork</p>
<p>
<time datetime="2010-10-01">10/1</time>
Celebrity Guest Chef Night</p>
<p>
<time datetime="2010-1003">10/3</time>
New Menu Samplers!</p>
<p>
<time datetime="2010-10-04">10/4</time>
Iron Chef Citrus Style</p>
</article>
</section>
</div>
<footer>
<div id="facebookTwitter"><img src="images/icon_facebook.png" width="24" height="25" alt="Facebook icon"><img src="images/icon_twitter.png" width="24" height="25" alt="Twitter icon"></div>
<p><strong>Citrus Cafe</strong> 601 Townsend St, San Francisco, CA, 94117</p>
<p id="phone">415-555-5555</p>
</footer>
</div>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width">
<title>Citrus Cafe</title>
<link href="css/citrus_mq.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="container">
<header id="logo">
<h1>Citrus Cafe</h1>
<h2>Sustainable, organic and natural</h2>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Menus</a></li>
<li><a href="#">Reservations</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
<div id="maincontent">
<article id="vision">A new neighborhood kitchen using only organic and sustainable ingredients all locally sourced.</article>
<section class="pod">
<a href="#" class="block"><h1>Today's specials</h1></a>
<figure class="podContent"><img src="images/specials.jpg" width="302" height="180" alt="Soup and salad"></figure>
</section>
<section class="pod" id="events">
<a href="#" class="block"><h1>Events</h1></a>
<figure class="podContent"><img src="images/events.jpg" width="302" height="180" alt="Cafe interior"></figure>
</section>
<section class="pod" id="news">
<a href="#" class="block"><h1>News</h1></a>
<article class="podContent">
<p>
<time datetime="2010-09-01">9/1</time>
Celebrity Guest Chef Night</p>
<p>
<time datetime="2010-09-03">9/3</time>
New Menu Samplers!</p>
<p>
<time datetime="2010-09-04">9/4</time>
Chef Citrus Style</p>
<p>
<time datetime="2010-09-23">9/23</time>
Pork Pork and More Pork</p>
<p>
<time datetime="2010-10-01">10/1</time>
Celebrity Guest Chef Night</p>
<p>
<time datetime="2010-1003">10/3</time>
New Menu Samplers!</p>
<p>
<time datetime="2010-10-04">10/4</time>
Iron Chef Citrus Style</p>
</article>
</section>
</div>
<footer>
<div id="facebookTwitter"><img src="images/icon_facebook.png" width="24" height="25" alt="Facebook icon"><img src="images/icon_twitter.png" width="24" height="25" alt="Twitter icon"></div>
<p><strong>Citrus Cafe</strong> 601 Townsend St, San Francisco, CA, 94117</p>
<p id="phone">415-555-5555</p>
</footer>
</div>
</body>
</html>

576
test/thirdparty/jasmine-jquery-1.3.1.js vendored
View File

@ -1,288 +1,288 @@
var readFixtures = function() {
return jasmine.getFixtures().proxyCallTo_('read', arguments);
};
var preloadFixtures = function() {
jasmine.getFixtures().proxyCallTo_('preload', arguments);
};
var loadFixtures = function() {
jasmine.getFixtures().proxyCallTo_('load', arguments);
};
var setFixtures = function(html) {
jasmine.getFixtures().set(html);
};
var sandbox = function(attributes) {
return jasmine.getFixtures().sandbox(attributes);
};
var spyOnEvent = function(selector, eventName) {
jasmine.JQuery.events.spyOn(selector, eventName);
}
jasmine.getFixtures = function() {
return jasmine.currentFixtures_ = jasmine.currentFixtures_ || new jasmine.Fixtures();
};
jasmine.Fixtures = function() {
this.containerId = 'jasmine-fixtures';
this.fixturesCache_ = {};
this.fixturesPath = 'spec/javascripts/fixtures';
};
jasmine.Fixtures.prototype.set = function(html) {
this.cleanUp();
this.createContainer_(html);
};
jasmine.Fixtures.prototype.preload = function() {
this.read.apply(this, arguments);
};
jasmine.Fixtures.prototype.load = function() {
this.cleanUp();
this.createContainer_(this.read.apply(this, arguments));
};
jasmine.Fixtures.prototype.read = function() {
var htmlChunks = [];
var fixtureUrls = arguments;
for(var urlCount = fixtureUrls.length, urlIndex = 0; urlIndex < urlCount; urlIndex++) {
htmlChunks.push(this.getFixtureHtml_(fixtureUrls[urlIndex]));
}
return htmlChunks.join('');
};
jasmine.Fixtures.prototype.clearCache = function() {
this.fixturesCache_ = {};
};
jasmine.Fixtures.prototype.cleanUp = function() {
jQuery('#' + this.containerId).remove();
};
jasmine.Fixtures.prototype.sandbox = function(attributes) {
var attributesToSet = attributes || {};
return jQuery('<div id="sandbox" />').attr(attributesToSet);
};
jasmine.Fixtures.prototype.createContainer_ = function(html) {
var container;
if(html instanceof jQuery) {
container = jQuery('<div id="' + this.containerId + '" />');
container.html(html);
} else {
container = '<div id="' + this.containerId + '">' + html + '</div>'
}
jQuery('body').append(container);
};
jasmine.Fixtures.prototype.getFixtureHtml_ = function(url) {
if (typeof this.fixturesCache_[url] == 'undefined') {
this.loadFixtureIntoCache_(url);
}
return this.fixturesCache_[url];
};
jasmine.Fixtures.prototype.loadFixtureIntoCache_ = function(relativeUrl) {
var self = this;
var url = this.fixturesPath.match('/$') ? this.fixturesPath + relativeUrl : this.fixturesPath + '/' + relativeUrl;
jQuery.ajax({
async: false, // must be synchronous to guarantee that no tests are run before fixture is loaded
cache: false,
dataType: 'html',
url: url,
success: function(data) {
self.fixturesCache_[relativeUrl] = data;
},
error: function(jqXHR, status, errorThrown) {
throw Error('Fixture could not be loaded: ' + url + ' (status: ' + status + ', message: ' + errorThrown.message + ')');
}
});
};
jasmine.Fixtures.prototype.proxyCallTo_ = function(methodName, passedArguments) {
return this[methodName].apply(this, passedArguments);
};
jasmine.JQuery = function() {};
jasmine.JQuery.browserTagCaseIndependentHtml = function(html) {
return jQuery('<div/>').append(html).html();
};
jasmine.JQuery.elementToString = function(element) {
return jQuery('<div />').append(element.clone()).html();
};
jasmine.JQuery.matchersClass = {};
(function(namespace) {
var data = {
spiedEvents: {},
handlers: []
};
namespace.events = {
spyOn: function(selector, eventName) {
var handler = function(e) {
data.spiedEvents[[selector, eventName]] = e;
};
jQuery(selector).bind(eventName, handler);
data.handlers.push(handler);
},
wasTriggered: function(selector, eventName) {
return !!(data.spiedEvents[[selector, eventName]]);
},
cleanUp: function() {
data.spiedEvents = {};
data.handlers = [];
}
}
})(jasmine.JQuery);
(function(){
var jQueryMatchers = {
toHaveClass: function(className) {
return this.actual.hasClass(className);
},
toBeVisible: function() {
return this.actual.is(':visible');
},
toBeHidden: function() {
return this.actual.is(':hidden');
},
toBeSelected: function() {
return this.actual.is(':selected');
},
toBeChecked: function() {
return this.actual.is(':checked');
},
toBeEmpty: function() {
return this.actual.is(':empty');
},
toExist: function() {
return this.actual.size() > 0;
},
toHaveAttr: function(attributeName, expectedAttributeValue) {
return hasProperty(this.actual.attr(attributeName), expectedAttributeValue);
},
toHaveId: function(id) {
return this.actual.attr('id') == id;
},
toHaveHtml: function(html) {
return this.actual.html() == jasmine.JQuery.browserTagCaseIndependentHtml(html);
},
toHaveText: function(text) {
if (text && jQuery.isFunction(text.test)) {
return text.test(this.actual.text());
} else {
return this.actual.text() == text;
}
},
toHaveValue: function(value) {
return this.actual.val() == value;
},
toHaveData: function(key, expectedValue) {
return hasProperty(this.actual.data(key), expectedValue);
},
toBe: function(selector) {
return this.actual.is(selector);
},
toContain: function(selector) {
return this.actual.find(selector).size() > 0;
},
toBeDisabled: function(selector){
return this.actual.is(':disabled');
},
// tests the existence of a specific event binding
toHandle: function(eventName) {
var events = this.actual.data("events");
return events && events[eventName].length > 0;
},
// tests the existence of a specific event binding + handler
toHandleWith: function(eventName, eventHandler) {
var stack = this.actual.data("events")[eventName];
var i;
for (i = 0; i < stack.length; i++) {
if (stack[i].handler == eventHandler) {
return true;
}
}
return false;
}
};
var hasProperty = function(actualValue, expectedValue) {
if (expectedValue === undefined) {
return actualValue !== undefined;
}
return actualValue == expectedValue;
};
var bindMatcher = function(methodName) {
var builtInMatcher = jasmine.Matchers.prototype[methodName];
jasmine.JQuery.matchersClass[methodName] = function() {
if (this.actual instanceof jQuery) {
var result = jQueryMatchers[methodName].apply(this, arguments);
this.actual = jasmine.JQuery.elementToString(this.actual);
return result;
}
if (builtInMatcher) {
return builtInMatcher.apply(this, arguments);
}
return false;
};
};
for(var methodName in jQueryMatchers) {
bindMatcher(methodName);
}
})();
beforeEach(function() {
this.addMatchers(jasmine.JQuery.matchersClass);
this.addMatchers({
toHaveBeenTriggeredOn: function(selector) {
this.message = function() {
return [
"Expected event " + this.actual + " to have been triggered on" + selector,
"Expected event " + this.actual + " not to have been triggered on" + selector
];
};
return jasmine.JQuery.events.wasTriggered(selector, this.actual);
}
})
});
afterEach(function() {
jasmine.getFixtures().cleanUp();
jasmine.JQuery.events.cleanUp();
});
var readFixtures = function() {
return jasmine.getFixtures().proxyCallTo_('read', arguments);
};
var preloadFixtures = function() {
jasmine.getFixtures().proxyCallTo_('preload', arguments);
};
var loadFixtures = function() {
jasmine.getFixtures().proxyCallTo_('load', arguments);
};
var setFixtures = function(html) {
jasmine.getFixtures().set(html);
};
var sandbox = function(attributes) {
return jasmine.getFixtures().sandbox(attributes);
};
var spyOnEvent = function(selector, eventName) {
jasmine.JQuery.events.spyOn(selector, eventName);
}
jasmine.getFixtures = function() {
return jasmine.currentFixtures_ = jasmine.currentFixtures_ || new jasmine.Fixtures();
};
jasmine.Fixtures = function() {
this.containerId = 'jasmine-fixtures';
this.fixturesCache_ = {};
this.fixturesPath = 'spec/javascripts/fixtures';
};
jasmine.Fixtures.prototype.set = function(html) {
this.cleanUp();
this.createContainer_(html);
};
jasmine.Fixtures.prototype.preload = function() {
this.read.apply(this, arguments);
};
jasmine.Fixtures.prototype.load = function() {
this.cleanUp();
this.createContainer_(this.read.apply(this, arguments));
};
jasmine.Fixtures.prototype.read = function() {
var htmlChunks = [];
var fixtureUrls = arguments;
for(var urlCount = fixtureUrls.length, urlIndex = 0; urlIndex < urlCount; urlIndex++) {
htmlChunks.push(this.getFixtureHtml_(fixtureUrls[urlIndex]));
}
return htmlChunks.join('');
};
jasmine.Fixtures.prototype.clearCache = function() {
this.fixturesCache_ = {};
};
jasmine.Fixtures.prototype.cleanUp = function() {
jQuery('#' + this.containerId).remove();
};
jasmine.Fixtures.prototype.sandbox = function(attributes) {
var attributesToSet = attributes || {};
return jQuery('<div id="sandbox" />').attr(attributesToSet);
};
jasmine.Fixtures.prototype.createContainer_ = function(html) {
var container;
if(html instanceof jQuery) {
container = jQuery('<div id="' + this.containerId + '" />');
container.html(html);
} else {
container = '<div id="' + this.containerId + '">' + html + '</div>'
}
jQuery('body').append(container);
};
jasmine.Fixtures.prototype.getFixtureHtml_ = function(url) {
if (typeof this.fixturesCache_[url] == 'undefined') {
this.loadFixtureIntoCache_(url);
}
return this.fixturesCache_[url];
};
jasmine.Fixtures.prototype.loadFixtureIntoCache_ = function(relativeUrl) {
var self = this;
var url = this.fixturesPath.match('/$') ? this.fixturesPath + relativeUrl : this.fixturesPath + '/' + relativeUrl;
jQuery.ajax({
async: false, // must be synchronous to guarantee that no tests are run before fixture is loaded
cache: false,
dataType: 'html',
url: url,
success: function(data) {
self.fixturesCache_[relativeUrl] = data;
},
error: function(jqXHR, status, errorThrown) {
throw Error('Fixture could not be loaded: ' + url + ' (status: ' + status + ', message: ' + errorThrown.message + ')');
}
});
};
jasmine.Fixtures.prototype.proxyCallTo_ = function(methodName, passedArguments) {
return this[methodName].apply(this, passedArguments);
};
jasmine.JQuery = function() {};
jasmine.JQuery.browserTagCaseIndependentHtml = function(html) {
return jQuery('<div/>').append(html).html();
};
jasmine.JQuery.elementToString = function(element) {
return jQuery('<div />').append(element.clone()).html();
};
jasmine.JQuery.matchersClass = {};
(function(namespace) {
var data = {
spiedEvents: {},
handlers: []
};
namespace.events = {
spyOn: function(selector, eventName) {
var handler = function(e) {
data.spiedEvents[[selector, eventName]] = e;
};
jQuery(selector).bind(eventName, handler);
data.handlers.push(handler);
},
wasTriggered: function(selector, eventName) {
return !!(data.spiedEvents[[selector, eventName]]);
},
cleanUp: function() {
data.spiedEvents = {};
data.handlers = [];
}
}
})(jasmine.JQuery);
(function(){
var jQueryMatchers = {
toHaveClass: function(className) {
return this.actual.hasClass(className);
},
toBeVisible: function() {
return this.actual.is(':visible');
},
toBeHidden: function() {
return this.actual.is(':hidden');
},
toBeSelected: function() {
return this.actual.is(':selected');
},
toBeChecked: function() {
return this.actual.is(':checked');
},
toBeEmpty: function() {
return this.actual.is(':empty');
},
toExist: function() {
return this.actual.size() > 0;
},
toHaveAttr: function(attributeName, expectedAttributeValue) {
return hasProperty(this.actual.attr(attributeName), expectedAttributeValue);
},
toHaveId: function(id) {
return this.actual.attr('id') == id;
},
toHaveHtml: function(html) {
return this.actual.html() == jasmine.JQuery.browserTagCaseIndependentHtml(html);
},
toHaveText: function(text) {
if (text && jQuery.isFunction(text.test)) {
return text.test(this.actual.text());
} else {
return this.actual.text() == text;
}
},
toHaveValue: function(value) {
return this.actual.val() == value;
},
toHaveData: function(key, expectedValue) {
return hasProperty(this.actual.data(key), expectedValue);
},
toBe: function(selector) {
return this.actual.is(selector);
},
toContain: function(selector) {
return this.actual.find(selector).size() > 0;
},
toBeDisabled: function(selector){
return this.actual.is(':disabled');
},
// tests the existence of a specific event binding
toHandle: function(eventName) {
var events = this.actual.data("events");
return events && events[eventName].length > 0;
},
// tests the existence of a specific event binding + handler
toHandleWith: function(eventName, eventHandler) {
var stack = this.actual.data("events")[eventName];
var i;
for (i = 0; i < stack.length; i++) {
if (stack[i].handler == eventHandler) {
return true;
}
}
return false;
}
};
var hasProperty = function(actualValue, expectedValue) {
if (expectedValue === undefined) {
return actualValue !== undefined;
}
return actualValue == expectedValue;
};
var bindMatcher = function(methodName) {
var builtInMatcher = jasmine.Matchers.prototype[methodName];
jasmine.JQuery.matchersClass[methodName] = function() {
if (this.actual instanceof jQuery) {
var result = jQueryMatchers[methodName].apply(this, arguments);
this.actual = jasmine.JQuery.elementToString(this.actual);
return result;
}
if (builtInMatcher) {
return builtInMatcher.apply(this, arguments);
}
return false;
};
};
for(var methodName in jQueryMatchers) {
bindMatcher(methodName);
}
})();
beforeEach(function() {
this.addMatchers(jasmine.JQuery.matchersClass);
this.addMatchers({
toHaveBeenTriggeredOn: function(selector) {
this.message = function() {
return [
"Expected event " + this.actual + " to have been triggered on" + selector,
"Expected event " + this.actual + " not to have been triggered on" + selector
];
};
return jasmine.JQuery.events.wasTriggered(selector, this.actual);
}
})
});
afterEach(function() {
jasmine.getFixtures().cleanUp();
jasmine.JQuery.events.cleanUp();
});