RubyGems - survivalkit - Versions diffs - 0.3.4 → 1.0.beta.1 - Mend

survivalkit 0.3.4 → 1.0.beta.1

Files changed (1362) hide show

data/templates/project/sources/pie/tests/color-names.html DELETED Viewed

@@ -1,32 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <title>Tests for background gradients</title>
-    <style type="text/css">
-        .test {
-            float: left;
-            padding: 10px;
-            -webkit-border-radius: 10px;
-            -moz-border-radius: 10px;
-            border-radius: 10px;
-            border: 3px solid;
-            margin: 5px;
-            behavior: url(../build/PIE.htc);
-        }
-    </style>
-</head>
-<body>
-    <script type="text/javascript">
-        var colors = ["aliceblue", "antiquewhite", "aqua", "aquamarine", "azure", "beige", "bisque", "black", "blanchedalmond", "blue", "blueviolet", "brown", "burlywood", "cadetblue", "chartreuse", "chocolate", "coral", "cornflowerblue", "cornsilk", "crimson", "cyan", "darkblue", "darkcyan", "darkgoldenrod", "darkgray", "darkgreen", "darkkhaki", "darkmagenta", "darkolivegreen", "darkorange", "darkorchid", "darkred", "darksalmon", "darkseagreen", "darkslateblue", "darkslategray", "darkturquoise", "darkviolet", "deeppink", "deepskyblue", "dimgray", "dodgerblue", "firebrick", "floralwhite", "forestgreen", "fuchsia", "gainsboro", "ghostwhite", "gold", "goldenrod", "gray", "green", "greenyellow", "honeydew", "hotpink", "indianred", "indigo", "ivory", "khaki", "lavender", "lavenderblush", "lawngreen", "lemonchiffon", "lightblue", "lightcoral", "lightcyan", "lightgoldenrodyellow", "lightgreen", "lightgrey", "lightpink", "lightsalmon", "lightseagreen", "lightskyblue", "lightslategray", "lightsteelblue", "lightyellow", "lime", "limegreen", "linen", "magenta", "maroon", "mediumauqamarine", "mediumblue", "mediumorchid", "mediumpurple", "mediumseagreen", "mediumslateblue", "mediumspringgreen", "mediumturquoise", "mediumvioletred", "midnightblue", "mintcream", "mistyrose", "moccasin", "navajowhite", "navy", "oldlace", "olive", "olivedrab", "orange", "orangered", "orchid", "palegoldenrod", "palegreen", "paleturquoise", "palevioletred", "papayawhip", "peachpuff", "peru", "pink", "plum", "powderblue", "purple", "red", "rosybrown", "royalblue", "saddlebrown", "salmon", "sandybrown", "seagreen", "seashell", "sienna", "silver", "skyblue", "slateblue", "slategray", "snow", "springgreen", "steelblue", "tan", "teal", "thistle", "tomato", "turquoise", "violet", "wheat", "white", "whitesmoke", "yellow", "yellowgreen"];
-        for( var i=0, len=colors.length; i < len; i++ ) {
-            document.write('<div class="test" style="border-color:' + colors[i] + ';">' + colors[i] + '</div>');
-        }
-    </script>
-</body>
-</html>

data/templates/project/sources/pie/tests/gradient-tests.html DELETED Viewed

