| <?xml version="1.0"?> |
| <!DOCTYPE html |
| PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" |
| "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en" xml:lang="en"> |
| <head> |
| |
| <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> |
| <meta http-equiv="content-style-type" content="text/css" /> |
| <meta http-equiv="content-language" content="en" /> |
| <meta name="keywords" content="centos web pagination visual style guide" /> |
| <meta name="description" content="CentOS pagination visual style guide is a tool to help you customize pagination inside CentOS websites." /> |
| <meta name="copyright" content="2009-2010 Alain Reguera Delgado" /> |
| |
| <title>Pagination - Home</title> |
| |
| <link href="/home/centos/artwork/trunk/Identity/Webenv/Css/App/default.css" rel="stylesheet" type="text/css" media="screen projection"/> |
| |
| </head> |
| |
| <body> |
| |
| <a name="top" /> |
| |
| <div id="wrap"> |
| |
| <div id="page-header"> |
| |
| |
| |
| |
| |
| |
| <div id="logo"> |
| <a title="Community Enterprise Operating System" |
| href="http://www.centos.org/"><img |
| src="/home/centos/artwork/trunk/Identity/Images/Brands/Logos/centos-white-64.png" alt="CentOS"/></a> |
| </div> |
| |
| |
| |
| |
| <div class="advertisement"> |
| <img src="/home/centos/artwork/tags/Identity/Images/Webenv/1.0/ads-sample-468x60.png" alt="Advertisement" /> |
| <script type="text/javascript"><!-- |
| google_ad_client = "pub-6973128787810819"; |
| google_ad_width = 468; |
| google_ad_height = 60; |
| google_ad_format = "468x60_as"; |
| google_ad_type = "text_image"; |
| google_ad_channel = ""; |
| google_color_border = "204c8d"; |
| google_color_bg = "345c97"; |
| google_color_link = "0000FF"; |
| google_color_text = "FFFFFF"; |
| google_color_url = "008000"; |
| |
| </script> |
| |
| <script type="text/javascript" |
| src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> |
| </script> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| <div class="page-line"><hr style="display:none;" /></div> |
| <div class="tabs1"> |
| |
| <span class="current"> |
| <a accesskey="1" title="CentOS Home Page |
| (Alt+Shift+1)" href="http://www.centos.org/"><span>Home</span></a> |
| </span> |
| |
| <span> |
| <a accesskey="2" title="CentOS Wiki (Alt+Shift+2)" |
| href="/home/centos/artwork/trunk/Identity/Models/Html/Moin/index.xhtml"><span>Wiki</span></a> |
| </span> |
| |
| <span> |
| <a accesskey="3" title="CentOS Mailing Lists |
| (Alt+Shift+3)" href="http://lists.centos.org/"><span>Lists</span></a> |
| </span> |
| |
| <span> |
| <a accesskey="4" title="CentOS Forums (Alt+Shift+4)" |
| href="http://forums.centos.org"><span>Forums</span></a> |
| </span> |
| |
| <span> |
| <a accesskey="5" title="CentOS Planet (Alt+Shift+5)" |
| href="http://planet.centos.org"><span>Planet</span></a> |
| </span> |
| |
| <span> |
| <a accesskey="6" title="CentOS Bugs (Alt+Shift+6)" href="http://bugs.centos.org"> |
| <span>Bugs</span></a> |
| </span> |
| |
| <span> |
| <a accesskey="7" title="CentOS Projects (Alt+Shift+7)" |
| href="https://projects.centos.org/trac/"><span>Projects</span></a> |
| </span> |
| |
| <span> |
| <a accesskey="8" title="CentOS Mirrors (Alt+Shift+8)" |
| href="http://mirrors.centos.org"><span>Mirrors</span></a> |
| </span> |
| |
| </div> |
| |
| |
| |
| |
| |
| <div class="page-line white"><hr style="display:none;" /></div> |
| <div class="links"> |
| |
| |
| |
| |
| |
| |
| <div class="user"> |
| <span><a href="">Lost your password?</a></span> |
| <span><a href="">Register</a></span> |
| <span class="last"><a href="">Login</a></span> |
| </div> |
| |
| |
| |
| |
| |
| |
| <div class="trail"> |
| <span><a href="">Pagination</a></span> |
| <span><a href="">Lists</a></span> |
| <span><a href="">Headings</a></span> |
| <span><a href="">Links</a></span> |
| <span><a href="">Texts</a></span> |
| <span class="last"><a href="">Home</a></span> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| <div class="tabs1"> |
| |
| <span><a title="Welcome to the web special interest group" |
| href="index.xhtml"><span>Welcome</span></a></span> |
| |
| <span><a title="CentOS headings visual style guide." |
| href="headings.xhtml"><span>Headings</span></a></span> |
| |
| <span><a title="CentOS texts visual style guide." |
| href="texts.xhtml"><span>Texts</span></a></span> |
| |
| <span><a title="CentOS lists visual style guide." |
| href="lists.xhtml"><span>Lists</span></a></span> |
| |
| <span><a title="CentOS links visual style guide." |
| href="links.xhtml"><span>Links</span></a></span> |
| |
| <span><a title="CentOS tables visual style guide." |
| href="tables.xhtml"><span>Tables</span></a></span> |
| |
| <span><a title="CentOS forms visual style guide." |
| href="forms.xhtml"><span>Forms</span></a></span> |
| |
| <span class="current"><a title="CentOS pagination visual style guide." |
| href="pagination.xhtml"><span>Pagination</span></a></span> |
| |
| </div> |
| |
| </div> |
| |
| <div class="page-line white"><hr style="display:none;" /></div> |
| |
| </div> |
| |
| |
| |
| |
| |
| <div id="page-body"> |
| |
| <div id="content-links"> |
| |
| |
| |
| |
| |
| <ul class="first"> |
| <li><a href="">Release Notes</a></li> |
| <li><a href="">Lifetime</a></li> |
| <li><a href="">Downloads</a></li> |
| <li><a href="">Documentation</a></li> |
| <li class="current"><a href="">Security Advisories</a></li> |
| <li><a href="">Bugs</a></li> |
| <li><a href="">Tips and tricks</a></li> |
| <li><a href="">HowTos</a></li> |
| </ul> |
| |
| <ul> |
| <li>In this bar, it is possible to separate links by |
| blocks.</li> |
| </ul> |
| |
| </div> |
| |
| <div id="content"> |
| |
| |
| |
| |
| |
| <div class="trail"> |
| <span><a href="">Pagination</a></span> |
| <span><a href="">Lists</a></span> |
| <span><a href="">Headings</a></span> |
| <span><a href="">Links</a></span> |
| <span><a href="">Texts</a></span> |
| <span class="last"><a href="">Home</a></span> |
| </div> |
| |
| |
| |
| |
| |
| <h1><a name="head-8665e6cb235a722319397af349424192">Pagination</a></h1> |
| |
| <p>CentOS Pagination Visual Style Guide.</p> |
| |
| <div class="toc"> <h3>Table of contents</h3> <ul><li><a href="#head-8665e6cb235a722319397af349424192">Pagination</a> <ul><li><a href="#head-4f062063283e838ed369f42f239db292">Basic</a> </li><li><a href="#head-a05afbbcc916325262caa8ab277b0b1e">Administrative</a> </li><li><a href="#head-5417594ef1f477c8c7ccbfb35e74088a">Recommendations</a> </li></ul> </li></ul> </div> |
| |
| <h2><a name="head-4f062063283e838ed369f42f239db292">Basic</a></h2> |
| |
| <div class="page-line"><hr style="display:none;" /></div> |
| <div class="records-list"> |
| <form action="" method="post" title="Filter"> |
| <div class="actions"> |
| <span> |
| <input type="text" value="" size="20" /> |
| <select name="field"> |
| <option value="name">Name</option> |
| <option value="description">Description</option> |
| <option value="date">Date</option> |
| </select> |
| <input type="submit" value="Filter" /> |
| <input type="hidden" value="filter" name="f-action" /> |
| </span> |
| <span class="last">3 records found.</span> |
| </div> |
| |
| <ul> |
| <li class="title"> |
| <span class="col1">Name</span> |
| <span class="col2">Description</span> |
| </li> |
| <li class="row1"> |
| <span class="col1">Alain Reguera Delgado</span> |
| <span class="col2">alain.reguera@localhost.localdomain</span> |
| </li> |
| <li class="row2"> |
| <span class="col1">Ana Tamara Reguera Gattorno</span> |
| <span class="col2">ana.reguera@localhost.localdomain</span> |
| </li> |
| <li class="row1"> |
| <span class="col1">Alina Reguera Gattorno</span> |
| <span class="col2">alina.reguera@localhost.localdomain</span> |
| </li> |
| </ul> |
| </form> |
| </div> |
| |
| <div class="page-line"><hr style="display:none;" /></div> |
| <div class="pagination"> |
| <span class="left"><a href="">Previous</a></span> |
| <span class="right"><a href="">Next</a></span> |
| </div> |
| <div class="page-line"><hr style="display:none;" /></div> |
| |
| <h2><a name="head-a05afbbcc916325262caa8ab277b0b1e">Administrative</a></h2> |
| |
| <blockquote class="icon message green"> |
| <img src="/home/centos/artwork/tags/Identity/Images/Webenv/1.0/success.png" alt="Success" /> |
| <h3>Success</h3> |
| <p>Use this message to notify action success.</p> |
| </blockquote> |
| <blockquote class="icon message orange"> |
| <img src="/home/centos/artwork/tags/Identity/Images/Webenv/1.0/warning.png" alt="Warning" /> |
| <h3>Warning</h3> |
| <p>Use this message to notify action warnings.</p> |
| </blockquote> |
| <blockquote class="icon message red"> |
| <img src="/home/centos/artwork/tags/Identity/Images/Webenv/1.0/error.png" alt="Error" /> |
| <h3>Error</h3> |
| <p>Use this message to notify action errors.</p> |
| </blockquote> |
| |
| <div class="page-line"><hr style="display:none;" /></div> |
| <div class="records-list"> |
| <form action="" method="post" title="Administrative Actions"> |
| <div class="actions"> |
| <span> |
| <input type="text" value="" size="20" /> |
| <select name="field"> |
| <option value="name">Name</option> |
| <option value="description">Description</option> |
| <option value="date">Date</option> |
| </select> |
| <input type="submit" value="Filter" /> |
| <input type="hidden" value="filter" name="f-action" /> |
| </span> |
| |
| <span class="last"> |
| <select name="action"> |
| <option value="edit">Update</option> |
| <option value="remove">Remove</option> |
| </select> |
| <input type="submit" value="Apply" /> |
| <input type="hidden" value="admin" name="f-action" /> |
| </span> |
| </div> |
| |
| <ul> |
| <li class="title"> |
| <span class="col0"> |
| <label title="Select all"> |
| <input name="check[]" type="checkbox" value="1" /> |
| </label> |
| </span> |
| <span class="col1">Name</span> |
| <span class="col2">Description</span> |
| </li> |
| <li class="row1"> |
| <span class="col0"> |
| <label title="Check 1"> |
| <input name="check[]" type="checkbox" value="1" /> |
| </label> |
| </span> |
| <span class="col1">Alain Reguera Delgado</span> |
| <span class="col2">alain.reguera@localhost.localdomain</span> |
| </li> |
| <li class="row2"> |
| <span class="col0"> |
| <label title="Check 1"> |
| <input name="check[]" type="checkbox" value="1" /> |
| </label> |
| </span> |
| <span class="col1">Ana Tamara Reguera Gattorno</span> |
| <span class="col2">ana.reguera@localhost.localdomain</span> |
| </li> |
| <li class="row1"> |
| <span class="col0"> |
| <label title="Check 1"> |
| <input name="check[]" type="checkbox" value="1" /> |
| </label> |
| </span> |
| <span class="col1">Alina Reguera Gattorno</span> |
| <span class="col2">alina.reguera@localhost.localdomain</span> |
| </li> |
| </ul> |
| </form> |
| </div> |
| |
| <div class="page-line"><hr style="display:none;" /></div> |
| <div class="pagination"> |
| <span class="left"><a href="">Previous</a></span> |
| <span class="right"><a href="">Next</a></span> |
| </div> |
| <div class="page-line"><hr style="display:none;" /></div> |
| |
| <h2><a name="head-5417594ef1f477c8c7ccbfb35e74088a">Recommendations</a></h2> |
| |
| <ul> |
| <li>...</li> |
| </ul> |
| |
| </div> |
| |
| |
| |
| |
| <div class="page-line"><hr style="display:none;" /></div> |
| |
| </div> |
| |
| |
| |
| |
| <div class="page-line white"><hr style="display:none;" /></div> |
| <div id="page-footer"> |
| |
| <div class="top"> |
| <a title="Top" |
| href="#top"><img |
| src="/home/centos/artwork/tags/Identity/Images/Webenv/1.0/top.png" |
| alt="Top"/></a> |
| </div> |
| |
| <div class="credits"> |
| Copyright © 2009-2011 Alain Reguera Delgado. All rights |
| reserved.<br />This website is licensed under a <a |
| rel="license" |
| href="http://creativecommons.org/licenses/by-sa/3.0/">Creative |
| Commons Attribution-Share Alike 3.0 Unported License</a>. |
| |
| </div> |
| |
| </div> |
| |
| </div> |
| |
| </body> |
| |
| </html> |