15 |
This is part of the OPML package.
16 |
OPML client demo
17 |
Below, we display the States outline as a JavaScript object, a simple HTML rendering and as an OPML file.
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
30 |
31 |
32 |
--------------------------------------------------------------------------------
/examples/browser/styles.css:
--------------------------------------------------------------------------------
1 | body {
2 | font-family: Ubuntu;
3 | font-size: 16px;
4 | background-color: whitesmoke;
5 | }
6 | .divPageBody {
7 | width: 60%;
8 | margin-top: 30px;
9 | margin-left: auto;
10 | margin-right: auto;
11 | margin-bottom: 400px;
12 | }
13 | .divPageBody h1 {
14 | margin-top: 20px;
15 | margin-bottom: 20px;
16 | }
17 | .divPageBody p {
18 | line-height: 140%;
19 | margin-bottom: 25px;
20 | }
21 |
22 | .divOutlineViewer, .divJsonViewer, .divOpmlViewer {
23 | margin-top: 15px;
24 | padding: 3px;
25 | border: 1px solid silver;
26 | }
27 | .divOutlineViewer li {
28 | padding-top: 3px;
29 | padding-bottom: 3px;
30 | }
31 | .divOutlineViewer ul {
32 | list-style-type: circle;
33 | }
34 |
35 |
--------------------------------------------------------------------------------
/examples/includes/includes.opml:
--------------------------------------------------------------------------------
1 |
2 |