source: cows/branches/cows-vis/cows/pylons/project_templates/cows_server/+package+/public/js/yui/examples/cssfonts/cssfonts-size_source.html @ 5259

Subversion URL: http://proj.badc.rl.ac.uk/svn/ndg/cows/branches/cows-vis/cows/pylons/project_templates/cows_server/+package+/public/js/yui/examples/cssfonts/cssfonts-size_source.html@5259
Revision 5259, 3.6 KB checked in by domlowe, 11 years ago (diff)

adding yui javascript

Line 
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/reset.css" type="text/css">
7    <link rel="stylesheet" href="../../build/cssfonts/fonts.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">Lorem ipsum dolor sit amet, consectetur.</p>
33<p style="font-size:10px;">Lorem ipsum dolor sit amet, consectetur.</p>
34
35<p class="cssfonts--11">Lorem ipsum dolor sit amet, consectetur.</p>
36<p style="font-size:11px;">Lorem ipsum dolor sit amet, consectetur.</p>
37
38<p class="cssfonts--12">Lorem ipsum dolor sit amet, consectetur.</p>
39<p style="font-size:12px;">Lorem ipsum dolor sit amet, consectetur.</p>
40
41<p class="cssfonts--13">Lorem ipsum dolor sit amet, consectetur.</p>
42<p style="font-size:13px;">Lorem ipsum dolor sit amet, consectetur.</p>
43
44<p class="cssfonts--14">Lorem ipsum dolor sit amet, consectetur.</p>
45<p style="font-size:14px;">Lorem ipsum dolor sit amet, consectetur.</p>
46
47<p class="cssfonts--15">Lorem ipsum dolor sit amet, consectetur.</p>
48<p style="font-size:15px;">Lorem ipsum dolor sit amet, consectetur.</p>
49
50<p class="cssfonts--16">Lorem ipsum dolor sit amet, consectetur.</p>
51<p style="font-size:16px;">Lorem ipsum dolor sit amet, consectetur.</p>
52
53<p class="cssfonts--17">Lorem ipsum dolor sit amet, consectetur.</p>
54<p style="font-size:17px;">Lorem ipsum dolor sit amet, consectetur.</p>
55
56<p class="cssfonts--18">Lorem ipsum dolor sit amet, consectetur.</p>
57<p style="font-size:18px;">Lorem ipsum dolor sit amet, consectetur.</p>
58
59<p class="cssfonts--19">Lorem ipsum dolor sit amet, consectetur.</p>
60<p style="font-size:19px;">Lorem ipsum dolor sit amet, consectetur.</p>
61
62<p class="cssfonts--20">Lorem ipsum dolor sit amet, consectetur.</p>
63<p style="font-size:20px;">Lorem ipsum dolor sit amet, consectetur.</p>
64
65<p class="cssfonts--21">Lorem ipsum dolor sit amet, consectetur.</p>
66<p style="font-size:21px;">Lorem ipsum dolor sit amet, consectetur.</p>
67
68<p class="cssfonts--22">Lorem ipsum dolor sit amet, consectetur.</p>
69<p style="font-size:22px;">Lorem ipsum dolor sit amet, consectetur.</p>
70
71<p class="cssfonts--23">Lorem ipsum dolor sit amet, consectetur.</p>
72<p style="font-size:23px;">Lorem ipsum dolor sit amet, consectetur.</p>
73
74<p class="cssfonts--24">Lorem ipsum dolor sit amet, consectetur.</p>
75<p style="font-size:24px;">Lorem ipsum dolor sit amet, consectetur.</p>
76
77<p class="cssfonts--25">Lorem ipsum dolor sit amet, consectetur.</p>
78<p style="font-size:25px;">Lorem ipsum dolor sit amet, consectetur.</p>
79
80<p class="cssfonts--26">Lorem ipsum dolor sit amet, consectetur.</p>
81<p style="font-size:26px;">Lorem ipsum dolor sit amet, consectetur.</p>
82
83</body>
84</html>
85<!-- delightfuture.corp.yahoo.com uncompressed/chunked Wed Aug 13 16:45:31 PDT 2008 -->
Note: See TracBrowser for help on using the repository browser.