+<html>
+ <head>
+ <link href="style.css" rel="stylesheet" type="text/css">
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <title>Plugin for merging contacts</title>
+ </head>
+ <body>
+ <div id="layout">
+ <div class="header">
+ <h1 class="logo"><a href="http://merge-contacts.garage.maemo.org" title="Merge Contacts">Merge Contacts<a></h1>
+ </div>
+
+ <div id="container">
+ <div class="content" align="left">
+ <h2>Plugin for merging contacts</h2>
+ <p>Plugin allows merge contacts with filter by accounts.</p>
+ <p>Unlikely to standart function for merging
+ contacts our plugin lets user to filter contacts by accounts.
+ For example let us consider a user that has two accounts: jabber (on the gmail.com server, so
+ called Google Talk) and ICQ. When user choose filtering by jabber account, then
+ the list of contacts will has only contacts which have account on the
+ gmail.com server, when user choose filtering by ICQ account, then the list
+ of contacts will has only contacts with have ICQ account. Also user can
+ find duplicate contacts from the menu of our plugin. This code belongs
+ to Marco Barisione and he has the separate package
+ with this function for maemo address book. A package has the name
+ "contacts-merger".</p>
+
+ <h2>Some Screenshots</h2>
+ <p>
+ <ul>
+ <li>The button "Merge Contacts" from the main menu of address book
+ <a href="images/menu.png"><img class="doc_img" src="images/menu.png" align="right" width="350px"></a>
+ </li>
+ </ul>
+ </p>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
--- /dev/null
+* { margin:0; padding:0; }\r
+body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }\r
+\r
+BODY {\r
+ background-attachment: fixed;\r
+ background-color: #d7d7d7;\r
+ padding: 0 0; \r
+ font-family: "arial",sans-serif; \r
+ font-size: 13px;\r
+ line-height:24px;\r
+ color: #3a3a3a; \r
+ text-align: center; \r
+}\r
+\r
+#container { \r
+ margin-top: 4px;\r
+}\r
+\r
+#layout { \r
+ width:780px; \r
+ margin:0 auto; \r
+ text-align:center; \r
+}\r
+\r
+.header {\r
+ background-color: #333333;\r
+ margin-top: 7px;\r
+ margin-bottom: 4px; \r
+ position:relative; \r
+ padding-left: 7px;\r
+}\r
+\r
+.content {\r
+ color: #333333;
+ background-color: #d7d7d7; \r
+ padding-left: 15px;\r
+ padding-bottom: 0;\r
+ padding-right: 15px;\r
+ padding-top: 0;\r
+ margin-bottom: 2px; \r
+ z-index: 10;\r
+}\r
+\r
+\r
+.logo {\r
+ text-decoration: none;\r
+ color: white;\r
+ font-family: Impact, 'Techno CE', sans-serif;\r
+ font-weight: normal;\r
+ position: relative; \r
+ overflow: hidden; \r
+ height: 120px;\r
+ font-size:400%;\r
+ margin: 0;\r
+ line-height: 130px;
+ text-align: left;\r
+}\r
+\r
+.logo a {\r
+ text-decoration: none; \r
+ color: white;\r
+}\r
+\r
+#menu {\r
+ text-align: center; \r
+ position: relative; \r
+ z-index:2; \r
+ border: 1px solid black; \r
+ border-right: none; \r
+ border-left: none; \r
+ padding: 7px 0; \r
+ margin:0 auto;\r
+}\r
+\r
+#menu ul {\r
+ text-align: center; \r
+ margin:0; \r
+ padding:0; \r
+ list-style:none;\r
+}\r
+\r
+#menu ul li {\r
+ text-align: center;\r
+ float:left; \r
+ display:inline; \r
+ margin:0; \r
+ padding:0;\r
+}\r
+\r
+#menu ul li a {\r
+ text-align: center;\r
+ font-size: 19px;\r
+ font-weight: bold;\r
+ display: block; \r
+ color: #333333;\r
+ text-decoration: none;\r
+ float: left; /*\*/ float:none; \r
+ padding: 7px 50px 7px 39px;\r
+ line-height: 18px; \r
+}\r
+\r
+#menu ul li a span {\r
+ text-align: center;\r
+ background-color: #d7d7d7;\r
+ font-size: 11px;\r
+ font-weight: normal;\r
+ color: white;\r
+}\r
+ \r
+#menu ul li a:hover {\r
+ text-align: center;\r
+ background-attachment: fixed;\r
+ background-color: #d7d7d7;\r
+ color: #7d7d7d;\r
+}\r
+\r
+#menu ul li#active a {\r
+ text-align: center;\r
+}\r
+\r
+p { margin-left: 0; margin-bottom: 10px; margin-right: 0; margin-top: 10px; }\r
+\r
+.box {
+ background-color: #d7d7d7;\r
+ background-attachment: fixed;
+ color: #d7d7d7;\r
+ min-height:1px; \r
+}\r
+\r
+.box:after { \r
+ display:block; \r
+ visibility:hidden; \r
+ clear:both; \r
+ line-height:0; \r
+ font-size:0; \r
+ content:"."; \r
+}\r
+\r
+#footer {\r
+ border-top-color: gray;\r
+ clear:both;\r
+ height: 77px;\r
+ margin-top: 20px;\r
+ border-top: 1px solid;\r
+ padding:10px 3px;\r
+ color: black;\r
+ font-size: 90%;\r
+}\r
+\r
+.f-right {\r
+ float:right;\r
+}\r
+\r
+#footer a {\r
+ color: black;\r
+}\r
+ \r
+#footer p { \r
+ margin:0; \r
+ padding-top:10px; \r
+}\r
+\r
+hr {\r
+ border: solid gray 1px;\r
+}\r
+\r
+ul, ol { margin-left: 40px; margin-bottom: 2px; margin-right: 0; margin-top: 0px; display:block; }\r
+\r
+ol { list-style-type:decimal; }\r
+ol ol { list-style-type:upper-alpha; }\r
+ol ol ol {list-style-type:lower-alpha; }\r
+li { display:list-item; }\r
+ul li a { text-decoration:underline; }\r
+\r
+a {color: #6633ff;}\r
+a:link {}\r
+a:hover {color:white ; text-decoration: none;}\r
+\r
+code {\r
+ background-color: #f2f2f2;\r
+ padding-left: 15px;\r
+ padding-bottom: 0;\r
+ padding-right: 0;\r
+ padding-top: 0;\r
+ margin-bottom: 2px; \r
+ margin-left: 16px; \r
+ float: left; \r
+ border: 1px dashed gray;\r
+ font-family:monospace; \r
+ font-size:110%;\r
+ width: 700px;\r
+}\r
+\r
+.inner_hr {\r
+ border: 1px inset;\r
+}\r
+\r
+.doc_img {\r
+ border: 1px white solid;\r
+ padding: 2px;\r
+}\r
+