add appengine example -- freebase-images.appspot.com

git-svn-id: http://freebase-python.googlecode.com/svn/trunk@104 5914aa95-5b3a-0410-a3b5-7b719e7fe9b2

6 files changed, 229 insertions, 0 deletions

diff --git a/examples/freebase-images-appengine/stylesheets/button_bkd.gif b/examples/freebase-images-appengine/stylesheets/button_bkd.gif
new file mode 100644
index 0000000..db2671b
--- /dev/null
+++ b/examples/freebase-images-appengine/stylesheets/button_bkd.gif
diff --git a/examples/freebase-images-appengine/stylesheets/down-arrow.gif b/examples/freebase-images-appengine/stylesheets/down-arrow.gif
new file mode 100644
index 0000000..3ada88f
--- /dev/null
+++ b/examples/freebase-images-appengine/stylesheets/down-arrow.gif
diff --git a/examples/freebase-images-appengine/stylesheets/freebase-controls.css b/examples/freebase-images-appengine/stylesheets/freebase-controls.css
new file mode 100644
index 0000000..97d34b6
--- /dev/null
+++ b/examples/freebase-images-appengine/stylesheets/freebase-controls.css
@@ -0,0 +1,205 @@
+
+.fbs-enumcontrol {
+	background: #ffffff url(down-arrow.gif) no-repeat center right;
+	padding-right:12px;
+}
+
+.fbs-topshadow {
+/*	font-family: Arial, Helvetica, sans-serif;	*/	
+	margin: -8px 0px 0px -4px;
+	padding:0;
+	display:block;
+	z-index:1000;
+	position:absolute;
+	background: url('shadow-top-left.png') no-repeat top left;
+}
+
+.fbs-bottomshadow {
+  position: relative;
+  right: -4px;
+  bottom: -4px;
+  padding: 0px 4px 4px 0px;
+  background: url('shadow-bottom-right.png') no-repeat bottom right;   
+}
+* html .fbs-bottomshadow, 
+* html .fbs-topshadow {
+  background:none;
+}
+
+.fbs-flyout-container, 
+.fbs-ul { 
+  margin: 0px;
+	padding: 2px 0px 0px 0px;
+	text-align: left;
+	list-style:none;
+	border: 1px solid #808080;
+  background-color: #ffffff;
+  /* font-size: .9em;*/
+  filter:alpha(opacity=95);
+  -moz-opacity:.95;
+  opacity:.95;
+  overflow: auto;
+  overflow-x: hidden
+}
+
+.fbs-ul {
+	max-height: 300px;
+}
+
+* html .fbs-ul  {
+	height: expression( this.scrollHeight > 300 ? "300" : "auto" ); /* sets max-height for IE */
+}
+
+
+.fbs-li {
+	padding: 3px 2px 3px 4px;
+ 	margin: 0px;
+	font-size: .9em;
+}
+
+.fbs-li-aliases,
+.fbs-li-types,
+.fbs-li-domains,
+.fbs-li-name,
+.fbs-li-props {
+	_width : 253px !important; /* TODO Move to conditional comments */
+	overflow: hidden;
+	white-space:nowrap;
+	text-overflow:ellipsis;
+	display:block;
+}
+
+.fbs-li-types,
+.fbs-li-domains {
+	color: #5d5d5d;
+	font-size: .9em;
+	font-style: italic;
+}
+
+.fbs-li-aliases {
+	float: right;
+	max-width: 40%;
+	vertical-align:bottom;
+}
+
+* html .fbs-li-name{
+  width: 100%;
+}
+
+* html .fbs-li-aliases {
+  display:none;
+}
+
+.fbs-li-aliases:before {
+	content:'...';
+}
+
+.fbs-li-props  {
+	font-size: .9em;
+	color: #555;
+}
+
+.fbs-li-nomatch {
+	font-style: italic;
+} 
+
+.fbs-selectnew {
+    color: #383838;
+    border: 1px solid #c5c5c5;
+    border-top: 1px solid #fff;    
+    background-color: #f3f3f3;
+	font-size: .9em;
+	margin: 0px;
+	padding: .4em .3em .5em;
+	filter:alpha(opacity=90);
+	-moz-opacity:.90;
+	opacity:.90;
+}
+
+.fbs-selectnew-button {
+	cursor: pointer;
+    background: url(button_bkd.gif) bottom left repeat-x white;
+    border: 1px solid #9a9a9a;
+    padding: .2em .3em;
+    margin-left: 0px !important;
+    max-width: 17em;
+}
+
+
+.fbs-selectnew-button:hover {
+	text-decoration: none;
+}
+
+.fbs-selectnew-description {
+	margin-bottom: .6em;
+}
+
+.fbs-selectnew-shortcut {
+	font-size: .9em;
+	color: #535353;
+	margin-left: .4em;
+}
+
+.fbs-li-selected {
+	background-color:#97bedf;
+	color: #000000;
+}
+
+.fbs-em {
+	font-style: normal;
+	font-weight: bold;
+}
+
+.fbs-flyout-container {
+	padding: 2px .45em 2px 14px;
+        min-height: 1em;
+}
+
+* html .fbs-flyout-container {
+        height: 1%;
+}
+
+.fbs-flyout-name,
+.fbs-flyout-blurb {
+	font-size: .9em;
+	padding: .3em 0px .1em;
+	line-height: 130%;
+	margin-bottom: .5em;	
+}
+
+.fbs-flyout-types,
+.fbs-flyout-domains {
+	font-size: .85em;
+	padding: 0;
+	margin:.3em 0 .3em 0 !important;
+	font-weight:normal !important;
+	font-style: italic;
+	color: #9a9a9a;	
+}
+
+.fbs-flyout-image {
+	float:left;
+	width:auto;
+	margin-right: .3em;
+	padding: 3px;
+} 
+
+.fbs-flyout-image img {	
+  vertical-align: middle;
+  padding: 3px;
+  border: 1px solid #c8c8c3;
+  background-color: #fff;	
+}
+
+
+.fbs-flyout-name a {
+	color: #006EE9;
+	text-decoration:none;
+}
+.fbs-flyout-name a:hover {
+	color: #006EE9;
+	text-decoration:underline;
+}
+.fbs-flyout-name a:visited {
+	color:#800080;
+}
diff --git a/examples/freebase-images-appengine/stylesheets/main.css b/examples/freebase-images-appengine/stylesheets/main.css
new file mode 100644
index 0000000..d568831
--- /dev/null
+++ b/examples/freebase-images-appengine/stylesheets/main.css
@@ -0,0 +1,24 @@
+body {
+  font-family: Helvetica, Georgia, sans-serif;
+  background-color: #eee;
+  width: 65%; margin: 0 auto; 
+}
+
+
+
+#input { text-align: center; border: 1px solid black; padding: 1em; margin: 1em 2em;}
+#images { border: 1px solid black; margin: 1em 2em; padding: 1em;}
+#footer { margin: 0 2em 1em; padding: .4em; background: #ddd; text-align: right;}
+#freebase { background: #ddd; margin: .5em 2em; padding: .5em; }
+
+img { margin: .5em; }
+a img { border: none;}
+
+h1 { font-size: 2em;}
+#q { font-size: 1em;}
+
+.fbs-ul { font-size: 1.3em;}
+
+a { color: blue; }
+a:visited { color:blue; }
+a:link { color: blue; }
\ No newline at end of file
diff --git a/examples/freebase-images-appengine/stylesheets/shadow-bottom-right.png b/examples/freebase-images-appengine/stylesheets/shadow-bottom-right.png
new file mode 100644
index 0000000..5679a53
--- /dev/null
+++ b/examples/freebase-images-appengine/stylesheets/shadow-bottom-right.png
diff --git a/examples/freebase-images-appengine/stylesheets/shadow-top-left.png b/examples/freebase-images-appengine/stylesheets/shadow-top-left.png
new file mode 100644
index 0000000..43c788e
--- /dev/null
+++ b/examples/freebase-images-appengine/stylesheets/shadow-top-left.png