diff --git a/Artworks/Webenv/Style-guide/0.0.1/forms.html b/Artworks/Webenv/Style-guide/0.0.1/forms.html new file mode 100644 index 0000000..66fb173 --- /dev/null +++ b/Artworks/Webenv/Style-guide/0.0.1/forms.html @@ -0,0 +1,485 @@ +<?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 forms visual style guide" /> + <meta name="description" content="CentOS forms visual style guide is a tool to help you customize forms inside CentOS websites." /> + <meta name="copyright" content="2009-2012 The CentOS Project" /> + <title>Forms - Home</title> + <link href="stylesheet.css" rel="stylesheet" type="text/css" media="screen, projection" /> + </head> + <body> + <a name="top" id="top"></a> + <div id="wrap"> + <div id="page-header"> +<!-- + CentOS specific brand information. Use this section to show + the CentOS logo. The image used as CentOS logo needs to be 58 + pixels height. + --> + <div id="logo"> + <a title="Community Enterprise Operating System" href="http://www.centos.org/"> + <img src="./Images/logo-centos.png" alt="CentOS" /> + </a> + </div> +<!-- + Advertisement area (468x60 pixels). + --> + <div class="ads-google"> + <a title="Google Advertisement" href=""> + <img src="./Images/ads-sample-468x60.png" alt="Google Advertisement" /> + </a> +<!-- + <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> +<!-- + CentOS specific navigation links. Use this section to list the + web applications you want to be always visible no matter where + you are inside the CentOS web environment. Example of web + applications are: Wiki, Lists, Downloads, Forums, Planet, etc. + --> + <div class="page-line"> + <hr style="display:none;" /> + </div> + <div class="tabs"> + <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="http://wiki.centos.org/"> + <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 SIGs (Alt+Shift+7)" href="http://sigs.centos.org/"> + <span>SIGs</span> + </a> + </span> + <span> + <a accesskey="8" title="CentOS Downloads (Alt+Shift+8)" href="http://mirrors.centos.org"> + <span>Downloads</span> + </a> + </span> + </div> +<!-- + The CentOS Distribution last releases. + --> + <div id="last-releases"> + <div class="left"> + <span class="title"><a href="">Last Releases</a>:</span> + <span class="release"> + <a href="">6.0</a> + </span> + <span class="release"> + <a href="">5.8</a> + </span> + <span class="release"> + <a href="">4.12</a> + </span> + <span class="release last"> + <a href="">3.18</a> + </span> + </div> + <div class="right"> + <span class="rss"> + <a href="" title="RSS"> + <span>RSS</span> + </a> + </span> + </div> + </div> +<!-- + Application links. Use this section to organize user specific + links (e.g., session links, the last pages the user visited, + and the main pages the application is made of). + --> + <div id="appslinks"> +<!-- + User links. Use this section to set Login, Register, Lost your + password?, date and time of last vist, visited pages trail and + similar information. + --> + <div class="userlinks"> + <div class="lastvisit"> + <span class="title"> + <a href="">Your last visit was at</a> + </span> + <span class="datetime">Thu Aug 25 14:13:05 CDT 2011</span> + </div> + <div class="session"> + <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> +<!-- + Application specific links for content stuff. Use this section + to set application specific links that need to remain always + visible inside the application environment. + --> + <div class="tabs"> + <span> + <a title="Welcome to the web special interest group" href="index.html"> + <span>Welcome</span> + </a> + </span> + <span> + <a title="CentOS headings visual style guide." href="headings.html"> + <span>Headings</span> + </a> + </span> + <span> + <a title="CentOS texts visual style guide." href="texts.html"> + <span>Texts</span> + </a> + </span> + <span> + <a title="CentOS lists visual style guide." href="lists.html"> + <span>Lists</span> + </a> + </span> + <span> + <a title="CentOS links visual style guide." href="links.html"> + <span>Links</span> + </a> + </span> + <span> + <a title="CentOS tables visual style guide." href="tables.html"> + <span>Tables</span> + </a> + </span> + <span class="current"> + <a title="CentOS forms visual style guide." href="forms.html"> + <span>Forms</span> + </a> + </span> + <span> + <a title="CentOS pagination visual style guide." href="pagination.html"> + <span>Pagination</span> + </a> + </span> + </div> + </div> + <div class="page-line white"> + <hr style="display:none;" /> + </div> + </div> +<!-- + Start page body definitions. + --> + <div id="page-body"> +<!-- + The content of right column goes here. + + <div id="rightbar"> + + <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"> +<!-- + The content of left column starts here. + --> + <h1 class="title"> + <a name="head-0d403f9c0b0a9570f228cc2c044a6229" id="head-0d403f9c0b0a9570f228cc2c044a6229">Forms</a> + </h1> + <p>CentOS Forms Visual Style Guide.</p> + <div class="toc"> + <p>Table of contents</p> + <dl> + <dt> + <a href="#head-0d403f9c0b0a9570f228cc2c044a6229">Forms</a> + <dl> + <dt> + <a href="#head-d57fc1c185c264b10ccaafb659dbee08">Elements</a> + </dt> + <dt> + <a href="#head-6b5a22b6a29fce6bcec2e45d1350fa30">Recommendations</a> + </dt> + </dl> + </dt> + </dl> + </div> + <h2 class="title"> + <a name="head-d57fc1c185c264b10ccaafb659dbee08" id="head-d57fc1c185c264b10ccaafb659dbee08">Elements</a> + </h2> + <form method="post" action="" title="Form Styles"> + <fieldset> + <legend>Fieldset:</legend> + <div class="row1"> + <span class="descrip">input[type="text"]</span> + <div class="field"> + <input type="text" name="fname" value="" size="30" /> + </div> + </div> + <div class="row2"> + <span class="descrip">input[type="password"]</span> + <div class="field"> + <input type="password" name="email" value="" size="30" /> + </div> + </div> + <div class="row1"> + <span class="descrip">textarea</span> + <div class="field"> + <textarea name="pdescrip" cols="40" rows="10"></textarea> + </div> + </div> + <div class="row2"> + <span class="descrip">select</span> + <div class="field"> + <select name="ulang" title="One Level Selection"> + <option value="" selected="selected"></option> + <option value="en">English</option> + <option value="es">Spanish</option> + <option value="fr">French</option> + <option value="it">Italian</option> + </select> + <select name="mlevel" title="Multi Level Selection"> + <option value="" selected="selected"></option> + <optgroup label="CentOS-3"> + <option value="c3-docs">Documentation</option> + <option value="c3-wiki">Wiki</option> + <option value="c3-download">Download</option> + <option value="c3-lists">Mailing Lists</option> + <option value="c3-forums">Forums</option> + <option value="c3-bugs">Bugs</option> + </optgroup> + <optgroup label="CentOS-4"> + <option value="c4-docs">Documentation</option> + <option value="c4-wiki">Wiki</option> + <option value="c4-download">Download</option> + <option value="c4-lists">Mailing Lists</option> + <option value="c4-forums">Forums</option> + <option value="c4-bugs">Bugs</option> + </optgroup> + <optgroup label="CentOS-5"> + <option value="c5-wiki">Wiki</option> + <option value="c5-docs">Documentation</option> + <option value="c5-download">Download</option> + <option value="c5-lists">Mailing Lists</option> + <option value="c5-forums">Forums</option> + <option value="c5-bugs">Bugs</option> + </optgroup> + </select> + <select multiple="multiple" title="Multiple Selection (One Level)" size="5"> + <option value="c5-wiki">Wiki</option> + <option value="c5-docs">Documentation</option> + <option value="c5-download">Download</option> + <option value="c5-lists">Mailing Lists</option> + <option value="c5-forums">Forums</option> + <option value="c5-bugs">Bugs</option> + </select> + <select multiple="multiple" title="Multiple Selection (Two Levels)" size="5"> + <optgroup label="CentOS-3"> + <option value="c3-docs">Documentation</option> + <option value="c3-wiki">Wiki</option> + <option value="c3-download">Download</option> + <option value="c3-lists">Mailing Lists</option> + <option value="c3-forums">Forums</option> + <option value="c3-bugs">Bugs</option> + </optgroup> + <optgroup label="CentOS-4"> + <option value="c4-docs">Documentation</option> + <option value="c4-wiki">Wiki</option> + <option value="c4-download">Download</option> + <option value="c4-lists">Mailing Lists</option> + <option value="c4-forums">Forums</option> + <option value="c4-bugs">Bugs</option> + </optgroup> + <optgroup label="CentOS-5"> + <option value="c5-wiki">Wiki</option> + <option value="c5-docs">Documentation</option> + <option value="c5-download">Download</option> + <option value="c5-lists">Mailing Lists</option> + <option value="c5-forums">Forums</option> + <option value="c5-bugs">Bugs</option> + </optgroup> + </select> + </div> + </div> + <div class="row1"> + <span class="descrip">checkbox</span> + <div class="field"> + <div class="column"> + <label title="Check 1"><input name="check[]" type="checkbox" value="1" />Check 1 column 1</label> + <br /> + <label title="Check 2"><input name="check[]" type="checkbox" value="2" />Check 2</label> + <br /> + <label title="Check 3"><input name="check[]" type="checkbox" value="3" />Check 3</label> + <br /> + <label title="Check 4"><input name="check[]" type="checkbox" value="4" />Check 4</label> + <br /> + </div> + <div class="column"> + <label title="Check 5"><input name="check[]" type="checkbox" value="5" />Check 5</label> + <br /> + <label title="Check 6"><input name="check[]" type="checkbox" value="6" />Check 6</label> + <br /> + <label title="Check 7"><input name="check[]" type="checkbox" value="7" />Check 7 column 2</label> + <br /> + <label title="Check 8"><input name="check[]" type="checkbox" value="8" />Check 8</label> + <br /> + </div> + <div class="colum"> + <label title="Check 9"><input name="check[]" type="checkbox" value="9" />Check 9</label> + <br /> + <label title="Check 10"><input name="check[]" type="checkbox" value="10" />Check 10</label> + <br /> + <label title="Check 11"><input name="check[]" type="checkbox" value="11" />Check 11</label> + <br /> + <label title="Check 12"><input name="check[]" type="checkbox" value="12" />Check 12</label> + <br /> + </div> + </div> + </div> + <div class="row2"> + <span class="descrip">radio</span> + <div class="field"> + <div class="column"> + <label title="Radio 1"><input name="radio" type="radio" value="1" />Radio 1 column 1</label> + <br /> + <label title="Radio 2"><input name="radio" type="radio" value="2" />Radio 2</label> + <br /> + <label title="Radio 3"><input name="radio" type="radio" value="3" />Radio 3</label> + <br /> + <label title="Radio 4"><input name="radio" type="radio" value="4" />Radio 4</label> + </div> + <div class="column"> + <label title="Radio 5"><input name="radio" type="radio" value="5" />Radio 5</label> + <br /> + <label title="Radio 6"><input name="radio" type="radio" value="6" />Radio 6</label> + <br /> + <label title="Radio 7"><input name="radio" type="radio" value="7" />Radio 7</label> + <br /> + <label title="Radio 8"><input name="radio" type="radio" value="8" />Radio 8</label> + </div> + </div> + </div> + <div class="page-line"> + <hr style="display:none;" /> + </div> + <div class="row3"> + <span class="submit"> + <input type="submit" name="upref" value="Submit" /> + </span> + <div class="descrip">Brief fieldset description here ... Brief + fieldset description here ... Brief fieldset description here + ... + </div> + </div> + </fieldset> + </form> + <h2 class="title"> + <a name="head-6b5a22b6a29fce6bcec2e45d1350fa30" id="head-6b5a22b6a29fce6bcec2e45d1350fa30">Recommendations</a> + </h2> + <ul> + <li>...</li> + </ul> +<!-- + The content of left column ends here. + --> + <div class="page-line"> + <hr style="display:none;" /> + </div> + </div> + </div> +<!-- + Start page footer definitions. + --> + <div id="page-footer"> + <div class="credits"> + <div class="top"> + <a title="Top" href="#top"> + <img src="./Images/top.png" alt="Top" /> + </a> + </div> + <div class="copyright">© 2009-2012 The CentOS Project. All rights reserved.</div> + <div class="license">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> + </div> + </body> +</html> diff --git a/Artworks/Webenv/Style-guide/0.0.1/forms.xhtml b/Artworks/Webenv/Style-guide/0.0.1/forms.xhtml deleted file mode 100644 index c9ef4fa..0000000 --- a/Artworks/Webenv/Style-guide/0.0.1/forms.xhtml +++ /dev/null @@ -1,444 +0,0 @@ -<?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 forms visual style guide" /> - <meta name="description" content="CentOS forms visual style guide is a tool to help you customize forms inside CentOS websites." /> - <meta name="copyright" content="2009-2012 The CentOS Project" /> - - <title>Forms - Home</title> - - <link href="stylesheet.css" rel="stylesheet" type="text/css" media="screen, projection"/> - -</head> - -<body> - -<a name="top" /> - -<div id="wrap"> - - <div id="page-header"> - - <!-- - CentOS specific brand information. Use this section to show - the CentOS logo. The image used as CentOS logo needs to be 58 - pixels height. - --> - <div id="logo"> - <a title="Community Enterprise Operating System" - href="http://www.centos.org/"><img - src="./Images/logo-centos.png" alt="CentOS"/></a> - </div> - - <!-- - Advertisement area (468x60 pixels). - --> - <div class="ads-google"> - <a title="Google Advertisement" href=""><img src="./Images/ads-sample-468x60.png" alt="Google Advertisement" /></a> - <!-- - <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> - - <!-- - CentOS specific navigation links. Use this section to list the - web applications you want to be always visible no matter where - you are inside the CentOS web environment. Example of web - applications are: Wiki, Lists, Downloads, Forums, Planet, etc. - --> - <div class="page-line"><hr style="display:none;" /></div> - <div class="tabs"> - - <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="http://wiki.centos.org/"> - <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 SIGs (Alt+Shift+7)" href="http://sigs.centos.org/"> - <span>SIGs</span></a> - </span> - - <span> - <a accesskey="8" title="CentOS Downloads (Alt+Shift+8)" href="http://mirrors.centos.org"> - <span>Downloads</span></a> - </span> - - </div> - - <!-- - The CentOS Distribution last releases. - --> - <div id="last-releases"> - <div class="left"> - <span class="title"><a href="">Last Releases</a>:</span> - <span class="release"><a href="">6.0</a></span> - <span class="release"><a href="">5.8</a></span> - <span class="release"><a href="">4.12</a></span> - <span class="release last"><a href="">3.18</a></span> - </div> - <div class="right"> - <span class="rss"><a href="" title="RSS"><span>RSS</span></a></span> - </div> - </div> - - <!-- - Application links. Use this section to organize user specific - links (e.g., session links, the last pages the user visited, - and the main pages the application is made of). - --> - <div id="appslinks"> - - <!-- - User links. Use this section to set Login, Register, Lost your - password?, date and time of last vist, visited pages trail and - similar information. - --> - <div class="userlinks"> - <div class="lastvisit"> - <span class="title"><a href="">Your last visit was at</a></span> - <span class="datetime">Thu Aug 25 14:13:05 CDT 2011</span> - </div> - <div class="session"> - <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> - - <!-- - Application specific links for content stuff. Use this section - to set application specific links that need to remain always - visible inside the application environment. - --> - - <div class="tabs"> - - <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 class="current"><a title="CentOS forms visual style guide." - href="forms.xhtml"><span>Forms</span></a></span> - - <span><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> - - <!-- - Start page body definitions. - --> - - <div id="page-body"> - - <!-- - The content of right column goes here. - - <div id="rightbar"> - - <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"> - - <!-- - The content of left column starts here. - --> - - <h1 class="title"><a name="head-8a23b56a28dfa7277d176576f217054a">Forms</a></h1> - - <p>CentOS Forms Visual Style Guide.</p> - -<div class="toc"> <p>Table of contents</p> <dl><dt><a href="#head-8a23b56a28dfa7277d176576f217054a">Forms</a> <dl><dt><a href="#head-629f38bc607f2a270177106b450aeae3">Elements</a> </dt><dt><a href="#head-f49cae1d73592c984bbb0bffb1d5699a">Recommendations</a> </dt></dl> </dt></dl> </div> - - <h2 class="title"><a name="head-629f38bc607f2a270177106b450aeae3">Elements</a></h2> - - <form method="post" action="" title="Form Styles"> - <fieldset> - <legend>Fieldset:</legend> - <div class="row1"> - <span class="descrip">input[type="text"]</span> - <div class="field"><input type="text" name="fname" value="" size="30" /></div> - </div> - - <div class="row2"> - <span class="descrip">input[type="password"]</span> - <div class="field"><input type="password" name="email" value="" size="30" /></div> - </div> - - <div class="row1"> - <span class="descrip">textarea</span> - <div class="field"><textarea name="pdescrip" cols="40" rows="10"></textarea></div> - </div> - - <div class="row2"> - <span class="descrip">select</span> - <div class="field"> - <select name="ulang" title="One Level Selection"> - <option value="" selected="selected"></option> - <option value="en">English</option> - <option value="es">Spanish</option> - <option value="fr">French</option> - <option value="it">Italian</option> - </select> - - <select name="mlevel" title="Multi Level Selection"> - <option value="" selected="selected"></option> - <optgroup label="CentOS-3"> - <option value="c3-docs">Documentation</option> - <option value="c3-wiki">Wiki</option> - <option value="c3-download">Download</option> - <option value="c3-lists">Mailing Lists</option> - <option value="c3-forums">Forums</option> - <option value="c3-bugs">Bugs</option> - </optgroup> - <optgroup label="CentOS-4"> - <option value="c4-docs">Documentation</option> - <option value="c4-wiki">Wiki</option> - <option value="c4-download">Download</option> - <option value="c4-lists">Mailing Lists</option> - <option value="c4-forums">Forums</option> - <option value="c4-bugs">Bugs</option> - </optgroup> - <optgroup label="CentOS-5"> - <option value="c5-wiki">Wiki</option> - <option value="c5-docs">Documentation</option> - <option value="c5-download">Download</option> - <option value="c5-lists">Mailing Lists</option> - <option value="c5-forums">Forums</option> - <option value="c5-bugs">Bugs</option> - </optgroup> - </select> - - <select multiple="multiple" title="Multiple Selection (One Level)" size="5"> - <option value="c5-wiki">Wiki</option> - <option value="c5-docs">Documentation</option> - <option value="c5-download">Download</option> - <option value="c5-lists">Mailing Lists</option> - <option value="c5-forums">Forums</option> - <option value="c5-bugs">Bugs</option> - </select> - <select multiple="multiple" title="Multiple Selection (Two Levels)" size="5"> - <optgroup label="CentOS-3"> - <option value="c3-docs">Documentation</option> - <option value="c3-wiki">Wiki</option> - <option value="c3-download">Download</option> - <option value="c3-lists">Mailing Lists</option> - <option value="c3-forums">Forums</option> - <option value="c3-bugs">Bugs</option> - </optgroup> - <optgroup label="CentOS-4"> - <option value="c4-docs">Documentation</option> - <option value="c4-wiki">Wiki</option> - <option value="c4-download">Download</option> - <option value="c4-lists">Mailing Lists</option> - <option value="c4-forums">Forums</option> - <option value="c4-bugs">Bugs</option> - </optgroup> - <optgroup label="CentOS-5"> - <option value="c5-wiki">Wiki</option> - <option value="c5-docs">Documentation</option> - <option value="c5-download">Download</option> - <option value="c5-lists">Mailing Lists</option> - <option value="c5-forums">Forums</option> - <option value="c5-bugs">Bugs</option> - </optgroup> - </select> - </div> - </div> - - <div class="row1"> - <span class="descrip">checkbox</span> - <div class="field"> - - <div class="column"> - <label title="Check 1"><input name="check[]" type="checkbox" value="1" />Check 1 column 1</label><br /> - <label title="Check 2"><input name="check[]" type="checkbox" value="2" />Check 2</label><br /> - <label title="Check 3"><input name="check[]" type="checkbox" value="3" />Check 3</label><br /> - <label title="Check 4"><input name="check[]" type="checkbox" value="4" />Check 4</label><br /> - </div> - - <div class="column"> - <label title="Check 5"><input name="check[]" type="checkbox" value="5" />Check 5</label><br /> - <label title="Check 6"><input name="check[]" type="checkbox" value="6" />Check 6</label><br /> - <label title="Check 7"><input name="check[]" type="checkbox" value="7" />Check 7 column 2</label><br /> - <label title="Check 8"><input name="check[]" type="checkbox" value="8" />Check 8</label><br /> - </div> - - <div class="colum"> - <label title="Check 9"><input name="check[]" type="checkbox" value="9" />Check 9</label><br /> - <label title="Check 10"><input name="check[]" type="checkbox" value="10" />Check 10</label><br /> - <label title="Check 11"><input name="check[]" type="checkbox" value="11" />Check 11</label><br /> - <label title="Check 12"><input name="check[]" type="checkbox" value="12" />Check 12</label><br /> - </div> - - </div> - - </div> - - <div class="row2"> - <span class="descrip">radio</span> - <div class="field"> - - <div class="column"> - <label title="Radio 1"><input name="radio" type="radio" value="1" />Radio 1 column 1</label><br /> - <label title="Radio 2"><input name="radio" type="radio" value="2" />Radio 2</label><br /> - <label title="Radio 3"><input name="radio" type="radio" value="3" />Radio 3</label><br /> - <label title="Radio 4"><input name="radio" type="radio" value="4" />Radio 4</label> - </div> - - <div class="column"> - <label title="Radio 5"><input name="radio" type="radio" value="5" />Radio 5</label><br /> - <label title="Radio 6"><input name="radio" type="radio" value="6" />Radio 6</label><br /> - <label title="Radio 7"><input name="radio" type="radio" value="7" />Radio 7</label><br /> - <label title="Radio 8"><input name="radio" type="radio" value="8" />Radio 8</label> - </div> - - </div> - </div> - - <div class="page-line"><hr style="display:none;" /></div> - - <div class="row3"> - <span class="submit"><input type="submit" name="upref" - value="Submit" /></span> - - <div class="descrip">Brief fieldset description here ... Brief - fieldset description here ... Brief fieldset description here - ... - </div> - - </div> - - </fieldset> - </form> - - <h2 class="title"><a name="head-f49cae1d73592c984bbb0bffb1d5699a">Recommendations</a></h2> - - <ul> - <li>...</li> - </ul> - - <!-- - The content of left column ends here. - --> - <div class="page-line"><hr style="display:none;" /></div> - - </div> - - </div> - - <!-- - Start page footer definitions. - --> - <div id="page-footer"> - - <div class="credits"> - <div class="top"> - <a title="Top" href="#top"><img src="./Images/top.png" alt="Top"/></a> - </div> - <div class="copyright">© 2009-2012 The CentOS Project. All rights reserved.</div> - <div class="license">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> - -</div> - -</body> - -</html> diff --git a/Artworks/Webenv/Style-guide/0.0.1/headings.html b/Artworks/Webenv/Style-guide/0.0.1/headings.html new file mode 100644 index 0000000..4087b90 --- /dev/null +++ b/Artworks/Webenv/Style-guide/0.0.1/headings.html @@ -0,0 +1,387 @@ +<?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 headings visual style guide" /> + <meta name="description" content="CentOS headings visual style guide is a tool to help you customize headings inside CentOS websites." /> + <meta name="copyright" content="2009-2012 The CentOS Project" /> + <title>Headings - Home</title> + <link href="stylesheet.css" rel="stylesheet" type="text/css" media="screen, projection" /> + </head> + <body> + <a name="top" id="top"></a> + <div id="wrap"> + <div id="page-header"> +<!-- + CentOS specific brand information. Use this section to show + the CentOS logo. The image used as CentOS logo needs to be 58 + pixels height. + --> + <div id="logo"> + <a title="Community Enterprise Operating System" href="http://www.centos.org/"> + <img src="./Images/logo-centos.png" alt="CentOS" /> + </a> + </div> +<!-- + Advertisement area (468x60 pixels). + --> + <div class="ads-google"> + <a title="Google Advertisement" href=""> + <img src="./Images/ads-sample-468x60.png" alt="Google Advertisement" /> + </a> +<!-- + <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> +<!-- + CentOS specific navigation links. Use this section to list the + web applications you want to be always visible no matter where + you are inside the CentOS web environment. Example of web + applications are: Wiki, Lists, Downloads, Forums, Planet, etc. + --> + <div class="page-line"> + <hr style="display:none;" /> + </div> + <div class="tabs"> + <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="http://wiki.centos.org/"> + <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 SIGs (Alt+Shift+7)" href="http://sigs.centos.org/"> + <span>SIGs</span> + </a> + </span> + <span> + <a accesskey="8" title="CentOS Downloads (Alt+Shift+8)" href="http://mirrors.centos.org"> + <span>Downloads</span> + </a> + </span> + </div> +<!-- + The CentOS Distribution last releases. + --> + <div id="last-releases"> + <div class="left"> + <span class="title"><a href="">Last Releases</a>:</span> + <span class="release"> + <a href="">6.0</a> + </span> + <span class="release"> + <a href="">5.8</a> + </span> + <span class="release"> + <a href="">4.12</a> + </span> + <span class="release last"> + <a href="">3.18</a> + </span> + </div> + <div class="right"> + <span class="rss"> + <a href="" title="RSS"> + <span>RSS</span> + </a> + </span> + </div> + </div> +<!-- + Application links. Use this section to organize user specific + links (e.g., session links, the last pages the user visited, + and the main pages the application is made of). + --> + <div id="appslinks"> +<!-- + User links. Use this section to set Login, Register, Lost your + password?, date and time of last vist, visited pages trail and + similar information. + --> + <div class="userlinks"> + <div class="lastvisit"> + <span class="title"> + <a href="">Your last visit was at</a> + </span> + <span class="datetime">Thu Aug 25 14:13:05 CDT 2011</span> + </div> + <div class="session"> + <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> +<!-- + Application specific links for content stuff. Use this section + to set application specific links that need to remain always + visible inside the application environment. + --> + <div class="tabs"> + <span> + <a title="Welcome to the web special interest group" href="index.html"> + <span>Welcome</span> + </a> + </span> + <span class="current"> + <a title="CentOS headings visual style guide." href="headings.html"> + <span>Headings</span> + </a> + </span> + <span> + <a title="CentOS texts visual style guide." href="texts.html"> + <span>Texts</span> + </a> + </span> + <span> + <a title="CentOS lists visual style guide." href="lists.html"> + <span>Lists</span> + </a> + </span> + <span> + <a title="CentOS links visual style guide." href="links.html"> + <span>Links</span> + </a> + </span> + <span> + <a title="CentOS tables visual style guide." href="tables.html"> + <span>Tables</span> + </a> + </span> + <span> + <a title="CentOS forms visual style guide." href="forms.html"> + <span>Forms</span> + </a> + </span> + <span> + <a title="CentOS pagination visual style guide." href="pagination.html"> + <span>Pagination</span> + </a> + </span> + </div> + </div> + <div class="page-line white"> + <hr style="display:none;" /> + </div> + </div> +<!-- + Start page body definitions. + --> + <div id="page-body"> +<!-- + The content of right column goes here. + + <div id="rightbar"> + + <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"> +<!-- + The content of left column starts here. + --> + <h1 class="title"> + <a name="head-2b26351947fab49d9ed9c2cf18f548e2" id="head-2b26351947fab49d9ed9c2cf18f548e2">Headings</a> + </h1> + <p>CentOS Headings Visual Style Guide.</p> + <div class="toc"> + <p>Table of contents</p> + <dl> + <dt> + <a href="#head-2b26351947fab49d9ed9c2cf18f548e2">Headings</a> + </dt> + <dt> + <a href="#head-d022bccef4802ea4270cc819cfb860f8">Heading Level 1</a> + <dl> + <dt> + <a href="#head-5bbb5bd41af2fc0e3d2a51ec985636fb">Heading Level 2</a> + <dl> + <dt> + <a href="#head-3b80372f2d12cbb22ab0112c2315de2a">Heading Level 3</a> + <dl> + <dt> + <a href="#head-9bdcdf4b7129faf02afe79dc68592677">Heading Level 4</a> + <dl> + <dt> + <a href="#head-d233ead30fbae093b84e01c9ecf97e79">Heading Level 5</a> + <dl> + <dt> + <a href="#head-06c191ce76c63165cb3709a5eded8897">Heading Level 6</a> + </dt> + </dl> + </dt> + </dl> + </dt> + </dl> + </dt> + </dl> + </dt> + <dt> + <a href="#head-39c4697133e69b6755b6f2665b483a50">Recommendations</a> + </dt> + </dl> + </dt> + </dl> + </div> + <h1 class="title"> + <a name="head-d022bccef4802ea4270cc819cfb860f8" href="#head-d022bccef4802ea4270cc819cfb860f8" id="head-d022bccef4802ea4270cc819cfb860f8">Heading Level 1</a> + </h1> + <pre><h1 class="title" class="title"><a name="head-5871b1272673f7cf89bcaf48972c848a" href="#head-5871b1272673f7cf89bcaf48972c848a">Heading Level 1</a></h1></pre> + <h2 class="title"> + <a name="head-5bbb5bd41af2fc0e3d2a51ec985636fb" href="#head-5bbb5bd41af2fc0e3d2a51ec985636fb" id="head-5bbb5bd41af2fc0e3d2a51ec985636fb">Heading Level 2</a> + </h2> + <pre><h2 class="title"><a name="head-d33a28a4193cffb949f506cfdf770f05" href="#head-d33a28a4193cffb949f506cfdf770f05">Heading Level 2</a></h2></pre> + <h3 class="title"> + <a name="head-3b80372f2d12cbb22ab0112c2315de2a" href="#head-3b80372f2d12cbb22ab0112c2315de2a" id="head-3b80372f2d12cbb22ab0112c2315de2a">Heading Level 3</a> + </h3> + <pre><h3 class="title"><a name="head-82dd23c665d8ee437a980459c8b80d7a" href="#head-82dd23c665d8ee437a980459c8b80d7a">Heading Level 3</a></h3></pre> + <h4 class="title"> + <a name="head-9bdcdf4b7129faf02afe79dc68592677" href="#head-9bdcdf4b7129faf02afe79dc68592677" id="head-9bdcdf4b7129faf02afe79dc68592677">Heading Level 4</a> + </h4> + <pre><h4 class="title"><a name="head-157dc030ea314f4b53a6ed238113a3f8" href="#head-157dc030ea314f4b53a6ed238113a3f8">Heading Level 4</a></h4></pre> + <h5 class="title"> + <a name="head-d233ead30fbae093b84e01c9ecf97e79" href="#head-d233ead30fbae093b84e01c9ecf97e79" id="head-d233ead30fbae093b84e01c9ecf97e79">Heading Level 5</a> + </h5> + <pre><h5 class="title"><a name="head-33628cc07bcbefc4e4732407b8680bf6" href="#head-33628cc07bcbefc4e4732407b8680bf6">Heading Level 5</a></h5></pre> + <h6 class="title"> + <a name="head-06c191ce76c63165cb3709a5eded8897" href="#head-06c191ce76c63165cb3709a5eded8897" id="head-06c191ce76c63165cb3709a5eded8897">Heading Level 6</a> + </h6> + <pre><h6 class="title"><a name="head-93b42a4a61a0b05a81aff6224555603c" href="#head-93b42a4a61a0b05a81aff6224555603c">Heading Level 5</a></h6></pre> + <h2 class="title"> + <a name="head-39c4697133e69b6755b6f2665b483a50" id="head-39c4697133e69b6755b6f2665b483a50">Recommendations</a> + </h2> + <p>As heading design recommendations:</p> + <ul> + <li> + <p>When defining headings, make them accessible + using the following structure:</p> + <pre><h1 class="title"><a name="head-a1811f6545db914813115417011b2df9">Heading</a></h1></pre> + <p>Where <tt>a1811f6545db914813115417011b2df9</tt> is the + result of applying <tt>md5sum</tt> command to + <tt>Heading</tt> string. In this case, + <tt>Heading</tt> is the heading name.</p> + </li> + <li> + <p>Sometimes headings are used as links. For those + cases, use the following structure:</p> + </li> + <pre><h1 class="title"><a href="#head-a1811f6545db914813115417011b2df9">Heading</a></h1></pre> + <p>or the following, if you want to make a heading an + anchor and link of itself:</p> + <pre><h1 class="title"><a name="head-a1811f6545db914813115417011b2df9" href="#head-a1811f6545db914813115417011b2df9">Heading</a></h1></pre> + <li> + <p>Avoid using more than 4 levels of headings. If + you think you need to, you probably do; but consider + splitting your content in several pages instead. Too + many headings could affect your content + readability.</p> + </li> + </ul> +<!-- + The content of left column ends here. + --> + <div class="page-line"> + <hr style="display:none;" /> + </div> + </div> + </div> +<!-- + Start page footer definitions. + --> + <div id="page-footer"> + <div class="credits"> + <div class="top"> + <a title="Top" href="#top"> + <img src="./Images/top.png" alt="Top" /> + </a> + </div> + <div class="copyright">© 2009-2012 The CentOS Project. All rights reserved.</div> + <div class="license">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> + </div> + </body> +</html> diff --git a/Artworks/Webenv/Style-guide/0.0.1/headings.xhtml b/Artworks/Webenv/Style-guide/0.0.1/headings.xhtml deleted file mode 100644 index b1edaca..0000000 --- a/Artworks/Webenv/Style-guide/0.0.1/headings.xhtml +++ /dev/null @@ -1,329 +0,0 @@ -<?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 headings visual style guide" /> - <meta name="description" content="CentOS headings visual style guide is a tool to help you customize headings inside CentOS websites." /> - <meta name="copyright" content="2009-2012 The CentOS Project" /> - - <title>Headings - Home</title> - - <link href="stylesheet.css" rel="stylesheet" type="text/css" media="screen, projection"/> - -</head> - -<body> - -<a name="top" /> - -<div id="wrap"> - - <div id="page-header"> - - <!-- - CentOS specific brand information. Use this section to show - the CentOS logo. The image used as CentOS logo needs to be 58 - pixels height. - --> - <div id="logo"> - <a title="Community Enterprise Operating System" - href="http://www.centos.org/"><img - src="./Images/logo-centos.png" alt="CentOS"/></a> - </div> - - <!-- - Advertisement area (468x60 pixels). - --> - <div class="ads-google"> - <a title="Google Advertisement" href=""><img src="./Images/ads-sample-468x60.png" alt="Google Advertisement" /></a> - <!-- - <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> - - <!-- - CentOS specific navigation links. Use this section to list the - web applications you want to be always visible no matter where - you are inside the CentOS web environment. Example of web - applications are: Wiki, Lists, Downloads, Forums, Planet, etc. - --> - <div class="page-line"><hr style="display:none;" /></div> - <div class="tabs"> - - <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="http://wiki.centos.org/"> - <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 SIGs (Alt+Shift+7)" href="http://sigs.centos.org/"> - <span>SIGs</span></a> - </span> - - <span> - <a accesskey="8" title="CentOS Downloads (Alt+Shift+8)" href="http://mirrors.centos.org"> - <span>Downloads</span></a> - </span> - - </div> - - <!-- - The CentOS Distribution last releases. - --> - <div id="last-releases"> - <div class="left"> - <span class="title"><a href="">Last Releases</a>:</span> - <span class="release"><a href="">6.0</a></span> - <span class="release"><a href="">5.8</a></span> - <span class="release"><a href="">4.12</a></span> - <span class="release last"><a href="">3.18</a></span> - </div> - <div class="right"> - <span class="rss"><a href="" title="RSS"><span>RSS</span></a></span> - </div> - </div> - - <!-- - Application links. Use this section to organize user specific - links (e.g., session links, the last pages the user visited, - and the main pages the application is made of). - --> - <div id="appslinks"> - - <!-- - User links. Use this section to set Login, Register, Lost your - password?, date and time of last vist, visited pages trail and - similar information. - --> - <div class="userlinks"> - <div class="lastvisit"> - <span class="title"><a href="">Your last visit was at</a></span> - <span class="datetime">Thu Aug 25 14:13:05 CDT 2011</span> - </div> - <div class="session"> - <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> - - <!-- - Application specific links for content stuff. Use this section - to set application specific links that need to remain always - visible inside the application environment. - --> - - <div class="tabs"> - - <span><a title="Welcome to the web special interest group" - href="index.xhtml"><span>Welcome</span></a></span> - - <span class="current"><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><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> - - <!-- - Start page body definitions. - --> - - <div id="page-body"> - - <!-- - The content of right column goes here. - - <div id="rightbar"> - - <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"> - - <!-- - The content of left column starts here. - --> - - <h1 class="title"><a name="head-13565f63786fdd627fe0a3da2eadb098">Headings</a></h1> - - <p>CentOS Headings Visual Style Guide.</p> - -<div class="toc"> <p>Table of contents</p> <dl><dt><a href="#head-13565f63786fdd627fe0a3da2eadb098">Headings</a> </dt><dt><a href="#head-d11297f57835c598dabca3e180eceef2">Heading Level 1</a> <dl><dt><a href="#head-78efe0dadf814013fd956a3eb3801572">Heading Level 2</a> <dl><dt><a href="#head-5ba1dc050ed1343de3dfa2fb6c6d5d28">Heading Level 3</a> <dl><dt><a href="#head-fd816535c2c0c07cb3fb982e56bb733d">Heading Level 4</a> <dl><dt><a href="#head-f5f6d8cad371d4307a2eab75a11741e1">Heading Level 5</a> <dl><dt><a href="#head-ad8feab7822672f2735d6924c77c4147">Heading Level 6</a> </dt></dl></dt></dl></dt></dl></dt></dl></dt><dt><a href="#head-a87c1d68dc93f779d26b1be6960d9e93">Recommendations</a> </dt></dl> </dt></dl> </div> - - <h1 class="title"><a name="head-d11297f57835c598dabca3e180eceef2" href="#head-d11297f57835c598dabca3e180eceef2">Heading Level 1</a></h1> - <pre><h1 class="title" class="title"><a name="head-5871b1272673f7cf89bcaf48972c848a" href="#head-5871b1272673f7cf89bcaf48972c848a">Heading Level 1</a></h1></pre> - - <h2 class="title"><a name="head-78efe0dadf814013fd956a3eb3801572" href="#head-78efe0dadf814013fd956a3eb3801572">Heading Level 2</a></h2> - <pre><h2 class="title"><a name="head-d33a28a4193cffb949f506cfdf770f05" href="#head-d33a28a4193cffb949f506cfdf770f05">Heading Level 2</a></h2></pre> - - <h3 class="title"><a name="head-5ba1dc050ed1343de3dfa2fb6c6d5d28" href="#head-5ba1dc050ed1343de3dfa2fb6c6d5d28">Heading Level 3</a></h3> - <pre><h3 class="title"><a name="head-82dd23c665d8ee437a980459c8b80d7a" href="#head-82dd23c665d8ee437a980459c8b80d7a">Heading Level 3</a></h3></pre> - - <h4 class="title"><a name="head-fd816535c2c0c07cb3fb982e56bb733d" href="#head-fd816535c2c0c07cb3fb982e56bb733d">Heading Level 4</a></h4> - <pre><h4 class="title"><a name="head-157dc030ea314f4b53a6ed238113a3f8" href="#head-157dc030ea314f4b53a6ed238113a3f8">Heading Level 4</a></h4></pre> - - <h5 class="title"><a name="head-f5f6d8cad371d4307a2eab75a11741e1" href="#head-f5f6d8cad371d4307a2eab75a11741e1">Heading Level 5</a></h5> - <pre><h5 class="title"><a name="head-33628cc07bcbefc4e4732407b8680bf6" href="#head-33628cc07bcbefc4e4732407b8680bf6">Heading Level 5</a></h5></pre> - - <h6 class="title"><a name="head-ad8feab7822672f2735d6924c77c4147" href="#head-ad8feab7822672f2735d6924c77c4147">Heading Level 6</a></h6> - <pre><h6 class="title"><a name="head-93b42a4a61a0b05a81aff6224555603c" href="#head-93b42a4a61a0b05a81aff6224555603c">Heading Level 5</a></h6></pre> - - <h2 class="title"><a name="head-a87c1d68dc93f779d26b1be6960d9e93">Recommendations</a></h2> - - <p>As heading design recommendations:</p> - - <ul> - - <li><p>When defining headings, make them accessible - using the following structure:</p> - - <pre><h1 class="title"><a name="head-a1811f6545db914813115417011b2df9">Heading</a></h1></pre> - - <p>Where <tt>a1811f6545db914813115417011b2df9</tt> is the - result of applying <tt>md5sum</tt> command to - <tt>Heading</tt> string. In this case, - <tt>Heading</tt> is the heading name.</p> - - </li> - - <li><p>Sometimes headings are used as links. For those - cases, use the following structure:</p></li> - - <pre><h1 class="title"><a href="#head-a1811f6545db914813115417011b2df9">Heading</a></h1></pre> - - <p>or the following, if you want to make a heading an - anchor and link of itself:</p> - - <pre><h1 class="title"><a name="head-a1811f6545db914813115417011b2df9" href="#head-a1811f6545db914813115417011b2df9">Heading</a></h1></pre> - - <li><p>Avoid using more than 4 levels of headings. If - you think you need to, you probably do; but consider - splitting your content in several pages instead. Too - many headings could affect your content - readability.</p></li> - - </ul> - - <!-- - The content of left column ends here. - --> - <div class="page-line"><hr style="display:none;" /></div> - - </div> - - </div> - - <!-- - Start page footer definitions. - --> - <div id="page-footer"> - <div class="credits"> - <div class="top"> - <a title="Top" href="#top"><img src="./Images/top.png" alt="Top"/></a> - </div> - <div class="copyright">© 2009-2012 The CentOS Project. All rights reserved.</div> - <div class="license">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> - -</div> - -</body> - -</html> diff --git a/Artworks/Webenv/Style-guide/0.0.1/index.html b/Artworks/Webenv/Style-guide/0.0.1/index.html new file mode 100644 index 0000000..d6aeb87 --- /dev/null +++ b/Artworks/Webenv/Style-guide/0.0.1/index.html @@ -0,0 +1,290 @@ +<?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 homepage visual style guide" /> + <meta name="description" content="CentOS homepage visual style guide is a tool to help you customize homepage inside CentOS websites." /> + <meta name="copyright" content="2009-2012 The CentOS Project" /> + <title>Welcome - Home</title> + <link href="stylesheet.css" rel="stylesheet" type="text/css" media="screen, projection" /> + </head> + <body> + <a name="top" id="top"></a> + <div id="wrap"> + <div id="page-header"> +<!-- + CentOS specific brand information. Use this section to show + the CentOS logo. The image used as CentOS logo needs to be 58 + pixels height. + --> + <div id="logo"> + <a title="Community Enterprise Operating System" href="http://www.centos.org/"> + <img src="./Images/logo-centos.png" alt="CentOS" /> + </a> + </div> +<!-- + Advertisement area (468x60 pixels). + --> + <div class="ads-google"> + <a title="Google Advertisement" href=""> + <img src="./Images/ads-sample-468x60.png" alt="Google Advertisement" /> + </a> +<!-- + <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> +<!-- + CentOS specific navigation links. Use this section to list the + web applications you want to be always visible no matter where + you are inside the CentOS web environment. Example of web + applications are: Wiki, Lists, Downloads, Forums, Planet, etc. + --> + <div class="page-line"> + <hr style="display:none;" /> + </div> + <div class="tabs"> + <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="http://wiki.centos.org/"> + <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 SIGs (Alt+Shift+7)" href="http://sigs.centos.org/"> + <span>SIGs</span> + </a> + </span> + <span> + <a accesskey="8" title="CentOS Downloads (Alt+Shift+8)" href="http://mirrors.centos.org"> + <span>Downloads</span> + </a> + </span> + </div> +<!-- + The CentOS Distribution last releases. + --> + <div id="last-releases"> + <div class="left"> + <span class="title"><a href="">Last Releases</a>:</span> + <span class="release"> + <a href="">6.0</a> + </span> + <span class="release"> + <a href="">5.8</a> + </span> + <span class="release"> + <a href="">4.12</a> + </span> + <span class="release last"> + <a href="">3.18</a> + </span> + </div> + <div class="right"> + <span class="rss"> + <a href="" title="RSS"> + <span>RSS</span> + </a> + </span> + </div> + </div> +<!-- + Application links. Use this section to organize user specific + links (e.g., session links, the last pages the user visited, + and the main pages the application is made of). + --> + <div id="appslinks"> +<!-- + User links. Use this section to set Login, Register, Lost your + password?, date and time of last vist, visited pages trail and + similar information. + --> + <div class="userlinks"> + <div class="lastvisit"> + <span class="title"> + <a href="">Your last visit was at</a> + </span> + <span class="datetime">Thu Aug 25 14:13:05 CDT 2011</span> + </div> + <div class="session"> + <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> +<!-- + Application specific links for content stuff. Use this section + to set application specific links that need to remain always + visible inside the application environment. + --> + <div class="tabs"> + <span class="current"> + <a title="Welcome to the web special interest group" href="index.html"> + <span>Welcome</span> + </a> + </span> + <span> + <a title="CentOS headings visual style guide." href="headings.html"> + <span>Headings</span> + </a> + </span> + <span> + <a title="CentOS texts visual style guide." href="texts.html"> + <span>Texts</span> + </a> + </span> + <span> + <a title="CentOS lists visual style guide." href="lists.html"> + <span>Lists</span> + </a> + </span> + <span> + <a title="CentOS links visual style guide." href="links.html"> + <span>Links</span> + </a> + </span> + <span> + <a title="CentOS tables visual style guide." href="tables.html"> + <span>Tables</span> + </a> + </span> + <span> + <a title="CentOS forms visual style guide." href="forms.html"> + <span>Forms</span> + </a> + </span> + <span> + <a title="CentOS pagination visual style guide." href="pagination.html"> + <span>Pagination</span> + </a> + </span> + </div> + </div> + <div class="page-line white"> + <hr style="display:none;" /> + </div> + </div> +<!-- + Start page body definitions. + --> + <div id="page-body"> +<!-- + The content of right column goes here. + <div id="rightbar"> + + <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"> +<!-- + The content of left column starts here. + --> + <p>...</p> +<!-- + The content of left column ends here. + --> + <div class="page-line"> + <hr style="display:none;" /> + </div> + </div> + </div> +<!-- + Start page footer definitions. + --> + <div id="page-footer"> + <div class="credits"> + <div class="top"> + <a title="Top" href="#top"> + <img src="./Images/top.png" alt="Top" /> + </a> + </div> + <div class="copyright">© 2009-2012 The CentOS Project. All rights reserved.</div> + <div class="license">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> + </div> + </body> +</html> diff --git a/Artworks/Webenv/Style-guide/0.0.1/index.xhtml b/Artworks/Webenv/Style-guide/0.0.1/index.xhtml deleted file mode 100644 index 1d9be57..0000000 --- a/Artworks/Webenv/Style-guide/0.0.1/index.xhtml +++ /dev/null @@ -1,270 +0,0 @@ -<?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 homepage visual style guide" /> - <meta name="description" content="CentOS homepage visual style guide is a tool to help you customize homepage inside CentOS websites." /> - <meta name="copyright" content="2009-2012 The CentOS Project" /> - - <title>Welcome - Home</title> - - <link href="stylesheet.css" rel="stylesheet" type="text/css" media="screen, projection"/> - -</head> - -<body> - -<a name="top" /> - -<div id="wrap"> - - <div id="page-header"> - - <!-- - CentOS specific brand information. Use this section to show - the CentOS logo. The image used as CentOS logo needs to be 58 - pixels height. - --> - <div id="logo"> - <a title="Community Enterprise Operating System" - href="http://www.centos.org/"><img - src="./Images/logo-centos.png" alt="CentOS"/></a> - </div> - - <!-- - Advertisement area (468x60 pixels). - --> - <div class="ads-google"> - <a title="Google Advertisement" href=""><img src="./Images/ads-sample-468x60.png" alt="Google Advertisement" /></a> - <!-- - <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> - - <!-- - CentOS specific navigation links. Use this section to list the - web applications you want to be always visible no matter where - you are inside the CentOS web environment. Example of web - applications are: Wiki, Lists, Downloads, Forums, Planet, etc. - --> - <div class="page-line"><hr style="display:none;" /></div> - <div class="tabs"> - - <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="http://wiki.centos.org/"> - <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 SIGs (Alt+Shift+7)" href="http://sigs.centos.org/"> - <span>SIGs</span></a> - </span> - - <span> - <a accesskey="8" title="CentOS Downloads (Alt+Shift+8)" href="http://mirrors.centos.org"> - <span>Downloads</span></a> - </span> - - </div> - - <!-- - The CentOS Distribution last releases. - --> - <div id="last-releases"> - <div class="left"> - <span class="title"><a href="">Last Releases</a>:</span> - <span class="release"><a href="">6.0</a></span> - <span class="release"><a href="">5.8</a></span> - <span class="release"><a href="">4.12</a></span> - <span class="release last"><a href="">3.18</a></span> - </div> - <div class="right"> - <span class="rss"><a href="" title="RSS"><span>RSS</span></a></span> - </div> - </div> - - <!-- - Application links. Use this section to organize user specific - links (e.g., session links, the last pages the user visited, - and the main pages the application is made of). - --> - <div id="appslinks"> - - <!-- - User links. Use this section to set Login, Register, Lost your - password?, date and time of last vist, visited pages trail and - similar information. - --> - <div class="userlinks"> - <div class="lastvisit"> - <span class="title"><a href="">Your last visit was at</a></span> - <span class="datetime">Thu Aug 25 14:13:05 CDT 2011</span> - </div> - <div class="session"> - <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> - - <!-- - Application specific links for content stuff. Use this section - to set application specific links that need to remain always - visible inside the application environment. - --> - - <div class="tabs"> - - <span class="current"><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><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> - - <!-- - Start page body definitions. - --> - - <div id="page-body"> - - <!-- - The content of right column goes here. - <div id="rightbar"> - - <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"> - - <!-- - The content of left column starts here. - --> - <p>...</p> - - <!-- - The content of left column ends here. - --> - <div class="page-line"><hr style="display:none;" /></div> - - </div> - - </div> - - <!-- - Start page footer definitions. - --> - <div id="page-footer"> - - <div class="credits"> - <div class="top"> - <a title="Top" href="#top"><img src="./Images/top.png" alt="Top" /></a> - </div> - <div class="copyright">© 2009-2012 The CentOS Project. All rights reserved.</div> - <div class="license">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> - -</div> - -</body> - -</html> diff --git a/Artworks/Webenv/Style-guide/0.0.1/links.html b/Artworks/Webenv/Style-guide/0.0.1/links.html new file mode 100644 index 0000000..5cb6e10 --- /dev/null +++ b/Artworks/Webenv/Style-guide/0.0.1/links.html @@ -0,0 +1,351 @@ +<?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 links visual style guide" /> + <meta name="description" content="CentOS links visual style guide is a tool to help you customize links inside CentOS websites." /> + <meta name="copyright" content="2009-2012 The CentOS Project" /> + <title>Links - Home</title> + <link href="stylesheet.css" rel="stylesheet" type="text/css" media="screen, projection" /> + </head> + <body> + <a name="top" id="top"></a> + <div id="wrap"> + <div id="page-header"> +<!-- + CentOS specific brand information. Use this section to show + the CentOS logo. The image used as CentOS logo needs to be 58 + pixels height. + --> + <div id="logo"> + <a title="Community Enterprise Operating System" href="http://www.centos.org/"> + <img src="./Images/logo-centos.png" alt="CentOS" /> + </a> + </div> +<!-- + Advertisement area (468x60 pixels). + --> + <div class="ads-google"> + <a title="Google Advertisement" href=""> + <img src="./Images/ads-sample-468x60.png" alt="Google Advertisement" /> + </a> +<!-- + <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> +<!-- + CentOS specific navigation links. Use this section to list the + web applications you want to be always visible no matter where + you are inside the CentOS web environment. Example of web + applications are: Wiki, Lists, Downloads, Forums, Planet, etc. + --> + <div class="page-line"> + <hr style="display:none;" /> + </div> + <div class="tabs"> + <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="http://wiki.centos.org/"> + <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 SIGs (Alt+Shift+7)" href="http://sigs.centos.org/"> + <span>SIGs</span> + </a> + </span> + <span> + <a accesskey="8" title="CentOS Downloads (Alt+Shift+8)" href="http://mirrors.centos.org"> + <span>Downloads</span> + </a> + </span> + </div> +<!-- + The CentOS Distribution last releases. + --> + <div id="last-releases"> + <div class="left"> + <span class="title"><a href="">Last Releases</a>:</span> + <span class="release"> + <a href="">6.0</a> + </span> + <span class="release"> + <a href="">5.8</a> + </span> + <span class="release"> + <a href="">4.12</a> + </span> + <span class="release last"> + <a href="">3.18</a> + </span> + </div> + <div class="right"> + <span class="rss"> + <a href="" title="RSS"> + <span>RSS</span> + </a> + </span> + </div> + </div> +<!-- + Application links. Use this section to organize user specific + links (e.g., session links, the last pages the user visited, + and the main pages the application is made of). + --> + <div id="appslinks"> +<!-- + User links. Use this section to set Login, Register, Lost your + password?, date and time of last vist, visited pages trail and + similar information. + --> + <div class="userlinks"> + <div class="lastvisit"> + <span class="title"> + <a href="">Your last visit was at</a> + </span> + <span class="datetime">Thu Aug 25 14:13:05 CDT 2011</span> + </div> + <div class="session"> + <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> +<!-- + Application specific links for content stuff. Use this section + to set application specific links that need to remain always + visible inside the application environment. + --> + <div class="tabs"> + <span> + <a title="Welcome to the web special interest group" href="index.html"> + <span>Welcome</span> + </a> + </span> + <span> + <a title="CentOS headings visual style guide." href="headings.html"> + <span>Headings</span> + </a> + </span> + <span> + <a title="CentOS texts visual style guide." href="texts.html"> + <span>Texts</span> + </a> + </span> + <span> + <a title="CentOS lists visual style guide." href="lists.html"> + <span>Lists</span> + </a> + </span> + <span class="current"> + <a title="CentOS links visual style guide." href="links.html"> + <span>Links</span> + </a> + </span> + <span> + <a title="CentOS tables visual style guide." href="tables.html"> + <span>Tables</span> + </a> + </span> + <span> + <a title="CentOS forms visual style guide." href="forms.html"> + <span>Forms</span> + </a> + </span> + <span> + <a title="CentOS pagination visual style guide." href="pagination.html"> + <span>Pagination</span> + </a> + </span> + </div> + </div> + <div class="page-line white"> + <hr style="display:none;" /> + </div> + </div> +<!-- + Start page body definitions. + --> + <div id="page-body"> +<!-- + The content of right column goes here. + + <div id="rightbar"> + + <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"> +<!-- + The content of left column goes here. + --> + <h1 class="title"> + <a name="head-fc3d887e1f23aa463f66feb04fcbc060" id="head-fc3d887e1f23aa463f66feb04fcbc060">Links</a> + </h1> + <p>CentOS Links Visual Style Guide.</p> + <div class="toc"> + <p>Table of contents</p> + <dl> + <dt> + <a href="#head-fc3d887e1f23aa463f66feb04fcbc060">Links</a> + <dl> + <dt> + <a href="#head-6a78f9e93ed4696a847558cf835c62b8">Common link style</a> + </dt> + <dt> + <a href="#head-895548bebdec7e26acfc85c18c806270">Image link style</a> + </dt> + <dt> + <a href="#head-0eff351b4040c0c7e62a998b849f256f">Decorative link styles</a> + </dt> + <dt> + <a href="#head-ff7a9df2b5b55338d29134d50c5970a0">Recommendations</a> + </dt> + </dl> + </dt> + </dl> + </div> + <h2 class="title"> + <a name="head-6a78f9e93ed4696a847558cf835c62b8" id="head-6a78f9e93ed4696a847558cf835c62b8">Common link style</a> + </h2> + <p> + <a href="">This is a common text link style</a> + </p> + <p> + <a href="" class="nonexistent">This is a common nonexistant text link style</a> + </p> + <h2 class="title"> + <a href="#head-895548bebdec7e26acfc85c18c806270">Image link style</a> + </h2> + <p> + <a title="Image Link" href="./Images/powered_by_centos.png"> + <img src="./Images/powered_by_centos.png" alt="Powered by CentOS" /> + </a> + </p> + <h2 class="title"> + <a name="head-0eff351b4040c0c7e62a998b849f256f" id="head-0eff351b4040c0c7e62a998b849f256f">Decorative link styles</a> + </h2> + <p><a class="www" href="http://www.centos.org/">http://www.centos.org/</a>. + This is the "www" and "http" link style. It is generally + used to link external sites.</p> + <p><a class="mailto" href="mailto:centos-devel@centos.org">centos-devel@centos.org</a>. + This is the "mailto" link style. It is generally used to + display email addresses.</p> + <p><a class="attachment" href="../Img/header-bg.jpg">header-bg.jpg</a>. This is the + "attachment" link style. It is generally used to display + an attachment.</p> + <h2 class="title"> + <a name="head-ff7a9df2b5b55338d29134d50c5970a0" id="head-ff7a9df2b5b55338d29134d50c5970a0">Recommendations</a> + </h2> + <ul> + <li>...</li> + </ul> +<!-- + The content of left column ends here. + --> + <div class="page-line"> + <hr style="display:none;" /> + </div> + </div> + </div> +<!-- + Start page footer definitions. + --> + <div id="page-footer"> + <div class="credits"> + <div class="top"> + <a title="Top" href="#top"> + <img src="./Images/top.png" alt="Top" /> + </a> + </div> + <div class="copyright">© 2009-2012 The CentOS Project. All rights reserved.</div> + <div class="license">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> + </div> + </body> +</html> diff --git a/Artworks/Webenv/Style-guide/0.0.1/links.xhtml b/Artworks/Webenv/Style-guide/0.0.1/links.xhtml deleted file mode 100644 index 41227c8..0000000 --- a/Artworks/Webenv/Style-guide/0.0.1/links.xhtml +++ /dev/null @@ -1,310 +0,0 @@ -<?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 links visual style guide" /> - <meta name="description" content="CentOS links visual style guide is a tool to help you customize links inside CentOS websites." /> - <meta name="copyright" content="2009-2012 The CentOS Project" /> - - <title>Links - Home</title> - - <link href="stylesheet.css" rel="stylesheet" type="text/css" media="screen, projection"/> - -</head> - -<body> - -<a name="top" /> - -<div id="wrap"> - - <div id="page-header"> - - <!-- - CentOS specific brand information. Use this section to show - the CentOS logo. The image used as CentOS logo needs to be 58 - pixels height. - --> - <div id="logo"> - <a title="Community Enterprise Operating System" - href="http://www.centos.org/"><img - src="./Images/logo-centos.png" alt="CentOS"/></a> - </div> - - <!-- - Advertisement area (468x60 pixels). - --> - <div class="ads-google"> - <a title="Google Advertisement" href=""><img src="./Images/ads-sample-468x60.png" alt="Google Advertisement" /></a> - <!-- - <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> - - <!-- - CentOS specific navigation links. Use this section to list the - web applications you want to be always visible no matter where - you are inside the CentOS web environment. Example of web - applications are: Wiki, Lists, Downloads, Forums, Planet, etc. - --> - <div class="page-line"><hr style="display:none;" /></div> - <div class="tabs"> - - <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="http://wiki.centos.org/"> - <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 SIGs (Alt+Shift+7)" href="http://sigs.centos.org/"> - <span>SIGs</span></a> - </span> - - <span> - <a accesskey="8" title="CentOS Downloads (Alt+Shift+8)" href="http://mirrors.centos.org"> - <span>Downloads</span></a> - </span> - - </div> - - <!-- - The CentOS Distribution last releases. - --> - <div id="last-releases"> - <div class="left"> - <span class="title"><a href="">Last Releases</a>:</span> - <span class="release"><a href="">6.0</a></span> - <span class="release"><a href="">5.8</a></span> - <span class="release"><a href="">4.12</a></span> - <span class="release last"><a href="">3.18</a></span> - </div> - <div class="right"> - <span class="rss"><a href="" title="RSS"><span>RSS</span></a></span> - </div> - </div> - - <!-- - Application links. Use this section to organize user specific - links (e.g., session links, the last pages the user visited, - and the main pages the application is made of). - --> - <div id="appslinks"> - - <!-- - User links. Use this section to set Login, Register, Lost your - password?, date and time of last vist, visited pages trail and - similar information. - --> - <div class="userlinks"> - <div class="lastvisit"> - <span class="title"><a href="">Your last visit was at</a></span> - <span class="datetime">Thu Aug 25 14:13:05 CDT 2011</span> - </div> - <div class="session"> - <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> - - <!-- - Application specific links for content stuff. Use this section - to set application specific links that need to remain always - visible inside the application environment. - --> - - <div class="tabs"> - - <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 class="current"><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><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> - - <!-- - Start page body definitions. - --> - - <div id="page-body"> - - <!-- - The content of right column goes here. - - <div id="rightbar"> - - <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"> - - <!-- - The content of left column goes here. - --> - - <h1 class="title"><a name="head-204088ca670dccc6f6216658b06be2a1">Links</a></h1> - - <p>CentOS Links Visual Style Guide.</p> - - <div class="toc"> <p>Table of contents</p> <dl><dt><a href="#head-204088ca670dccc6f6216658b06be2a1">Links</a> <dl><dt><a href="#head-5fbff3ac96491ea2ff16f76fe44de415">Common link style</a> </dt><dt><a href="#head-be1006ab1816436c08843ceee2958788">Image link style</a> </dt><dt><a href="#head-0bee19a38c49a88ce8b90a2841dc2f43">Decorative link styles</a> </dt><dt><a href="#head-5b85dff47cc9e6615d2bd33aa87f1aa5">Recommendations</a> </dt></dl> </dt></dl> </div> - - <h2 class="title"><a name="head-5fbff3ac96491ea2ff16f76fe44de415">Common link style</a></h2> - - <p><a href="">This is a common text link style</a></p> - <p><a href="" class="nonexistent">This is a common nonexistant text link style</a></p> - - <h2 class="title"><a href="#head-be1006ab1816436c08843ceee2958788">Image link style</a></h2> - - <p><a title="Image Link" - href="./Images/powered_by_centos.png"><img - src="./Images/powered_by_centos.png" - alt="Powered by CentOS" /></a></p> - - <h2 class="title"><a name="head-0bee19a38c49a88ce8b90a2841dc2f43">Decorative link styles</a></h2> - - <p><a class="www" - href="http://www.centos.org/">http://www.centos.org/</a>. - This is the "www" and "http" link style. It is generally - used to link external sites.</p> - - <p><a class="mailto" - href="mailto:centos-devel@centos.org">centos-devel@centos.org</a>. - This is the "mailto" link style. It is generally used to - display email addresses.</p> - - <p><a class="attachment" - href="../Img/header-bg.jpg">header-bg.jpg</a>. This is the - "attachment" link style. It is generally used to display - an attachment.</p> - - <h2 class="title"><a name="head-5b85dff47cc9e6615d2bd33aa87f1aa5">Recommendations</a></h2> - - <ul> - <li>...</li> - </ul> - - <!-- - The content of left column ends here. - --> - <div class="page-line"><hr style="display:none;" /></div> - - </div> - - </div> - - <!-- - Start page footer definitions. - --> - <div id="page-footer"> - <div class="credits"> - <div class="top"> - <a title="Top" href="#top"><img src="./Images/top.png" alt="Top"/></a> - </div> - <div class="copyright">© 2009-2012 The CentOS Project. All rights reserved.</div> - <div class="license">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> - -</div> - -</body> - -</html> diff --git a/Artworks/Webenv/Style-guide/0.0.1/lists.html b/Artworks/Webenv/Style-guide/0.0.1/lists.html new file mode 100644 index 0000000..14bc46b --- /dev/null +++ b/Artworks/Webenv/Style-guide/0.0.1/lists.html @@ -0,0 +1,376 @@ +<?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 lists visual style guide" /> + <meta name="description" content="CentOS lists visual style guide is a tool to help you customize lists inside CentOS websites." /> + <meta name="copyright" content="2009-2012 The CentOS Project" /> + <title>Lists - Home</title> + <link href="stylesheet.css" rel="stylesheet" type="text/css" media="screen, projection" /> + </head> + <body> + <a name="top" id="top"></a> + <div id="wrap"> + <div id="page-header"> +<!-- + CentOS specific brand information. Use this section to show + the CentOS logo. The image used as CentOS logo needs to be 58 + pixels height. + --> + <div id="logo"> + <a title="Community Enterprise Operating System" href="http://www.centos.org/"> + <img src="./Images/logo-centos.png" alt="CentOS" /> + </a> + </div> +<!-- + Advertisement area (468x60 pixels). + --> + <div class="ads-google"> + <a title="Google Advertisement" href=""> + <img src="./Images/ads-sample-468x60.png" alt="Google Advertisement" /> + </a> +<!-- + <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> +<!-- + CentOS specific navigation links. Use this section to list the + web applications you want to be always visible no matter where + you are inside the CentOS web environment. Example of web + applications are: Wiki, Lists, Downloads, Forums, Planet, etc. + --> + <div class="page-line"> + <hr style="display:none;" /> + </div> + <div class="tabs"> + <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="http://wiki.centos.org/"> + <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 SIGs (Alt+Shift+7)" href="http://sigs.centos.org/"> + <span>SIGs</span> + </a> + </span> + <span> + <a accesskey="8" title="CentOS Downloads (Alt+Shift+8)" href="http://mirrors.centos.org"> + <span>Downloads</span> + </a> + </span> + </div> +<!-- + The CentOS Distribution last releases. + --> + <div id="last-releases"> + <div class="left"> + <span class="title"><a href="">Last Releases</a>:</span> + <span class="release"> + <a href="">6.0</a> + </span> + <span class="release"> + <a href="">5.8</a> + </span> + <span class="release"> + <a href="">4.12</a> + </span> + <span class="release last"> + <a href="">3.18</a> + </span> + </div> + <div class="right"> + <span class="rss"> + <a href="" title="RSS"> + <span>RSS</span> + </a> + </span> + </div> + </div> +<!-- + Application links. Use this section to organize user specific + links (e.g., session links, the last pages the user visited, + and the main pages the application is made of). + --> + <div id="appslinks"> +<!-- + User links. Use this section to set Login, Register, Lost your + password?, date and time of last vist, visited pages trail and + similar information. + --> + <div class="userlinks"> + <div class="lastvisit"> + <span class="title"> + <a href="">Your last visit was at</a> + </span> + <span class="datetime">Thu Aug 25 14:13:05 CDT 2011</span> + </div> + <div class="session"> + <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> +<!-- + Application specific links for content stuff. Use this section + to set application specific links that need to remain always + visible inside the application environment. + --> + <div class="tabs"> + <span> + <a title="Welcome to the web special interest group" href="index.html"> + <span>Welcome</span> + </a> + </span> + <span> + <a title="CentOS headings visual style guide." href="headings.html"> + <span>Headings</span> + </a> + </span> + <span> + <a title="CentOS texts visual style guide." href="texts.html"> + <span>Texts</span> + </a> + </span> + <span class="current"> + <a title="CentOS lists visual style guide." href="lists.html"> + <span>Lists</span> + </a> + </span> + <span> + <a title="CentOS links visual style guide." href="links.html"> + <span>Links</span> + </a> + </span> + <span> + <a title="CentOS tables visual style guide." href="tables.html"> + <span>Tables</span> + </a> + </span> + <span> + <a title="CentOS forms visual style guide." href="forms.html"> + <span>Forms</span> + </a> + </span> + <span> + <a title="CentOS pagination visual style guide." href="pagination.html"> + <span>Pagination</span> + </a> + </span> + </div> + </div> + <div class="page-line white"> + <hr style="display:none;" /> + </div> + </div> +<!-- + Start page body definitions. + --> + <div id="page-body"> +<!-- + The content of right column goes here. + + <div id="rightbar"> + + <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"> +<!-- + The content of left column goes here. + --> + <h1 class="title"> + <a name="head-c8cd3470f1370f5ad62b2bd5aefe62fd" id="head-c8cd3470f1370f5ad62b2bd5aefe62fd">Lists</a> + </h1> + <p>CentOS Lists Visual Style Guide.</p> + <div class="toc"> + <p>Table of contents</p> + <dl> + <dt> + <a href="#head-c8cd3470f1370f5ad62b2bd5aefe62fd">Lists</a> + <dl> + <dt> + <a href="#head-e2434c90e88282b30b3d78d8add29628">Unordered Lists</a> + </dt> + <dt> + <a href="#head-47b0555c4f3f2d67be893cf46eae07c9">Ordered Lists</a> + </dt> + <dt> + <a href="#head-d9c5383caef296fcdb7518c59613278a">Definition Lists</a> + </dt> + <dt> + <a href="#head-049eec1ddaefe5da14a3a0115e790cc0">Nested Lists</a> + </dt> + </dl> + </dt> + </dl> + </div> + <h2 class="title"> + <a name="head-e2434c90e88282b30b3d78d8add29628" id="head-e2434c90e88282b30b3d78d8add29628">Unordered Lists</a> + </h2> + <p>This section illustrates the visual style of unordered lists.</p> + <ul> + <li>This is a list element.</li> + <li>This is another list element.</li> + <li>This is even another list element.</li> + </ul> + <h2 class="title"> + <a name="head-47b0555c4f3f2d67be893cf46eae07c9" id="head-47b0555c4f3f2d67be893cf46eae07c9">Ordered Lists</a> + </h2> + <p>This section illustrates the visual style of ordered lists.</p> + <ol> + <li>This is a list element.</li> + <li>This is another list element.</li> + <li>This is even another list element.</li> + </ol> + <h2 class="title"> + <a name="head-d9c5383caef296fcdb7518c59613278a" id="head-d9c5383caef296fcdb7518c59613278a">Definition Lists</a> + </h2> + <p>This section illustrates the visual style of definition lists.</p> + <dl> + <dt>WWW</dt> + <dd> + <p>World Wide Web</p> + </dd> + <dt>CentOS</dt> + <dd> + <p>Community Enterprise Operating System</p> + </dd> + </dl> + <h2 class="title"> + <a name="head-049eec1ddaefe5da14a3a0115e790cc0" id="head-049eec1ddaefe5da14a3a0115e790cc0">Nested Lists</a> + </h2> + <p>Lists may also be nested and different list types may be + used together, as in the following example, which is a + definition list that contains an unordered list (the + ingredients) and an ordered list (the procedure):</p> + <dl> + <dt>The ingredients</dt> + <dd> + <ul> + <li>100 g. flour</li> + <li>10 g. sugar</li> + <li>1 cup water</li> + <li>2 eggs</li> + <li>salt, pepper</li> + </ul> + </dd> + <dt>The procedure</dt> + <dd> + <ol> + <li>Mix dry ingredients thoroughly.</li> + <li>Pour in wet ingredients.</li> + <li>Mix for 10 minutes.</li> + <li>Bake for one hour at 300 degrees.</li> + </ol> + </dd> + </dl> +<!-- + The content of left column ends here. + --> + <div class="page-line"> + <hr style="display:none;" /> + </div> + </div> + </div> +<!-- + Start page footer definitions. + --> + <div id="page-footer"> + <div class="credits"> + <div class="top"> + <a title="Top" href="#top"> + <img src="./Images/top.png" alt="Top" /> + </a> + </div> + <div class="copyright">© 2009-2012 The CentOS Project. All rights reserved.</div> + <div class="license">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> + </div> + </body> +</html> diff --git a/Artworks/Webenv/Style-guide/0.0.1/lists.xhtml b/Artworks/Webenv/Style-guide/0.0.1/lists.xhtml deleted file mode 100644 index e04db6a..0000000 --- a/Artworks/Webenv/Style-guide/0.0.1/lists.xhtml +++ /dev/null @@ -1,339 +0,0 @@ -<?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 lists visual style guide" /> - <meta name="description" content="CentOS lists visual style guide is a tool to help you customize lists inside CentOS websites." /> - <meta name="copyright" content="2009-2012 The CentOS Project" /> - - <title>Lists - Home</title> - - <link href="stylesheet.css" rel="stylesheet" type="text/css" media="screen, projection"/> - -</head> - -<body> - -<a name="top" /> - -<div id="wrap"> - - <div id="page-header"> - - <!-- - CentOS specific brand information. Use this section to show - the CentOS logo. The image used as CentOS logo needs to be 58 - pixels height. - --> - <div id="logo"> - <a title="Community Enterprise Operating System" - href="http://www.centos.org/"><img - src="./Images/logo-centos.png" alt="CentOS"/></a> - </div> - - <!-- - Advertisement area (468x60 pixels). - --> - <div class="ads-google"> - <a title="Google Advertisement" href=""><img src="./Images/ads-sample-468x60.png" alt="Google Advertisement" /></a> - <!-- - <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> - - <!-- - CentOS specific navigation links. Use this section to list the - web applications you want to be always visible no matter where - you are inside the CentOS web environment. Example of web - applications are: Wiki, Lists, Downloads, Forums, Planet, etc. - --> - <div class="page-line"><hr style="display:none;" /></div> - <div class="tabs"> - - <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="http://wiki.centos.org/"> - <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 SIGs (Alt+Shift+7)" href="http://sigs.centos.org/"> - <span>SIGs</span></a> - </span> - - <span> - <a accesskey="8" title="CentOS Downloads (Alt+Shift+8)" href="http://mirrors.centos.org"> - <span>Downloads</span></a> - </span> - - </div> - - <!-- - The CentOS Distribution last releases. - --> - <div id="last-releases"> - <div class="left"> - <span class="title"><a href="">Last Releases</a>:</span> - <span class="release"><a href="">6.0</a></span> - <span class="release"><a href="">5.8</a></span> - <span class="release"><a href="">4.12</a></span> - <span class="release last"><a href="">3.18</a></span> - </div> - <div class="right"> - <span class="rss"><a href="" title="RSS"><span>RSS</span></a></span> - </div> - </div> - - <!-- - Application links. Use this section to organize user specific - links (e.g., session links, the last pages the user visited, - and the main pages the application is made of). - --> - <div id="appslinks"> - - <!-- - User links. Use this section to set Login, Register, Lost your - password?, date and time of last vist, visited pages trail and - similar information. - --> - <div class="userlinks"> - <div class="lastvisit"> - <span class="title"><a href="">Your last visit was at</a></span> - <span class="datetime">Thu Aug 25 14:13:05 CDT 2011</span> - </div> - <div class="session"> - <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> - - <!-- - Application specific links for content stuff. Use this section - to set application specific links that need to remain always - visible inside the application environment. - --> - - <div class="tabs"> - - <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 class="current"><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><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> - - <!-- - Start page body definitions. - --> - - <div id="page-body"> - - <!-- - The content of right column goes here. - - <div id="rightbar"> - - <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"> - - <!-- - The content of left column goes here. - --> - - <h1 class="title"><a name="head-4d808b69465824360167b5387d3e6b8c">Lists</a></h1> - - <p>CentOS Lists Visual Style Guide.</p> - -<div class="toc"> <p>Table of contents</p> <dl><dt><a href="#head-4d808b69465824360167b5387d3e6b8c">Lists</a> <dl><dt><a href="#head-da40f54fc651fe48e28cc5f03cdf664f">Unordered Lists</a> </dt><dt><a href="#head-ab625e550bd5bb386b6a1ba44cfa1b97">Ordered Lists</a> </dt><dt><a href="#head-a38cbcaa8346b3bb85708e77a6ca9f9f">Definition Lists</a> </dt><dt><a href="#head-baaf5252449a152f0d4eb92248515890">Nested Lists</a> </dt></dl> </dt></dl> </div> - - <h2 class="title"><a name="head-da40f54fc651fe48e28cc5f03cdf664f">Unordered Lists</a></h2> - - <p>This section illustrates the visual style of unordered lists.</p> - - <ul> - <li>This is a list element.</li> - <li>This is another list element.</li> - <li>This is even another list element.</li> - </ul> - - <h2 class="title"><a name="head-ab625e550bd5bb386b6a1ba44cfa1b97">Ordered Lists</a></h2> - - <p>This section illustrates the visual style of ordered lists.</p> - - <ol> - <li>This is a list element.</li> - <li>This is another list element.</li> - <li>This is even another list element.</li> - </ol> - - <h2 class="title"><a name="head-a38cbcaa8346b3bb85708e77a6ca9f9f">Definition Lists</a></h2> - - <p>This section illustrates the visual style of definition lists.</p> - - <dl> - <dt>WWW</dt> - <dd><p>World Wide Web</p></dd> - - <dt>CentOS</dt> - <dd><p>Community Enterprise Operating System</p></dd> - </dl> - - <h2 class="title"><a name="head-baaf5252449a152f0d4eb92248515890">Nested Lists</a></h2> - - <p>Lists may also be nested and different list types may be - used together, as in the following example, which is a - definition list that contains an unordered list (the - ingredients) and an ordered list (the procedure):</p> - - <dl> - <dt>The ingredients</dt> - <dd> - <ul> - <li>100 g. flour</li> - <li>10 g. sugar</li> - <li>1 cup water</li> - <li>2 eggs</li> - <li>salt, pepper</li> - </ul> - </dd> - - <dt>The procedure</dt> - <dd> - <ol> - <li>Mix dry ingredients thoroughly.</li> - <li>Pour in wet ingredients.</li> - <li>Mix for 10 minutes.</li> - <li>Bake for one hour at 300 degrees.</li> - </ol> - </dd> - - </dl> - - <!-- - The content of left column ends here. - --> - <div class="page-line"><hr style="display:none;" /></div> - - </div> - - </div> - - <!-- - Start page footer definitions. - --> - <div id="page-footer"> - - <div class="credits"> - <div class="top"> - <a title="Top" href="#top"><img src="./Images/top.png" alt="Top"/></a> - </div> - <div class="copyright">© 2009-2012 The CentOS Project. All rights reserved.</div> - <div class="license">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> - -</div> - -</body> - -</html> diff --git a/Artworks/Webenv/Style-guide/0.0.1/pagination.html b/Artworks/Webenv/Style-guide/0.0.1/pagination.html new file mode 100644 index 0000000..bd83dbb --- /dev/null +++ b/Artworks/Webenv/Style-guide/0.0.1/pagination.html @@ -0,0 +1,471 @@ +<?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-2012 The CentOS Project" /> + <title>Pagination - Home</title> + <link href="stylesheet.css" rel="stylesheet" type="text/css" media="screen, projection" /> + </head> + <body> + <a name="top" id="top"></a> + <div id="wrap"> + <div id="page-header"> +<!-- + CentOS specific brand information. Use this section to show + the CentOS logo. The image used as CentOS logo needs to be 58 + pixels height. + --> + <div id="logo"> + <a title="Community Enterprise Operating System" href="http://www.centos.org/"> + <img src="./Images/logo-centos.png" alt="CentOS" /> + </a> + </div> +<!-- + Advertisement area (468x60 pixels). + --> + <div class="ads-google"> + <a title="Google Advertisement" href=""> + <img src="./Images/ads-sample-468x60.png" alt="Google Advertisement" /> + </a> +<!-- + <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> +<!-- + CentOS specific navigation links. Use this section to list the + web applications you want to be always visible no matter where + you are inside the CentOS web environment. Example of web + applications are: Wiki, Lists, Downloads, Forums, Planet, etc. + --> + <div class="page-line"> + <hr style="display:none;" /> + </div> + <div class="tabs"> + <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="http://wiki.centos.org/"> + <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 SIGs (Alt+Shift+7)" href="http://sigs.centos.org/"> + <span>SIGs</span> + </a> + </span> + <span> + <a accesskey="8" title="CentOS Downloads (Alt+Shift+8)" href="http://mirrors.centos.org"> + <span>Downloads</span> + </a> + </span> + </div> +<!-- + The CentOS Distribution last releases. + --> + <div id="last-releases"> + <div class="left"> + <span class="title"><a href="">Last Releases</a>:</span> + <span class="release"> + <a href="">6.0</a> + </span> + <span class="release"> + <a href="">5.8</a> + </span> + <span class="release"> + <a href="">4.12</a> + </span> + <span class="release last"> + <a href="">3.18</a> + </span> + </div> + <div class="right"> + <span class="rss"> + <a href="" title="RSS"> + <span>RSS</span> + </a> + </span> + </div> + </div> +<!-- + Application links. Use this section to organize user specific + links (e.g., session links, the last pages the user visited, + and the main pages the application is made of). + --> + <div id="appslinks"> +<!-- + User links. Use this section to set Login, Register, Lost your + password?, date and time of last vist, visited pages trail and + similar information. + --> + <div class="userlinks"> + <div class="lastvisit"> + <span class="title"> + <a href="">Your last visit was at</a> + </span> + <span class="datetime">Thu Aug 25 14:13:05 CDT 2011</span> + </div> + <div class="session"> + <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> +<!-- + Application specific links for content stuff. Use this section + to set application specific links that need to remain always + visible inside the application environment. + --> + <div class="tabs"> + <span> + <a title="Welcome to the web special interest group" href="index.html"> + <span>Welcome</span> + </a> + </span> + <span> + <a title="CentOS headings visual style guide." href="headings.html"> + <span>Headings</span> + </a> + </span> + <span> + <a title="CentOS texts visual style guide." href="texts.html"> + <span>Texts</span> + </a> + </span> + <span> + <a title="CentOS lists visual style guide." href="lists.html"> + <span>Lists</span> + </a> + </span> + <span> + <a title="CentOS links visual style guide." href="links.html"> + <span>Links</span> + </a> + </span> + <span> + <a title="CentOS tables visual style guide." href="tables.html"> + <span>Tables</span> + </a> + </span> + <span> + <a title="CentOS forms visual style guide." href="forms.html"> + <span>Forms</span> + </a> + </span> + <span class="current"> + <a title="CentOS pagination visual style guide." href="pagination.html"> + <span>Pagination</span> + </a> + </span> + </div> + </div> + <div class="page-line white"> + <hr style="display:none;" /> + </div> + </div> +<!-- + Start page body definitions. + --> + <div id="page-body"> +<!-- + The content of right column goes here. + + <div id="rightbar"> + + <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"> +<!-- + The content of left column starts here. + --> + <h1 class="title"> + <a name="head-6d9de7617ef96711b3827e03be567156" id="head-6d9de7617ef96711b3827e03be567156">Pagination</a> + </h1> + <p>CentOS Pagination Visual Style Guide.</p> + <div class="toc"> + <p>Table of contents</p> + <dl> + <dt> + <a href="#head-6d9de7617ef96711b3827e03be567156">Pagination</a> + <dl> + <dt> + <a href="#head-c7a5464c37d44586553afe6cb4df4098">Basic</a> + </dt> + <dt> + <a href="#head-40dc52536647227453d177b91ec5caa4">Administrative</a> + </dt> + <dt> + <a href="#head-73349e6801826a45966def7ce0df995f">Recommendations</a> + </dt> + </dl> + </dt> + </dl> + </div> + <h2 class="title"> + <a name="head-c7a5464c37d44586553afe6cb4df4098" id="head-c7a5464c37d44586553afe6cb4df4098">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 class="title"> + <a name="head-40dc52536647227453d177b91ec5caa4" id="head-40dc52536647227453d177b91ec5caa4">Administrative</a> + </h2> + <blockquote class="icon message green"> + <img src="./Images/success.png" alt="Success" /> + <h3 class="title">Success</h3> + <p>Use this message to notify action success.</p> + </blockquote> + <blockquote class="icon message orange"> + <img src="./Images/warning.png" alt="Warning" /> + <h3 class="title">Warning</h3> + <p>Use this message to notify action warnings.</p> + </blockquote> + <blockquote class="icon message red"> + <img src="./Images/error.png" alt="Error" /> + <h3 class="title">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 class="title"> + <a name="head-73349e6801826a45966def7ce0df995f" id="head-73349e6801826a45966def7ce0df995f">Recommendations</a> + </h2> + <ul> + <li>...</li> + </ul> +<!-- + The content of left column ends here. + --> + <div class="page-line"> + <hr style="display:none;" /> + </div> + </div> + </div> +<!-- + Start page footer definitions. + --> + <div id="page-footer"> + <div class="credits"> + <div class="top"> + <a title="Top" href="#top"> + <img src="./Images/top.png" alt="Top" /> + </a> + </div> + <div class="copyright">© 2009-2012 The CentOS Project. All rights reserved.</div> + <div class="license">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> + </div> + </body> +</html> diff --git a/Artworks/Webenv/Style-guide/0.0.1/pagination.xhtml b/Artworks/Webenv/Style-guide/0.0.1/pagination.xhtml deleted file mode 100644 index be1b28f..0000000 --- a/Artworks/Webenv/Style-guide/0.0.1/pagination.xhtml +++ /dev/null @@ -1,419 +0,0 @@ -<?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-2012 The CentOS Project" /> - - <title>Pagination - Home</title> - - <link href="stylesheet.css" rel="stylesheet" type="text/css" media="screen, projection"/> - -</head> - -<body> - -<a name="top" /> - -<div id="wrap"> - - <div id="page-header"> - - <!-- - CentOS specific brand information. Use this section to show - the CentOS logo. The image used as CentOS logo needs to be 58 - pixels height. - --> - <div id="logo"> - <a title="Community Enterprise Operating System" - href="http://www.centos.org/"><img - src="./Images/logo-centos.png" alt="CentOS"/></a> - </div> - - <!-- - Advertisement area (468x60 pixels). - --> - <div class="ads-google"> - <a title="Google Advertisement" href=""><img src="./Images/ads-sample-468x60.png" alt="Google Advertisement" /></a> - <!-- - <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> - - <!-- - CentOS specific navigation links. Use this section to list the - web applications you want to be always visible no matter where - you are inside the CentOS web environment. Example of web - applications are: Wiki, Lists, Downloads, Forums, Planet, etc. - --> - <div class="page-line"><hr style="display:none;" /></div> - <div class="tabs"> - - <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="http://wiki.centos.org/"> - <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 SIGs (Alt+Shift+7)" href="http://sigs.centos.org/"> - <span>SIGs</span></a> - </span> - - <span> - <a accesskey="8" title="CentOS Downloads (Alt+Shift+8)" href="http://mirrors.centos.org"> - <span>Downloads</span></a> - </span> - - </div> - - <!-- - The CentOS Distribution last releases. - --> - <div id="last-releases"> - <div class="left"> - <span class="title"><a href="">Last Releases</a>:</span> - <span class="release"><a href="">6.0</a></span> - <span class="release"><a href="">5.8</a></span> - <span class="release"><a href="">4.12</a></span> - <span class="release last"><a href="">3.18</a></span> - </div> - <div class="right"> - <span class="rss"><a href="" title="RSS"><span>RSS</span></a></span> - </div> - </div> - - <!-- - Application links. Use this section to organize user specific - links (e.g., session links, the last pages the user visited, - and the main pages the application is made of). - --> - <div id="appslinks"> - - <!-- - User links. Use this section to set Login, Register, Lost your - password?, date and time of last vist, visited pages trail and - similar information. - --> - <div class="userlinks"> - <div class="lastvisit"> - <span class="title"><a href="">Your last visit was at</a></span> - <span class="datetime">Thu Aug 25 14:13:05 CDT 2011</span> - </div> - <div class="session"> - <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> - - <!-- - Application specific links for content stuff. Use this section - to set application specific links that need to remain always - visible inside the application environment. - --> - - <div class="tabs"> - - <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> - - <!-- - Start page body definitions. - --> - - <div id="page-body"> - - <!-- - The content of right column goes here. - - <div id="rightbar"> - - <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"> - - <!-- - The content of left column starts here. - --> - - <h1 class="title"><a name="head-521b594e4d8a8820cbc1be8d97e23d0d">Pagination</a></h1> - - <p>CentOS Pagination Visual Style Guide.</p> - -<div class="toc"> <p>Table of contents</p> <dl><dt><a href="#head-521b594e4d8a8820cbc1be8d97e23d0d">Pagination</a> <dl><dt><a href="#head-6f3b15c73d5928e53a03a24b1fe26f18">Basic</a> </dt><dt><a href="#head-297ebb10015a1ccab76fd6fce3847795">Administrative</a> </dt><dt><a href="#head-9808d5747e8002980dceeea12f213998">Recommendations</a> </dt></dl> </dt></dl> </div> - - <h2 class="title"><a name="head-6f3b15c73d5928e53a03a24b1fe26f18">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 class="title"><a name="head-297ebb10015a1ccab76fd6fce3847795">Administrative</a></h2> - - <blockquote class="icon message green"> - <img src="./Images/success.png" alt="Success" /> - <h3 class="title">Success</h3> - <p>Use this message to notify action success.</p> - </blockquote> - <blockquote class="icon message orange"> - <img src="./Images/warning.png" alt="Warning" /> - <h3 class="title">Warning</h3> - <p>Use this message to notify action warnings.</p> - </blockquote> - <blockquote class="icon message red"> - <img src="./Images/error.png" alt="Error" /> - <h3 class="title">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 class="title"><a name="head-9808d5747e8002980dceeea12f213998">Recommendations</a></h2> - - <ul> - <li>...</li> - </ul> - - <!-- - The content of left column ends here. - --> - <div class="page-line"><hr style="display:none;" /></div> - - </div> - - </div> - - <!-- - Start page footer definitions. - --> - <div id="page-footer"> - <div class="credits"> - <div class="top"> - <a title="Top" href="#top"><img src="./Images/top.png" alt="Top"/></a> - </div> - <div class="copyright">© 2009-2012 The CentOS Project. All rights reserved.</div> - <div class="license">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> - -</div> - -</body> - -</html> diff --git a/Artworks/Webenv/Style-guide/0.0.1/tables.html b/Artworks/Webenv/Style-guide/0.0.1/tables.html new file mode 100644 index 0000000..52010cb --- /dev/null +++ b/Artworks/Webenv/Style-guide/0.0.1/tables.html @@ -0,0 +1,326 @@ +<?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 tables visual style guide" /> + <meta name="description" content="CentOS tables visual style guide is a tool to help you customize tables inside CentOS websites." /> + <meta name="copyright" content="2009-2012 The CentOS Project" /> + <title>Tables - Home</title> + <link href="stylesheet.css" rel="stylesheet" type="text/css" media="screen, projection" /> + </head> + <body> + <a name="top" id="top"></a> + <div id="wrap"> + <div id="page-header"> +<!-- + CentOS specific brand information. Use this section to show + the CentOS logo. The image used as CentOS logo needs to be 58 + pixels height. + --> + <div id="logo"> + <a title="Community Enterprise Operating System" href="http://www.centos.org/"> + <img src="./Images/logo-centos.png" alt="CentOS" /> + </a> + </div> +<!-- + Advertisement area (468x60 pixels). + --> + <div class="ads-google"> + <a title="Google Advertisement" href=""> + <img src="./Images/ads-sample-468x60.png" alt="Google Advertisement" /> + </a> +<!-- + <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> +<!-- + CentOS specific navigation links. Use this section to list the + web applications you want to be always visible no matter where + you are inside the CentOS web environment. Example of web + applications are: Wiki, Lists, Downloads, Forums, Planet, etc. + --> + <div class="page-line"> + <hr style="display:none;" /> + </div> + <div class="tabs"> + <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="http://wiki.centos.org/"> + <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 SIGs (Alt+Shift+7)" href="http://sigs.centos.org/"> + <span>SIGs</span> + </a> + </span> + <span> + <a accesskey="8" title="CentOS Downloads (Alt+Shift+8)" href="http://mirrors.centos.org"> + <span>Downloads</span> + </a> + </span> + </div> +<!-- + The CentOS Distribution last releases. + --> + <div id="last-releases"> + <div class="left"> + <span class="title"><a href="">Last Releases</a>:</span> + <span class="release"> + <a href="">6.0</a> + </span> + <span class="release"> + <a href="">5.8</a> + </span> + <span class="release"> + <a href="">4.12</a> + </span> + <span class="release last"> + <a href="">3.18</a> + </span> + </div> + <div class="right"> + <span class="rss"> + <a href="" title="RSS"> + <span>RSS</span> + </a> + </span> + </div> + </div> +<!-- + Application links. Use this section to organize user specific + links (e.g., session links, the last pages the user visited, + and the main pages the application is made of). + --> + <div id="appslinks"> +<!-- + User links. Use this section to set Login, Register, Lost your + password?, date and time of last vist, visited pages trail and + similar information. + --> + <div class="userlinks"> + <div class="lastvisit"> + <span class="title"> + <a href="">Your last visit was at</a> + </span> + <span class="datetime">Thu Aug 25 14:13:05 CDT 2011</span> + </div> + <div class="session"> + <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> +<!-- + Application specific links for content stuff. Use this section + to set application specific links that need to remain always + visible inside the application environment. + --> + <div class="tabs"> + <span> + <a title="Welcome to the web special interest group" href="index.html"> + <span>Welcome</span> + </a> + </span> + <span> + <a title="CentOS headings visual style guide." href="headings.html"> + <span>Headings</span> + </a> + </span> + <span> + <a title="CentOS texts visual style guide." href="texts.html"> + <span>Texts</span> + </a> + </span> + <span> + <a title="CentOS lists visual style guide." href="lists.html"> + <span>Lists</span> + </a> + </span> + <span> + <a title="CentOS links visual style guide." href="links.html"> + <span>Links</span> + </a> + </span> + <span class="current"> + <a title="CentOS tables visual style guide." href="tables.html"> + <span>Tables</span> + </a> + </span> + <span> + <a title="CentOS forms visual style guide." href="forms.html"> + <span>Forms</span> + </a> + </span> + <span> + <a title="CentOS pagination visual style guide." href="pagination.html"> + <span>Pagination</span> + </a> + </span> + </div> + </div> + <div class="page-line white"> + <hr style="display:none;" /> + </div> + </div> +<!-- + Start page body definitions. + --> + <div id="page-body"> +<!-- + The content of right column goes here. + + <div id="rightbar"> + + <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"> +<!-- + The content of left column starts here. + --> + <h1 class="title"> + <a name="head-e3aadb94e1bc9eb65bbdd56d304a5e22" id="head-e3aadb94e1bc9eb65bbdd56d304a5e22">Tables</a> + </h1> + <p>CentOS Tables Visual Style Guide.</p> + <p>The HTML table model allows authors to arrange data + — text, preformatted text, images, links, forms, + form fields, other tables, etc. — into rows and + columns of cells.</p> + <table summary="This table gives some statistics about fruit flies: average height and weight, and percentage with red eyes (for both males and females)."> + <caption>A test table with merged cells</caption> + <tr> + <th rowspan="2"></th> + <th colspan="2">Average</th> + <th rowspan="2">Red<br />eyes</th> + </tr> + <tr> + <th>height</th> + <th>weight</th> + </tr> + <tr> + <th>Males</th> + <td>1.9</td> + <td>0.003</td> + <td>40%</td> + </tr> + <tr> + <th>Females</th> + <td>1.7</td> + <td>0.002</td> + <td>43%</td> + </tr> + </table> + <h2 class="title">Recommendations</h2> + <ul> + <li>...</li> + </ul> +<!-- + The content of left column ends here. + --> + <div class="page-line"> + <hr style="display:none;" /> + </div> + </div> + </div> +<!-- + Start page footer definitions. + --> + <div id="page-footer"> + <div class="credits"> + <div class="top"> + <a title="Top" href="#top"> + <img src="./Images/top.png" alt="Top" /> + </a> + </div> + <div class="copyright">© 2009-2012 The CentOS Project. All rights reserved.</div> + <div class="license">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> + </div> + </body> +</html> diff --git a/Artworks/Webenv/Style-guide/0.0.1/tables.xhtml b/Artworks/Webenv/Style-guide/0.0.1/tables.xhtml deleted file mode 100644 index 748bc58..0000000 --- a/Artworks/Webenv/Style-guide/0.0.1/tables.xhtml +++ /dev/null @@ -1,311 +0,0 @@ -<?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 tables visual style guide" /> - <meta name="description" content="CentOS tables visual style guide is a tool to help you customize tables inside CentOS websites." /> - <meta name="copyright" content="2009-2012 The CentOS Project" /> - - <title>Tables - Home</title> - - <link href="stylesheet.css" rel="stylesheet" type="text/css" media="screen, projection"/> - -</head> - -<body> - -<a name="top" /> - -<div id="wrap"> - - <div id="page-header"> - - <!-- - CentOS specific brand information. Use this section to show - the CentOS logo. The image used as CentOS logo needs to be 58 - pixels height. - --> - <div id="logo"> - <a title="Community Enterprise Operating System" - href="http://www.centos.org/"><img - src="./Images/logo-centos.png" alt="CentOS"/></a> - </div> - - <!-- - Advertisement area (468x60 pixels). - --> - <div class="ads-google"> - <a title="Google Advertisement" href=""><img src="./Images/ads-sample-468x60.png" alt="Google Advertisement" /></a> - <!-- - <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> - - <!-- - CentOS specific navigation links. Use this section to list the - web applications you want to be always visible no matter where - you are inside the CentOS web environment. Example of web - applications are: Wiki, Lists, Downloads, Forums, Planet, etc. - --> - <div class="page-line"><hr style="display:none;" /></div> - <div class="tabs"> - - <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="http://wiki.centos.org/"> - <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 SIGs (Alt+Shift+7)" href="http://sigs.centos.org/"> - <span>SIGs</span></a> - </span> - - <span> - <a accesskey="8" title="CentOS Downloads (Alt+Shift+8)" href="http://mirrors.centos.org"> - <span>Downloads</span></a> - </span> - - </div> - - <!-- - The CentOS Distribution last releases. - --> - <div id="last-releases"> - <div class="left"> - <span class="title"><a href="">Last Releases</a>:</span> - <span class="release"><a href="">6.0</a></span> - <span class="release"><a href="">5.8</a></span> - <span class="release"><a href="">4.12</a></span> - <span class="release last"><a href="">3.18</a></span> - </div> - <div class="right"> - <span class="rss"><a href="" title="RSS"><span>RSS</span></a></span> - </div> - </div> - - <!-- - Application links. Use this section to organize user specific - links (e.g., session links, the last pages the user visited, - and the main pages the application is made of). - --> - <div id="appslinks"> - - <!-- - User links. Use this section to set Login, Register, Lost your - password?, date and time of last vist, visited pages trail and - similar information. - --> - <div class="userlinks"> - <div class="lastvisit"> - <span class="title"><a href="">Your last visit was at</a></span> - <span class="datetime">Thu Aug 25 14:13:05 CDT 2011</span> - </div> - <div class="session"> - <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> - - <!-- - Application specific links for content stuff. Use this section - to set application specific links that need to remain always - visible inside the application environment. - --> - - <div class="tabs"> - - <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 class="current"><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><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> - - <!-- - Start page body definitions. - --> - - <div id="page-body"> - - <!-- - The content of right column goes here. - - <div id="rightbar"> - - <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"> - - <!-- - The content of left column starts here. - --> - - <h1 class="title"><a name="head-e1c12d149c53a472cc5302a2dd24b29f">Tables</a></h1> - - <p>CentOS Tables Visual Style Guide.</p> - - <p>The HTML table model allows authors to arrange data - — text, preformatted text, images, links, forms, - form fields, other tables, etc. — into rows and - columns of cells.</p> - - <table summary="This table gives some statistics about fruit - flies: average height and weight, and percentage - with red eyes (for both males and females)."> - <caption>A test table with merged cells</caption> - <tr> - <th rowspan="2"></th> - <th colspan="2">Average</th> - <th rowspan="2">Red<br />eyes</th> - </tr> - <tr> - <th>height</th> - <th>weight</th> - </tr> - <tr> - <th>Males</th> - <td>1.9</td> - <td>0.003</td> - <td>40%</td> - </tr> - <tr> - <th>Females</th> - <td>1.7</td> - <td>0.002</td> - <td>43%</td> - </tr> - </table> - - <h2 class="title">Recommendations</h2> - - <ul> - <li>...</li> - </ul> - - <!-- - The content of left column ends here. - --> - <div class="page-line"><hr style="display:none;" /></div> - - </div> - - </div> - - <!-- - Start page footer definitions. - --> - <div id="page-footer"> - <div class="credits"> - <div class="top"> - <a title="Top" href="#top"><img src="./Images/top.png" alt="Top"/></a> - </div> - <div class="copyright">© 2009-2012 The CentOS Project. All rights reserved.</div> - <div class="license">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> - -</div> - -</body> - -</html> diff --git a/Artworks/Webenv/Style-guide/0.0.1/texts.html b/Artworks/Webenv/Style-guide/0.0.1/texts.html new file mode 100644 index 0000000..df76bc8 --- /dev/null +++ b/Artworks/Webenv/Style-guide/0.0.1/texts.html @@ -0,0 +1,601 @@ +<?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 texts visual style guide" /> + <meta name="description" content="CentOS texts visual style guide is a tool to help you customize texts inside CentOS websites." /> + <meta name="copyright" content="2009-2012 The CentOS Project" /> + + <title>Texts - Home</title> + + <link href="stylesheet.css" rel="stylesheet" type="text/css" media="screen, projection"/> + +</head> + +<body> + +<a name="top" /> + +<div id="wrap"> + + <div id="page-header"> + + <!-- + CentOS specific brand information. Use this section to show + the CentOS logo. The image used as CentOS logo needs to be 58 + pixels height. + --> + <div id="logo"> + <a title="Community Enterprise Operating System" + href="http://www.centos.org/"><img + src="./Images/logo-centos.png" alt="CentOS"/></a> + </div> + + <!-- + Advertisement area (468x60 pixels). + --> + <div class="ads-google"> + <a title="Google Advertisement" href=""><img src="./Images/ads-sample-468x60.png" alt="Google Advertisement" /></a> + <!-- + <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> + + <!-- + CentOS specific navigation links. Use this section to list the + web applications you want to be always visible no matter where + you are inside the CentOS web environment. Example of web + applications are: Wiki, Lists, Downloads, Forums, Planet, etc. + --> + <div class="page-line"><hr style="display:none;" /></div> + <div class="tabs"> + + <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="http://wiki.centos.org/"> + <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 SIGs (Alt+Shift+7)" href="http://sigs.centos.org/"> + <span>SIGs</span></a> + </span> + + <span> + <a accesskey="8" title="CentOS Downloads (Alt+Shift+8)" href="http://mirrors.centos.org"> + <span>Downloads</span></a> + </span> + + </div> + + <!-- + The CentOS Distribution last releases. + --> + <div id="last-releases"> + <div class="left"> + <span class="title"><a href="">Last Releases</a>:</span> + <span class="release"><a href="">6.0</a></span> + <span class="release"><a href="">5.8</a></span> + <span class="release"><a href="">4.12</a></span> + <span class="release last"><a href="">3.18</a></span> + </div> + <div class="right"> + <span class="rss"><a href="" title="RSS"><span>RSS</span></a></span> + </div> + </div> + + <!-- + Application links. Use this section to organize user specific + links (e.g., session links, the last pages the user visited, + and the main pages the application is made of). + --> + <div id="appslinks"> + + <!-- + User links. Use this section to set Login, Register, Lost your + password?, date and time of last vist, visited pages trail and + similar information. + --> + <div class="userlinks"> + <div class="lastvisit"> + <span class="title"><a href="">Your last visit was at</a></span> + <span class="datetime">Thu Aug 25 14:13:05 CDT 2011</span> + </div> + <div class="session"> + <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> + + <!-- + Application specific links for content stuff. Use this section + to set application specific links that need to remain always + visible inside the application environment. + --> + + <div class="tabs"> + + <span><a title="Welcome to the web special interest group" + href="index.html"><span>Welcome</span></a></span> + + <span><a title="CentOS headings visual style guide." + href="headings.html"><span>Headings</span></a></span> + + <span class="current"><a title="CentOS texts visual style guide." + href="texts.html"><span>Texts</span></a></span> + + <span><a title="CentOS lists visual style guide." + href="lists.html"><span>Lists</span></a></span> + + <span><a title="CentOS links visual style guide." + href="links.html"><span>Links</span></a></span> + + <span><a title="CentOS tables visual style guide." + href="tables.html"><span>Tables</span></a></span> + + <span><a title="CentOS forms visual style guide." + href="forms.html"><span>Forms</span></a></span> + + <span><a title="CentOS pagination visual style guide." + href="pagination.html"><span>Pagination</span></a></span> + + </div> + + </div> + + <div class="page-line white"><hr style="display:none;" /></div> + + </div> + + <!-- + Start page body definitions. + --> + + <div id="page-body"> + + <!-- + The content of right column goes here. + + <div id="rightbar"> + + <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"> + + <!-- + The content of left column goes here. + --> + + <h1 class="title"><a name="head-b17e230bca18ae33ca5e04e0df1e2cdb">Texts</a></h1> + + <p>CentOS Texts Visual Style Guide.</p> + +<div class="toc"> <p>Table of contents</p> <dl><dt><a href="#head-b17e230bca18ae33ca5e04e0df1e2cdb">Texts</a> <dl><dt><a href="#head-46ca48cb3e70fa30e73c5720c4f951c7">Phrase elements</a> </dt><dt><a href="#head-666ae0df1f90f9daec2dfc71a0b08a11">Subscripts and superscripts</a> </dt><dt><a href="#head-c815fda27b02fd5f1fcde759a5705d11">Paragraphs</a> </dt><dt><a href="#head-7272128cff8b13a8f03a3de78bec414b">Preformatted texts</a> </dt><dt><a href="#head-494e91f987781084ae369ca54e767cf3">Quotations</a> <dl><dt><a href="#head-dc0cb512bb74064641dae42bf4581955">Recommendations</a> </dt></dl> </dt></dl> </div> + + <h2 class="title"><a name="head-46ca48cb3e70fa30e73c5720c4f951c7">Phrase elements</a></h2> + + <div class="glosslist"> + <dl> + <dt><p>EM</p></dt> + <dd><p><em>Indicates emphasis.</em></p></dd> + + <dt><p>STRONG</p></dt> + <dd><p><strong>Indicates stronger emphasis.</strong></p></dd> + + <dt><p>CITE</p></dt> + <dd><p><cite>Contains a citation or a reference to other + sources.</cite></p></dd> + + <dt><p>DFN</p></dt> + <dd><p><dfn>Indicates that this is the defining instance + of the enclosed term.</dfn></p></dd> + + <dt><p>CODE</p></dt> + <dd><p><code>Designates a fragment of computer code.</code></p></dd> + + <dt><p>SAMP</p></dt> + <dd><p><samp>Designates sample output from programs, + scripts, etc.</samp></p></dd> + + <dt><p>KBD</p></dt> + <dd><p><kbd>Indicates text to be entered by the user.</kbd></p></dd> + + <dt><p>VAR</p></dt> + <dd><p><var>Indicates an instance of a variable or + program argument.</var></p></dd> + + <dt><p>ABBR</p></dt> + <dd><p><abbr title="Abbrebiation">Indicates an + abbreviated form (e.g., WWW, HTTP, URI, Mass., + etc.).</abbr></p></dd> + + <dt><p>ACRONYM</p></dt> + <dd><p><acronym title="Acronym">Indicates an acronym + (e.g., WAC, radar, etc.).</acronym></p></dd> + + </dl> + </div> + + <h2 class="title"><a name="head-666ae0df1f90f9daec2dfc71a0b08a11">Subscripts and superscripts</a></h2> + + <div class="glosslist"> + <dl> + + <dt><p>SUB</p></dt> + <dd><p>H<sub>2</sub>O</p></dd> + + <dt><p>SUP</p></dt> + <dd><p>E = mc<sup>2</sup></p></dd> + <dd><p><span lang="fr">M<sup>lle</sup> Dupont</span></p></dd> + </dl> + </div> + + <h2 class="title"><a name="head-c815fda27b02fd5f1fcde759a5705d11">Paragraphs</a></h2> + + <p><a href="http://www.centos.org/">CentOS</a> is an + Enterprise-class Linux Distribution derived from sources + freely provided to the public by a prominent North + American Enterprise Linux vendor. CentOS conforms fully + with the upstream vendors redistribution policy and aims + to be 100% binary compatible. (CentOS mainly changes + packages to remove upstream vendor branding and + artwork.)</p> + + <p>CentOS is developed by a small but growing team of core + developers. In turn the core developers are + supported by an active user community including system + administrators, network administrators, enterprise users, + managers, core Linux contributors and Linux enthusiasts + from around the world.</p> + + <p>CentOS has numerous advantages including: an active and + growing user community, quickly rebuilt, tested, and QA'ed + errata packages, an extensive <a + href="http://www.centos.org/modules/tinycontent/index.php?id=15">mirror + network</a>, developers who are contactable and responsive + reliable Enterprise Linux class distribution, multiple + free support avenues including a <a + href="http://wiki.centos.org/">wiki</a>, <a + href="http://www.centos.org/modules/tinycontent/index.php?id=8">IRC + Chat</a>, <a + href="http://www.centos.org/modules/tinycontent/index.php?id=16">Email + Lists</a>, <a + href="http://www.centos.org/modules/newbb/">Forums</a>,and + a dynamic <a + href="http://www.centos.org/modules/smartfaq/">FAQ</a>. + </p> + + + <h2 class="title"><a name="head-7272128cff8b13a8f03a3de78bec414b">Preformatted texts</a></h2> + + <pre>This is a small one-line pre formatted element.</pre> + + <pre>This is a long one-line pre formatted element to illustrate how the content is scrollable when it doesn't fit the current screen area.</pre> + + <h2 class="title"><a name="head-494e91f987781084ae369ca54e767cf3">Quotations</a></h2> + + <blockquote> + <p>The simplest quotation.</p> + <pre><blockquote> + <p>The simplest quotation.</p> +</blockquote></pre> + </blockquote> + + <blockquote> + <h3 class="title">Tip</h3> + <p>The simplest quotation using heading.</p> + <pre><blockquote><h3 class="title">Tip</h3> + <p>The simplest quotation using heading.</p> +</blockquote></pre> + </blockquote> + + <blockquote class="icon orange"> + <img src="./Images/tip.png" alt="Tip" /> + <h3 class="title">Tip</h3> + <p>Simple quotations can be combined with color classes, icons + and headings to make your message more attractive. To set + quotation with icons, use the <tt>icon</tt> class in the + <tt>blockquote</tt> html tag. The heading is set using + <tt>h3</tt> heading level.</p> + <pre><blockquote class="icon orange"> + <img src="./Images/tip.png" alt="Tip" /> + <h3 class="title">Tip</h3> + <p>This is a simple quotation with an icon.</p> +</blockquote></pre> + <p>The following color classes are available:</p> + + <ul> + <li><tt>blue</tt></li> + <li><tt>orange</tt></li> + <li><tt>green</tt></li> + <li><tt>violet</tt></li> + <li><tt>red</tt></li> + </ul> + + <p>The following icon paths are available:</p> + <table> + <tr> + <td><img src="./Images/tip.png" alt="Tip" /></td> + <td>./Images/tip.png</td> + </tr> + <tr> + <td><img src="./Images/note.png" alt="Info" /></td> + <td>./Images/note.png</td> + </tr> + <tr> + <td><img src="./Images/caution.png" alt="Attention" /></td> + <td>./Images/caution.png</td> + </tr> + <tr> + <td><img src="./Images/warning.png" alt="Warning" /></td> + <td>./Images/warning.png</td> + </tr> + <tr> + <td><img src="./Images/convenction.png" alt="Convenction" /></td> + <td>./Images/convenction.png</td> + </tr> + <tr> + <td><img src="./Images/important.png" alt="Star" /></td> + <td>./Images/important.png</td> + </tr> + <tr> + <td><img src="./Images/error.png" alt="Error" /></td> + <td>./Images/error.png</td> + </tr> + <tr> + <td><img src="./Images/success.png" alt="Success" /></td> + <td>./Images/success.png</td> + </tr> + </table> + <p>As you probably have noted, it is possible to use pre-formatted + texts, lists, tables and several paragraphs inside one admonition. + In fact, it is possible to use any html code inside admonitions. + Feel yourself free to experiment new combinations.</p> + </blockquote> + + <blockquote class="message"> + <p>This admonition style is used to output web application + messages like action results. This one is the simplest.</p> +<pre><blockquote class="message"> + <p>This is the simplest administrative admonition.</p> +</blockquote></pre> + </blockquote> + + <blockquote class="icon message green"> + <img src="./Images/success.png" alt="Success" /> + <h3 class="title">Success</h3> + <p>This admonition style is used to output web application + messages like action results. This one combines color classes, + heading, and icon.</p> + <pre><blockquote class="icon message green"> + <img src="./Images/success.png" alt="Success" /> + <h3 class="title">Success</h3> + <p>This admonition style is used to output web application messages like action results. This one combines color classes, heading, and icon.</p> +</blockquote></pre> + </blockquote> + + <blockquote class="icon message red"> + <img src="./Images/error.png" alt="Error" /> + <h3 class="title">Error</h3> + <p>This admonition style is used to output web application + messages like action results. This one combines color classes, + heading, and icon.</p> + <pre><blockquote class="icon message error"> + <img src="./Images/error.png" alt="Error" /> + <h3 class="title">Error</h3> + <p>This admonition style is used to output web application messages like action results. This one combines color classes, heading, and icon.</p> +</blockquote></pre> + </blockquote> + + <p>The <q cite="http://www.centos.org/">Community Enterprise + Operating System</q> is a GNU/Linux Distribution based on the + freely available sources of a prominet Linux vendor.</p> + + <pre><p>The <q cite="http://www.centos.org/">Community Enterprise +Operating System</q> is a GNU/Linux Distribution based on the freely +available sources of a prominet Linux vendor.</p></pre> + + <p>John said, <q lang="en-US">I saw Lucy at lunch, she told me + <q lang="en-US">Mary wants you to get some ice cream on your + way home.</q> I think I will get some at Ben and Jerry’s, on + Gloucester Road.</q></p> + + <pre><p>John said, <q lang="en-US">I saw Lucy at lunch, +she told me <q lang="en-US">Mary wants you to get some ice cream +on your way home.</q> I think I will get some at Ben and +Jerry’s, on Gloucester Road.</q></p></pre> + + <h3 class="title"><a name="head-dc0cb512bb74064641dae42bf4581955">Recommendations</a></h3> + + <p>In order to maintain a consistent quotation style, consider the + following standard recomendations:</p> + + <blockquote class="icon blue"> + <img src="./Images/note.png" alt="Note" /> + <h3 class="title">Note</h3> + <p>Use this quotation style to remark notes inside your content.</p> + <pre><blockquote class="icon blue"> + <img src="./Images/note.png" alt="Note" /> + <h3 class="title">Note</h3> + <p>Use this quotation style to remark notes inside your content.</p> +</blockquote></pre> + </blockquote> + + <blockquote class="icon orange"> + <img src="./Images/tip.png" alt="Tip" /> + <h3 class="title">Tip</h3> + <p>Use this quotation style to remark tips inside your content.</p> + <pre><blockquote class="icon orange"> + <img src="./Images/tip.png" alt="Tip" /> + <h3 class="title">Tip</h3> + <p>Use this quotation style to remark tips inside your content.</p> +</blockquote></pre> + </blockquote> + + <blockquote class="icon orange"> + <img src="./Images/important.png" alt="Important" /> + <h3 class="title">Important</h3> + <p>Use this quotation style to remark important ideas inside your + content.</p> + <pre><blockquote class="icon orange"> + <h3 class="title">Important</h3> + <img src="./Images/important.png" alt="Important" /> + <p>Use this quotation style to remark important ideas inside your content.</p> +</blockquote></pre> + </blockquote> + + <blockquote class="icon orange"> + <img src="./Images/caution.png" alt="Caution" /> + <h3 class="title">Caution</h3> + <p>Use this quotation style to remark caution ideas inside your + content.</p> + <pre><blockquote class="icon orange"> + <h3 class="title">Caution</h3> + <img src="./Images/caution.png" alt="Caution" /> + <p>Use this quotation style to remark caution ideas inside your content.</p> +</blockquote></pre> + </blockquote> + + <blockquote class="icon orange"> + <img src="./Images/warning.png" alt="Warning" /> + <h3 class="title">Warning</h3> + <p>Use this quotation style to remark warnings inside your content.</p> + <pre><blockquote class="icon orange"> + <img src="./Images/warning.png" alt="Warning" /> + <h3 class="title">Warning</h3> + <p>Use this quotation style to remark warnings inside your content.</p> +</blockquote></pre> + </blockquote> + + <p>as well as the following no-standard ones:</p> + + <blockquote class="icon orange"> + <img src="./Images/convenction.png" alt="Convenction" /> + <h3 class="title">Convenction</h3> + <p>Use this quotation style to remark convenctions inside your + content.</p> + <pre><blockquote class="icon orange"> + <h3 class="title">Convenction</h3> + <img src="./Images/convenction.png" alt="Convenction" /> + <p>Use this quotation style to remark convenctions inside your content.</p> +</blockquote></pre> + </blockquote> + + <blockquote class="icon blue"> + <img src="./Images/redirect.png" alt="Redirection" /> + <h3 class="title">Redirection</h3> + <p>Use this quotation style to remark redirections inside your + content.</p> + <pre><blockquote class="icon orange"> + <h3 class="title">Convenction</h3> + <img src="./Images/redirect.png" alt="Redirection" /> + <p>Use this quotation style to remark redirections inside your content.</p> +</blockquote></pre> + </blockquote> + + <ul> + <li>...</li> + </ul> + + + <!-- + The content of left column ends here. + --> + <div class="page-line"><hr style="display:none;" /></div> + + </div> + + </div> + + <!-- + Start page footer definitions. + --> + <div id="page-footer"> + <div class="credits"> + <div class="top"> + <a title="Top" href="#top"><img src="./Images/top.png" alt="Top"/></a> + </div> + <div class="copyright">© 2009-2012 The CentOS Project. All rights reserved.</div> + <div class="license">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> + +</div> + +</body> + +</html> diff --git a/Artworks/Webenv/Style-guide/0.0.1/texts.xhtml b/Artworks/Webenv/Style-guide/0.0.1/texts.xhtml deleted file mode 100644 index ea0c4ff..0000000 --- a/Artworks/Webenv/Style-guide/0.0.1/texts.xhtml +++ /dev/null @@ -1,601 +0,0 @@ -<?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 texts visual style guide" /> - <meta name="description" content="CentOS texts visual style guide is a tool to help you customize texts inside CentOS websites." /> - <meta name="copyright" content="2009-2012 The CentOS Project" /> - - <title>Texts - Home</title> - - <link href="stylesheet.css" rel="stylesheet" type="text/css" media="screen, projection"/> - -</head> - -<body> - -<a name="top" /> - -<div id="wrap"> - - <div id="page-header"> - - <!-- - CentOS specific brand information. Use this section to show - the CentOS logo. The image used as CentOS logo needs to be 58 - pixels height. - --> - <div id="logo"> - <a title="Community Enterprise Operating System" - href="http://www.centos.org/"><img - src="./Images/logo-centos.png" alt="CentOS"/></a> - </div> - - <!-- - Advertisement area (468x60 pixels). - --> - <div class="ads-google"> - <a title="Google Advertisement" href=""><img src="./Images/ads-sample-468x60.png" alt="Google Advertisement" /></a> - <!-- - <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> - - <!-- - CentOS specific navigation links. Use this section to list the - web applications you want to be always visible no matter where - you are inside the CentOS web environment. Example of web - applications are: Wiki, Lists, Downloads, Forums, Planet, etc. - --> - <div class="page-line"><hr style="display:none;" /></div> - <div class="tabs"> - - <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="http://wiki.centos.org/"> - <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 SIGs (Alt+Shift+7)" href="http://sigs.centos.org/"> - <span>SIGs</span></a> - </span> - - <span> - <a accesskey="8" title="CentOS Downloads (Alt+Shift+8)" href="http://mirrors.centos.org"> - <span>Downloads</span></a> - </span> - - </div> - - <!-- - The CentOS Distribution last releases. - --> - <div id="last-releases"> - <div class="left"> - <span class="title"><a href="">Last Releases</a>:</span> - <span class="release"><a href="">6.0</a></span> - <span class="release"><a href="">5.8</a></span> - <span class="release"><a href="">4.12</a></span> - <span class="release last"><a href="">3.18</a></span> - </div> - <div class="right"> - <span class="rss"><a href="" title="RSS"><span>RSS</span></a></span> - </div> - </div> - - <!-- - Application links. Use this section to organize user specific - links (e.g., session links, the last pages the user visited, - and the main pages the application is made of). - --> - <div id="appslinks"> - - <!-- - User links. Use this section to set Login, Register, Lost your - password?, date and time of last vist, visited pages trail and - similar information. - --> - <div class="userlinks"> - <div class="lastvisit"> - <span class="title"><a href="">Your last visit was at</a></span> - <span class="datetime">Thu Aug 25 14:13:05 CDT 2011</span> - </div> - <div class="session"> - <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> - - <!-- - Application specific links for content stuff. Use this section - to set application specific links that need to remain always - visible inside the application environment. - --> - - <div class="tabs"> - - <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 class="current"><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><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> - - <!-- - Start page body definitions. - --> - - <div id="page-body"> - - <!-- - The content of right column goes here. - - <div id="rightbar"> - - <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"> - - <!-- - The content of left column goes here. - --> - - <h1 class="title"><a name="head-7b6528e7cdb839aa8061f57452123230">Texts</a></h1> - - <p>CentOS Texts Visual Style Guide.</p> - -<div class="toc"> <p>Table of contents</p> <dl><dt><a href="#head-7b6528e7cdb839aa8061f57452123230">Texts</a> <dl><dt><a href="#head-5c80f77e92c9f419199251abbd35af97">Phrase elements</a> </dt><dt><a href="#head-507ed9caa81d70f2e714f6ee674392ab">Subscripts and superscripts</a> </dt><dt><a href="#head-db4fcd670319168d39fd8e7ba952e536">Paragraphs</a> <dl><dt><a href="#head-2605435b7a4df57b65b719975d9dcaba">Preformatted texts</a> </dt><dt><a href="#head-115bb040e2e000205cf011d32e54480c">Quotations</a> </dt></dl></dt><dt><a href="#head-c9a5a1c9aa35c7dd07ac092c205d9f64">Recommendations</a> </dt></dl> </dt></dl> </div> - - <h2 class="title"><a name="head-5c80f77e92c9f419199251abbd35af97">Phrase elements</a></h2> - - <div class="glosslist"> - <dl> - <dt><p>EM</p></dt> - <dd><p><em>Indicates emphasis.</em></p></dd> - - <dt><p>STRONG</p></dt> - <dd><p><strong>Indicates stronger emphasis.</strong></p></dd> - - <dt><p>CITE</p></dt> - <dd><p><cite>Contains a citation or a reference to other - sources.</cite></p></dd> - - <dt><p>DFN</p></dt> - <dd><p><dfn>Indicates that this is the defining instance - of the enclosed term.</dfn></p></dd> - - <dt><p>CODE</p></dt> - <dd><p><code>Designates a fragment of computer code.</code></p></dd> - - <dt><p>SAMP</p></dt> - <dd><p><samp>Designates sample output from programs, - scripts, etc.</samp></p></dd> - - <dt><p>KBD</p></dt> - <dd><p><kbd>Indicates text to be entered by the user.</kbd></p></dd> - - <dt><p>VAR</p></dt> - <dd><p><var>Indicates an instance of a variable or - program argument.</var></p></dd> - - <dt><p>ABBR</p></dt> - <dd><p><abbr title="Abbrebiation">Indicates an - abbreviated form (e.g., WWW, HTTP, URI, Mass., - etc.).</abbr></p></dd> - - <dt><p>ACRONYM</p></dt> - <dd><p><acronym title="Acronym">Indicates an acronym - (e.g., WAC, radar, etc.).</acronym></p></dd> - - </dl> - </div> - - <h2 class="title"><a name="head-507ed9caa81d70f2e714f6ee674392ab">Subscripts and superscripts</a></h2> - - <div class="glosslist"> - <dl> - - <dt><p>SUB</p></dt> - <dd><p>H<sub>2</sub>O</p></dd> - - <dt><p>SUP</p></dt> - <dd><p>E = mc<sup>2</sup></p></dd> - <dd><p><span lang="fr">M<sup>lle</sup> Dupont</span></p></dd> - </dl> - </div> - - <h2 class="title"><a name="head-db4fcd670319168d39fd8e7ba952e536">Paragraphs</a></h2> - - <p><a href="http://www.centos.org/">CentOS</a> is an - Enterprise-class Linux Distribution derived from sources - freely provided to the public by a prominent North - American Enterprise Linux vendor. CentOS conforms fully - with the upstream vendors redistribution policy and aims - to be 100% binary compatible. (CentOS mainly changes - packages to remove upstream vendor branding and - artwork.)</p> - - <p>CentOS is developed by a small but growing team of core - developers. In turn the core developers are - supported by an active user community including system - administrators, network administrators, enterprise users, - managers, core Linux contributors and Linux enthusiasts - from around the world.</p> - - <p>CentOS has numerous advantages including: an active and - growing user community, quickly rebuilt, tested, and QA'ed - errata packages, an extensive <a - href="http://www.centos.org/modules/tinycontent/index.php?id=15">mirror - network</a>, developers who are contactable and responsive - reliable Enterprise Linux class distribution, multiple - free support avenues including a <a - href="http://wiki.centos.org/">wiki</a>, <a - href="http://www.centos.org/modules/tinycontent/index.php?id=8">IRC - Chat</a>, <a - href="http://www.centos.org/modules/tinycontent/index.php?id=16">Email - Lists</a>, <a - href="http://www.centos.org/modules/newbb/">Forums</a>,and - a dynamic <a - href="http://www.centos.org/modules/smartfaq/">FAQ</a>. - </p> - - - <h2 class="title"><a name="head-2605435b7a4df57b65b719975d9dcaba">Preformatted texts</a></h2> - - <pre>This is a small one-line pre formatted element.</pre> - - <pre>This is a long one-line pre formatted element to illustrate how the content is scrollable when it doesn't fit the current screen area.</pre> - - <h2 class="title"><a name="head-115bb040e2e000205cf011d32e54480c">Quotations</a></h2> - - <blockquote> - <p>The simplest quotation.</p> - <pre><blockquote> - <p>The simplest quotation.</p> -</blockquote></pre> - </blockquote> - - <blockquote> - <h3 class="title">Tip</h3> - <p>The simplest quotation using heading.</p> - <pre><blockquote><h3 class="title">Tip</h3> - <p>The simplest quotation using heading.</p> -</blockquote></pre> - </blockquote> - - <blockquote class="icon orange"> - <img src="./Images/tip.png" alt="Tip" /> - <h3 class="title">Tip</h3> - <p>Simple quotations can be combined with color classes, icons - and headings to make your message more attractive. To set - quotation with icons, use the <tt>icon</tt> class in the - <tt>blockquote</tt> html tag. The heading is set using - <tt>h3</tt> heading level.</p> - <pre><blockquote class="icon orange"> - <img src="./Images/tip.png" alt="Tip" /> - <h3 class="title">Tip</h3> - <p>This is a simple quotation with an icon.</p> -</blockquote></pre> - <p>The following color classes are available:</p> - - <ul> - <li><tt>blue</tt></li> - <li><tt>orange</tt></li> - <li><tt>green</tt></li> - <li><tt>violet</tt></li> - <li><tt>red</tt></li> - </ul> - - <p>The following icon paths are available:</p> - <table> - <tr> - <td><img src="./Images/tip.png" alt="Tip" /></td> - <td>./Images/tip.png</td> - </tr> - <tr> - <td><img src="./Images/note.png" alt="Info" /></td> - <td>./Images/note.png</td> - </tr> - <tr> - <td><img src="./Images/caution.png" alt="Attention" /></td> - <td>./Images/caution.png</td> - </tr> - <tr> - <td><img src="./Images/warning.png" alt="Warning" /></td> - <td>./Images/warning.png</td> - </tr> - <tr> - <td><img src="./Images/convenction.png" alt="Convenction" /></td> - <td>./Images/convenction.png</td> - </tr> - <tr> - <td><img src="./Images/important.png" alt="Star" /></td> - <td>./Images/important.png</td> - </tr> - <tr> - <td><img src="./Images/error.png" alt="Error" /></td> - <td>./Images/error.png</td> - </tr> - <tr> - <td><img src="./Images/success.png" alt="Success" /></td> - <td>./Images/success.png</td> - </tr> - </table> - <p>As you probably have noted, it is possible to use pre-formatted - texts, lists, tables and several paragraphs inside one admonition. - In fact, it is possible to use any html code inside admonitions. - Feel yourself free to experiment new combinations.</p> - </blockquote> - - <blockquote class="message"> - <p>This admonition style is used to output web application - messages like action results. This one is the simplest.</p> -<pre><blockquote class="message"> - <p>This is the simplest administrative admonition.</p> -</blockquote></pre> - </blockquote> - - <blockquote class="icon message green"> - <img src="./Images/success.png" alt="Success" /> - <h3 class="title">Success</h3> - <p>This admonition style is used to output web application - messages like action results. This one combines color classes, - heading, and icon.</p> - <pre><blockquote class="icon message green"> - <img src="./Images/success.png" alt="Success" /> - <h3 class="title">Success</h3> - <p>This admonition style is used to output web application messages like action results. This one combines color classes, heading, and icon.</p> -</blockquote></pre> - </blockquote> - - <blockquote class="icon message red"> - <img src="./Images/error.png" alt="Error" /> - <h3 class="title">Error</h3> - <p>This admonition style is used to output web application - messages like action results. This one combines color classes, - heading, and icon.</p> - <pre><blockquote class="icon message error"> - <img src="./Images/error.png" alt="Error" /> - <h3 class="title">Error</h3> - <p>This admonition style is used to output web application messages like action results. This one combines color classes, heading, and icon.</p> -</blockquote></pre> - </blockquote> - - <p>The <q cite="http://www.centos.org/">Community Enterprise - Operating System</q> is a GNU/Linux Distribution based on the - freely available sources of a prominet Linux vendor.</p> - - <pre><p>The <q cite="http://www.centos.org/">Community Enterprise -Operating System</q> is a GNU/Linux Distribution based on the freely -available sources of a prominet Linux vendor.</p></pre> - - <p>John said, <q lang="en-US">I saw Lucy at lunch, she told me - <q lang="en-US">Mary wants you to get some ice cream on your - way home.</q> I think I will get some at Ben and Jerry’s, on - Gloucester Road.</q></p> - - <pre><p>John said, <q lang="en-US">I saw Lucy at lunch, -she told me <q lang="en-US">Mary wants you to get some ice cream -on your way home.</q> I think I will get some at Ben and -Jerry’s, on Gloucester Road.</q></p></pre> - - <h3 class="title"><a name="head-c9a5a1c9aa35c7dd07ac092c205d9f64">Recommendations</a></h3> - - <p>In order to maintain a consistent quotation style, consider the - following standard recomendations:</p> - - <blockquote class="icon blue"> - <img src="./Images/note.png" alt="Note" /> - <h3 class="title">Note</h3> - <p>Use this quotation style to remark notes inside your content.</p> - <pre><blockquote class="icon blue"> - <img src="./Images/note.png" alt="Note" /> - <h3 class="title">Note</h3> - <p>Use this quotation style to remark notes inside your content.</p> -</blockquote></pre> - </blockquote> - - <blockquote class="icon orange"> - <img src="./Images/tip.png" alt="Tip" /> - <h3 class="title">Tip</h3> - <p>Use this quotation style to remark tips inside your content.</p> - <pre><blockquote class="icon orange"> - <img src="./Images/tip.png" alt="Tip" /> - <h3 class="title">Tip</h3> - <p>Use this quotation style to remark tips inside your content.</p> -</blockquote></pre> - </blockquote> - - <blockquote class="icon orange"> - <img src="./Images/important.png" alt="Important" /> - <h3 class="title">Important</h3> - <p>Use this quotation style to remark important ideas inside your - content.</p> - <pre><blockquote class="icon orange"> - <h3 class="title">Important</h3> - <img src="./Images/important.png" alt="Important" /> - <p>Use this quotation style to remark important ideas inside your content.</p> -</blockquote></pre> - </blockquote> - - <blockquote class="icon orange"> - <img src="./Images/caution.png" alt="Caution" /> - <h3 class="title">Caution</h3> - <p>Use this quotation style to remark caution ideas inside your - content.</p> - <pre><blockquote class="icon orange"> - <h3 class="title">Caution</h3> - <img src="./Images/caution.png" alt="Caution" /> - <p>Use this quotation style to remark caution ideas inside your content.</p> -</blockquote></pre> - </blockquote> - - <blockquote class="icon orange"> - <img src="./Images/warning.png" alt="Warning" /> - <h3 class="title">Warning</h3> - <p>Use this quotation style to remark warnings inside your content.</p> - <pre><blockquote class="icon orange"> - <img src="./Images/warning.png" alt="Warning" /> - <h3 class="title">Warning</h3> - <p>Use this quotation style to remark warnings inside your content.</p> -</blockquote></pre> - </blockquote> - - <p>as well as the following no-standard ones:</p> - - <blockquote class="icon orange"> - <img src="./Images/convenction.png" alt="Convenction" /> - <h3 class="title">Convenction</h3> - <p>Use this quotation style to remark convenctions inside your - content.</p> - <pre><blockquote class="icon orange"> - <h3 class="title">Convenction</h3> - <img src="./Images/convenction.png" alt="Convenction" /> - <p>Use this quotation style to remark convenctions inside your content.</p> -</blockquote></pre> - </blockquote> - - <blockquote class="icon blue"> - <img src="./Images/redirect.png" alt="Redirection" /> - <h3 class="title">Redirection</h3> - <p>Use this quotation style to remark redirections inside your - content.</p> - <pre><blockquote class="icon orange"> - <h3 class="title">Convenction</h3> - <img src="./Images/redirect.png" alt="Redirection" /> - <p>Use this quotation style to remark redirections inside your content.</p> -</blockquote></pre> - </blockquote> - - <ul> - <li>...</li> - </ul> - - - <!-- - The content of left column ends here. - --> - <div class="page-line"><hr style="display:none;" /></div> - - </div> - - </div> - - <!-- - Start page footer definitions. - --> - <div id="page-footer"> - <div class="credits"> - <div class="top"> - <a title="Top" href="#top"><img src="./Images/top.png" alt="Top"/></a> - </div> - <div class="copyright">© 2009-2012 The CentOS Project. All rights reserved.</div> - <div class="license">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> - -</div> - -</body> - -</html>