survivalkit 0.3.4 → 1.0.beta.1

data/templates/project/sources/pie/tests/solar-system/styles.css

@@ -1,447 +0,0 @@
-/* - - - - - - - - - - - - - - - 
-
-Title: Our Solar System
-Description: An experiment with CSS3 border-radius, transforms & animations.
-Author: Alex Giron
-Email: alexgiron@gmail.com
-Twitter: @alexgiron
-
-www.neography.com
-www.nclud.com
-www.cssbeauty.com
-
-- - - - - - - - - - - - - - - - - */
-
-* {
-    margin: 0;
-    padding: 0;
-}
-body {
-    font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
-    background: #080e24 url(bg.jpg) repeat;
-    color: #626668;
-}
-
-div.wrap {
-    width: 960px;
-    margin: 0 auto;
-    padding: 60px 0;
-}
-a.about, a.twitter {
-    display: block;
-    position: fixed;
-    bottom: 20px;
-    right: 20px;
-    background: #32312b;
-    padding: 7px 28px;
-    text-decoration: none;
-    color: #eee5a2;
-    font-size: 12px;
-    -webkit-border-radius: 20px;
-    -moz-border-radius: 20px;
-    border-radius: 20px;
-    -webkit-transition: all 0.15s ease-in;
-    -moz-transition: all 0.15s ease-in;
-    -o-transition: all 0.15s ease-in;
-    transition: all 0.15s ease-in;
-    behavior: url(../../build/PIE.htc);
-}
-a.twitter {
-       right: 220px;
-}
-a.about:hover, a.twitter:hover {
-    background: #aa4200;
-    color: #fff;
-}
-section {
-    display: block;
-    position: relative;
-}
-header {
-    text-align: center;
-}
-header h1 {
-    font-size: 80px;
-    line-height: 1;
-    color: #eee5a2;
-    text-transform: uppercase;
-    text-shadow: 5px 5px #32312b;
-}
-header p {
-    font-size: 24px;
-    color: #6a695f;
-    margin: 0 0 10px;
-}
-header p.disclaimer {
-    font-size: 13px;
-    color: #33373d;
-}
-
-/* Solar System Styles */
-ul.solarsystem {
-    position: relative;
-    height: 640px;
-    list-style: none;
-    -webkit-transition: all 0.09s ease-in;
-    -moz-transition: all 0.09s ease-in;
-    -o-transition: all 0.09s ease-in;
-    transition: all 0.09s ease-in;
-}
-ul.solarsystem li {
-    text-indent: -9999px;
-    overflow: hidden;
-    display: block;
-    position: absolute;
-    border: 2px solid #394057;
-/*    opacity: 0.7;*/
-    behavior: url(../../build/PIE.htc);
-}
-ul.solarsystem li span {
-    display: block;
-    position: absolute;
-    width: 10px;
-    height: 10px;
-    -webkit-border-radius: 5px;
-    -moz-border-radius: 5px;
-    border-radius: 5px;
-    behavior: url(../../build/PIE.htc);
-}
-ul.solarsystem li.active {
-    border-color: #aa4200;
-}
-ul.solarsystem li.active.sun,
-ul.solarsystem li.active span {
-    -webkit-transform: scale(1.3);
-    -moz-transform: scale(1.3);
-    -o-transform: scale(1.3);
-    transform: scale(1.3);
-}
-ul.solarsystem li.active.sun span,
-ul.solarsystem li.active.earth .moon {
-    border: none;
-    -webkit-box-shadow: none;
-    -moz-box-shadow: none;
-    box-shadow: none;
-}
-ul.solarsystem li.sun {
-    width: 40px;
-    height: 40px;
-    -webkit-border-radius: 20px;
-    -moz-border-radius: 20px;
-    border-radius: 20px;
-    background: #fc3;
-    background-image: -webkit-gradient(
-        linear,
-        left bottom,
-        left top,
-        color-stop(0.22, rgb(204,153,0)),
-        color-stop(1, rgb(255,219,112))
-    );
-    background-image: -moz-linear-gradient(
-        center bottom,
-        rgb(204,153,0) 22%,
-        rgb(255,219,112) 100%
-    );
-    -pie-background: linear-gradient(
-        center bottom,
-        rgb(204,153,0) 22%,
-        rgb(255,219,112) 100%
-    ), #FC3;
-    top: 302px;
-    left: 462px;
-    border: none;
-    -webkit-box-shadow: 0 0 50px #c90;
-    -moz-box-shadow: 0 0 50px #c90;
-    box-shadow: 0 0 50px #c90;
-    z-index: 100;
-    -webkit-transition: all 0.2s ease-in;
-    -moz-transition: all 0.2s ease-in;
-    -o-transition: all 0.2s ease-in;
-    transition: all 0.2s ease-in;
-}
-ul.solarsystem li.sun span {
-    width: 60px;
-    height: 60px;
-    -webkit-border-radius: 30px;
-    -moz-border-radius: 30px;
-    border-radius: 30px;   
-}
-ul.solarsystem li.mercury {
-    width: 100px;
-    height: 100px;
-    -webkit-border-radius: 52px;
-    -moz-border-radius: 52px;
-    border-radius: 52px;
-    top: 270px;
-    left: 430px;
-    z-index: 99;
-}
-ul.solarsystem li.mercury span {
-    background: #b6bac5;
-    top: 10px;
-    left: 10px;
-}
-ul.solarsystem li.venus {
-    width: 160px;
-    height: 160px;
-    -webkit-border-radius: 82px;
-    -moz-border-radius: 82px;
-    border-radius: 82px;
-    top: 240px;
-    left: 400px;
-    z-index: 98;
-}
-ul.solarsystem li.venus span {
-    background: #bf8639;
-    top: 118px;
-    left: 5px;
-}
-ul.solarsystem li.earth {
-    width: 220px;
-    height: 220px;
-    -webkit-border-radius: 112px;
-    -moz-border-radius: 112px;
-    border-radius: 112px;
-    top: 210px;
-    left: 370px;
-    z-index: 97;
-}
-ul.solarsystem li.earth span {
-    background: #06c;
-    top: 56px;
-    left: 5px;
-}
-ul.solarsystem li.earth span.moon {
-    width: 4px;
-    height: 4px;
-    -webkit-border-radius: 2px;
-    -moz-border-radius: 2px;
-    border-radius: 2px;
-    background: #ccc;
-    top: 12px;
-    left: 12px;
-}
-ul.solarsystem li.mars {
-    width: 280px;
-    height: 280px;
-    -webkit-border-radius: 142px;
-    -moz-border-radius: 142px;
-    border-radius: 142px;
-    top: 180px;
-    left: 340px;
-    z-index: 96;
-}
-ul.solarsystem li.mars span {
-    background: #aa4200;
-    top: 0px;
-    left: 175px;
-}
-ul.solarsystem li.asteroids_meteorids {
-    top: 155px;
-    left: 315px;
-    z-index: 1;
-    background: url(asteroids_meteorids.png) no-repeat 0 0;
-    width: 330px;
-    height: 330px;
-    -webkit-border-radius: 165px;
-    -moz-border-radius: 165px;
-    border-radius: 165px;
-    border: none;
-}
-ul.solarsystem li.jupiter {
-    width: 340px;
-    height: 340px;
-    -webkit-border-radius: 172px;
-    -moz-border-radius: 172px;
-    border-radius: 172px;
-    top: 150px;
-    left: 310px;
-    z-index: 95;
-}
-ul.solarsystem li.jupiter span {
-    background: #e0ae6f;
-    top: 67px;
-    left: 24px;
-}
-ul.solarsystem li.saturn {
-    width: 400px;
-    height: 400px;
-    -webkit-border-radius: 202px;
-    -moz-border-radius: 202px;
-    border-radius: 202px;
-    top: 120px;
-    left: 280px;
-    z-index: 94;
-}
-ul.solarsystem li.saturn span {
-    background: #dfd3a9;
-    top: 24px;
-    left: 300px;
-}
-ul.solarsystem li.saturn span.ring {
-    width: 12px;
-    height: 12px;
-    -webkit-border-radius: 8px;
-    -moz-border-radius: 8px;
-    border-radius: 8px;
-    background: none;
-    border: 2px solid #5a4e34;
-    left: -3px;
-    top: -3px;
-    -webkit-transform: skewY(50deg);
-    -moz-transform: skewY(50deg);
-    -o-transform: skewY(50deg);
-    transform: skewY(50deg);
-
-    /* PIE doesn't (yet) support skew transform, so get the same effect with non-symmetric border radii:*/
-    -pie-border-radius: 4px 20px;
-}
-ul.solarsystem li.uranus {
-    width: 460px;
-    height: 460px;
-    -webkit-border-radius: 232px;
-    -moz-border-radius: 232px;
-    border-radius: 232px;
-    top: 90px;
-    left: 250px;
-    z-index: 93;
-}
-ul.solarsystem li.uranus span {
-    background: #82b3d1;
-    top: 7px;
-    left: 300px;
-}
-ul.solarsystem li.neptune {
-    width: 520px;
-    height: 520px;
-    -webkit-border-radius: 262px;
-    -moz-border-radius: 262px;
-    border-radius: 262px;
-    top: 60px;
-    left: 220px;
-    z-index: 92;
-}
-ul.solarsystem li.neptune span {
-    background: #77c2ec;
-    top: 0px;
-    left: 200px;
-}
-ul.solarsystem li.pluto {
-    width: 580px;
-    height: 580px;
-    -webkit-border-radius: 292px;
-    -moz-border-radius: 292px;
-    border-radius: 292px;
-    top: 30px;
-    left: 190px;
-    z-index: 91;
-}
-ul.solarsystem li.pluto span {
-    background: #7c6a5c;
-    top: 79px;
-    left: 79px;
-}
-
-ul#descriptions {
-    position: absolute;
-    top: 150px;
-    right: 100px;
-    list-style: none;
-}
-ul#descriptions h2 {
-    cursor: pointer;
-    color: #386077;
-    -webkit-transition: all 0.15s ease-in;
-    -moz-transition: all 0.15s ease-in;
-    -o-transition: all 0.15s ease-in;
-    transition: all 0.15s ease-in;
-    font-size: 16px;
-    position: relative;
-    z-index: 101;
-    -webkit-transform: scale(1);
-    -moz-transform: scale(1);
-    -o-transform: scale(1);
-    transform: scale(1);
-}
-ul#descriptions h2:hover {
-   color: #aa4200; 
-    -webkit-transform: scale(1.08);
-    -moz-transform: scale(1.08);
-    -o-transform: scale(1.08);
-    transform: scale(1.08);
-}
-ul#descriptions li p {
-    position: absolute;
-    left: -250px;
-    top: 0;
-    width: 200px;
-    display: inline;
-    opacity: 0;
-    visibility: hidden;
-    font-size: 12px;
-    -webkit-border-radius: 5px;
-    -moz-border-radius: 5px;
-    border-radius: 5px;
-    -webkit-transition: all 0.3s ease-in;
-    -moz-transition: all 0.3s ease-in;
-    -o-transition: all 0.3s ease-in;
-    transition: all 0.3s ease-in;
-    background: #0f132c;
-    padding: 30px;
-    color: #767892;
-    line-height: 1.7;
-    z-index: 100;
-    border: 1px solid #1c203c;
-    behavior: url(../../build/PIE.htc);
-    -pie-watch-ancestors:1;
-}
-ul#descriptions h2:hover+p,
-ul#descriptions li.pie_hover p {
-    visibility: visible;
-    opacity: 0.9;
-    left: -280px;
-}
-
-/* CSS3 Animations */
-ul.solarsystem li {
-    -webkit-animation-iteration-count:infinite;
-    -webkit-animation-timing-function:linear;
-    -webkit-animation-name:orbit;
-}
-ul.solarsystem li.earth span {
-    -webkit-animation-iteration-count:infinite;
-    -webkit-animation-timing-function:linear;
-    -webkit-animation-name:moon;
-}
-ul.solarsystem li.mercury {-webkit-animation-duration:5s;}
-ul.solarsystem li.venus {-webkit-animation-duration:8s;}
-ul.solarsystem li.earth {-webkit-animation-duration:12s;}
-ul.solarsystem li.earth span {-webkit-animation-duration:2s;}
-ul.solarsystem li.mars {-webkit-animation-duration:20s;}
-ul.solarsystem li.asteroids_meteorids {-webkit-animation-duration:50s;}
-ul.solarsystem li.jupiter {-webkit-animation-duration:30s;}
-ul.solarsystem li.saturn {-webkit-animation-duration:60s;}
-ul.solarsystem li.uranus {-webkit-animation-duration:70s;}
-ul.solarsystem li.neptune {-webkit-animation-duration:100s;}
-ul.solarsystem li.pluto {-webkit-animation-duration:120s;}
-
-@-webkit-keyframes orbit { from { -webkit-transform:rotate(0deg) } to { -webkit-transform:rotate(360deg) } }
-@-webkit-keyframes moon { from { -webkit-transform:rotate(0deg) } to { -webkit-transform:rotate(360deg) } }
-
-/*ul.solarsystem:hover li {-webkit-animation-play-state: paused;} */
-
-
-/* iPad Specific */
-@media only screen and (max-device-width:1024px) {
-    p.links {
-        text-align: center;
-        width: 350px;
-        margin: 0 auto;
-    }
-	a.about, a.twitter {
-		position: static;
-		text-align: left;
-		margin: 0 10px 0 0;
-		float: left;
-	}
-}

