calabash_drishyam 0.1.0

data/lib/calabash_drishyam/javascripts/application.js

@@ -0,0 +1,16 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file.
+//
+// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require jquery
+//= require jquery_ujs
+//= require turbolinks
+//= require_tree .

data/lib/calabash_drishyam/javascripts/calabash_inspector.js

@@ -0,0 +1,25 @@
+function highlightViewInScreenShot(image_path, x, y, width, height)
+{
+    
+    var newImg = new Image();
+    newImg.onload = function() {
+    
+    	var canvas = document.getElementById('canvas');
+    	var context = canvas.getContext("2d");
+    
+    	context.clearRect ( 0 , 0 , canvas.width, canvas.height );
+    
+    	canvas.width = 320;
+    	canvas.height = 568;
+  		context.drawImage(this,0,0,this.width,this.height,0,0,320,568)
+    	context.globalAlpha = 0.3;
+  		context.fillStyle = "green"; 
+    	context.fillRect(x, y, width, height);
+  		context.stroke();
+  
+	}
+	
+	newImg.src = image_path;
+	
+}
+

data/lib/calabash_drishyam/stylesheets/style.css

@@ -0,0 +1,122 @@
+body {
+    margin: 35px auto;
+    width: 640px;
+    color: #009933;
+    background-image: url("bg3.png");
+}
+
+header {
+    text-align: center;
+    margin: 0 0 20px;
+}
+
+header h1 {
+    text-shadow:   1px 0px #eee, 0px 0.5px #ccc,
+    2px 1px #eee, 1px 2px #ccc,
+    3px 2px #eee, 2px 3px #ccc,
+    4px 3px #eee, 3px 4px #ccc,
+    5px 4px #eee, 4px 5px #ccc,
+    6px 5px #eee, 5px 6px #ccc,
+    7px 6px #eee, 6px 7px #ccc,
+    8px 7px #eee, 7px 8px #ccc,
+    8px 8px #eee;
+    font-size:40px;
+}
+
+header h1 a:link, header h1 a:visited {
+    color: #33CC33;
+    text-decoration: none;
+}
+
+header h2 {
+    font-size: 16px;
+    font-style: italic;
+    color: #333300;
+}
+
+#main {
+    margin: 0 0 20px;
+}
+
+#add {
+    margin: 0 0 20px;
+}
+
+#add textarea {
+    height: 30px;
+    width: 510px;
+    padding: 10px;
+    border: 1px solid #ddd;
+}
+
+#add input {
+    height: 50px;
+    width: 100px;
+    margin: -50px 0 0;
+    border: 1px solid #ddd;
+    background: white;
+}
+
+#edit textarea {
+    height: 30px;
+    width: 480px;
+    padding: 10px;
+    border: 1px solid #ddd;
+}
+
+#edit input[type=submit] {
+    height: 50px;
+    width: 100px;
+    margin: -50px 0 0;
+    border: 1px solid #ddd;
+    background: white;
+}
+
+#edit input[type=checkbox] {
+    height: 50px;
+    width: 20px;
+}
+
+article {
+    border: 1px solid #eee;
+    border-top: none;
+    padding: 15px 10px;
+}
+
+article:first-of-type {
+    border: 1px solid #eee;
+}
+
+article:nth-child(even) {
+    background: #fafafa;
+}
+
+article.complete {
+    background: #fedae3;
+}
+
+article span {
+    font-size: 0.8em;
+}
+
+p {
+    margin: 0 0 5px;
+}
+
+.meta {
+    font-size: 0.8em;
+    font-style: italic;
+    color: #333300;
+}
+
+.links {
+    font-size: 1.8em;
+    line-height: 0.8em;
+    float: right;
+    margin: -10px 0 0;
+}
+
+.links a {
+    display: block;
+    text-decoration: none;
+}

data/lib/calabash_drishyam/stylesheets/style1.scss

