source: cows/branches/cows-vis/cows/pylons/project_templates/cows_server/+package+/public/js/yui/examples/cssfonts/cssfonts-size.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.html@5259
Revision 5259, 10.5 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        <title>YUI Library Examples: CSS Fonts: Setting Font Size</title>
5    <meta http-equiv="content-type" content="text/html; charset=utf-8">
6        <link rel="stylesheet" type="text/css" href="../../assets/yui.css" >
7
8<style>
9    /*Supplemental CSS for the YUI distribution*/
10    #custom-doc { width: 95%; min-width: 950px; }
11    #pagetitle {background-image: url(../../assets/bg_hd.gif);}
12    #pagetitle h1 {background-image: url(../../assets/title_h_bg.gif);}
13</style>
14
15<link rel="stylesheet" type="text/css" href="../../assets/dpSyntaxHighlighter.css">
16<link type="text/css" rel="stylesheet" href="../../build/cssfonts/fonts-min.css" />
17<script type="text/javascript" src="../../build/yui/yui-min.js"></script>
18
19</head>
20<body id="yahoo-com" class=" yui-skin-sam">
21<div id="custom-doc" class="yui-t2">
22<div id="hd">
23        <div id="ygunav">
24                <p>
25            <em>
26                <a href="http://developer.yahoo.com/yui/3/">YUI 3.x Home</a> <i> - </i> 
27            </em>
28                </p>
29                <form action="http://search.yahoo.com/search" id="sitesearchform">
30            <input name="vs" type="hidden" value="developer.yahoo.com">
31            <input name="vs" type="hidden" value="yuiblog.com">
32                    <div id="sitesearch">
33                        <label for="searchinput">Site Search (YDN &amp; YUIBlog): </label>
34                            <input type="text" id="searchinput" name="p">
35                            <input type="submit" value="Search" id="searchsubmit" class="ygbt">
36                    </div>
37                </form>
38    </div>
39        <div id="ygma"><a href="../../"><img src="../../assets/logo.gif"  border="0" width="200" height="93"></a></div>
40        <div id="pagetitle"><h1>YUI Library Examples: CSS Fonts: Setting Font Size</h1></div>
41</div>
42<div id="bd">
43
44        <div id="bar-note"><p><strong>Note:</strong> This is YUI 3.x. Looking for <a href="http://developer.yahoo.com/yui/">YUI 2.x</a>?</p></div>
45
46        <div id="yui-main">
47                <div class="yui-b">
48                  <div class="yui-ge">
49                          <div class="yui-u first example" id="main">
50
51        <h2>CSS Fonts: Setting Font Size</h2>
52
53        <div id="example" class="promo">
54        <p>
55        <p>CSS Fonts uses a combination of keywords, filters, percentages and pixels to set its baseline font size. This approach preserves the users' ability to resize fonts via browser controls. To maintain this user option, set non-baseline sizes using percentages. This example shows how.</p>
56        </p>   
57
58        <div class="module example-container  newWindow">
59                        <div id="example-canvas" class="bd">
60
61                <p class="newWindowButton yui-skin-sam">
62        <span id="newWindowLink">
63            <span class="first-child">
64                <a href="cssfonts-size_source.html" target="_blank">View example in new window.</a>
65            </span>
66        </span> 
67    </p>
68       
69               
70                </div>
71        </div>                 
72        </div>
73               
74        <h3 class="first">About This Example</h3>
75
76<h4>Use These Percentages</h4>
77
78<div class="short" id="font-size-chart">
79        <table>
80                <tr>
81                        <th class="first-col">If you want this size in pixels (px)</th>
82                        <th>Declare this percent (%)</th>
83                </tr>
84                <tr class="odd"><td class="first-col">10</td><td>77</td></tr>
85                <tr class="even"><td class="first-col">11</td><td>85</td></tr>
86                <tr class="odd"><td class="first-col">12</td><td>93</td></tr>
87                <tr class="even"><td class="first-col">13</td><td>100</td></tr>
88                <tr class="odd"><td class="first-col">14</td><td>108</td></tr>
89                <tr class="even"><td class="first-col">15</td><td>116</td></tr>
90                <tr class="odd"><td class="first-col">16</td><td>123.1</td></tr>
91                <tr class="even"><td class="first-col">17</td><td>131</td></tr>
92                <tr class="odd"><td class="first-col">18</td><td>138.5</td></tr>
93                <tr class="even"><td class="first-col">19</td><td>146.5</td></tr>
94                <tr class="odd"><td class="first-col">20</td><td>153.9</td></tr>
95                <tr class="even"><td class="first-col">21</td><td>161.6</td></tr>
96                <tr class="odd"><td class="first-col">22</td><td>167</td></tr>
97                <tr class="even"><td class="first-col">23</td><td>174</td></tr>
98                <tr class="odd"><td class="first-col">24</td><td>182</td></tr>
99                <tr class="even"><td class="first-col">25</td><td>189</td></tr>
100                <tr class="odd"><td class="first-col">26</td><td>197</td></tr>
101        </table>
102</div>
103
104<h5>Note:</h5>
105<p>Because CSS examples are susceptible to other CSS on the page, this example is only available in a new window at the above link.</p>                         </div>
106                                <div class="yui-u sidebar">
107                                       
108                               
109                                        <div id="examples" class="mod box4">
110                        <div class="hd">
111                                                <h4>
112    CSS Fonts Examples:</h4>
113                        </div>
114                                                <div class="bd">
115                                                        <ul>
116                                                                <li><a href='../cssfonts/cssfonts-basic.html'>Global (Page-Level) Example</a></li><li><a href='../cssfonts/cssfonts-context.html'>Contextual Example</a></li><li class='selected'><a href='../cssfonts/cssfonts-size.html'>Setting Font Size</a></li><li><a href='../cssfonts/cssfonts-family.html'>Setting Font Family</a></li>                                                        </ul>
117                                                </div>
118                                        </div>
119                                       
120                                        <div class="mod box4">
121                        <div class="hd">
122                                                <h4>More CSS Fonts Resources:</h4>
123                        </div>
124                        <div class="bd">
125                                                <ul>
126                                                        <!-- <li><a href="http://developer.yahoo.com/yui/cssfonts/">User's Guide</a> (external)</li> -->
127</ul>
128                        </div>
129                                        </div>
130                          </div>
131                </div>
132               
133                </div>
134        </div>
135
136
137<div class="yui-b toc3" id="tocWrapper">
138<!-- TABLE OF CONTENTS -->
139<div id="toc">
140       
141<ul>
142<li class="sect first">YUI 3.x Project</li><li class="item"><a title="The Yahoo! User Interface (YUI) Library, 3.x Branch, " href="http://developer.yahoo.com/yui/3/">YUI 3 Web Site (external)</a></li><li class="item"><a title="Examples of every YUI utility and control in action" href="../../examples/">YUI 3 Examples</a></li><li class="item"><a title="Instantly searchable API documentation for the entire YUI library." href="../../api/">YUI 3 API Docs</a></li><li class="item"><a title="The YUI Library can be downloaded from SourceForge" href="http://sourceforge.net/projects/yui/">YUI 3 on Sourceforge (external)</a></li><li class="item"><a title="YUI is free and open, offered under a BSD license." href="http://developer.yahoo.com/yui/3/license.html">YUI License (external)</a></li><li class="sect">YUI 3 Core - Examples</li><li class="item"><a title="YUI (Global Prerequisite) - Functional Examples" href="../../examples/yui/index.html">YUI (Global Prerequisite)</a></li><li class="item"><a title="Event - Functional Examples" href="../../examples/event/index.html">Event</a></li><li class="item"><a title="Node - Functional Examples" href="../../examples/node/index.html">Node</a></li><li class="sect">YUI 3 Component Infrastructure - Examples</li><li class="item"><a title="Attribute - Functional Examples" href="../../examples/attribute/index.html">Attribute</a></li><li class="item"><a title="Base - Functional Examples" href="../../examples/base/index.html">Base</a></li><li class="sect">YUI 3 Utilities - Examples</li><li class="item"><a title="Animation - Functional Examples" href="../../examples/anim/index.html">Animation</a></li><li class="item"><a title="Cookie - Functional Examples" href="../../examples/cookie/index.html">Cookie</a></li><li class="item"><a title="Drag &amp; Drop - Functional Examples" href="../../examples/dd/index.html">Drag &amp; Drop</a></li><li class="item"><a title="Get - Functional Examples" href="../../examples/get/index.html">Get</a></li><li class="item"><a title="IO - Functional Examples" href="../../examples/io/index.html">IO</a></li><li class="item"><a title="JSON (JavaScript Object Notation) - Functional Examples" href="../../examples/json/index.html">JSON</a></li><li class="item"><a title="Queue - Functional Examples" href="../../examples/queue/index.html">Queue</a></li><li class="sect">YUI 3 CSS - Examples</li><li class="item"><a title="YUI CSS Reset - Functional Examples" href="../../examples/cssreset/index.html">CSS Reset</a></li><li class="selected "><a title="YUI Fonts - Functional Examples" href="../../examples/cssfonts/index.html">CSS Fonts</a></li><li class="item"><a title="YUI Grids - Functional Examples" href="../../examples/cssgrids/index.html">CSS Grids</a></li><li class="item"><a title="YUI Base - Functional Examples" href="../../examples/cssbase/index.html">CSS Base</a></li><li class="sect">The YUI Community</li><li class="item"><a title="The Yahoo! User Interface Blog" href="http://yuiblog.com">YUI Blog (external)</a></li><li class="item"><a title="The Yahoo! Group YDN-JavaScript hosts the YUI community forum" href="http://tech.groups.yahoo.com/group/ydn-javascript/">YUI Forum (external)</a></li><li class="item"><a title="The Yahoo! Group yui3 is dedicated to the 3.x branch of the Yahoo! User Interface (YUI) Library." href="http://tech.groups.yahoo.com/group/yui3/">YUI 3 Forum (external)</a></li><li class="item"><a title="YUI is used by Yahoo! and by hundreds of other sites, including many you know and love." href="/yui/poweredby/">YUI Sightings (external)</a></li><li class="item"><a title="Videos and podcasts from the YUI Team and from the Yahoo! frontend engineering community." href="http://developer.yahoo.com/yui/theater/">YUI Theater (external)</a></li><li class="sect">YUI Articles on the YUI Website</li><li class="item"><a title="Answers to Frequently Asked Questions about the YUI Library" href="http://developer.yahoo.com/yui/articles/faq/">YUI FAQ (external)</a></li><li class="item"><a title="Yahoo!'s philosophy of Graded Browser Support" href="http://developer.yahoo.com/yui/articles/gbs/">Graded Browser Support (external)</a></li><li class="item"><a title="Reporting Bugs and Making Feature Requests for YUI Components" href="http://developer.yahoo.com/yui/articles/reportingbugs/">Bug Reports/Feature Requests (external)</a></li><li class="item"><a title="Serve YUI source files from Yahoo! -- free, fast, and simple" href="http://developer.yahoo.com/yui/3/articles/hosting/">Serving YUI Files from Yahoo! (external)</a></li></ul>
143</div>
144</div>
145        </div><!--closes bd-->
146
147        <div id="ft">
148        <p class="first">Copyright &copy; 2008 Yahoo! Inc. All rights reserved.</p>
149        <p><a href="http://privacy.yahoo.com/privacy/us/devel/index.html">Privacy Policy</a> -
150            <a href="http://docs.yahoo.com/info/terms/">Terms of Service</a> -
151            <a href="http://docs.yahoo.com/info/copyright/copyright.html">Copyright Policy</a> -
152            <a href="http://careers.yahoo.com/">Job Openings</a></p>
153        </div>
154</div>
155<script src="../../assets/dpSyntaxHighlighter.js"></script>
156<script language="javascript"> 
157dp.SyntaxHighlighter.HighlightAll('code'); 
158</script>
159</body>
160</html>
161<!-- delightfuture.corp.yahoo.com uncompressed/chunked Wed Aug 13 16:45:31 PDT 2008 -->
Note: See TracBrowser for help on using the repository browser.