summaryrefslogtreecommitdiffstats
path: root/build/pgo/blueprint
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--build/pgo/blueprint/LICENSE314
-rw-r--r--build/pgo/blueprint/elements.html350
-rw-r--r--build/pgo/blueprint/fancytype-screen.css75
-rw-r--r--build/pgo/blueprint/forms.html144
-rw-r--r--build/pgo/blueprint/grid.html317
-rw-r--r--build/pgo/blueprint/grid.pngbin0 -> 206 bytes
-rw-r--r--build/pgo/blueprint/print.css29
-rw-r--r--build/pgo/blueprint/sample.html227
-rw-r--r--build/pgo/blueprint/screen.css226
-rw-r--r--build/pgo/blueprint/test-small.jpgbin0 -> 1886 bytes
-rw-r--r--build/pgo/blueprint/test.jpgbin0 -> 35467 bytes
11 files changed, 1682 insertions, 0 deletions
diff --git a/build/pgo/blueprint/LICENSE b/build/pgo/blueprint/LICENSE
new file mode 100644
index 0000000000..d7474100a9
--- /dev/null
+++ b/build/pgo/blueprint/LICENSE
@@ -0,0 +1,314 @@
+Blueprint CSS Framework License
+----------------------------------------------------------------
+
+Copyright (c) 2007-2008 Olav Bjorkoy (olav at bjorkoy.com)
+
+The Blueprint CSS Framework is available for use in all personal or
+commercial projects, under both the (modified) MIT and the GPL license. You
+may choose the one that fits your project.
+
+
+The (modified) MIT License
+----------------------------------------------------------------
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sub-license, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice, and every other copyright notice found in this
+software, and all the attributions in every file, and this permission notice
+shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+
+The GPL License
+----------------------------------------------------------------
+
+ GNU GENERAL PUBLIC LICENSE
+ Version 2, June 1991
+
+ Copyright (C) 1989, 1991 Free Software Foundation, Inc.
+ 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+ Preamble
+
+ The licenses for most software are designed to take away your
+freedom to share and change it. By contrast, the GNU General Public
+License is intended to guarantee your freedom to share and change free
+software--to make sure the software is free for all its users. This
+General Public License applies to most of the Free Software
+Foundation's software and to any other program whose authors commit to
+using it. (Some other Free Software Foundation software is covered by
+the GNU Lesser General Public License instead.) You can apply it to
+your programs, too.
+
+ When we speak of free software, we are referring to freedom, not
+price. Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+this service if you wish), that you receive source code or can get it
+if you want it, that you can change the software or use pieces of it
+in new free programs; and that you know you can do these things.
+
+ To protect your rights, we need to make restrictions that forbid
+anyone to deny you these rights or to ask you to surrender the rights.
+These restrictions translate to certain responsibilities for you if you
+distribute copies of the software, or if you modify it.
+
+ For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must give the recipients all the rights that
+you have. You must make sure that they, too, receive or can get the
+source code. And you must show them these terms so they know their
+rights.
+
+ We protect your rights with two steps: (1) copyright the software, and
+(2) offer you this license which gives you legal permission to copy,
+distribute and/or modify the software.
+
+ Also, for each author's protection and ours, we want to make certain
+that everyone understands that there is no warranty for this free
+software. If the software is modified by someone else and passed on, we
+want its recipients to know that what they have is not the original, so
+that any problems introduced by others will not reflect on the original
+authors' reputations.
+
+ Finally, any free program is threatened constantly by software
+patents. We wish to avoid the danger that redistributors of a free
+program will individually obtain patent licenses, in effect making the
+program proprietary. To prevent this, we have made it clear that any
+patent must be licensed for everyone's free use or not licensed at all.
+
+ The precise terms and conditions for copying, distribution and
+modification follow.
+
+ GNU GENERAL PUBLIC LICENSE
+ TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+
+ 0. This License applies to any program or other work which contains
+a notice placed by the copyright holder saying it may be distributed
+under the terms of this General Public License. The "Program", below,
+refers to any such program or work, and a "work based on the Program"
+means either the Program or any derivative work under copyright law:
+that is to say, a work containing the Program or a portion of it,
+either verbatim or with modifications and/or translated into another
+language. (Hereinafter, translation is included without limitation in
+the term "modification".) Each licensee is addressed as "you".
+
+Activities other than copying, distribution and modification are not
+covered by this License; they are outside its scope. The act of
+running the Program is not restricted, and the output from the Program
+is covered only if its contents constitute a work based on the
+Program (independent of having been made by running the Program).
+Whether that is true depends on what the Program does.
+
+ 1. You may copy and distribute verbatim copies of the Program's
+source code as you receive it, in any medium, provided that you
+conspicuously and appropriately publish on each copy an appropriate
+copyright notice and disclaimer of warranty; keep intact all the
+notices that refer to this License and to the absence of any warranty;
+and give any other recipients of the Program a copy of this License
+along with the Program.
+
+You may charge a fee for the physical act of transferring a copy, and
+you may at your option offer warranty protection in exchange for a fee.
+
+ 2. You may modify your copy or copies of the Program or any portion
+of it, thus forming a work based on the Program, and copy and
+distribute such modifications or work under the terms of Section 1
+above, provided that you also meet all of these conditions:
+
+ a) You must cause the modified files to carry prominent notices
+ stating that you changed the files and the date of any change.
+
+ b) You must cause any work that you distribute or publish, that in
+ whole or in part contains or is derived from the Program or any
+ part thereof, to be licensed as a whole at no charge to all third
+ parties under the terms of this License.
+
+ c) If the modified program normally reads commands interactively
+ when run, you must cause it, when started running for such
+ interactive use in the most ordinary way, to print or display an
+ announcement including an appropriate copyright notice and a
+ notice that there is no warranty (or else, saying that you provide
+ a warranty) and that users may redistribute the program under
+ these conditions, and telling the user how to view a copy of this
+ License. (Exception: if the Program itself is interactive but
+ does not normally print such an announcement, your work based on
+ the Program is not required to print an announcement.)
+
+These requirements apply to the modified work as a whole. If
+identifiable sections of that work are not derived from the Program,
+and can be reasonably considered independent and separate works in
+themselves, then this License, and its terms, do not apply to those
+sections when you distribute them as separate works. But when you
+distribute the same sections as part of a whole which is a work based
+on the Program, the distribution of the whole must be on the terms of
+this License, whose permissions for other licensees extend to the
+entire whole, and thus to each and every part regardless of who wrote it.
+
+Thus, it is not the intent of this section to claim rights or contest
+your rights to work written entirely by you; rather, the intent is to
+exercise the right to control the distribution of derivative or
+collective works based on the Program.
+
+In addition, mere aggregation of another work not based on the Program
+with the Program (or with a work based on the Program) on a volume of
+a storage or distribution medium does not bring the other work under
+the scope of this License.
+
+ 3. You may copy and distribute the Program (or a work based on it,
+under Section 2) in object code or executable form under the terms of
+Sections 1 and 2 above provided that you also do one of the following:
+
+ a) Accompany it with the complete corresponding machine-readable
+ source code, which must be distributed under the terms of Sections
+ 1 and 2 above on a medium customarily used for software interchange; or,
+
+ b) Accompany it with a written offer, valid for at least three
+ years, to give any third party, for a charge no more than your
+ cost of physically performing source distribution, a complete
+ machine-readable copy of the corresponding source code, to be
+ distributed under the terms of Sections 1 and 2 above on a medium
+ customarily used for software interchange; or,
+
+ c) Accompany it with the information you received as to the offer
+ to distribute corresponding source code. (This alternative is
+ allowed only for noncommercial distribution and only if you
+ received the program in object code or executable form with such
+ an offer, in accord with Subsection b above.)
+
+The source code for a work means the preferred form of the work for
+making modifications to it. For an executable work, complete source
+code means all the source code for all modules it contains, plus any
+associated interface definition files, plus the scripts used to
+control compilation and installation of the executable. However, as a
+special exception, the source code distributed need not include
+anything that is normally distributed (in either source or binary
+form) with the major components (compiler, kernel, and so on) of the
+operating system on which the executable runs, unless that component
+itself accompanies the executable.
+
+If distribution of executable or object code is made by offering
+access to copy from a designated place, then offering equivalent
+access to copy the source code from the same place counts as
+distribution of the source code, even though third parties are not
+compelled to copy the source along with the object code.
+
+ 4. You may not copy, modify, sublicense, or distribute the Program
+except as expressly provided under this License. Any attempt
+otherwise to copy, modify, sublicense or distribute the Program is
+void, and will automatically terminate your rights under this License.
+However, parties who have received copies, or rights, from you under
+this License will not have their licenses terminated so long as such
+parties remain in full compliance.
+
+ 5. You are not required to accept this License, since you have not
+signed it. However, nothing else grants you permission to modify or
+distribute the Program or its derivative works. These actions are
+prohibited by law if you do not accept this License. Therefore, by
+modifying or distributing the Program (or any work based on the
+Program), you indicate your acceptance of this License to do so, and
+all its terms and conditions for copying, distributing or modifying
+the Program or works based on it.
+
+ 6. Each time you redistribute the Program (or any work based on the
+Program), the recipient automatically receives a license from the
+original licensor to copy, distribute or modify the Program subject to
+these terms and conditions. You may not impose any further
+restrictions on the recipients' exercise of the rights granted herein.
+You are not responsible for enforcing compliance by third parties to
+this License.
+
+ 7. If, as a consequence of a court judgment or allegation of patent
+infringement or for any other reason (not limited to patent issues),
+conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License. If you cannot
+distribute so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you
+may not distribute the Program at all. For example, if a patent
+license would not permit royalty-free redistribution of the Program by
+all those who receive copies directly or indirectly through you, then
+the only way you could satisfy both it and this License would be to
+refrain entirely from distribution of the Program.
+
+If any portion of this section is held invalid or unenforceable under
+any particular circumstance, the balance of the section is intended to
+apply and the section as a whole is intended to apply in other
+circumstances.
+
+It is not the purpose of this section to induce you to infringe any
+patents or other property right claims or to contest validity of any
+such claims; this section has the sole purpose of protecting the
+integrity of the free software distribution system, which is
+implemented by public license practices. Many people have made
+generous contributions to the wide range of software distributed
+through that system in reliance on consistent application of that
+system; it is up to the author/donor to decide if he or she is willing
+to distribute software through any other system and a licensee cannot
+impose that choice.
+
+This section is intended to make thoroughly clear what is believed to
+be a consequence of the rest of this License.
+
+ 8. If the distribution and/or use of the Program is restricted in
+certain countries either by patents or by copyrighted interfaces, the
+original copyright holder who places the Program under this License
+may add an explicit geographical distribution limitation excluding
+those countries, so that distribution is permitted only in or among
+countries not thus excluded. In such case, this License incorporates
+the limitation as if written in the body of this License.
+
+ 9. The Free Software Foundation may publish revised and/or new versions
+of the General Public License from time to time. Such new versions will
+be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+Each version is given a distinguishing version number. If the Program
+specifies a version number of this License which applies to it and "any
+later version", you have the option of following the terms and conditions
+either of that version or of any later version published by the Free
+Software Foundation. If the Program does not specify a version number of
+this License, you may choose any version ever published by the Free Software
+Foundation.
+
+ 10. If you wish to incorporate parts of the Program into other free
+programs whose distribution conditions are different, write to the author
+to ask for permission. For software which is copyrighted by the Free
+Software Foundation, write to the Free Software Foundation; we sometimes
+make exceptions for this. Our decision will be guided by the two goals
+of preserving the free status of all derivatives of our free software and
+of promoting the sharing and reuse of software generally.
+
+ NO WARRANTY
+
+ 11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
+FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN
+OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
+PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
+OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS
+TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE
+PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
+REPAIR OR CORRECTION.
+
+ 12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
+REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
+INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
+OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
+TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
+YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
+PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
+POSSIBILITY OF SUCH DAMAGES. \ No newline at end of file
diff --git a/build/pgo/blueprint/elements.html b/build/pgo/blueprint/elements.html
new file mode 100644
index 0000000000..8749953761
--- /dev/null
+++ b/build/pgo/blueprint/elements.html
@@ -0,0 +1,350 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+
+<html lang="en">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <title>Blueprint HTML Elements Tests</title>
+
+ <!-- Framework CSS -->
+ <link
+ rel="stylesheet"
+ href="screen.css"
+ type="text/css"
+ media="screen, projection"
+ />
+ <link rel="stylesheet" href="print.css" type="text/css" media="print" />
+ <!--[if IE
+ ]><link
+ rel="stylesheet"
+ href="ie.css"
+ type="text/css"
+ media="screen, projection"
+ /><![endif]-->
+ </head>
+ <body>
+ <div class="container showgrid">
+ <h2>Tests for common HTML elements</h2>
+ <hr />
+
+ <h5>PARAGRAPHS <span class="alt">&amp;</span> BOXES</h5>
+
+ <div class="span-8">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+ minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+ aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.
+ </p>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor <sub>sub text</sub> ut labore et
+ <sup>sup text</sup> magna aliqua. Ut enim ad minim veniam, quis
+ nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+ consequat. Duis aute irure dolor in reprehenderit in voluptate velit
+ esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+ cupidatat non proident, sunt in culpa qui officia deserunt mollit anim
+ id est laborum.
+ </p>
+ </div>
+
+ <div class="span-8">
+ <p class="small">
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+ minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+ aliquip ex ea commodo consequat.
+ </p>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua.
+ </p>
+ <p class="large">
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua.
+ </p>
+ </div>
+
+ <div class="span-8 last">
+ <div class="box">
+ <p class="last">
+ Aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.
+ </p>
+ </div>
+ <blockquote>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+ ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+ aliquip ex ea commodo consequat.
+ </p>
+ </blockquote>
+ </div>
+ <hr />
+
+ <h5>LISTS</h5>
+
+ <div class="span-8">
+ <ul>
+ <li>Unordered list test</li>
+ <li>
+ Another list element. Lorem ipsum dolor sit amet, consectetur
+ adipisicing elit.
+ </li>
+ <li>Yet another element in the list</li>
+ <li>
+ Some long text. Lorem ipsum dolor sit amet, consectetur adipisicing
+ elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+ </li>
+ </ul>
+ <ol>
+ <li>Ordered list test</li>
+ <li>Another list element</li>
+ <li>Yet another element in the list</li>
+ </ol>
+ </div>
+
+ <div class="span-8">
+ <ol>
+ <li>Ordered list</li>
+ <li>
+ Here's a nested unordered list
+ <ul>
+ <li>Nested Unordered list</li>
+ <li>
+ Nested ordered list
+ <ol>
+ <li>The first</li>
+ <li>And the second</li>
+ </ol>
+ </li>
+ </ul>
+ </li>
+ <li>Ordered List item</li>
+ <li>
+ Nested Ordered list
+ <ol>
+ <li>Some point</li>
+ <li>
+ Nested Unordered list
+ <ul>
+ <li>The first</li>
+ <li>And the second</li>
+ </ul>
+ </li>
+ </ol>
+ </li>
+ </ol>
+ </div>
+
+ <div class="span-8 last">
+ <dl>
+ <dt>definition list dt</dt>
+ <dd>definition list dd</dd>
+ <dt>definition list dt</dt>
+ <dd>definition list dd</dd>
+ <dt>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing
+ elit adipisicing elit
+ </dt>
+ <dd>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing
+ elit adipisicing elit
+ </dd>
+ <dt>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing
+ elit adipisicing elit
+ </dt>
+ <dd>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing
+ elit adipisicing elit
+ </dd>
+ </dl>
+ </div>
+ <hr />
+
+ <h5>HEADINGS</h5>
+
+ <div class="span-8">
+ <h1>H1: Lorem ipsum dolor sit amet</h1>
+ <h2>H2: Lorem ipsum dolor sit amet, consectetur elit</h2>
+ <h3>H3: Lorem ipsum dolor sit amet, consectetur adipisicing elit</h3>
+ <h4>
+ H4: Lorem ipsum dolor sit amet, consectetur adipisicing elit adipis
+ </h4>
+ <h5>
+ H5: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+ adipisicing elit adipisicing elit
+ </h5>
+ <h6>
+ H6: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+ adipisicing elit adipisicing elit
+ </h6>
+ </div>
+
+ <div class="span-8">
+ <h1>Heading 1</h1>
+ <hr />
+ <h2>Heading 2</h2>
+ <hr />
+ <h3>Heading 3</h3>
+ <hr />
+ <h4>Heading 4</h4>
+ <hr />
+ <h5>Heading 5</h5>
+ <hr />
+ <h6>Heading 6</h6>
+ </div>
+
+ <div class="span-8 last">
+ <h1>Heading 1</h1>
+ <h2>Heading 2</h2>
+ <h3>Heading 3</h3>
+ <h4>Heading 4</h4>
+ <h5>Heading 5</h5>
+ <h6>Heading 6</h6>
+ </div>
+ <hr />
+
+ <h5>MISC ELEMENTS</h5>
+
+ <div class="span-8">
+ <p>
+ <strong>&lt;strong&gt;</strong><br />
+ <del>&lt;del&gt; deleted</del><br />
+ <dfn>&lt;dfn&gt; dfn</dfn><br />
+ <em>&lt;em&gt; emphasis</em>
+ </p>
+ <p>
+ <a>&lt;a&gt; anchor</a><br />
+ <a href="http://www.google.com">&lt;a&gt; a + href</a>
+ </p>
+ <p>
+ <abbr title="extended abbr text should show when mouse over"
+ >&lt;abbr&gt; abbr - extended text when mouseover.</abbr
+ ><br />
+ <acronym title="extended acronym text should show when mouse over"
+ >&lt;acronym&gt; acronym - extended text when mouseover.</acronym
+ >
+ </p>
+ <address>
+ &lt;address&gt;<br />
+ Donald Duck<br />
+ Box 555<br />
+ Disneyland
+ </address>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore dolore.
+ </p>
+ </div>
+
+ <div class="span-8">
+ <table
+ summary="This is the summary text for this table."
+ border="0"
+ cellspacing="0"
+ cellpadding="0"
+ >
+ <caption>
+ <em>A standard test table with a caption, tr, td elements</em>
+ </caption>
+ <tr>
+ <th class="span-4">Table Header One</th>
+ <th class="span-4 last">Table Header Two</th>
+ </tr>
+ <tr>
+ <td>TD One</td>
+ <td>TD Two</td>
+ </tr>
+ <tr>
+ <td colspan="2">TD colspan 2</td>
+ </tr>
+ </table>
+
+ <table
+ summary="This is the summary text for this table."
+ border="0"
+ cellspacing="0"
+ cellpadding="0"
+ >
+ <caption>
+ <em>A test table with a thead, tfoot, and tbody elements</em>
+ </caption>
+ <thead>
+ <tr>
+ <th class="span-4">Table Header One</th>
+ <th class="span-4 last">Table Header Two</th>
+ </tr>
+ </thead>
+ <tfoot>
+ <tr>
+ <td colspan="2">tfoot footer</td>
+ </tr>
+ </tfoot>
+ <tbody>
+ <tr>
+ <td>TD One</td>
+ <td>TD Two</td>
+ </tr>
+ <tr>
+ <td>TD One</td>
+ <td>TD Two</td>
+ </tr>
+ </tbody>
+ <tbody>
+ <tr>
+ <td>TD One</td>
+ <td>TD Two</td>
+ </tr>
+ <tr>
+ <td>TD One</td>
+ <td>TD Two</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+
+ <div class="span-8 last">
+ <pre>
+&lt;pre&gt;
+pre space1
+pre space1
+pre space2
+pre space2
+pre tab
+pre tab</pre
+ >
+
+ <code>&lt;code&gt; Not indented indent1 indent1 indent2 indent3</code>
+
+ <tt
+ >&lt;tt&gt; This tt text should be monospaced and wrap as if one line
+ of text even though the code has newlines, spaces, and tabs. It should
+ be the same size as &lt;p&gt; text.
+ </tt>
+ </div>
+ <hr />
+
+ <p>
+ <a href="http://validator.w3.org/check?uri=referer">
+ <img
+ src="valid.png"
+ alt="Valid HTML 4.01 Strict"
+ height="31"
+ width="88"
+ class="top"
+ /></a>
+ </p>
+ </div>
+ </body>
+</html>
diff --git a/build/pgo/blueprint/fancytype-screen.css b/build/pgo/blueprint/fancytype-screen.css
new file mode 100644
index 0000000000..0d3feb77f7
--- /dev/null
+++ b/build/pgo/blueprint/fancytype-screen.css
@@ -0,0 +1,75 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* --------------------------------------------------------------
+
+ fancy-type.css
+ * Lots of pretty advanced classes for manipulating text.
+
+ See the Readme file in this folder for additional instructions.
+
+-------------------------------------------------------------- */
+
+/* Indentation instead of line shifts for sibling paragraphs. */
+ p + p { text-indent:2em; margin-top:-1.5em; }
+ form p + p { text-indent: 0; } /* Don't want this in forms. */
+
+
+/* For great looking type, use this code instead of asdf:
+ <span class="alt">asdf</span>
+ Best used on prepositions and ampersands. */
+
+.alt {
+ color: #666;
+ font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
+ font-style: italic;
+ font-weight: normal;
+}
+
+
+/* For great looking quote marks in titles, replace "asdf" with:
+ <span class="dquo">&#8220;</span>asdf&#8221;
+ (That is, when the title starts with a quote mark).
+ (You may have to change this value depending on your font size). */
+
+.dquo { margin-left: -.5em; }
+
+
+/* Reduced size type with incremental leading
+ (http://www.markboulton.co.uk/journal/comments/incremental_leading/)
+
+ This could be used for side notes. For smaller type, you don't necessarily want to
+ follow the 1.5x vertical rhythm -- the line-height is too much.
+
+ Using this class, it reduces your font size and line-height so that for
+ every four lines of normal sized type, there is five lines of the sidenote. eg:
+
+ New type size in em's:
+ 10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)
+
+ New line-height value:
+ 12px x 1.5 = 18px (old line-height)
+ 18px x 4 = 72px
+ 72px / 5 = 14.4px (new line height)
+ 14.4px / 10px = 1.44 (new line height in em's) */
+
+p.incr, .incr p {
+ font-size: 10px;
+ line-height: 1.44em;
+ margin-bottom: 1.5em;
+}
+
+
+/* Surround uppercase words and abbreviations with this class.
+ Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
+
+.caps {
+ font-variant: small-caps;
+ letter-spacing: 1px;
+ text-transform: lowercase;
+ font-size:1.2em;
+ line-height:1%;
+ font-weight:bold;
+ padding:0 2px;
+}
diff --git a/build/pgo/blueprint/forms.html b/build/pgo/blueprint/forms.html
new file mode 100644
index 0000000000..68a9512c97
--- /dev/null
+++ b/build/pgo/blueprint/forms.html
@@ -0,0 +1,144 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+
+<html lang="en">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <title>Blueprint Forms Tests</title>
+
+ <!-- Framework CSS -->
+ <link
+ rel="stylesheet"
+ href="screen.css"
+ type="text/css"
+ media="screen, projection"
+ />
+ <link rel="stylesheet" href="print.css" type="text/css" media="print" />
+ <!--[if IE
+ ]><link
+ rel="stylesheet"
+ href="ie.css"
+ type="text/css"
+ media="screen, projection"
+ /><![endif]-->
+ </head>
+ <body>
+ <div class="container showgrid">
+ <h1>Forms</h1>
+ <hr />
+
+ <div class="span-12">
+ <form id="dummy" action="" method="post">
+ <fieldset>
+ <legend>Simple sample form</legend>
+
+ <p>
+ <label for="dummy0">Text input (title)</label><br />
+ <input
+ type="text"
+ class="title"
+ name="dummy0"
+ id="dummy0"
+ value="Field with class .title"
+ />
+ </p>
+
+ <p>
+ <label for="dummy1">Another field</label><br />
+ <input
+ type="text"
+ class="text"
+ id="dummy1"
+ name="dummy1"
+ value="Field with class .text"
+ />
+ </p>
+
+ <p>
+ <label for="dummy2">Textarea</label><br />
+ <textarea name="dummy2" id="dummy2" rows="5" cols="20"></textarea>
+ </p>
+
+ <p>
+ <input type="submit" value="Submit" />
+ <input type="reset" value="Reset" />
+ </p>
+ </fieldset>
+ </form>
+ </div>
+ <div class="span-12 last">
+ <div class="error">
+ This is a &lt;div&gt; with the class <strong>.error</strong>.
+ <a href="#">Link</a>.
+ </div>
+ <div class="notice">
+ This is a &lt;div&gt; with the class <strong>.notice</strong>.
+ <a href="#">Link</a>.
+ </div>
+ <div class="success">
+ This is a &lt;div&gt; with the class <strong>.success</strong>.
+ <a href="#">Link</a>.
+ </div>
+
+ <fieldset>
+ <legend>Select, checkboxes, lists</legend>
+
+ <p>
+ <label for="dummy3">Select field</label><br />
+ <select id="dummy3" name="dummy3">
+ <option value="1">Ottawa</option>
+ <option value="2">Calgary</option>
+ <option value="3">Moosejaw</option>
+ </select>
+ </p>
+
+ <p>
+ <label for="dummy4">Select with groups</label><br />
+ <select id="dummy4" name="dummy4">
+ <option>Favorite pet</option>
+ <optgroup label="mammals">
+ <option>dog</option>
+ <option>cat</option>
+ <option>rabbit</option>
+ <option>horse</option>
+ </optgroup>
+ <optgroup label="reptiles">
+ <option>iguana</option>
+ <option>snake</option>
+ </optgroup>
+ </select>
+ </p>
+
+ <p>
+ <label>Radio buttons</label><br />
+ <input type="radio" name="example" /> Radio one<br />
+ <input type="radio" name="example" /> Radio two<br />
+ <input type="radio" name="example" /> Radio three<br />
+ </p>
+
+ <p>
+ <label>Checkboxes</label><br />
+ <input type="checkbox" /> Check one<br />
+ <input type="checkbox" /> Check two<br />
+ <input type="checkbox" /> Check three<br />
+ </p>
+ </fieldset>
+ </div>
+ <hr />
+
+ <p>
+ <a href="http://validator.w3.org/check?uri=referer">
+ <img
+ src="valid.png"
+ alt="Valid HTML 4.01 Strict"
+ height="31"
+ width="88"
+ class="top"
+ /></a>
+ </p>
+ </div>
+ </body>
+</html>
diff --git a/build/pgo/blueprint/grid.html b/build/pgo/blueprint/grid.html
new file mode 100644
index 0000000000..d127f87c88
--- /dev/null
+++ b/build/pgo/blueprint/grid.html
@@ -0,0 +1,317 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+
+<html lang="en">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <title>Blueprint Grid Tests</title>
+
+ <!-- Framework CSS -->
+ <link
+ rel="stylesheet"
+ href="screen.css"
+ type="text/css"
+ media="screen, projection"
+ />
+ <link rel="stylesheet" href="print.css" type="text/css" media="print" />
+ <!--[if IE
+ ]><link
+ rel="stylesheet"
+ href="ie.css"
+ type="text/css"
+ media="screen, projection"
+ /><![endif]-->
+ </head>
+ <body>
+ <div class="container showgrid">
+ <h1>Blueprint Tests: grid.css</h1>
+
+ <div class="span-8">
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
+ </div>
+ <div class="span-8">
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
+ </div>
+ <div class="span-8 last">
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
+ </div>
+
+ <div class="span-6 append-1">
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
+ </div>
+ <div class="span-6 append-2">
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
+ </div>
+ <div class="span-6 append-3 last">
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
+ </div>
+
+ <div class="span-6 prepend-1">
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
+ </div>
+ <div class="span-6 prepend-2">
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
+ </div>
+ <div class="span-6 prepend-3 last">
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
+ </div>
+ <hr />
+
+ <div class="span-12 border">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+ minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+ aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.
+ </p>
+ </div>
+ <div class="span-12 last">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+ minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+ aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.
+ </p>
+ </div>
+ <hr />
+
+ <div class="span-1 prepend-1"><p>1</p></div>
+ <div class="span-1 prepend-2"><p>2</p></div>
+ <div class="span-1 prepend-3"><p>3</p></div>
+ <div class="span-1 prepend-4"><p>4</p></div>
+ <div class="span-1 prepend-5"><p>5</p></div>
+ <div class="span-1 prepend-3 last"><p>3</p></div>
+
+ <div class="span-1 append-1"><p>1</p></div>
+ <div class="span-1 append-2"><p>2</p></div>
+ <div class="span-1 append-3"><p>3</p></div>
+ <div class="span-1 append-4"><p>4</p></div>
+ <div class="span-1 append-5"><p>5</p></div>
+ <div class="span-1 append-3 last"><p>3</p></div>
+
+ <div class="span-1 border"><p>1</p></div>
+ <div class="span-1 border"><p>2</p></div>
+ <div class="span-1 border"><p>3</p></div>
+ <div class="span-1 border"><p>4</p></div>
+ <div class="span-1 border"><p>5</p></div>
+ <div class="span-1 border"><p>6</p></div>
+ <div class="span-1 border"><p>7</p></div>
+ <div class="span-1 border"><p>8</p></div>
+ <div class="span-1 border"><p>9</p></div>
+ <div class="span-1 border"><p>10</p></div>
+ <div class="span-1 border"><p>11</p></div>
+ <div class="span-1 border"><p>12</p></div>
+ <div class="span-1 border"><p>13</p></div>
+ <div class="span-1 border"><p>14</p></div>
+ <div class="span-1 border"><p>15</p></div>
+ <div class="span-1 border"><p>16</p></div>
+ <div class="span-1 border"><p>17</p></div>
+ <div class="span-1 border"><p>18</p></div>
+ <div class="span-1 border"><p>19</p></div>
+ <div class="span-1 border"><p>20</p></div>
+ <div class="span-1 border"><p>21</p></div>
+ <div class="span-1 border"><p>22</p></div>
+ <div class="span-1 border"><p>23</p></div>
+ <div class="span-1 last"><p>24</p></div>
+
+ <div class="span-4"><p>1</p></div>
+ <div class="span-4"><p>2</p></div>
+ <div class="span-4"><p>3</p></div>
+ <div class="span-4"><p>4</p></div>
+ <div class="span-4"><p>5</p></div>
+ <div class="span-4 last"><p>6</p></div>
+
+ <div class="prepend-23 span-1 last"><p>24</p></div>
+
+ <div class="prepend-1 span-1"><p>2</p></div>
+ <div class="prepend-20 span-1 append-1 last"><p>23</p></div>
+ <hr />
+
+ <div class="span-24">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+ minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+ aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.
+ </p>
+ </div>
+
+ <div class="span-12">
+ <div class="span-6">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod.
+ </p>
+ </div>
+
+ <div class="span-6 last">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua.
+ </p>
+ </div>
+
+ <div class="span-12 last">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua.
+ </p>
+ </div>
+ </div>
+
+ <div class="span-12 last">
+ <div class="span-6">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod.
+ </p>
+ </div>
+
+ <div class="span-6 last">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua.
+ </p>
+ </div>
+
+ <div class="span-12 last">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua.
+ </p>
+ </div>
+ </div>
+
+ <div class="span-14 prepend-5 append-5 last">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua.
+ </p>
+ </div>
+ <hr />
+
+ <div class="span-12">
+ <h5>TESTING .PUSH-1 TO .PUSH-5</h5>
+
+ <div class="span-2"><img src="test-small.jpg" class="push-1" /></div>
+ <div class="span-10 last">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua.
+ </p>
+ </div>
+
+ <div class="span-2"><img src="test-small.jpg" class="push-2" /></div>
+ <div class="span-10 last">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua.
+ </p>
+ </div>
+
+ <div class="span-2"><img src="test-small.jpg" class="push-3" /></div>
+ <div class="span-10 last">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua.
+ </p>
+ </div>
+
+ <div class="span-2"><img src="test-small.jpg" class="push-4" /></div>
+ <div class="span-10 last">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua.
+ </p>
+ </div>
+
+ <div class="span-2"><img src="test-small.jpg" class="push-5" /></div>
+ <div class="span-10 last">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua.
+ </p>
+ </div>
+ </div>
+
+ <div class="span-12 last">
+ <h5>TESTING .PULL-1 TO .PULL-5</h5>
+
+ <div class="span-10">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua.
+ </p>
+ </div>
+ <div class="span-2 last">
+ <img src="test-small.jpg" class="top pull-1" />
+ </div>
+
+ <div class="span-10">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua.
+ </p>
+ </div>
+ <div class="span-2 last">
+ <img src="test-small.jpg" class="top pull-2" />
+ </div>
+
+ <div class="span-10">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua.
+ </p>
+ </div>
+ <div class="span-2 last">
+ <img src="test-small.jpg" class="top pull-3" />
+ </div>
+
+ <div class="span-10">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua.
+ </p>
+ </div>
+ <div class="span-2 last">
+ <img src="test-small.jpg" class="top pull-4" />
+ </div>
+
+ <div class="span-10">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua.
+ </p>
+ </div>
+ <div class="span-2 last">
+ <img src="test-small.jpg" class="top pull-5" />
+ </div>
+ </div>
+
+ <div class="span-24">
+ <p>
+ <a href="http://validator.w3.org/check?uri=referer">
+ <img
+ src="valid.png"
+ alt="Valid HTML 4.01 Strict"
+ height="31"
+ width="88"
+ class="bottom"
+ /></a>
+ </p>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/build/pgo/blueprint/grid.png b/build/pgo/blueprint/grid.png
new file mode 100644
index 0000000000..129d4a29fb
--- /dev/null
+++ b/build/pgo/blueprint/grid.png
Binary files differ
diff --git a/build/pgo/blueprint/print.css b/build/pgo/blueprint/print.css
new file mode 100644
index 0000000000..661861457a
--- /dev/null
+++ b/build/pgo/blueprint/print.css
@@ -0,0 +1,29 @@
+/* -----------------------------------------------------------------------
+
+ Blueprint CSS Framework 0.7.1
+ http://blueprintcss.googlecode.com
+
+ * Copyright (c) 2007-2008. See LICENSE for more info.
+ * See README for instructions on how to use Blueprint.
+ * For credits and origins, see AUTHORS.
+ * This is a compressed file. See the sources in the 'src' directory.
+
+----------------------------------------------------------------------- */
+
+/* print.css */
+body {line-height:1.5;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;color:#000;background:none;font-size:10pt;}
+.container {background:none;}
+hr {background:#ccc;color:#ccc;width:100%;height:2px;margin:2em 0;padding:0;border:none;}
+hr.space {background:#fff;color:#fff;}
+h1, h2, h3, h4, h5, h6 {font-family:"Helvetica Neue", Arial, "Lucida Grande", sans-serif;}
+code {font:.9em "Courier New", Monaco, Courier, monospace;}
+img {float:left;margin:1.5em 1.5em 1.5em 0;}
+a img {border:none;}
+p img.top {margin-top:0;}
+blockquote {margin:1.5em;padding:1em;font-style:italic;font-size:.9em;}
+.small {font-size:.9em;}
+.large {font-size:1.1em;}
+.quiet {color:#999;}
+.hide {display:none;}
+a:link, a:visited {background:transparent;font-weight:700;text-decoration:underline;}
+a:link:after, a:visited:after {content:" (" attr(href) ") ";font-size:90%;} \ No newline at end of file
diff --git a/build/pgo/blueprint/sample.html b/build/pgo/blueprint/sample.html
new file mode 100644
index 0000000000..8ae603717b
--- /dev/null
+++ b/build/pgo/blueprint/sample.html
@@ -0,0 +1,227 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+
+<html lang="en">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <title>Blueprint Sample Page</title>
+
+ <!-- Framework CSS -->
+ <link
+ rel="stylesheet"
+ href="screen.css"
+ type="text/css"
+ media="screen, projection"
+ />
+ <link rel="stylesheet" href="print.css" type="text/css" media="print" />
+ <!--[if IE
+ ]><link
+ rel="stylesheet"
+ href="ie.css"
+ type="text/css"
+ media="screen, projection"
+ /><![endif]-->
+
+ <!-- Import fancy-type plugin for the sample page. -->
+ <link
+ rel="stylesheet"
+ href="fancytype-screen.css"
+ type="text/css"
+ media="screen, projection"
+ />
+ </head>
+
+ <body>
+ <div class="container">
+ <h1>A simple sample page</h1>
+ <hr />
+ <h2 class="alt">
+ This sample page demonstrates a tiny fraction of what you get with
+ Blueprint.
+ </h2>
+ <hr />
+
+ <div class="span-7 colborder">
+ <h6>Here's a box</h6>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+ minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+ aliquip.
+ </p>
+ </div>
+
+ <div class="span-8 colborder">
+ <h6>And another box</h6>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+ minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+ aliquip ex ea commodo consequat laboris nisi ut aliquip.
+ </p>
+ </div>
+
+ <div class="span-7 last">
+ <h6>This box is aligned with the sidebar</h6>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+ minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+ aliquip.
+ </p>
+ </div>
+ <hr />
+ <hr class="space" />
+
+ <div class="span-15 prepend-1 colborder">
+ <p>
+ <img src="test.jpg" class="top pull-1" alt="test" />Lorem ipsum dolor
+ sit amet, <em>consectetuer adipiscing elit</em>. Nunc congue ipsum
+ vestibulum libero. Aenean vitae justo. Nam eget tellus. Etiam
+ convallis, est eu lobortis mattis, lectus tellus tempus felis, a
+ ultricies erat ipsum at metus.
+ </p>
+ <p>
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+ <a href="#">Morbi et risus</a>. Aliquam nisl. Nulla facilisi. Cras
+ accumsan vestibulum ante. Vestibulum sed tortor. Praesent
+ <span class="caps">SMALL CAPS</span> tempus fringilla elit. Ut elit
+ diam, sagittis in, nonummy in, gravida non, nunc. Ut orci. Class
+ aptent taciti sociosqu ad litora torquent per conubia nostra, per
+ inceptos hymenaeos. Nam egestas, orci eu imperdiet malesuada, nisl
+ purus fringilla odio, quis commodo est orci vitae justo. Aliquam
+ placerat odio tincidunt nulla. Cras in libero. Aenean rutrum, magna
+ non tristique posuere, erat odio eleifend nisl, non convallis est
+ tortor blandit ligula. Nulla id augue.
+ </p>
+ <p>
+ Nullam mattis, odio ut tempus facilisis, metus nisl facilisis metus,
+ auctor consectetuer felis ligula nec mauris. Vestibulum odio erat,
+ fermentum at, commodo vitae, ultrices et, urna. Mauris vulputate, mi
+ pulvinar sagittis condimentum, sem nulla aliquam velit, sed imperdiet
+ mi purus eu magna. Nulla varius metus ut eros. Aenean aliquet magna
+ eget orci. Class aptent taciti sociosqu ad litora.
+ </p>
+ <p>
+ Vivamus euismod. Cum sociis natoque penatibus et magnis dis parturient
+ montes, nascetur ridiculus mus. Suspendisse vel nibh ut turpis dictum
+ sagittis. Aliquam vel velit a elit auctor sollicitudin. Nam vel dui
+ vel neque lacinia pretium. Quisque nunc erat, venenatis id, volutpat
+ ut, scelerisque sed, diam. Mauris ante. Pellentesque habitant morbi
+ tristique senectus et netus et malesuada fames ac turpis egestas.
+ Donec mattis. Morbi dignissim sollicitudin libero. Nulla lorem.
+ </p>
+ <blockquote>
+ <p>
+ Integer cursus ornare mauris. Praesent nisl arcu, imperdiet eu,
+ ornare id, scelerisque ut, nunc. Praesent sagittis erat sed velit
+ tempus imperdiet. Ut tristique, ante in interdum hendrerit, erat
+ enim faucibus felis, quis rutrum mauris lorem quis sem. Vestibulum
+ ligula nisi, mattis nec, posuere et, blandit eu, ligula. Nam
+ suscipit placerat odio. Class aptent taciti sociosqu ad litora
+ torquent per conubia nostra, per inceptos hymenaeos. Pellentesque
+ tortor libero, venenatis vitae, rhoncus eu, placerat ut, mi. Nulla
+ nulla.
+ </p>
+ </blockquote>
+ <p>
+ Maecenas vel metus quis magna pharetra fermentum.
+ <em>Integer sit amet tortor</em>. Maecenas porttitor, pede sed gravida
+ auctor, nulla augue aliquet elit, at pretium urna orci ut metus.
+ Aliquam in dolor. Vestibulum ante ipsum primis in faucibus orci luctus
+ et ultrices posuere cubilia Curae; Sed aliquam, tellus id ornare
+ posuere, quam nunc accumsan turpis, at convallis tellus orci et nisl.
+ Phasellus congue neque a lorem.
+ </p>
+
+ <hr />
+ <div class="span-7 colborder">
+ <h6>This is a nested column</h6>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+ ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+ aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur.
+ </p>
+ </div>
+ <div class="span-7 last">
+ <h6>This is another nested column</h6>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+ ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+ aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur.
+ </p>
+ </div>
+ </div>
+ <div class="span-7 last">
+ <h3>A <span class="alt">Simple</span> Sidebar</h3>
+
+ <p>
+ Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+ posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede
+ sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem
+ nisi vel augue.
+ </p>
+ <p>
+ Mauris a lectus. Aliquam erat volutpat. Phasellus ultrices mi a
+ sapien. Nunc rutrum egestas lorem. Duis ac sem sagittis elit tincidunt
+ gravida. Mauris a lectus. Aliquam erat volutpat. Phasellus ultrices mi
+ a sapien. Nunc rutrum egestas lorem. Duis ac sem sagittis elit
+ tincidunt gravida.
+ </p>
+ <p class="quiet">
+ Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+ posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede
+ sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem
+ nisi vel augue.
+ </p>
+
+ <h5>Incremental leading</h5>
+ <p class="incr">
+ Vestibulum ante ipsum primis in faucibus orci luctus vestibulum ante
+ ipsum primis in faucibus orci luctus et ultrices posuere cubilia
+ Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet
+ vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue.
+ sed aliquet vehicula, lectus tellus.
+ </p>
+ <p class="incr">
+ Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+ posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede
+ sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem
+ nisi vel augue. sed aliquet vehicula, lectus tellus pulvinar neque,
+ non cursus sem nisi vel augue. ipsum primis in faucibus orci luctus et
+ ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris
+ venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque,
+ non cursus sem nisi vel augue. sed aliquet vehicula, lectus tellus
+ pulvinar neque, non cursus sem nisi vel augue.
+ </p>
+ </div>
+
+ <hr />
+ <h2 class="alt">
+ You may pick and choose amongst these and many more features, so be
+ bold.
+ </h2>
+ <hr />
+
+ <p>
+ <a href="http://validator.w3.org/check?uri=referer">
+ <img
+ src="valid.png"
+ alt="Valid HTML 4.01 Strict"
+ height="31"
+ width="88"
+ class="top"
+ /></a>
+ </p>
+ </div>
+ </body>
+</html>
diff --git a/build/pgo/blueprint/screen.css b/build/pgo/blueprint/screen.css
new file mode 100644
index 0000000000..c631ead6a1
--- /dev/null
+++ b/build/pgo/blueprint/screen.css
@@ -0,0 +1,226 @@
+/* -----------------------------------------------------------------------
+
+ Blueprint CSS Framework 0.7.1
+ http://blueprintcss.googlecode.com
+
+ * Copyright (c) 2007-2008. See LICENSE for more info.
+ * See README for instructions on how to use Blueprint.
+ * For credits and origins, see AUTHORS.
+ * This is a compressed file. See the sources in the 'src' directory.
+
+----------------------------------------------------------------------- */
+
+/* reset.css */
+html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
+body {line-height:1.5;}
+table {border-collapse:separate;border-spacing:0;}
+caption, th, td {text-align:left;font-weight:normal;}
+table, td, th {vertical-align:middle;}
+blockquote:before, blockquote:after, q:before, q:after {content:"";}
+blockquote, q {quotes:"" "";}
+a img {border:none;}
+
+/* typography.css */
+body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
+h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
+h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
+h2 {font-size:2em;margin-bottom:0.75em;}
+h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
+h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
+h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
+h6 {font-size:1em;font-weight:bold;}
+h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
+p {margin:0 0 1.5em;}
+p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
+p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
+a:focus, a:hover {color:#000;}
+a {color:#009;text-decoration:underline;}
+blockquote {margin:1.5em;color:#666;font-style:italic;}
+strong {font-weight:bold;}
+em, dfn {font-style:italic;}
+dfn {font-weight:bold;}
+sup, sub {line-height:0;}
+abbr, acronym {border-bottom:1px dotted #666;}
+address {margin:0 0 1.5em;font-style:italic;}
+del {color:#666;}
+pre, code {margin:1.5em 0;white-space:pre;}
+pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
+li ul, li ol {margin:0 1.5em;}
+ul, ol {margin:0 1.5em 1.5em 1.5em;}
+ul {list-style-type:disc;}
+ol {list-style-type:decimal;}
+dl {margin:0 0 1.5em 0;}
+dl dt {font-weight:bold;}
+dd {margin-left:1.5em;}
+table {margin-bottom:1.4em;width:100%;}
+th {font-weight:bold;background:#C3D9FF;}
+th, td {padding:4px 10px 4px 5px;}
+tr.even td {background:#E5ECF9;}
+tfoot {font-style:italic;}
+caption {background:#eee;}
+.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
+.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
+.hide {display:none;}
+.quiet {color:#666;}
+.loud {color:#000;}
+.highlight {background:#ff0;}
+.added {background:#060;color:#fff;}
+.removed {background:#900;color:#fff;}
+.first {margin-left:0;padding-left:0;}
+.last {margin-right:0;padding-right:0;}
+.top {margin-top:0;padding-top:0;}
+.bottom {margin-bottom:0;padding-bottom:0;}
+
+/* grid.css */
+.container {width:950px;margin:0 auto;}
+.showgrid {background:url(grid.png);}
+body {margin:1.5em 0;}
+div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
+div.last {margin-right:0;}
+.span-1 {width:30px;}
+.span-2 {width:70px;}
+.span-3 {width:110px;}
+.span-4 {width:150px;}
+.span-5 {width:190px;}
+.span-6 {width:230px;}
+.span-7 {width:270px;}
+.span-8 {width:310px;}
+.span-9 {width:350px;}
+.span-10 {width:390px;}
+.span-11 {width:430px;}
+.span-12 {width:470px;}
+.span-13 {width:510px;}
+.span-14 {width:550px;}
+.span-15 {width:590px;}
+.span-16 {width:630px;}
+.span-17 {width:670px;}
+.span-18 {width:710px;}
+.span-19 {width:750px;}
+.span-20 {width:790px;}
+.span-21 {width:830px;}
+.span-22 {width:870px;}
+.span-23 {width:910px;}
+.span-24, div.span-24 {width:950px;margin:0;}
+.append-1 {padding-right:40px;}
+.append-2 {padding-right:80px;}
+.append-3 {padding-right:120px;}
+.append-4 {padding-right:160px;}
+.append-5 {padding-right:200px;}
+.append-6 {padding-right:240px;}
+.append-7 {padding-right:280px;}
+.append-8 {padding-right:320px;}
+.append-9 {padding-right:360px;}
+.append-10 {padding-right:400px;}
+.append-11 {padding-right:440px;}
+.append-12 {padding-right:480px;}
+.append-13 {padding-right:520px;}
+.append-14 {padding-right:560px;}
+.append-15 {padding-right:600px;}
+.append-16 {padding-right:640px;}
+.append-17 {padding-right:680px;}
+.append-18 {padding-right:720px;}
+.append-19 {padding-right:760px;}
+.append-20 {padding-right:800px;}
+.append-21 {padding-right:840px;}
+.append-22 {padding-right:880px;}
+.append-23 {padding-right:920px;}
+.prepend-1 {padding-left:40px;}
+.prepend-2 {padding-left:80px;}
+.prepend-3 {padding-left:120px;}
+.prepend-4 {padding-left:160px;}
+.prepend-5 {padding-left:200px;}
+.prepend-6 {padding-left:240px;}
+.prepend-7 {padding-left:280px;}
+.prepend-8 {padding-left:320px;}
+.prepend-9 {padding-left:360px;}
+.prepend-10 {padding-left:400px;}
+.prepend-11 {padding-left:440px;}
+.prepend-12 {padding-left:480px;}
+.prepend-13 {padding-left:520px;}
+.prepend-14 {padding-left:560px;}
+.prepend-15 {padding-left:600px;}
+.prepend-16 {padding-left:640px;}
+.prepend-17 {padding-left:680px;}
+.prepend-18 {padding-left:720px;}
+.prepend-19 {padding-left:760px;}
+.prepend-20 {padding-left:800px;}
+.prepend-21 {padding-left:840px;}
+.prepend-22 {padding-left:880px;}
+.prepend-23 {padding-left:920px;}
+div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
+div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
+.pull-1 {margin-left:-40px;}
+.pull-2 {margin-left:-80px;}
+.pull-3 {margin-left:-120px;}
+.pull-4 {margin-left:-160px;}
+.pull-5 {margin-left:-200px;}
+.pull-6 {margin-left:-240px;}
+.pull-7 {margin-left:-280px;}
+.pull-8 {margin-left:-320px;}
+.pull-9 {margin-left:-360px;}
+.pull-10 {margin-left:-400px;}
+.pull-11 {margin-left:-440px;}
+.pull-12 {margin-left:-480px;}
+.pull-13 {margin-left:-520px;}
+.pull-14 {margin-left:-560px;}
+.pull-15 {margin-left:-600px;}
+.pull-16 {margin-left:-640px;}
+.pull-17 {margin-left:-680px;}
+.pull-18 {margin-left:-720px;}
+.pull-19 {margin-left:-760px;}
+.pull-20 {margin-left:-800px;}
+.pull-21 {margin-left:-840px;}
+.pull-22 {margin-left:-880px;}
+.pull-23 {margin-left:-920px;}
+.pull-24 {margin-left:-960px;}
+.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
+.push-1 {margin:0 -40px 1.5em 40px;}
+.push-2 {margin:0 -80px 1.5em 80px;}
+.push-3 {margin:0 -120px 1.5em 120px;}
+.push-4 {margin:0 -160px 1.5em 160px;}
+.push-5 {margin:0 -200px 1.5em 200px;}
+.push-6 {margin:0 -240px 1.5em 240px;}
+.push-7 {margin:0 -280px 1.5em 280px;}
+.push-8 {margin:0 -320px 1.5em 320px;}
+.push-9 {margin:0 -360px 1.5em 360px;}
+.push-10 {margin:0 -400px 1.5em 400px;}
+.push-11 {margin:0 -440px 1.5em 440px;}
+.push-12 {margin:0 -480px 1.5em 480px;}
+.push-13 {margin:0 -520px 1.5em 520px;}
+.push-14 {margin:0 -560px 1.5em 560px;}
+.push-15 {margin:0 -600px 1.5em 600px;}
+.push-16 {margin:0 -640px 1.5em 640px;}
+.push-17 {margin:0 -680px 1.5em 680px;}
+.push-18 {margin:0 -720px 1.5em 720px;}
+.push-19 {margin:0 -760px 1.5em 760px;}
+.push-20 {margin:0 -800px 1.5em 800px;}
+.push-21 {margin:0 -840px 1.5em 840px;}
+.push-22 {margin:0 -880px 1.5em 880px;}
+.push-23 {margin:0 -920px 1.5em 920px;}
+.push-24 {margin:0 -960px 1.5em 960px;}
+.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
+.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
+hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
+hr.space {background:#fff;color:#fff;}
+.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
+.clearfix, .container {display:inline-block;}
+* html .clearfix, * html .container {height:1%;}
+.clearfix, .container {display:block;}
+.clear {clear:both;}
+
+/* forms.css */
+label {font-weight:bold;}
+fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
+legend {font-weight:bold;font-size:1.2em;}
+input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
+input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
+input.text, input.title {width:300px;padding:5px;}
+input.title {font-size:1.5em;}
+textarea {width:390px;height:250px;padding:5px;}
+.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
+.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
+.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
+.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
+.error a {color:#8a1f11;}
+.notice a {color:#514721;}
+.success a {color:#264409;} \ No newline at end of file
diff --git a/build/pgo/blueprint/test-small.jpg b/build/pgo/blueprint/test-small.jpg
new file mode 100644
index 0000000000..aa599d99a9
--- /dev/null
+++ b/build/pgo/blueprint/test-small.jpg
Binary files differ
diff --git a/build/pgo/blueprint/test.jpg b/build/pgo/blueprint/test.jpg
new file mode 100644
index 0000000000..0107be2734
--- /dev/null
+++ b/build/pgo/blueprint/test.jpg
Binary files differ