@@ -0,0 +1,345 @@
+
+/********************************************
+   HTML ELEMENTS
+********************************************/ 
+
+/* top elements */
+* { margin: 0;	padding: 0; }
+
+body {
+	margin: 0; padding: 0;
+	font: 70%/1.5 Verdana, Tahoma, Arial, Helvetica, sans-serif;
+	color: #333; 
+	background: #FFF image-url("bg.gif") repeat-x;	
+}
+
+/* links */
+a {
+	color: #003366;
+	background-color: inherit;
+	text-decoration: none;
+}
+a:hover {
+	color: #CC0001; 
+	background-color: inherit;
+}
+
+/* headers */
+h1, h2, h3, pre {
+	font-family: Arial, 'Trebuchet MS', Sans-Serif, Sans-Serif;
+	font-weight: bold;
+	color: #333;
+}
+h1 {
+	font-size: 120%;
+	letter-spacing: .5px;
+	text-align: center
+}
+h2 {
+	font-size: 115%;	
+	text-transform: uppercase; 		
+}
+h3 {
+	font-size: 115%;
+	color: #003366;		
+}
+pre {
+	font-size: 115%;
+	color: #003366;
+}
+
+/* images */
+img {
+	border: 2px solid #CCC;
+}
+img.float-right {
+  margin: 5px 0px 10px 10px;  
+}
+img.float-left {
+  margin: 5px 10px 10px 0px;
+}
+
+h1, h2, h3, p {
+	padding: 0;		
+	margin: 10px;
+}
+
+ul, ol {
+	margin: 10px 20px;
+	padding: 0 20px;
+}
+
+code {
+  margin: 10px 0;
+  padding: 10px;
+  text-align: left;
+  display: block;
+  overflow: auto;  
+  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
+  /* white-space: pre; */
+  background: #FAFAFA;
+  border: 1px solid #f2f2f2;  
+  border-left: 4px solid #CC0000;
+}
+acronym {
+  cursor: help;
+  border-bottom: 1px solid #777;
+}
+blockquote {
+	margin: 10px;
+ 	padding: 0 0 0 32px;  	
+  	background: #FAFAFA image-url("quote.gif") no-repeat 5px 10px !important; 
+	background-position: 8px 10px;
+	border: 1px solid #f2f2f2; 
+	border-left: 4px solid #CC0000; 
+	font-weight: bold;  
+}
+
+/* form elements */
+form {
+	margin:10px; padding: 0 5px;
+	border: 1px solid #f2f2f2; 
+	background-color: #FAFAFA; 
+}
+label {
+	display:block;
+	font-weight:bold;
+	margin:5px 0;
+}
+input {
+	padding: 2px;
+	border:1px solid #eee;
+	font: normal 1em Verdana, sans-serif;
+	color:#777;
+}
+textarea {
+	width:400px;
+	padding:2px;
+	font: normal 1em Verdana, sans-serif;
+	border:1px solid #eee;
+	height:100px;
+	display:block;
+	color:#777;
+}
+input.button { 
+	margin: 0; 
+	font: bolder 12px Arial, Sans-serif; 
+	border: 1px solid #CCC; 
+	padding: 1px; 
+	background: #FFF;
+	color: #CC0000;
+}
+/* search form */
+form.search {
+	position: absolute;
+	top: 5px; right: 5px;
+	padding: 0; margin: 0;
+	border: none;
+	background-color: transparent; 
+}
+form.search input.textbox { 
+	margin: 0; 
+	width: 120px;
+	border: 1px solid #CCC; 
+	background: #FFF;
+	color: #333; 
+}
+form.search input.searchbutton { 
+	margin: 0; 
+	font-size: 100%; 
+	font-family: Arial, Sans-serif; 
+	border: 1px solid #CCC; 
+	background: #FFFFFF image-url("headerbg.gif") repeat-x bottom left; 
+	padding: 1px; 
+	font-weight: bold; 
+	height: 23px;
+	color: #333;
+	width: 60px;
+}
+
+/**********************************
+  LAYOUT 
+***********************************/
+#wrap {
+	margin: 0 auto; 
+	width: 95%;
+}
+
+/* header */
+#header {
+	position: relative;
+	margin: 0; padding: 0;
+	height: 60px;
+}
+
+#header #logo {
+	position: absolute;
+	top: 9px; left: 5px;
+	font: bold 30px "trebuchet MS", Arial, Tahoma, Sans-Serif;
+	margin: 0; padding: 0;
+	letter-spacing: -1px;
+	color: #000;
+}
+
+#header #slogan {
+	position: absolute;
+	top: 40px; left: 90px;
+	font: bold 15px "trebuchet MS", Arial, Tahoma, Sans-Serif;
+	margin: 0; padding: 0;
+	letter-spacing: -1px;
+	color: #000;
+}
+
+#header-logo {
+	position: relative;
+	clear: both;
+	height: 50px; 
+	margin: 0; padding: 0;	
+}
+#header-logo #logo {
+	position: absolute;
+	top: 3px; left: 5px;
+	font: bold 30px "trebuchet MS", Arial, Tahoma, Sans-Serif;
+	margin: 0; padding: 0;
+	letter-spacing: -1px;
+	color: #000;
+}
+
+/* navigation tabs */
+#header ul {
+	position: absolute;
+   margin:0;
+   list-style:none;
+	right:-18px ; bottom: 3px;
+	font: bold 13px 'Trebuchet MS', Arial, Sans-serif;
+}
+#header li {
+   display:inline;
+   margin:0; padding:0;
+}
+#header a {
+   float:left;
+   background: image-url("tableft.gif") no-repeat left top;
+   margin:0;
+   padding:0 0 0 4px;
+   text-decoration:none;
+}
+#header a span {
+   float:left;
+   display:block;
+   background: image-url("tabright.gif") no-repeat right top;
+   padding:5px 15px 4px 6px;
+   color:#FFF;
+}
+/* Commented Backslash Hack hides rule from IE5-Mac \*/
+#header a span {float:none;}
+/* End IE5-Mac hack */
+#header a:hover span {
+	color:#FFF;
+}
+#header a:hover {
+   background-position:0% -42px;
+}
+#header a:hover span {
+   background-position:100% -42px;
+}
+#header #current a {
+   background-position:0% -42px;
+}
+#header #current a span {
+   background-position:100% -42px;
+}
+
+/* main column */
+#main {
+	float: right;
+	margin: 0; padding: 0;
+	width: 65%;	
+}
+#main h1 {
+	margin: 10px 0;
+	padding: 4px 0 4px 8px; 
+	font-size: 105%;
+	color: #FFF;
+	text-transform: uppercase; 
+	background-color: #CC0000;	
+	letter-spacing: .5px;
+}
+
+#main canvas
+{
+	margin: 20px 0;
+	text-align:center;
+
+}
+
+/* sidebar */
+#sidebar {
+	float: left;
+	width: 33%;
+	margin: 0; padding: 0; 
+	background-color: #FFFFFF; 	
+}
+#sidebar h1 {
+	margin: 10px 0 0 0; 
+	padding: 4px 0 4px 8px; 
+	font: bold 105% Arial, Sans-Serif;
+	color: #FFF;
+	text-transform: uppercase; 
+	background: #333; 
+	letter-spacing: 1px;	
+}
+#sidebar .left-box {
+	border: 1px solid #EBEBEB;
+	margin: 0 0 5px 0;	
+	background: #FFF;
+}
+#sidebar ul.sidemenu {
+	list-style: none;
+	text-align: left;
+	margin: 3px 0px 8px 0; padding: 0;
+	text-decoration: none;		
+}
+#sidebar ul.sidemenu li {
+	border-bottom: 1px solid #f2f2f2; 
+	background: image-url("bullet.gif") no-repeat 3px 20px;	
+	padding: 3px 5px 3px 25px;
+	margin: 0;	
+}
+#sidebar ul.sidemenu a {
+	font-weight: bolder;
+	padding: 3px 0px;	
+	background: none;
+}
+
+/* footer */
+.footer { 
+	clear: both; 	
+	border-top: 1px solid #f2f2f2;
+	background: #FFF image-url("footerbg.gif") repeat-x;
+	padding: 2px 0 10px 0; 
+	text-align: center;  
+	line-height: 1.5em;	
+	font-size: 95%;
+}
+.footer a { 
+	text-decoration: none; 
+	font-weight: bold;		
+}
+
+/* alignment classes */
+.float-left  { float: left; }
+.float-right { float: right; }
+.align-left  { text-align: left; }
+.align-right { text-align: right; }
+
+/* display and additional classes  */
+.clear {	clear: both; }
+.red   { color: #CC0000; }
+.white { color: #FFFFFF; }
+.comments { 
+	margin: 20px 10px 5px 10px; 
+	padding: 3px 0;
+	border-bottom: 1px dashed #EFF0F1; 	
+	border-top: 1px dashed #EFF0F1;	
+}