← 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-size-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-size-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 Sizing Example</title>
6
 
    <link rel="stylesheet" href="../../build/cssreset/cssreset.css" type="text/css">
7
 
    <link rel="stylesheet" href="../../build/cssfonts/cssfonts.css" type="text/css">
8
 
<style type="text/css" media="screen">
9
 
        .cssfonts--10 {font-size:77%;}
10
 
        .cssfonts--11 {font-size:85%;}
11
 
        .cssfonts--12 {font-size:93%;}
12
 
        .cssfonts--13 {font-size:100%;}
13
 
        .cssfonts--14 {font-size:108%;}
14
 
        .cssfonts--15 {font-size:116%;}
15
 
        .cssfonts--16 {font-size:123.1%;}
16
 
        .cssfonts--17 {font-size:131%;}
17
 
        .cssfonts--18 {font-size:138.5%;}
18
 
        .cssfonts--19 {font-size:146.5%;}
19
 
        .cssfonts--20 {font-size:153.9%;}
20
 
        .cssfonts--21 {font-size:161.6%;}
21
 
        .cssfonts--22 {font-size:167%;}
22
 
        .cssfonts--23 {font-size:174%;}
23
 
        .cssfonts--24 {font-size:182%;}
24
 
        .cssfonts--25 {font-size:189%;}
25
 
        .cssfonts--26 {font-size:197%;}
26
 
</style>
27
 
</head>
28
 
<body>
29
 
 
30
 
<h1>The first row is the size set with CSS Fonts. The second row is the reference size set with pixels.</h1>
31
 
 
32
 
<p class="cssfonts--10"><em>(77%)</em> Lorem ipsum dolor sit amet, consectetur.</p>
33
 
<p style="font-size:10px;"><em>(10px)</em> Lorem ipsum dolor sit amet, consectetur.</p>
34
 
 
35
 
<p class="cssfonts--11"><em>(85%)</em> Lorem ipsum dolor sit amet, consectetur.</p>
36
 
<p style="font-size:11px;"><em>(11px)</em> Lorem ipsum dolor sit amet, consectetur.</p>
37
 
 
38
 
<p class="cssfonts--12"><em>(93%)</em> Lorem ipsum dolor sit amet, consectetur.</p>
39
 
<p style="font-size:12px;"><em>(12px)</em> Lorem ipsum dolor sit amet, consectetur.</p>
40
 
 
41
 
<p class="cssfonts--13"><em>(100%)</em> Lorem ipsum dolor sit amet, consectetur.</p>
42
 
<p style="font-size:13px;"><em>(13px)</em> Lorem ipsum dolor sit amet, consectetur.</p>
43
 
 
44
 
<p class="cssfonts--14"><em>(108%)</em> Lorem ipsum dolor sit amet, consectetur.</p>
45
 
<p style="font-size:14px;"><em>(14px)</em> Lorem ipsum dolor sit amet, consectetur.</p>
46
 
 
47
 
<p class="cssfonts--15"><em>(116%)</em> Lorem ipsum dolor sit amet, consectetur.</p>
48
 
<p style="font-size:15px;"><em>(15px)</em> Lorem ipsum dolor sit amet, consectetur.</p>
49
 
 
50
 
<p class="cssfonts--16"><em>(123.1%)</em> Lorem ipsum dolor sit amet, consectetur.</p>
51
 
<p style="font-size:16px;"><em>(16px)</em> Lorem ipsum dolor sit amet, consectetur.</p>
52
 
 
53
 
<p class="cssfonts--17"><em>(131%)</em> Lorem ipsum dolor sit amet, consectetur.</p>
54
 
<p style="font-size:17px;"><em>(17px)</em> Lorem ipsum dolor sit amet, consectetur.</p>
55
 
 
56
 
<p class="cssfonts--18"><em>(138.5%)</em> Lorem ipsum dolor sit amet, consectetur.</p>
57
 
<p style="font-size:18px;"><em>(18px)</em> Lorem ipsum dolor sit amet, consectetur.</p>
58
 
 
59
 
<p class="cssfonts--19"><em>(146.5%)</em> Lorem ipsum dolor sit amet, consectetur.</p>
60
 
<p style="font-size:19px;"><em>(19px)</em> Lorem ipsum dolor sit amet, consectetur.</p>
61
 
 
62
 
<p class="cssfonts--20"><em>(153.9%)</em> Lorem ipsum dolor sit amet, consectetur.</p>
63
 
<p style="font-size:20px;"><em>(20px)</em> Lorem ipsum dolor sit amet, consectetur.</p>
64
 
 
65
 
<p class="cssfonts--21"><em>(161.6%)</em> Lorem ipsum dolor sit amet, consectetur.</p>
66
 
<p style="font-size:21px;"><em>(21px)</em> Lorem ipsum dolor sit amet, consectetur.</p>
67
 
 
68
 
<p class="cssfonts--22"><em>(167%)</em> Lorem ipsum dolor sit amet, consectetur.</p>
69
 
<p style="font-size:22px;"><em>(22px)</em> Lorem ipsum dolor sit amet, consectetur.</p>
70
 
 
71
 
<p class="cssfonts--23"><em>(174%)</em> Lorem ipsum dolor sit amet, consectetur.</p>
72
 
<p style="font-size:23px;"><em>(23px)</em> Lorem ipsum dolor sit amet, consectetur.</p>
73
 
 
74
 
<p class="cssfonts--24"><em>(182%)</em> Lorem ipsum dolor sit amet, consectetur.</p>
75
 
<p style="font-size:24px;"><em>(24px)</em> Lorem ipsum dolor sit amet, consectetur.</p>
76
 
 
77
 
<p class="cssfonts--25"><em>(189%)</em> Lorem ipsum dolor sit amet, consectetur.</p>
78
 
<p style="font-size:25px;"><em>(25px)</em> Lorem ipsum dolor sit amet, consectetur.</p>
79
 
 
80
 
<p class="cssfonts--26"><em>(197%)</em> Lorem ipsum dolor sit amet, consectetur.</p>
81
 
<p style="font-size:26px;"><em>(26px)</em> Lorem ipsum dolor sit amet, consectetur.</p>
82
 
 
83
 
</body>
84
 
</html>
85