← Back to branch summary

~smagoun/whoopsie/whoopsie-lp1017637

« back to all changes in this revision

Viewing changes to backend/stats/static/js/yui/docs/cssfonts/cssfonts-context-example.html

  • Committer: Evan Dandrea
  • Date: 2012-05-09 05:53:45 UTC
  • Revision ID: evan.dandrea@canonical.com-20120509055345-z2j41tmcbf4as5uf
The backend now lives in lp:daisy and the website (errors.ubuntu.com) now lives in lp:errors.

Show diffs side-by-side

added added

removed removed

Lines of Context:
backend/stats/static/js/yui/docs/cssfonts/cssfonts-context-example.html
1
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2
 
<html>
3
 
<head>
4
 
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
5
 
    <title>YUI 3.x: CSS Fonts Contextual Example</title>
6
 
    <link rel="stylesheet" href="../../build/cssreset/cssreset.css" type="text/css">
7
 
    <link rel="stylesheet" href="../../build/cssfonts-context/cssfonts-context.css" type="text/css">
8
 
</head>
9
 
<body>
10
 
        
11
 
        <div class="yui3-cssfonts">
12
 
                <h1>In Context</h1>
13
 
 
14
 
                <h1>This is a H1 element.</h1>
15
 
                <h2>This is a H2 element.</h2>
16
 
                <h3>This is a H3 element.</h3>
17
 
                <h4>This is a H4 element.</h4>
18
 
                <h5>This is a H5 element.</h5>
19
 
                <h6>This is a H6 element.</h6>
20
 
 
21
 
                <ul>
22
 
                        <li>This is a LI in a UL</li>
23
 
                </ul>
24
 
 
25
 
                <ol> 
26
 
                        <li>This is a LI in a UL</li>
27
 
                </ol>
28
 
 
29
 
                <dl>
30
 
                        <dt>This is a DT in a DL</dt>
31
 
                        <dd>This is a DD in a DL</dd>
32
 
                </dl>
33
 
 
34
 
                <form>
35
 
                        <input type="text" value="This is an INPUT type TEXT in a FORM"/>
36
 
 
37
 
                        <select>
38
 
                                <option>This is an OPTION in a SELECT</option>
39
 
                                <option>This is an OPTION in a SELECT</option>
40
 
                                <optgroup>
41
 
                                        <option>This is an OPTION in a OPTGROUP in a SELECT</option>
42
 
                                        <option>This is an OPTION in a OPTGROUP in a SELECT</option>
43
 
                                </optgroup>
44
 
                                <option>This is an OPTION in a SELECT</option>
45
 
                        </select>
46
 
 
47
 
                        <textarea name="ta1">This is text in a TEXTAREA in a FORM</textarea>
48
 
 
49
 
                        <fieldset>      
50
 
                                <textarea name="ta2">This is text in a TEXTAREA in a FIELDSET in a FORM</textarea>
51
 
                        </fieldset>
52
 
 
53
 
                        <button>This is a BUTTON</button>
54
 
 
55
 
                </form>
56
 
 
57
 
                <p>This paragraph contains a bunch of phrase elements. Up first in an <a href="test">[A]nchor</a>, followed by an <abbr title="test">ABBR with a title value</abbr>, followed by an <acronym title="test">ACRONYM with a title value</acronym>, followed by an <address>ADDRESS</address>, followed by a <cite>CITE</cite> element, followed by a <code>CODE</code> element, followed by a <del>DEL</del> element, followed by a <em>EM</em> element, followed by a <ins>INS</ins> element, followed by a <kbd>KBD</kbd> element, followed by a <q>Q</q> element, followed by a <samp>SAMP</samp> element, followed by a <span>SPAN</span> element, followed by a <strong>STRONG</strong> element, followed by a <tt>TT</tt> element, followed by a <var>VAR</var> element, all within a containing P.</p>  
58
 
 
59
 
                <blockquote>This is a BLOCKQUOTE element.</blockquote>
60
 
 
61
 
                <table>
62
 
                        <caption>This is a CAPTION in a TABLE</caption>
63
 
                        <thead>
64
 
                                <tr>
65
 
                                        <th>This is a TH in a TR in a THEAD in a TABLE</th>
66
 
                                        <td>This is a TD in a TR in a THEAD in a TABLE</td>
67
 
                                </tr>
68
 
                        </thead>
69
 
                        <tfoot>
70
 
                                <tr>
71
 
                                        <th>This is a TH in a TR in a TFOOT in a TABLE</th>