@@ -1,237 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <title>Tests for background gradients</title>
-    <style type="text/css">
-        .section {
-            display: block;
-            border: 1px solid #CCC;
-            margin: 2em 1em;
-            overflow: hidden;
-            background:url(border.png);
-            position: relative;
-            z-index: 0;
-            zoom: 1;
-        }
-        h1 {
-            font-size: 1em;
-            margin: 1em;
-        }
-        p {
-            float: left;
-            padding: 1em;
-            width: 15%;
-            height: 8em;
-            border: 1px solid;
-            margin: 1em;
-            color: #000;
-            text-shadow: #FFF 0 0 2px;
-            -moz-border-radius: 1em;
-            -webkit-border-radius: 1em;
-            border-radius: 1em;
-            behavior: url(../build/PIE.htc);
-        }
-        #vert1 {
-            background: -webkit-gradient(linear, left top, left bottom, from(yellow), to(blue));
-            background: -moz-linear-gradient(top, yellow, blue);
-            -pie-background: linear-gradient(top, yellow, blue);
-        }
-        #vert2 {
-            background: -webkit-gradient(linear, left bottom, left top, from(blue), to(yellow));
-            background: -moz-linear-gradient(bottom, blue, yellow);
-            -pie-background: linear-gradient(bottom, blue, yellow);
-        }
-        #vert3 {
-            background: -webkit-gradient(linear, left top, left bottom, from(yellow), to(blue));
-            background: -moz-linear-gradient(-90deg, yellow, blue);
-            -pie-background: linear-gradient(-90deg, yellow, blue);
-        }
-        #vert4 {
-            background: -webkit-gradient(linear, left top, left bottom, from(yellow), to(blue));
-            background: -moz-linear-gradient(270deg, yellow, blue);
-            -pie-background: linear-gradient(270deg, yellow, blue);
-        }
-        #vert5 {
-            background: -webkit-gradient(linear, left top, left bottom, from(yellow), to(blue));
-            background: -moz-linear-gradient(top, yellow 0%, blue 100%);
-            -pie-background: linear-gradient(top, yellow 0%, blue 100%);
-        }
-        #vert6 {
-            background: -webkit-gradient(linear, left top, left bottom, from(yellow), to(blue));
-            background: -moz-linear-gradient(center top, yellow, blue);
-            -pie-background: linear-gradient(center top, yellow, blue);
-        }
-        #vert7 {
-            background: -webkit-gradient(linear, left top, left bottom, from(yellow), to(blue));
-            background: -moz-linear-gradient(yellow, blue);
-            -pie-background: linear-gradient(yellow, blue);
-        }
-        #horiz1 {
-            background: -webkit-gradient(linear, left top, right top, from(yellow), to(blue));
-            background: -moz-linear-gradient(left, yellow, blue);
-            -pie-background: linear-gradient(left, yellow, blue);
-        }
-        #horiz2 {
-            background: -webkit-gradient(linear, right top, left top, from(blue), to(yellow));
-            background: -moz-linear-gradient(right, blue, yellow);
-            -pie-background: linear-gradient(right, blue, yellow);
-        }
-        #horiz3 {
-            background: -webkit-gradient(linear, left top, right top, from(yellow), to(blue));
-            background: -moz-linear-gradient(0, yellow, blue);
-            -pie-background: linear-gradient(0, yellow, blue);
-        }
-        #horiz4 {
-            background: -webkit-gradient(linear, left top, right top, from(yellow), to(blue));
-            background: -moz-linear-gradient(360deg, yellow, blue);
-            -pie-background: linear-gradient(360deg, yellow, blue);
-        }
-        #horiz5 {
-            background: -webkit-gradient(linear, left top, right top, from(yellow), to(blue));
-            background: -moz-linear-gradient(left, yellow 0%, blue 100%);
-            -pie-background: linear-gradient(left, yellow 0%, blue 100%);
-        }
-        #horiz6 {
-            background: -webkit-gradient(linear, left top, right top, from(yellow), to(blue));
-            background: -moz-linear-gradient(left center, yellow, blue);
-            -pie-background: linear-gradient(left center, yellow, blue);
-        }
-        #diag1 {
-            background: -webkit-gradient(linear, left top, right bottom, from(yellow), to(blue));
-            background: -moz-linear-gradient(top left, yellow, blue);
-            -pie-background: linear-gradient(top left, yellow, blue);
-        }
-        #diag2 {
-            background: -webkit-gradient(linear, left top, right bottom, from(yellow), to(blue));
-            background: -moz-linear-gradient(0 0, yellow, blue);
-            -pie-background: linear-gradient(0 0, yellow, blue);
-        }
-        #diag3 {
-            background: -webkit-gradient(linear, left top, right bottom, from(yellow), to(blue));
-            background: -moz-linear-gradient(top 0px left 0px, yellow, blue);
-            -pie-background: linear-gradient(top 0px left 0px, yellow, blue);
-        }
-        #diag4 {
-            background: -webkit-gradient(linear, right bottom, left top, from(blue), to(yellow));
-            background: -moz-linear-gradient(bottom right, blue, yellow);
-            -pie-background: linear-gradient(bottom right, blue, yellow);
-        }
-        #diag5 {
-            background: -webkit-gradient(linear, left top, right bottom, from(yellow), to(blue));
-            background: -moz-linear-gradient(-45deg, yellow, blue);
-            -pie-background: linear-gradient(-45deg, yellow, blue);
-        }
-        #diag6 {
-            background: -webkit-gradient(linear, left top, right bottom, from(yellow), to(blue));
-            background: -moz-linear-gradient(315deg, yellow, blue);
-            -pie-background: linear-gradient(315deg, yellow, blue);
-        }
-        #multi1 {
-            background: -webkit-gradient(linear, left top, left bottom, from(yellow), color-stop(0.2, blue), to(#0f0));
-            background: -moz-linear-gradient(top, yellow, blue 20%, #0f0);
-            -pie-background: linear-gradient(top, yellow, blue 20%, #0f0);
-        }
-        #multi2 {
-            background: -webkit-gradient(linear, left top, right top, from(yellow), color-stop(0.2, blue), to(#0f0));
-            background: -moz-linear-gradient(left, yellow, blue 20%, #0f0);
-            -pie-background: linear-gradient(left, yellow, blue 20%, #0f0);
-        }
-        #multi3 {
-            background: -webkit-gradient(linear, left top, left bottom, color-stop(0.3, yellow), color-stop(0.5, blue), color-stop(0.7, green));
-            background: -moz-linear-gradient(top, yellow 30%, blue 50%, green 70%);
-            -pie-background: linear-gradient(top, yellow 30%, blue 50%, green 70%);
-        }
-        #multi4 {
-            background: -webkit-gradient(linear, left top, right top, color-stop(0.5, yellow), color-stop(0.75, blue), to(green));
-            background: -moz-linear-gradient(left, yellow 50%, blue, green);
-            -pie-background: linear-gradient(left, yellow 50%, blue, green);
-        }
-        #multi5 {
-            background: -webkit-gradient(linear, left top, right top, from(aqua), color-stop(.0667, black), color-stop(.1333, blue), color-stop(.2, fuchsia), color-stop(.2667, gray), color-stop(.3333, green), color-stop(.4, lime), color-stop(.4667, maroon), color-stop(.5333, navy), color-stop(.6, olive), color-stop(.6667, purple), color-stop(.7333, red), color-stop(.8, silver), color-stop(.8667, teal), color-stop(.9333, white), to(yellow));
-            background: -moz-linear-gradient(left, aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow );
-            -pie-background: linear-gradient(left, aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow );
-        }
-        #multi6 {
-            background: -webkit-gradient(linear, left bottom, right top, from(red), color-stop(0.333, yellow), color-stop(.667, green), to(blue));
-            background: -moz-linear-gradient(45deg, red, yellow, green, blue);
-            -pie-background: linear-gradient(45deg, red, yellow, green, blue);
-        }
-        #lineup p {
-            border: 0;
-            width: 40%;
-            height: 50px;
-            margin-right: 0;
-            border-radius: 0;
-            background: -moz-linear-gradient(center bottom,rgb(170,222,249) 0%,rgb(63,158,210) 100%);
-            -pie-background: linear-gradient(center bottom,rgb(170,222,249) 0%,rgb(63,158,210) 100%);
-        }
-        #lineup2 {
-            margin-left: 0;
-        }
-    </style>
-</head>
-<body>
-    <div class="section" id="vertTests">
-        <h1>Basic vertical linear gradient</h1>
-        <p id="vert1">linear-gradient( top, yellow, blue);</p>
-        <p id="vert2">linear-gradient( bottom, blue, yellow);</p>
-        <p id="vert3">linear-gradient( -90deg, yellow, blue);</p>
-        <p id="vert4">linear-gradient( 270deg, yellow, blue);</p>
-        <p id="vert5">linear-gradient( top, yellow 0%, blue 100%);</p>
-        <p id="vert6">linear-gradient( center top, yellow, blue);</p>
-        <p id="vert7">linear-gradient( yellow, blue);</p>
-    </div>
-    <div class="section" id="horizTests">
-        <h1>Basic horizontal linear gradient</h1>
-        <p id="horiz1">linear-gradient( left, yellow, blue);</p>
-        <p id="horiz2">linear-gradient( right, blue, yellow);</p>
-        <p id="horiz3">linear-gradient( 0, yellow, blue);</p>
-        <p id="horiz4">linear-gradient( 360deg, yellow, blue);</p>
-        <p id="horiz5">linear-gradient( left, yellow 0%, blue 100%);</p>
-        <p id="horiz6">linear-gradient( left center, yellow, blue);</p>
-    </div>
-    <div class="section" id="diagTests">
-        <h1>Basic diagonal linear gradient</h1>
-        <p id="diag1">linear-gradient(top left, yellow, blue);</p>
-        <p id="diag2">linear-gradient(0 0, yellow, blue);</p>
-        <p id="diag3">linear-gradient(top 0px left 0px, yellow, blue);</p>
-        <p id="diag4">linear-gradient(bottom right, blue, yellow);</p>
-        <p id="diag5">linear-gradient(-45deg, yellow, blue);</p>
-        <p id="diag6">linear-gradient(315deg, yellow, blue);</p>
-    </div>
-    <div class="section" id="multiStopTests">
-        <h1>Multiple color stops along linear gradient</h1>
-        <p id="multi1">linear-gradient(top, yellow, blue 20%, #0f0)</p>
-        <p id="multi2">linear-gradient(left, yellow, blue 20%, #0f0)</p>
-        <p id="multi3">linear-gradient(top, yellow 30%, blue 50%, green 70%)</p>
-        <p id="multi4">linear-gradient(left, yellow 50%, blue, green)</p>
-        <p id="multi5">linear-gradient(left, aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow );</p>
-        <p id="multi6">linear-gradient(45deg, red, yellow, green, blue);</p>
-    </div>
-    <div class="section" id="lineup">
-        <h1>Lining up (<a href="http://github.com/lojjic/PIE/issues/issue/64">issue 64</a>)</h1>
-        <p id="lineup1">element 1</p>
-        <p id="lineup2">element 2</p>
-    </div>
-</body>
-</html>

data/templates/project/sources/pie/tests/hiding-tests.html DELETED Viewed

@@ -1,92 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta content="text/html; charset=UTF-8" http-equiv="content-type">
-    <title>Tests for hiding/showing elements</title>
-    <style type="text/css">
-        .section {
-            border: 1px solid #CCC;
-            padding: 2em;
-            margin: 2em;
-        }
-        .test {
-            padding: 2em;
-            margin: 2em 0 0;
-            width: 300px;
-            background: #CCF;
-            -webkit-border-radius: 1em;
-            -moz-border-radius: 1em;
-            border-radius: 1em;
-            -webkit-box-shadow: 0 0 5px #000;
-            -moz-box-shadow: 0 0 5px #000;
-            box-shadow: 0 0 5px #000;
-            behavior: url(../build/PIE.htc);
-        }
-    </style>
-    <script type="text/javascript">
-        function toggleDisplay( id ) {
-            var el = document.getElementById( id );
-            el.style.display = el.style.display === 'none' ? 'block' : 'none';
-        }
-        function toggleVisibility( id ) {
-            var el = document.getElementById( id );
-            el.style.visibility = el.style.visibility === 'hidden' ? 'visible' : 'hidden';
-        }
-    </script>
-</head>
-<body>
-    <h1>Tests for hiding/showing elements</h1>
-    <div class="section">
-        <h2>Toggle display, hidden initially</h2>
-        <button type="button" onclick="toggleDisplay('test1')">Toggle</button>
-        <div class="test" id="test1" style="display:none;">
-            Hello PIE
-        </div>
-    </div>
-    <div class="section">
-        <h2>Toggle display, shown initially</h2>
-        <button type="button" onclick="toggleDisplay('test2')">Toggle</button>
-        <div class="test" id="test2">
-            Hello PIE
-        </div>
-    </div>
-    <div class="section">
-        <h2>Toggle visibility, hidden initially</h2>
-        <button type="button" onclick="toggleVisibility('test3')">Toggle</button>
-        <div class="test" id="test3" style="visibility: hidden">
-            Hello PIE
-        </div>
-    </div>
-    <div class="section">
-        <h2>Toggle visibility, shown initially</h2>
-        <button type="button" onclick="toggleVisibility('test4')">Toggle</button>
-        <div class="test" id="test4">
-            Hello PIE
-        </div>
-    </div>
-</body>
-</html>

data/templates/project/sources/pie/tests/hover-tests.html DELETED Viewed

@@ -1,107 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <style type="text/css">
-        html, body {
-            font: 12px sans-serif;
-        }
-        .tester {
-            behavior: url(../build/PIE_uncompressed.htc);
-        }
-        #test1 {
-            float: left;
-            padding: 2em;
-            border-radius: 8px;
-            background: #F99;
-        }
-        #test1:hover {
-            background: #9F9;
-        }
-        #test2 {
-            float: left;
-            clear: left;
-            padding: 2em;
-            margin-top: 3em;
-            background: #F99;
-            border-radius: 8px;
-        }
-        #test2:hover,
-        #test2.pie_hover {
-            background: #9F9;
-        }
-        /* Menu */
-        #menu {
-            clear: both;
-            padding: 20px 20px 20px 0;
-            width: 220px;
-            background: #00AEEF;
-        }
-        #menu li {
-            display: block;
-            list-style: none;
-            margin: 0 0 6px;
-            padding: 0;
-            width: 220px;
-        }
-        #menu li a {
-            color: #FFFFFF;
-            display: block;
-            font-size: 15px;
-            padding: 2px 20px 1px;
-            position: relative;
-            text-decoration: none;
-            behavior: url(../build/PIE_uncompressed.htc);
-        }
-        #menu li a:hover,
-        #menu li a.pie_hover {
-            /*background: #008ECF;*/
-            background: -webkit-gradient(linear, 0 0, 100% 0, from(#008ECF) to(#00AEEF));
-            background: -moz-linear-gradient(left, #008ECF, #00AEEF);
-            background: linear-gradient(left, #008ECF, #00AEEF);
-            -pie-background: linear-gradient(left, #008ECF, #00AEEF);
-        }
-        #menu li.active a {
-            background: #FFF;
-            -pie-background: #FFF;
-            color: #000;
-            -webkit-box-shadow: #777 0 0 10px;
-            -moz-box-shadow: #777 0 0 10px;
-            box-shadow: #777 0 0 10px;
-            -webkit-border-top-right-radius: 3px;
-            -webkit-border-bottom-right-radius: 3px;
-            -moz-border-radius: 0 3px 3px 0;
-            border-radius: 0 3px 3px 0;
-        }
-    </style>
-</head>
-<body>
-    <p>
-        <a href="#" class="tester" id="test1">Link</a>
-    </p>
-    <div class="tester" id="test2">Non-link</div>
-    <ul id="menu"><li><a href="http://css3pie.com/">Home</a></li>
-        <li><a href="http://css3pie.com/about/">About</a></li>
-        <li><a href="http://css3pie.com/documentation/">Documentation</a></li>
-        <li><a href="http://css3pie.com/demos/">Demos</a></li>
-        <li><a href="http://css3pie.com/contact/">Contact</a></li>
-        <li><a href="http://css3pie.com/forum/">User Forum</a></li>
-        <li class="active"><a href="http://css3pie.com/blog/">Blog</a></li>
-        <li><a href="http://github.com/lojjic/PIE">Project @ GitHub</a></li>
-    </ul>
-</body>
-</html>

data/templates/project/sources/pie/tests/iPhoneBackButton.png DELETED Viewed

Binary file

data/templates/project/sources/pie/tests/icon-chrome.png DELETED Viewed

Binary file

data/templates/project/sources/pie/tests/icon-firefox.png DELETED Viewed

Binary file

data/templates/project/sources/pie/tests/icon-ie.png DELETED Viewed

Binary file

data/templates/project/sources/pie/tests/icon-opera.png DELETED Viewed

Binary file

data/templates/project/sources/pie/tests/icon-safari.png DELETED Viewed

Binary file

data/templates/project/sources/pie/tests/img.html DELETED Viewed

@@ -1,63 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta content="text/html; charset=UTF-8" http-equiv="content-type">
-    <title>&lt;img&gt; elements</title>
-    <style type="text/css">
-        img {
-            border-radius: 40px;
-            behavior: url(../build/PIE_uncompressed.htc);
-            border: 0;
-            position: relative;
-        }
-        #shadow {
-            -webkit-box-shadow: 0 0 10px red;
-            -moz-box-shadow: 0 0 10px red;
-            box-shadow: 0 0 10px red;
-        }
-        #pngfixCont {
-            padding: 10px;
-            background: url(background1.gif);
-        }
-        #pngfix {
-            border-radius: 0;
-            -pie-png-fix: true;
-        }
-    </style>
-</head>
-<body>
-    <h1>Images</h1>
-    <h2>Rounded corners</h2>
-    <img src="photo.jpg" />
-    <h2>Rounded, scaled down</h2>
-    <img src="photo.jpg" width="320" height="240" />
-    <h2>Aspect</h2>
-    <img src="photo.jpg" width="128" height="480" />
-    <img src="photo.jpg" width="640" height="128" />
-    <h2>With shadow</h2>
-    <img src="photo.jpg" id="shadow" width="320" height="240" />
-    <h2>In link (should remain clickable)</h2>
-    <a href="#" onclick="alert('clicked'); return false;"><img src="photo.jpg" width="320" height="240" /></a>
-    <h2>With border</h2>
-    <img src="border.png" style="border:10px solid red;" />
-    <h2>Rollover</h2>
-    <img src="icon-safari.png" onmouseover="this.src='icon-chrome.png'" onmouseout="this.src='icon-safari.png'" />
-</body>
-</html>

