upgraded yui to 2.2.2 and yui-ext to 1.0.1a
This commit is contained in:
JT Smith
parent
4d9af2c691
commit
547ced6500
1992 changed files with 645731 additions and 0 deletions
69
www/extras/yui/examples/fonts/example_default.html
Normal file
69
www/extras/yui/examples/fonts/example_default.html
Normal file
|
|
@ -0,0 +1,69 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>YUI Library - Fonts - Example: Default Text</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../build/reset-fonts-grids/reset-fonts-grids.css">
|
||||
<style>
|
||||
body {text-align:left;}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
This is the root body node.
|
||||
|
||||
<div>this is inside a div</div>
|
||||
|
||||
<dl>
|
||||
<dt>this is a definition term</dt>
|
||||
<dd>definition description</dd>
|
||||
</dl>
|
||||
|
||||
<ul>
|
||||
<li>this is an LI inside a UL</li>
|
||||
</ul>
|
||||
|
||||
<ol>
|
||||
<li>this is an LI inside an OL</li>
|
||||
</ol>
|
||||
|
||||
<h1>This is a H1</h1>
|
||||
<h2>This is a H2</h2>
|
||||
<h3>This is a H3</h3>
|
||||
<h4>This is a H4</h4>
|
||||
<h5>This is a H5</h5>
|
||||
<h6>This is a H6</h6>
|
||||
|
||||
<pre>This is pre content</pre>
|
||||
|
||||
<form>
|
||||
<fieldset>
|
||||
<select><option>These are form elements</option></select>
|
||||
<textarea>These are form elements</textarea>
|
||||
<input type="button" value="These are form elements">
|
||||
<input type="radio" id="foo" name="foo"><label for="foo">These are form elements</label>
|
||||
</fieldset>
|
||||
</form>
|
||||
|
||||
<p>This is a paragraph.</p>
|
||||
|
||||
<blockquote>This is a blockquote.</blockquote>
|
||||
|
||||
<table border="1">
|
||||
<caption>This is a caption</caption><tr><th>this is a table head (th)</th><td>this is a table data cell (td)</td></tr></table>
|
||||
|
||||
<address>This is an address</address>
|
||||
<cite>This is a cite</cite>
|
||||
<code>This is a code</code>
|
||||
<dfn>This is a dfn</dfn>
|
||||
<em>This is an em</em>
|
||||
<strong>This is a strong</strong>
|
||||
<var>This is a var</var>
|
||||
<abbr>This is a abbr</abbr>
|
||||
<q>This is a q.</q>
|
||||
<acronym>This is a acronym</acronym>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
37
www/extras/yui/examples/fonts/example_fontfamily.html
Normal file
37
www/extras/yui/examples/fonts/example_fontfamily.html
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>YUI Library - Fonts - Example: Setting Font Family</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../build/reset-fonts-grids/reset-fonts-grids.css">
|
||||
<style>
|
||||
h1 {font-size:122%;margin:1em 0;}
|
||||
p {margin-bottom:1em;}
|
||||
p.notes {background-color:#eee;padding:1em;}
|
||||
#demo1 {}
|
||||
#demo2 {font-family:monospace;}
|
||||
#demo3 {font-family:georgia;}
|
||||
#demo4 {font-family:verdana;}
|
||||
#demo5 {font-family:times;}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="doc3">
|
||||
|
||||
<h1>YUI Fonts Example: Setting Font Family</h1>
|
||||
<p class="notes">Note: To set the font family, just specify your first choice.</p>
|
||||
|
||||
<p id="demo1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velierat volutpat.</p>
|
||||
|
||||
<p id="demo2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velierat volutpat.</p>
|
||||
|
||||
<p id="demo3">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velierat volutpat.</p>
|
||||
|
||||
<p id="demo4">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velierat volutpat.</p>
|
||||
|
||||
<p id="demo5">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velierat volutpat.</p>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
37
www/extras/yui/examples/fonts/example_fontsize.html
Normal file
37
www/extras/yui/examples/fonts/example_fontsize.html
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>YUI Library - Fonts - Example: Setting Font Size</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../build/reset-fonts-grids/reset-fonts-grids.css">
|
||||
<style>
|
||||
h1 {font-size:122%;margin:1em 0;}
|
||||
p {margin-bottom:1em;}
|
||||
p.notes {background-color:#eee;padding:1em;}
|
||||
#demo1 {font-size:85%;}
|
||||
#demo2 {font-size:100%;}
|
||||
#demo3 {font-size:107%;}
|
||||
#demo4 {font-size:122%;}
|
||||
#demo5 {font-size:136%;}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="doc3">
|
||||
|
||||
<h1>YUI Fonts Example: Setting Font Size</h1>
|
||||
<p class="notes">Note: To set the font size, always use percentages (%) from the <a href="http://developer.yahoo.com/yui/fonts/#using">conversion chart</a> for maximum consistency and accessibility.</h1>
|
||||
|
||||
<p id="demo1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velierat volutpat.</p>
|
||||
|
||||
<p id="demo2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velierat volutpat.</p>
|
||||
|
||||
<p id="demo3">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velierat volutpat.</p>
|
||||
|
||||
<p id="demo4">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velierat volutpat.</p>
|
||||
|
||||
<p id="demo5">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velierat volutpat.</p>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
49
www/extras/yui/examples/fonts/index.html
Normal file
49
www/extras/yui/examples/fonts/index.html
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||
<title>YUI Library - Fonts - Examples</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../build/reset-fonts-grids/reset-fonts-grids.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../docs/assets/examples.css">
|
||||
<style>
|
||||
#hd,#bd {margin-bottom:1em;}
|
||||
p {margin-bottom:1em;}
|
||||
ul,ol {margin:0 40px;}
|
||||
ol, ol li {list-style-type:decimal;}
|
||||
h2 {font-size:122%;font-weight:bold;margin-bottom:10px;}
|
||||
ul {margin-bottom:10px;}
|
||||
p em {font-style:italic;}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div id="doc3" class="yui-t7">
|
||||
<div id="hd">
|
||||
<img src="../../docs/assets/logo.gif" alt="Yahoo!">
|
||||
<h1>YUI Library - Fonts - Examples</h1>
|
||||
</div>
|
||||
<div id="bd">
|
||||
<div id="yui-main">
|
||||
<div class="yui-b">
|
||||
|
||||
<h2>Examples of Using Fonts</h2>
|
||||
|
||||
<p>Benefit from the legible, flexible, accessible default foundation, then set font-size and font-family to suit your needs:</p>
|
||||
|
||||
<ul>
|
||||
<li><a href="example_default.html">Verify the default rendering</a>.</li>
|
||||
<li><a href="example_fontfamily.html">Ways to change the font-family</a>.</li>
|
||||
<li><a href="example_fontsize.html">Ways to change font-size</a>.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="ft"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue