first version of google image search widget

resources/library/search/ImgSearch.wgs/config.xml

+<?xml version="1.0" encoding="UTF-8"?>
+<widget xmlns="http://www.w3.org/ns/widgets" 
+		xmlns:ub="http://uniboard.mnemis.com/widgets"
+        id="http://uniboard.mnemis.com/widgets/webbrowser" 
+        version="1.1"
+        width="900"
+        height="500" 
+		ub:resizable="true">   
+		     
+  		<name>Choisir</name>
+		<author href="http://www.getuniboard.com"
+	            email="info@mnemis.com">Mnemis SA</author>
+		<description>Choisir widget</description> 
+
+ 		<content src="index.html"/> 
+</widget>

resources/library/search/ImgSearch.wgs/css/basic.css

+body{
+    width: 100%;
+    padding: 0;
+    height: auto;
+    background-color: white;
+    margin: 0;
+}
+
+.disclaimer{
+    width: 90%;
+    height: 50px;
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    margin-left: 1px;
+    margin-right: 1px;
+    margin-bottom: 0px;
+    padding: 5px;
+    text-align: center;
+    background-color: #BBBBBB;
+    -webkit-border-top-left-radius: 15px;
+    -webkit-border-top-right-radius: 15px;
+    border-top-left-radius: 15px;
+    border-top-right-radius: 15px;
+    border: solid 4px #EEEEEE;
+    border-bottom: none;
+    z-index: 10;
+}
+
+.search{
+    width: 90%;    
+    position: absolute;
+    top: 0;
+    left: 0;
+    margin-left: 1px;
+    margin-right: 1px;
+    margin-top: 0px;
+    padding: 5px;
+    background-color: #BBBBBB;
+    -webkit-border-bottom-left-radius: 15px;
+    -webkit-border-bottom-right-radius: 15px;
+    border-bottom-left-radius: 15px;
+    border-bottom-right-radius: 15px;
+    border: solid 4px #EEEEEE;
+    border-top: none;
+    z-index: 10;
+}
+
+.togglePages{
+    padding: 0;
+    position: absolute;
+    bottom: -14px;
+    left: 43%;
+    width: 15%;
+    height: 10px;
+    background-color: #666;
+    -webkit-border-bottom-left-radius: 5px;
+    -webkit-border-bottom-right-radius: 5px;
+    border-bottom-left-radius: 5px;
+    border-bottom-right-radius: 5px;
+    -webkit-box-shadow: #dadada -1px 0 4px;
+    box-shadow: #dadada -1px 0 4px;
+    cursor: pointer;
+}
+
+.toggleIcon{
+    width: 14px;
+    height: 10px;
+    background-image: url(../images/trgUp.png);
+}
+
+.searchInput{
+    margin: 10px 5px 10px 5px;
+    padding: 2px;
+    padding-left: 8px;
+    padding-right:8px;
+    float: left;
+    width: 60%;
+    border-radius: 15px;
+    border-style: none;
+}
+
+.searchButton{
+    width: 32px;
+    height: 32px;
+    margin: 5px 5px;
+    background-image: url(../images/search.png);
+    float: left;
+    cursor: pointer;
+}
+
+.subSearch{
+    margin: 0;
+    float: left;    
+}
+
+#subSearchInput{
+    width: 100%;
+    float: left;
+}
+
+#subSearchFilter{
+    width: 100%;
+    float: left;
+    display: none;
+}
+
+.searchResult{
+    width: 98%;
+    padding: 3px;
+    background-color:#123456;
+}
+
+.imgContainer{
+    float: left;
+    padding: 3px;
+    margin: 3px;
+    text-align: center;
+    overflow: hidden;
+    font-size: small;
+    font-family: Verdana,Arial,Helvetica,sans-serif;
+    border: 1px solid #666;
+    border-radius: 5px;
+    -webkit-box-shadow: #dadada -1px 0 4px;
+    -webkit-border-radius: 5px;
+    box-shadow: #666 -1px 0 4px;
+}
+
+.resultFooter{
+    float: left;
+    margin: 5px;
+    padding: 3px;
+    width: 100%;
+    font-family: Verdana,Arial,Helvetica,sans-serif;
+    font-weight: bold;
+    font-size: x-large;
+}
+
+#branding{
+    position: absolute;
+    top: 0;
+    left: 10px;
+    z-index: 2;
+}
+
+.filterContainer{
+    float: left;
+    margin: 2px;
+    padding: 2px;
+    font-size: 14px;
+    
+}
+
+.filterSelect{
+    border-style:none;
+    -webkit-border-top-right-radius: 15px;
+    -webkit-border-bottom-right-radius: 15px;
+    -moz-border-radius-topright: 15px;
+    -moz-border-radius-bottomright: 15px;
+    border-top-right-radius: 15px;
+}
+
+span{    
+    font-family: Verdana,Arial,Helvetica,sans-serif;
+    color: #666;
+}
+
+[draggable] {
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.toggleFilters{
+    margin: 0;
+    padding: 0;
+    background-position: center;
+    background-image: url(../images/down.png);
+    position: absolute;
+    bottom: 2px;
+    right: 2px;
+    width: 20px;
+    height: 20px;
+    cursor: pointer;
+}
\ No newline at end of file