data/templates/project/sources/pie/tests/stress-test.html

@@ -1,187 +0,0 @@
-<!DOCTYPE html>
-
-<html>
-<head>
-    <title></title>
-
-    <script type="text/javascript">
-        function toggleClass( el, cls ) {
-            var re = new RegExp( '\\b' + cls + '\\b' );
-            if( re.test( el.className ) ) {
-                el.className = el.className.replace( re, '' );
-            } else {
-                el.className += ' ' + cls;
-            }
-        }
-
-        function log( txt ) {
-            var el = log._el;
-            if(!el) {
-                el =log._el = document.createElement( 'div' );
-                el.style.position = 'absolute';
-                el.style.bottom = '1em';
-                el.style.right = '1em';
-                el.style.width = '200px';
-                el.style.height = '100px';
-                el.style.overflow = 'auto';
-                el.style.background = '#FFF';
-                el.style.border = '1px solid #EEE';
-                el.style.fontSize = '9px';
-                document.body.appendChild( el );
-            }
-            var item = document.createElement( 'div' );
-            item.appendChild( document.createTextNode( txt ) );
-            el.appendChild( item )
-        }
-
-        function animate( el, fromX, fromY, toX, toY ) {
-            el.style.position = 'absolute';
-            var i = 0;
-
-            function step() {
-                el.style.left = fromX + ( toX - fromX ) * i / 100 + 'px';
-                el.style.top = fromY + ( toY - fromY ) * i / 100 + 'px';
-                i++;
-                if( i < 100 ) {
-                    setTimeout( step, 10 );
-                }
-            }
-
-            step();
-        }
-    </script>
-
-    <style>
-
-        .tester {
-            behavior: url(../build/PIE.htc);
-            background: #EEE url(border.png) 50% 50%;
-            border: 3px solid #66F;
-            float: left;
-            padding: 10px;
-            margin: 10px;
-            width: 10%;
-            -moz-border-radius: 10px;
-            -webkit-border-radius: 10px;
-            border-radius: 10px;
-            box-shadow: #000 5px 5px 8px;
-            -moz-box-shadow: #000 5px 5px 8px;
-            -webkit-box-shadow: #000 5px 5px 8px;
-        }
-
-    </style>
-</head>
-<body>
-
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-    <div class="tester">test</div>
-
-</body>
-</html>

