Add _embed page for embedding, clean up style to match. Reviewed in http://codereview.appspot.com/5668045/
diff --git a/samples/api-python-client-doc/index.html b/samples/api-python-client-doc/index.html
index 79144b6..af9afbe 100644
--- a/samples/api-python-client-doc/index.html
+++ b/samples/api-python-client-doc/index.html
@@ -3,15 +3,53 @@
<head>
<title> Google API Client for Python Documentation </title>
<style>
- table {
+ body
+ {
+ color: #333;
+ font-family: Arial, sans-serif;
+ }
+ body table th,
+ body table td
+ {
+ color: #333;
+ font-family: Arial, sans-serif;
+ font-size: 13px;
+ font-style: normal;
+ font-weight: normal;
+ line-height: 21px;
+ }
+ body table th
+ {
+ font-weight: bold;
+ background: #6199DF;
+ color: white;
+ }
+ table
+ {
+ display: table;
+ border: 1px solid #BBB;
+ border-spacing: 0;
border-collapse: collapse;
- }
- td, th {
- padding: 0.3em;
margin: 0;
- border: solid black 1px;
+ padding: 0;
}
- img {
+ tr
+ {
+ display: table-row;
+ border: 0;
+ margin: 0;
+ padding: 0;
+ }
+ td, th
+ {
+ display: table-cell;
+ border: 1px solid #BBB;
+ margin: 0;
+ padding: 6px 10px;
+ text-align: left;
+ vertical-align: top;
+ }
+ .icon {
width: 16px;
height: 16px;
}
@@ -29,7 +67,7 @@
</tr>
{% for item in directory %}
<tr>
- <td><img src="{{ item.icons.x16 }}"/> {{ item.title }}</td>
+ <td><img class=icon src="{{ item.icons.x16 }}"/> {{ item.title }}</td>
<td><a href="{{ item.documentationLink }}">Documentation</a></td>
<td><a href="/{{ item.name }}/{{ item.version }}">PyDoc</a></td>
<td>{{ item.name }}</td>