data/templates/project/sources/pie/tests/margin-auto-tests.html DELETED Viewed

@@ -1,57 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-    <title>PIE Position After Window Resize</title>
-    <meta name="robots" content="noindex, nofollow" />
-    <style type="text/css" media="screen">
-        #wrapper {
-            width: 700px;
-            margin: 20px auto;
-        }
-        #test,
-        #control {
-            border: 10px solid #000;
-            -moz-border-radius: 5px; /* FF1+ */
-            -webkit-border-radius: 5px; /* Saf3+, Chrome */
-            -khtml-border-radius: 5px; /* Konqueror */
-            border-radius: 5px; /* Standard. IE9 */
-            margin: 10px;
-            padding:10px;
-        }
-        #test {
-            behavior: url(../build/PIE.htc);
-            border-color: red;
-        }
-        #control {
-            border-color: green;
-        }
-    </style>
-</head>
-<body>
-    <h1>PIE Position After Window Resize</h1>
-    <p>Resize Window.</p>
-    <h2 id="expected-behavior">Expected Behavior</h2>
-    <p>Borders should update position with box.</p>
-    <div id="wrapper">
-        <div id="test">
-            PIE.
-        </div><!--/test-->
-        <div id="control">
-            No PIE.
-        </div><!--/test-->
-    </div><!--/wrapper-->
-</body>
-</html>