data/templates/project/sources/pie/tests/submitted/forum-f3-t19.html

@@ -1,31 +0,0 @@
-<!DOCTYPE HTML>
-<html>
-  <head>
-    <title>Test page</title>
-    <script src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js"></script>
-    <style>
-      #target {
-        border: 1px solid #696;
-        padding: 60px 0;
-        text-align: center; width: 200px;
-        -webkit-border-radius: 8px;
-        -moz-border-radius: 8px;
-        border-radius: 8px;
-        -webkit-box-shadow: #666 0px 2px 3px;
-        -moz-box-shadow: #666 0px 2px 3px;
-        box-shadow: #666 0px 2px 3px;
-        background: #EEFF99;
-        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
-        background: -moz-linear-gradient(#EEFF99, #66EE33);
-        -pie-background: linear-gradient(#EEFF99, #66EE33);
-        behavior: url(../../build/PIE.htc);
-      }
-    </style>
-  </head>
-  <body>
-
-
-    <div id="target">Hello.</div>
-
-  </body>
-</html>

data/templates/project/sources/pie/tests/submitted/forum-f3-t25.html

@@ -1,24 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html>
-<head>
-<title>test Page</title>
-<style>
-.block {
-  -webkit-border-radius:6px;
-  -moz-border-radius:6px;
-  border-radius:6px;
-  behavior: url(../../build/PIE.htc);
-  width:200px;
-  background: #FF9955 url('forum-f3-t25.gif') repeat-x top;
-  position:relative;
-}
-</style>
-</head>
-<body>
-<div id="block-user-1" class="block">
-   <h2 class="title">Title</h2>
-   <div class="content">
-      block content
-   </div>
-</div>
-</body>