1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
|
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Flying Saucer</title>
<style type="text/css">
body { background: #4784FF; border: 0px solid red; margin: 0px;}
/* styles for rounded boxes */
div { border: 0px solid red; padding: 0px; margin: 0px;}
.section {
background-image: url(images/body-r.png);
background-repeat: no-repeat;
background-position: bottom right;
padding: 0px;
}
.top {
background-image: url(images/head-r.png);
background-repeat: no-repeat;
background-position: top right;
}
.content {
background-image: url(images/body-l.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.top div { background: url(images/head-l.png) no-repeat top left; }
.content { padding-bottom: 2em; }
#splash, .section {
border: 0px solid black;
background-color: transparent;
margin-bottom: 20px;
margin-left: 50px;
margin-right: 50px;
}
/* splash specific formatting */
#splash { text-align: center; }
#splash h1 {
font-family: "Century Gothic" Arial sans-serif;
font-size: 300%;
font-style: normal;
font-weight: normal;
padding: 0px 30px 0px 30px;
margin: 0px;
line-height: 150%;
}
#splash h2 {
font-family: "Century Gothic" Arial sans-serif;
font-size: 175%;
font-style: italic;
font-weight: normal;
padding: 0px 30px 0px 30px;
margin: 0px;
}
.section p, .section ul, .section h3 {
font-family: Arial, sans-serif;
border: 0px solid black;
font-size: 100%;
font-weight: normal;
margin: 0px;
}
.section p, .section h3 { padding: 0px 30px 15px 50px; }
.section ul { margin: 0px 30px 15px 80px; }
.section li { }
.section h3 {
border: 1px solid #4784ff;
font-weight: bold;
font-family: "Century Gothic";
border-width: 0px 0px 2px 0px;
border-bottom-width: 1px;
margin: 0px 50px 15px 50px;
padding: 0px 10px 2px 10px;
font-size: 130%;
}
#thanks {
text-align: right;
padding: 30px;
font-size: 110%;
font-style: italic;
}
</style>
</head>
<body>
<div class="section" id="splash">
<div class="top">
<div> <br/> </div>
</div>
<div class="content">
<h1>Flying Saucer</h1>
<p>
<img src="images/flyingsaucer.png"/>
</p>
<h2>The 100% Java XHTML/CSS2 Renderer</h2>
</div>
</div>
<div class="section">
<div class="top"><div> <br /> </div></div>
<div class="content">
<h3>What is it?</h3>
<p>Flying Saucer is a Java library which lets you embed XHTML inside of your
application. Anywhere you use styled text you can use Flying Saucer.</p>
<h3>What can I do with it?</h3>
<p>You can use Flying Saucer inside all sorts of programs like:</p>
<ul>
<li>Online ebook and help reader</li>
<li>A webblog editor</li>
<li>Searchable dictionaries</li>
<li>An RSS reader</li>
<li>An attractive address book</li>
<li>A Help -> About menu</li>
<li>Report generation</li>
<li>An online music store</li>
<li>Your own imagination</li>
</ul>
<h3>What does it support?</h3>
<p>We cover most features from the CSS 2.1 spec. We have put together
a number of demo pages for you to try out. Try some
samples from the <b> Demos </b> menu above or by clicking on
<a href="demoNav:forward">this link</a>.</p>
<h3>Where can I find out more?</h3>
<p>Check us out online at http://xhtmlrenderer.dev.java.net/
and join the mailing list!</p>
<p id="thanks">Thanks! from the Flying Saucer Team</p>
</div>
</div>
</body>
</html>
|