72
 
                                        <td>This is a TD in a TR in a TFOOT in a TABLE</td>
73
 
                                </tr>
74
 
                        </tfoot>
75
 
                        <tbody>
76
 
                                <tr>
77
 
                                        <th>This is a TH in a TR in a TBODY in a TABLE</th>
78
 
                                        <td>This is a TD in a TR in a TBODY in a TABLE</td>
79
 
                                </tr>
80
 
                        </tbody>
81
 
                </table>
82
 
 
83
 
        </div>
84
 
        
85
 
        <div>
86
 
                <h1>Out of Context</h1>
87
 
 
88
 
                <h1>This is a H1 element.</h1>
89
 
                <h2>This is a H2 element.</h2>
90
 
                <h3>This is a H3 element.</h3>
91
 
                <h4>This is a H4 element.</h4>
92
 
                <h5>This is a H5 element.</h5>
93
 
                <h6>This is a H6 element.</h6>
94
 
 
95
 
                <ul>
96
 
                        <li>This is a LI in a UL</li>
97
 
                </ul>
98
 
 
99
 
                <ol> 
100
 
                        <li>This is a LI in a UL</li>
101
 
                </ol>
102
 
 
103
 
                <dl>
104
 
                        <dt>This is a DT in a DL</dt>
105
 
                        <dd>This is a DD in a DL</dd>
106
 
                </dl>
107
 
 
108
 
                <form>
109
 
                        <input type="text" value="This is an INPUT type TEXT in a FORM"/>
110
 
 
111
 
                        <select>
112
 
                                <option>This is an OPTION in a SELECT</option>
113
 
                                <option>This is an OPTION in a SELECT</option>
114
 
                                <optgroup>
115
 
                                        <option>This is an OPTION in a OPTGROUP in a SELECT</option>
116
 
                                        <option>This is an OPTION in a OPTGROUP in a SELECT</option>
117
 
                                </optgroup>
118
 
                                <option>This is an OPTION in a SELECT</option>
119
 
                        </select>
120
 
 
121
 
                        <textarea name="ta1">This is text in a TEXTAREA in a FORM</textarea>
122
 
 
123
 
                        <fieldset>      
124
 
                                <textarea name="ta2">This is text in a TEXTAREA in a FIELDSET in a FORM</textarea>
125
 
                        </fieldset>
126
 
 
127
 
                        <button>This is a BUTTON</button>
128
 
 
129
 
                </form>
130
 
 
131
 
                <p>This paragraph contains a bunch of phrase elements. Up first in an <a href="test">[A]nchor</a>, followed by an <abbr title="test">ABBR with a title value</abbr>, followed by an <acronym title="test">ACRONYM with a title value</acronym>, followed by an <address>ADDRESS</address>, followed by a <cite>CITE</cite> element, followed by a <code>CODE</code> element, followed by a <del>DEL</del> element, followed by a <em>EM</em> element, followed by a <ins>INS</ins> element, followed by a <kbd>KBD</kbd> element, followed by a <q>Q</q> element, followed by a <samp>SAMP</samp> element, followed by a <span>SPAN</span> element, followed by a <strong>STRONG</strong> element, followed by a <tt>TT</tt> element, followed by a <var>VAR</var> element, all within a containing P.</p>  
132
 
 
133
 
                <blockquote>This is a BLOCKQUOTE element.</blockquote>
134
 
 
135
 
                <table>
136
 
                        <caption>This is a CAPTION in a TABLE</caption>
137
 
                        <thead>
138
 
                                <tr>
139
 
                                        <th>This is a TH in a TR in a THEAD in a TABLE</th>
140
 
                                        <td>This is a TD in a TR in a THEAD in a TABLE</td>
141
 
                                </tr>
142
 
                        </thead>
143
 
                        <tfoot>
144
 
                                <tr>
145
 
                                        <th>This is a TH in a TR in a TFOOT in a TABLE</th>
146
 
                                        <td>This is a TD in a TR in a TFOOT in a TABLE</td>
147
 
                                </tr>
148
 
                        </tfoot>
149
 
                        <tbody>
150
 
                                <tr>
151
 
                                        <th>This is a TH in a TR in a TBODY in a TABLE</th>
152
 
                                        <td>This is a TD in a TR in a TBODY in a TABLE</td>
153
 
                                </tr>
154
 
                        </tbody>
155
 
                </table>
156
 
        </div>
157
 
</body>
158