diff --git a/Identity/Models/Css/Home/home.css b/Identity/Models/Css/Home/home.css
index 1c03fd0..0132d3e 100755
--- a/Identity/Models/Css/Home/home.css
+++ b/Identity/Models/Css/Home/home.css
@@ -130,6 +130,7 @@ div#page-header div.links div.trail {
div#page-body div#left div.trail a {
font-size: small;
+ margin-right: 5px;
}
div#page-header div.links div.user a,
@@ -146,7 +147,7 @@ div#page-header div.links div.user span {
div#page-header div.links div.user span,
div#page-header div.links div.trail span {
display: inline;
- margin-left: 5px;
+ margin-left: 3px;
}
div#page-header div.links div.user span.last,
@@ -162,7 +163,7 @@ div#page-header div.links div.trail span.last a {
div#page-header div.links div.trail span:after,
div#page-body div#left div.trail span:after {
- content: " » ";
+ content: "»";
}
div#page-header div.links div.trail span.last:after,
diff --git a/Identity/Models/Html/Home/forms.html b/Identity/Models/Html/Home/forms.html
index 5318d62..522bbb0 100644
--- a/Identity/Models/Html/Home/forms.html
+++ b/Identity/Models/Html/Home/forms.html
@@ -8,8 +8,8 @@
<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 environment" />
- <meta name="description" content="The CentOS web environment html definitions." />
+ <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-2010 Alain Reguera Delgado" />
<title>Forms - Home</title>
@@ -207,173 +207,172 @@
<!--
The content of left column starts here.
-->
+
+ <h1><a name="head-6412b72f4d5315d52a34bb138f3c6b14">Forms</a></h1>
- <h1>Forms</h1>
-
- <p>CentOS Forms Visual Style Guide.</p>
-
- <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="40" /></div>
- </div>
-
- <div class="row2">
- <span class="descrip">input[type="password"]</span>
- <div class="field"><input type="password" name="email" value="" size="40" /></div>
- </div>
-
- <div class="row1">
- <span class="descrip">textarea</span>
- <div class="field"><textarea name="pdescrip" cols="50" 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>
+ <p>CentOS Forms Visual Style Guide.</p>
- </div>
+ <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="40" /></div>
+ </div>
- </fieldset>
- </form>
+ <div class="row2">
+ <span class="descrip">input[type="password"]</span>
+ <div class="field"><input type="password" name="email" value="" size="40" /></div>
+ </div>
-</div>
+ <div class="row1">
+ <span class="descrip">textarea</span>
+ <div class="field"><textarea name="pdescrip" cols="50" 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>
+ </div>
<!--
The content of left column ends here.
diff --git a/Identity/Models/Html/Home/headings.html b/Identity/Models/Html/Home/headings.html
index e8c3e99..40d5f42 100644
--- a/Identity/Models/Html/Home/headings.html
+++ b/Identity/Models/Html/Home/headings.html
@@ -8,8 +8,8 @@
<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 environment" />
- <meta name="description" content="The CentOS web environment html definitions." />
+ <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-2010 Alain Reguera Delgado" />
<title>Headings - Home</title>
@@ -205,12 +205,12 @@
The content of left column starts here.
-->
- <h1>Headings</h1>
+ <h1><a name="head-a1811f6545db914813115417011b2df9">Headings</a></h1>
<p>CentOS Headings Visual Style Guide.</p>
<div class="toc">
- <h3>Table of contents</h3>
+ <h3><a name="head-6915b22396134a9ca1709c5ab6f15e3f">Table of contents</a></h3>
<ul>
<li><a href="#head-dc0cb512bb74064641dae42bf4581955">Recommendations</a></li>
<li><a href="#head-">Examples</a></li>
diff --git a/Identity/Models/Html/Home/index.html b/Identity/Models/Html/Home/index.html
index 4d8a35a..b240a3b 100644
--- a/Identity/Models/Html/Home/index.html
+++ b/Identity/Models/Html/Home/index.html
@@ -8,8 +8,8 @@
<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 environment" />
- <meta name="description" content="The CentOS web environment html definitions." />
+ <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-2010 Alain Reguera Delgado" />
<title>Welcome - Home</title>
diff --git a/Identity/Models/Html/Home/links.html b/Identity/Models/Html/Home/links.html
index ca9632e..05bcd89 100644
--- a/Identity/Models/Html/Home/links.html
+++ b/Identity/Models/Html/Home/links.html
@@ -8,8 +8,8 @@
<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 environment" />
- <meta name="description" content="The CentOS web environment html definitions." />
+ <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-2010 Alain Reguera Delgado" />
<title>Links - Home</title>
@@ -208,7 +208,7 @@
The content of left column goes here.
-->
- <h1>Links</h1>
+ <h1><a name="head-2ce64f1d078abfcab46e9a45ec966f21">Links</a></h1>
<p>CentOS Links Visual Style Guide.</p>
@@ -221,19 +221,19 @@
<h2><a href="head-c1fb2df131f9b6be4e9c0868b3352fc0">Examples</a></h2>
- <h3>Common Link Style</h3>
+ <h3><a name="head-31f0d293c07c6836dab528e9b3a666fd">Common link style</a></h3>
<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>
- <h3>Image Link Style</h3>
+ <h3><a href="head-709ae08a7b553f9a0c30bae0059ef344">Image link style</a></h3>
<p><a title="Image Link"
href="/home/centos/artwork/trunk/Identity/Widgets/Img/poweredby-1.png"><img
src="/home/centos/artwork/trunk/Identity/Widgets/Img/poweredby-1.png"
alt="Powered by CentOS" /></a></p>
- <h3>Decorative Link Styles</h3>
+ <h3><a name="head-915653bf3b46b30e84b5dd244fefd881">Decorative link styles</a></h3>
<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
diff --git a/Identity/Models/Html/Home/lists.html b/Identity/Models/Html/Home/lists.html
index b5e320c..b1ec888 100644
--- a/Identity/Models/Html/Home/lists.html
+++ b/Identity/Models/Html/Home/lists.html
@@ -8,8 +8,8 @@
<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 environment" />
- <meta name="description" content="The CentOS web environment html definitions." />
+ <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-2010 Alain Reguera Delgado" />
<title>Lists - Home</title>
@@ -208,7 +208,7 @@
The content of left column goes here.
-->
- <h1>Lists</h1>
+ <h1><a name="#head-4d26fe6e135bd5df71763906939fb8b8">Lists</a></h1>
<p>CentOS Lists Visual Style Guide.</p>
diff --git a/Identity/Models/Html/Home/pagination.html b/Identity/Models/Html/Home/pagination.html
index f8b93c1..a7ac83b 100644
--- a/Identity/Models/Html/Home/pagination.html
+++ b/Identity/Models/Html/Home/pagination.html
@@ -8,8 +8,8 @@
<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 environment" />
- <meta name="description" content="The CentOS web environment html definitions." />
+ <meta name="keywords" content="centos web pagination visual style guide" />
+ <meta name="description" content="CentOS pagination visual style guide is a tool to help you customize pagination inside CentOS websites." />
<meta name="copyright" content="2009-2010 Alain Reguera Delgado" />
<title>Pagination - Home</title>
@@ -205,11 +205,12 @@
</div>
<!--
- The content of left column goes here.
+ The content of left column starts here.
-->
- <h1>H</h1>
- <p>Hello</p>
+ <!--
+ The content of left column ends here.
+ -->
<div class="page-line"><hr style="display:none;" /></div>
</div>
diff --git a/Identity/Models/Html/Home/tables.html b/Identity/Models/Html/Home/tables.html
index 42cef8b..5b1790c 100644
--- a/Identity/Models/Html/Home/tables.html
+++ b/Identity/Models/Html/Home/tables.html
@@ -8,8 +8,8 @@
<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 environment" />
- <meta name="description" content="The CentOS web environment html definitions." />
+ <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-2010 Alain Reguera Delgado" />
<title>Tables - Home</title>
@@ -205,11 +205,12 @@
</div>
<!--
- The content of left column goes here.
+ The content of left column starts here.
-->
- <h1>H</h1>
- <p>Hello</p>
+ <!--
+ The content of left column ends here.
+ -->
<div class="page-line"><hr style="display:none;" /></div>
</div>
diff --git a/Identity/Models/Html/Home/texts.html b/Identity/Models/Html/Home/texts.html
index 569d5d4..8662681 100644
--- a/Identity/Models/Html/Home/texts.html
+++ b/Identity/Models/Html/Home/texts.html
@@ -8,8 +8,8 @@
<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 environment" />
- <meta name="description" content="The CentOS web environment html definitions." />
+ <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-2010 Alain Reguera Delgado" />
<title>Texts - Home</title>
@@ -208,34 +208,23 @@
The content of left column goes here.
-->
- <h1>Texts</h1>
+ <h1><a name="head-b17e230bca18ae33ca5e04e0df1e2cdb">Texts</a></h1>
<p>CentOS Texts Visual Style Guide.</p>
<div class="toc">
<h3>Table of contents</h3>
<ul>
+ <li><a href="#head-">Phrase elements</a></li>
+ <li><a href="#head-">Subscripts and superscripts</a></li>
+ <li><a href="#head-">Paragraphs</a></li>
+ <li><a href="#head-">Preformatted text</a></li>
+ <li><a href="#head-">Quotation</a></li>
<li><a href="#head-dc0cb512bb74064641dae42bf4581955">Recommendations</a></li>
- <li><a href="#head-">Examples</a></li>
- <ul>
- <li><a href="#head-5871b1272673f7cf89bcaf48972c848a">Phrase elements</a></li>
- <li><a href="#head-d33a28a4193cffb949f506cfdf770f05">Subscripts and superscripts</a></li>
- <li><a href="#head-93b42a4a61a0b05a81aff6224555603c">Paragraphs</a></li>
- <li><a href="#head-93b42a4a61a0b05a81aff6224555603c">Preformatted text</a></li>
- <li><a href="#head-93b42a4a61a0b05a81aff6224555603c">Quotation</a></li>
- <li><a href="#head-93b42a4a61a0b05a81aff6224555603c">Inline quotation</a></li>
</ul>
</div>
- <h2><a name="head-dc0cb512bb74064641dae42bf4581955">Recommendations</a></h2>
-
- <ul>
- <li>...</li>
- </ul>
-
- <h2><a href="head-c1fb2df131f9b6be4e9c0868b3352fc0">Examples</a></h2>
-
- <h3>Phrase elements</h3>
+ <h2><a name="head-46ca48cb3e70fa30e73c5720c4f951c7">Phrase elements</a></h2>
<dl>
<dt>EM</dt>
@@ -276,7 +265,7 @@
</dl>
- <h3>Subscripts and superscripts</h3>
+ <h2><a name="head-666ae0df1f90f9daec2dfc71a0b08a11">Subscripts and superscripts</a></h2>
<dl>
@@ -288,7 +277,7 @@
<dd><span lang="fr">M<sup>lle</sup> Dupont</span></dd>
</dl>
- <h3>Paragraphs</h3>
+ <h2><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
@@ -322,13 +311,13 @@
</p>
- <h3>Preformatted text</h3>
+ <h3><a name="head-7272128cff8b13a8f03a3de78bec414b">Preformatted texts</a></h3>
<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>
- <h3>Quotations</h3>
+ <h3><a name="head-494e91f987781084ae369ca54e767cf3">Quotations</a></h3>
<blockquote>
<p>The simplest quotation.</p>
@@ -357,7 +346,7 @@
<pre><blockquote class="icon orange">
<img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-idea.png" alt="Tip" />
<h3>Tip</h3>
- <p>This is a simple quotation with an icon. </p>
+ <p>This is a simple quotation with an icon.</p>
</blockquote></pre>
<p>The following color classes are available:</p>
@@ -418,11 +407,11 @@
<img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-success.png" alt="Success" />
<h3>Success</h3>
<p>This admonition style is used to output web application
- messages like action results. This one combines color clases,
+ messages like action results. This one combines color classes,
heading, and icon.</p>
<pre><blockquote class="icon message green">
<img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-success.png" alt="Success" />
- <p>This admonition style is used to output web application messages like action results. This one combines color clases, heading, and icon.</p>
+ <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>
@@ -430,30 +419,90 @@
<img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-error.png" alt="Error" />
<h3>Error</h3>
<p>This admonition style is used to output web application
- messages like action results. This one combines color clases,
+ messages like action results. This one combines color classes,
heading, and icon.</p>
<pre><blockquote class="icon message error">
<img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-error.png" alt="Error" />
- <p>This admonition style is used to output web application messages like action results. This one combines color clases, heading, and icon.</p>
+ <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>
- <h4>Inline quotation</h4>
-
<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>
- <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
+ <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>
-</div>
+ <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>
+
+ <h2><a name="head-dc0cb512bb74064641dae42bf4581955">Recommendations</a></h2>
+
+ <p>In order to maintain a consistent quotation style, consider the
+ following recomendations:</p>
+
+ <blockquote class="icon blue">
+ <img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-info.png" alt="Note" />
+ <h3>Note</h3>
+ <p>Use this quotation style to remark notes inside your content.</p>
+ <pre><blockquote class="icon blue">
+ <img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-info.png" alt="Note" />
+ <h3>Note</h3>
+ <p>Use this quotation style to remark notes inside your content.</p>
+</blockquote></pre>
+ </blockquote>
+
+ <blockquote class="icon orange">
+ <img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-idea.png" alt="Tip" />
+ <h3>Tip</h3>
+ <p>Use this quotation style to remark tips inside your content.</p>
+ <pre><blockquote class="icon orange">
+ <img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-idea.png" alt="Tip" />
+ <h3>Tip</h3>
+ <p>Use this quotation style to remark tips inside your content.</p>
+</blockquote></pre>
+ </blockquote>
+
+ <blockquote class="icon orange">
+ <img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-alert.png" alt="Alert" />
+ <h3>Warning</h3>
+ <p>Use this quotation style to remark warnings inside your content.</p>
+ <pre><blockquote class="icon orange">
+ <img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-alert.png" alt="Alert" />
+ <h3>Warning</h3>
+ <p>Use this quotation style to remark warnings inside your content.</p>
+</blockquote></pre>
+ </blockquote>
+
+ <blockquote class="icon orange">
+ <img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-attention.png" alt="Important" />
+ <h3>Important</h3>
+ <p>Use this quotation style to remark important ideas inside your
+ content.</p>
+ <pre><blockquote class="icon orange">
+ <h3>Important</h3>
+ <img src="/home/centos/artwork/trunk/Identity/Widgets/Img/icon-admonition-attention.png" alt="Important" />
+ <p>Use this quotation style to remark important ideas inside your content.</p>
+</blockquote></pre>
+ </blockquote>
+
+ <ul>
+ <li>...</li>
+ </ul>
<!--
The content of left column ends here.
-->
+ </div>
<div class="page-line"><hr style="display:none;" /></div>
</div>