diff --git a/Identity/Models/Css/Home/base.css b/Identity/Models/Css/Home/base.css
index 34b9b43..46d9eb3 100755
--- a/Identity/Models/Css/Home/base.css
+++ b/Identity/Models/Css/Home/base.css
@@ -299,7 +299,7 @@ dl dt {
}
dl dt:after {
- content: ": "
+ content: ""
}
dl dd {
@@ -310,9 +310,7 @@ dl dd {
dl dd ul,
dl dd ol {
- margin: 0;
- padding-top: 0;
- margin-left: 4em;
+ margin-left: 0;
}
/* Tables
diff --git a/Identity/Models/Css/Home/home.css b/Identity/Models/Css/Home/home.css
index e34e0a7..1c03fd0 100755
--- a/Identity/Models/Css/Home/home.css
+++ b/Identity/Models/Css/Home/home.css
@@ -85,31 +85,31 @@ div#page-body a.nonexistent:hover { color: gray; }
div#page-body a.www:before {
white-space:nowrap;
- content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/www.png);
+ content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/a-www.png);
margin: 0 0.2em;
}
div#page-body a.http:before {
white-space:nowrap;
- content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/www.png);
+ content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/a-www.png);
margin: 0 0.2em;
}
div#page-body a.https:before {
white-space:nowrap;
- content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/www.png);
+ content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/a-www.png);
margin: 0 0.2em;
}
div#page-body a.mailto:before {
white-space:nowrap;
- content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/email.png);
+ content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/a-mail.png);
margin: 0 0.2em;
}
div#page-body a.attachment:before {
white-space:nowrap;
- content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/attach.png);
+ content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/a-attach.png);
margin: 0 0.2em;
}
@@ -191,7 +191,7 @@ div#page-body h2 {
margin-top: 1.6em;
margin-bottom: 0.8em;
padding-left: 0.7em;
- background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/h2-bg.png");
+ background: #FFF url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/h2-bg.png");
border: none;
color: #072B61;
}
@@ -310,6 +310,30 @@ div#page-body div#right ul li.current {
font-weight: bold;
}
+/* Table of content (toc) */
+
+div#page-body div.toc {
+ border: 1px solid #CCCCCC;
+ background: #FFF url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/toc-bg.png") right repeat-y;
+ font-size: small;
+ text-align:left;
+ margin-left: 1.5em;
+ width:70%;
+ }
+
+div#page-body div.toc h3 {
+ margin-top: 0;
+ background: #FFF url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/h2-bg.png");
+ }
+
+div#page-body div.toc ul {
+ margin-left: 1.5em;
+ }
+
+div#page-body div.toc ul ul {
+ margin-left: 0;
+}
+
/* Quotations
-----------------------------------------------*/
diff --git a/Identity/Models/Html/Home/forms.html b/Identity/Models/Html/Home/forms.html
index a4e44df..5318d62 100644
--- a/Identity/Models/Html/Home/forms.html
+++ b/Identity/Models/Html/Home/forms.html
@@ -212,14 +212,6 @@
<p>CentOS Forms Visual Style Guide.</p>
- <h2>Recommendations</h2>
-
- <ul>
- <li>...</li>
- </ul>
-
- <h2>Examples</h2>
-
<form method="post" action="" title="Form Styles">
<fieldset>
<legend>Fieldset:</legend>
diff --git a/Identity/Models/Html/Home/headings.html b/Identity/Models/Html/Home/headings.html
index 694e6cb..e8c3e99 100644
--- a/Identity/Models/Html/Home/headings.html
+++ b/Identity/Models/Html/Home/headings.html
@@ -167,7 +167,7 @@
<div id="right">
<!--
- The content of right column goes here.
+ The content of right column starts here.
-->
<ul class="first">
<li><a href="">Release Notes</a></li>
@@ -202,85 +202,78 @@
</div>
<!--
- The content of left column goes here.
+ The content of left column starts here.
-->
<h1>Headings</h1>
<p>CentOS Headings Visual Style Guide.</p>
- <h2>Recommendations</h2>
-
- <ul>
-
- <li>Defining headings' HTML structure both as anchor
- and link. This may help to make references to specific
- topics.</li>
+ <div class="toc">
+ <h3>Table of contents</h3>
+ <ul>
+ <li><a href="#head-dc0cb512bb74064641dae42bf4581955">Recommendations</a></li>
+ <li><a href="#head-">Examples</a></li>
+ <ul>
+ <li><a href="#head-5871b1272673f7cf89bcaf48972c848a">Heading Level 1</a></li>
+ <li><a href="#head-d33a28a4193cffb949f506cfdf770f05">Heading Level 2</a></li>
+ <li><a href="#head-82dd23c665d8ee437a980459c8b80d7a">Heading Level 3</a></li>
+ <li><a href="#head-157dc030ea314f4b53a6ed238113a3f8">Heading Level 4</a></li>
+ <li><a href="#head-33628cc07bcbefc4e4732407b8680bf6">Heading Level 5</a></li>
+ <li><a href="#head-93b42a4a61a0b05a81aff6224555603c">Heading Level 6</a></li>
+ </ul>
+ </ul>
+ </div>
- <li>Using an automatically generated number for
- heading's anchor name. To avoid duplications we could
- take the heading string and determine its md5 number
- and use that number as anchor name. See examples
- below.</li>
+ <h2><a name="head-dc0cb512bb74064641dae42bf4581955">Recommendations</a></h2>
- <li>...</li>
+ <p>As heading design recommendations:</p>
- </ul>
+ <ul>
- <h2>Example</h2>
+ <li><p>When defining headings, make it accessible
+ using the following structure:</p>
- <h1><a name="head-5871b1272673f7cf89bcaf48972c848a"
- href="#head-5871b1272673f7cf89bcaf48972c848a">Heading
- Level 1</a></h1> <pre><h1><a
- name="head-5871b1272673f7cf89bcaf48972c848a"
- href="#head-5871b1272673f7cf89bcaf48972c848a">Heading
- Level 1</a></h1></pre>
+ <pre><h1><a name="head-a1811f6545db914813115417011b2df9">Heading</a></h1></pre>
- <h2><a name="head-d33a28a4193cffb949f506cfdf770f05"
- href="#head-d33a28a4193cffb949f506cfdf770f05">Heading
- Level 2</a></h2>
+ <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>
- <pre><h2><a
- name="head-d33a28a4193cffb949f506cfdf770f05"
- href="#head-d33a28a4193cffb949f506cfdf770f05">Heading
- Level 2</a></h2></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>
- <h3><a name="head-82dd23c665d8ee437a980459c8b80d7a"
- href="#head-82dd23c665d8ee437a980459c8b80d7a">Heading
- Level 3</a></h3>
+ </ul>
- <pre><h3><a
- name="head-82dd23c665d8ee437a980459c8b80d7a"
- href="#head-82dd23c665d8ee437a980459c8b80d7a">Heading
- Level 3</a></h3></pre>
+ <h2><a href="head-c1fb2df131f9b6be4e9c0868b3352fc0">Examples</a></h2>
- <h4><a name="head-157dc030ea314f4b53a6ed238113a3f8"
- href="#head-157dc030ea314f4b53a6ed238113a3f8">Heading
- Level 4</a></h4>
+ <h1><a name="head-5871b1272673f7cf89bcaf48972c848a" href="#head-5871b1272673f7cf89bcaf48972c848a">Heading Level 1</a></h1>
+ <pre><h1><a name="head-5871b1272673f7cf89bcaf48972c848a" href="#head-5871b1272673f7cf89bcaf48972c848a">Heading Level 1</a></h1></pre>
- <pre><h4><a
- name="head-157dc030ea314f4b53a6ed238113a3f8"
- href="#head-157dc030ea314f4b53a6ed238113a3f8">Heading
- Level 4</a></h4></pre>
+ <h2><a name="head-d33a28a4193cffb949f506cfdf770f05" href="#head-d33a28a4193cffb949f506cfdf770f05">Heading Level 2</a></h2>
+ <pre><h2><a name="head-d33a28a4193cffb949f506cfdf770f05" href="#head-d33a28a4193cffb949f506cfdf770f05">Heading Level 2</a></h2></pre>
- <h5><a name="head-33628cc07bcbefc4e4732407b8680bf6"
- href="#head-33628cc07bcbefc4e4732407b8680bf6">Heading
- Level 5</a></h5>
+ <h3><a name="head-82dd23c665d8ee437a980459c8b80d7a" href="#head-82dd23c665d8ee437a980459c8b80d7a">Heading Level 3</a></h3>
+ <pre><h3><a name="head-82dd23c665d8ee437a980459c8b80d7a" href="#head-82dd23c665d8ee437a980459c8b80d7a">Heading Level 3</a></h3></pre>
- <pre><h5><a
- name="head-33628cc07bcbefc4e4732407b8680bf6"
- href="#head-33628cc07bcbefc4e4732407b8680bf6">Heading
- Level 5</a></h5></pre>
+ <h4><a name="head-157dc030ea314f4b53a6ed238113a3f8" href="#head-157dc030ea314f4b53a6ed238113a3f8">Heading Level 4</a></h4>
+ <pre><h4><a name="head-157dc030ea314f4b53a6ed238113a3f8" href="#head-157dc030ea314f4b53a6ed238113a3f8">Heading Level 4</a></h4></pre>
- <h6><a name="head-93b42a4a61a0b05a81aff6224555603c"
- href="#head-93b42a4a61a0b05a81aff6224555603c">Heading
- Level 6</a></h6>
+ <h5><a name="head-33628cc07bcbefc4e4732407b8680bf6" href="#head-33628cc07bcbefc4e4732407b8680bf6">Heading Level 5</a></h5>
+ <pre><h5><a name="head-33628cc07bcbefc4e4732407b8680bf6" href="#head-33628cc07bcbefc4e4732407b8680bf6">Heading Level 5</a></h5></pre>
- <pre><h6><a
- name="head-93b42a4a61a0b05a81aff6224555603c"
- href="#head-93b42a4a61a0b05a81aff6224555603c">Heading
- Level 5</a></h6></pre>
+ <h6><a name="head-93b42a4a61a0b05a81aff6224555603c" href="#head-93b42a4a61a0b05a81aff6224555603c">Heading Level 6</a></h6>
+ <pre><h6><a name="head-93b42a4a61a0b05a81aff6224555603c" href="#head-93b42a4a61a0b05a81aff6224555603c">Heading Level 5</a></h6></pre>
+ <!--
+ The content of left column ends here.
+ -->
<div class="page-line"><hr style="display:none;" /></div>
</div>
diff --git a/Identity/Models/Html/Home/links.html b/Identity/Models/Html/Home/links.html
index c398629..ca9632e 100644
--- a/Identity/Models/Html/Home/links.html
+++ b/Identity/Models/Html/Home/links.html
@@ -207,8 +207,47 @@
<!--
The content of left column goes here.
-->
- <h1>H</h1>
- <p>Hello</p>
+
+ <h1>Links</h1>
+
+ <p>CentOS Links Visual Style Guide.</p>
+
+
+ <h2><a name="head-dc0cb512bb74064641dae42bf4581955">Recommendations</a></h2>
+
+ <ul>
+ <li>...</li>
+ </ul>
+
+ <h2><a href="head-c1fb2df131f9b6be4e9c0868b3352fc0">Examples</a></h2>
+
+ <h3>Common Link Style</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>
+
+ <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>
+
+ <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>
+
+</div>
<div class="page-line"><hr style="display:none;" /></div>
diff --git a/Identity/Models/Html/Home/lists.html b/Identity/Models/Html/Home/lists.html
index f5bc32e..b5e320c 100644
--- a/Identity/Models/Html/Home/lists.html
+++ b/Identity/Models/Html/Home/lists.html
@@ -12,7 +12,7 @@
<meta name="description" content="The CentOS web environment html definitions." />
<meta name="copyright" content="2009-2010 Alain Reguera Delgado" />
- <title>Links - Home</title>
+ <title>Lists - Home</title>
<link href="/home/centos/artwork/trunk/Identity/Models/Css/Home/stylesheet.css" rel="stylesheet" type="text/css" />
@@ -207,9 +207,89 @@
<!--
The content of left column goes here.
-->
- <h1>H</h1>
- <p>Hello</p>
+ <h1>Lists</h1>
+
+ <p>CentOS Lists Visual Style Guide.</p>
+
+ <div class="toc">
+ <h3>Table of contents</h3>
+ <ul>
+ <li><a href="#head-e292ecd3aaf69881cddc8d0b6768448a">Unordered Lists</a></li>
+ <li><a href="#head-767042866fe68d7058b33181d25a4728">Ordered Lists</a></li>
+ <li><a href="#head-e8489ae9d71b3a11bf3a9229506a74fb">Definition Lists</a></li>
+ <li><a href="#head-ec292ddd7a46d7f87e484794bf9c8a20">Nested Lists</a></li>
+ </ul>
+ </div>
+
+ <h2><a name="head-e292ecd3aaf69881cddc8d0b6768448a">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><a name="head-767042866fe68d7058b33181d25a4728">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><a name="head-e8489ae9d71b3a11bf3a9229506a74fb">Definition Lists</a></h2>
+
+ <p>This section illustrates the visual style of definition lists.</p>
+
+ <dl>
+ <dt>WWW</dt>
+ <dd>World Wide Web</dd>
+
+ <dt>CentOS</dt>
+ <dd>Community Enterprise Operating System</dd>
+ </dl>
+
+ <h2><a name="head-ec292ddd7a46d7f87e484794bf9c8a20">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>
+
+</div>
+
+ <!--
+ 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 84a46ce..569d5d4 100644
--- a/Identity/Models/Html/Home/texts.html
+++ b/Identity/Models/Html/Home/texts.html
@@ -212,13 +212,28 @@
<p>CentOS Texts Visual Style Guide.</p>
- <h2>Recommendations</h2>
+ <div class="toc">
+ <h3>Table of contents</h3>
+ <ul>
+ <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>Examples</h2>
+ <h2><a href="head-c1fb2df131f9b6be4e9c0868b3352fc0">Examples</a></h2>
<h3>Phrase elements</h3>
@@ -275,25 +290,43 @@
<h3>Paragraphs</h3>
- <p>Paragraph here. Paragraph here. Paragraph here. Paragraph here.
- Paragraph here. Paragraph here. Paragraph here. Paragraph here.
- Paragraph here. Paragraph here. Paragraph here. Paragraph here.
- Paragraph here. Paragraph here.</p>
+ <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>
- <p>Paragraph here. Paragraph here. Paragraph here. Paragraph here.
- Paragraph here. Paragraph here. Paragraph here. Paragraph here.
- Paragraph here. Paragraph here. Paragraph here. Paragraph here.
- Paragraph here. Paragraph here.</p>
<h3>Preformatted text</h3>
- <pre>This is a pre formatted element.</pre>
+ <pre>This is a small one-line pre formatted element.</pre>
- <pre>
-This is a pre formatted element (line 1).
-This is a pre formatted element (line 2).
-This is a pre formatted element (line 3).
-</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>
diff --git a/Identity/Models/Img/Promo/Web/jpg/toc-bg.jpg b/Identity/Models/Img/Promo/Web/jpg/toc-bg.jpg
index 5f3f713..3bde60e 100644
Binary files a/Identity/Models/Img/Promo/Web/jpg/toc-bg.jpg and b/Identity/Models/Img/Promo/Web/jpg/toc-bg.jpg differ
diff --git a/Identity/Models/Img/Promo/Web/png/a-attach.png b/Identity/Models/Img/Promo/Web/png/a-attach.png
new file mode 100644
index 0000000..dc75f89
Binary files /dev/null and b/Identity/Models/Img/Promo/Web/png/a-attach.png differ
diff --git a/Identity/Models/Img/Promo/Web/png/a-mail.png b/Identity/Models/Img/Promo/Web/png/a-mail.png
new file mode 100644
index 0000000..40e90f8
Binary files /dev/null and b/Identity/Models/Img/Promo/Web/png/a-mail.png differ
diff --git a/Identity/Models/Img/Promo/Web/png/a-www.png b/Identity/Models/Img/Promo/Web/png/a-www.png
new file mode 100644
index 0000000..1b92afe
Binary files /dev/null and b/Identity/Models/Img/Promo/Web/png/a-www.png differ
diff --git a/Identity/Models/Img/Promo/Web/png/toc-bg.png b/Identity/Models/Img/Promo/Web/png/toc-bg.png
index 02f4993..063d7bb 100644
Binary files a/Identity/Models/Img/Promo/Web/png/toc-bg.png and b/Identity/Models/Img/Promo/Web/png/toc-bg.png differ
diff --git a/Identity/Models/Xcf/Promo/Web/a-attach.xcf b/Identity/Models/Xcf/Promo/Web/a-attach.xcf
new file mode 100644
index 0000000..1da9042
Binary files /dev/null and b/Identity/Models/Xcf/Promo/Web/a-attach.xcf differ
diff --git a/Identity/Models/Xcf/Promo/Web/a-mail.xcf b/Identity/Models/Xcf/Promo/Web/a-mail.xcf
new file mode 100644
index 0000000..1f2e901
Binary files /dev/null and b/Identity/Models/Xcf/Promo/Web/a-mail.xcf differ
diff --git a/Identity/Models/Xcf/Promo/Web/a-www.xcf b/Identity/Models/Xcf/Promo/Web/a-www.xcf
new file mode 100644
index 0000000..5291887
Binary files /dev/null and b/Identity/Models/Xcf/Promo/Web/a-www.xcf differ
diff --git a/Identity/Models/Xcf/Promo/Web/toc-bg.xcf b/Identity/Models/Xcf/Promo/Web/toc-bg.xcf
new file mode 100644
index 0000000..9737bc7
Binary files /dev/null and b/Identity/Models/Xcf/Promo/Web/toc-bg.xcf differ