diff --git a/Identity/Webenv/App/Home/forms.html b/Identity/Webenv/App/Home/forms.html deleted file mode 100644 index 28eba79..0000000 --- a/Identity/Webenv/App/Home/forms.html +++ /dev/null @@ -1,422 +0,0 @@ - - - - - - - - - - - - - Forms - Home - - - - - - - - - -
- - - - - -
- - - -
- - - - - - -

Forms

- -

CentOS Forms Visual Style Guide.

- -

Table of contents

- -

Elements

- -
-
- Fieldset: -
- input[type="text"] -
-
- -
- input[type="password"] -
-
- -
- textarea -
-
- -
- select -
- - - - - - -
-
- -
- checkbox -
- -
-
-
-
-
-
- -
-
-
-
-
-
- -
-
-
-
-
-
- -
- -
- -
- radio -
- -
-
-
-
- -
- -
-
-
-
- -
- -
-
- -

- -
- - -
Brief fieldset description here ... Brief - fieldset description here ... Brief fieldset description here - ... -
- -
- -
-
- -

Recommendations

- -
    -
  • ...
  • -
- - -

- -
- - - -

- - -
- - - - diff --git a/Identity/Webenv/App/Home/forms.xhtml b/Identity/Webenv/App/Home/forms.xhtml new file mode 100644 index 0000000..f92f46d --- /dev/null +++ b/Identity/Webenv/App/Home/forms.xhtml @@ -0,0 +1,443 @@ + + + + + + + + + + + + + Forms - Home + + + + + + + + + +
+ + + + + +
+ + + +
+ + + + + + +

Forms

+ +

CentOS Forms Visual Style Guide.

+ +

Table of contents

+ +

Elements

+ +
+
+ Fieldset: +
+ input[type="text"] +
+
+ +
+ input[type="password"] +
+
+ +
+ textarea +
+
+ +
+ select +
+ + + + + + +
+
+ +
+ checkbox +
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+ +
+ +
+ radio +
+ +
+
+
+
+ +
+ +
+
+
+
+ +
+ +
+
+ +

+ +
+ + +
Brief fieldset description here ... Brief + fieldset description here ... Brief fieldset description here + ... +
+ +
+ +
+
+ +

Recommendations

+ +
    +
  • ...
  • +
+ +
+ + +

+ +
+ + +

+ + +
+ + + + diff --git a/Identity/Webenv/App/Home/headings.html b/Identity/Webenv/App/Home/headings.html deleted file mode 100644 index b37a882..0000000 --- a/Identity/Webenv/App/Home/headings.html +++ /dev/null @@ -1,308 +0,0 @@ - - - - - - - - - - - - - Headings - Home - - - - - - - - - -
- - - - - -
- - - -
- - - - - - -

Headings

- -

CentOS Headings Visual Style Guide.

- - - -

Heading Level 1

-
<h1><a name="head-5871b1272673f7cf89bcaf48972c848a" href="#head-5871b1272673f7cf89bcaf48972c848a">Heading Level 1</a></h1>
- -

Heading Level 2

-
<h2><a name="head-d33a28a4193cffb949f506cfdf770f05" href="#head-d33a28a4193cffb949f506cfdf770f05">Heading Level 2</a></h2>
- -

Heading Level 3

-
<h3><a name="head-82dd23c665d8ee437a980459c8b80d7a" href="#head-82dd23c665d8ee437a980459c8b80d7a">Heading Level 3</a></h3>
- -

Heading Level 4

-
<h4><a name="head-157dc030ea314f4b53a6ed238113a3f8" href="#head-157dc030ea314f4b53a6ed238113a3f8">Heading Level 4</a></h4>
- -
Heading Level 5
-
<h5><a name="head-33628cc07bcbefc4e4732407b8680bf6" href="#head-33628cc07bcbefc4e4732407b8680bf6">Heading Level 5</a></h5>
- -
Heading Level 6
-
<h6><a name="head-93b42a4a61a0b05a81aff6224555603c" href="#head-93b42a4a61a0b05a81aff6224555603c">Heading Level 5</a></h6>
- -

Recommendations

- -

As heading design recommendations:

- -
    - -
  • When defining headings, make them accessible - using the following structure:

    - -
    <h1><a name="head-a1811f6545db914813115417011b2df9">Heading</a></h1>
    - -

    Where a1811f6545db914813115417011b2df9 is the - result of applying md5sum command to - Heading string. In this case, - Heading is the heading name.

    - -
  • - -
  • Sometimes headings are used as links. For those - cases, use the following structure:

  • - -
    <h1><a href="#head-a1811f6545db914813115417011b2df9">Heading</a></h1>
    - -

    or the following, if you want to make a heading an - anchor and link of itself:

    - -
    <h1><a name="head-a1811f6545db914813115417011b2df9" href="#head-a1811f6545db914813115417011b2df9">Heading</a></h1>
    - -
  • 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.

  • - -
- - - -

- -
- -
- - - -

- - -
- - - - diff --git a/Identity/Webenv/App/Home/headings.xhtml b/Identity/Webenv/App/Home/headings.xhtml new file mode 100644 index 0000000..8d4c8ad --- /dev/null +++ b/Identity/Webenv/App/Home/headings.xhtml @@ -0,0 +1,328 @@ + + + + + + + + + + + + + Headings - Home + + + + + + + + + +
+ + + + + +
+ + + +
+ + + + + + +

Headings

+ +

CentOS Headings Visual Style Guide.

+ + + +

Heading Level 1

+
<h1><a name="head-5871b1272673f7cf89bcaf48972c848a" href="#head-5871b1272673f7cf89bcaf48972c848a">Heading Level 1</a></h1>
+ +

Heading Level 2

+
<h2><a name="head-d33a28a4193cffb949f506cfdf770f05" href="#head-d33a28a4193cffb949f506cfdf770f05">Heading Level 2</a></h2>
+ +

Heading Level 3

+
<h3><a name="head-82dd23c665d8ee437a980459c8b80d7a" href="#head-82dd23c665d8ee437a980459c8b80d7a">Heading Level 3</a></h3>
+ +

Heading Level 4

+
<h4><a name="head-157dc030ea314f4b53a6ed238113a3f8" href="#head-157dc030ea314f4b53a6ed238113a3f8">Heading Level 4</a></h4>
+ +
Heading Level 5
+
<h5><a name="head-33628cc07bcbefc4e4732407b8680bf6" href="#head-33628cc07bcbefc4e4732407b8680bf6">Heading Level 5</a></h5>
+ +
Heading Level 6
+
<h6><a name="head-93b42a4a61a0b05a81aff6224555603c" href="#head-93b42a4a61a0b05a81aff6224555603c">Heading Level 5</a></h6>
+ +

Recommendations

+ +

As heading design recommendations:

+ +
    + +
  • When defining headings, make them accessible + using the following structure:

    + +
    <h1><a name="head-a1811f6545db914813115417011b2df9">Heading</a></h1>
    + +

    Where a1811f6545db914813115417011b2df9 is the + result of applying md5sum command to + Heading string. In this case, + Heading is the heading name.

    + +
  • + +
  • Sometimes headings are used as links. For those + cases, use the following structure:

  • + +
    <h1><a href="#head-a1811f6545db914813115417011b2df9">Heading</a></h1>
    + +

    or the following, if you want to make a heading an + anchor and link of itself:

    + +
    <h1><a name="head-a1811f6545db914813115417011b2df9" href="#head-a1811f6545db914813115417011b2df9">Heading</a></h1>
    + +
  • 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.

  • + +
+ + + +

+ +
+ +
+ + + +

+ + +
+ + + + diff --git a/Identity/Webenv/App/Home/index.html b/Identity/Webenv/App/Home/index.html deleted file mode 100644 index 400d97b..0000000 --- a/Identity/Webenv/App/Home/index.html +++ /dev/null @@ -1,247 +0,0 @@ - - - - - - - - - - - - - Welcome - Home - - - - - - - - - -
- - - - - -
- - - -
- - - - - - -

- -
- - - -

- - -
- - - - diff --git a/Identity/Webenv/App/Home/index.xhtml b/Identity/Webenv/App/Home/index.xhtml new file mode 100644 index 0000000..a7e72e3 --- /dev/null +++ b/Identity/Webenv/App/Home/index.xhtml @@ -0,0 +1,271 @@ + + + + + + + + + + + + + Welcome - Home + + + + + + + + + +
+ + + + + +
+ + + +
+ + + + + + +

+ +
+ +
+ + +

+ + +
+ + + + diff --git a/Identity/Webenv/App/Home/links.html b/Identity/Webenv/App/Home/links.html deleted file mode 100644 index 23fa73e..0000000 --- a/Identity/Webenv/App/Home/links.html +++ /dev/null @@ -1,286 +0,0 @@ - - - - - - - - - - - - - Links - Home - - - - - - - - - -
- - - - - -
- - - -
- - - - - - -

Links

- -

CentOS Links Visual Style Guide.

- - - -

Common link style

- -

This is a common text link style

-

This is a common nonexistant text link style

- -

Image link style

- -

Powered by CentOS

- -

Decorative link styles

- -

http://www.centos.org/. This is - the "www" and "http" link style. It is generally used to link - external sites.

- -

centos-devel@centos.org. This - is the "mailto" link style. It is generally used to - display email addresses.

- -

header-bg.jpg. This is the - "attachment" link style. It is generally used to display - an attachment.

- -

Recommendations

- -
    -
  • ...
  • -
- - -
- -

- -
- - - -

- - -
- - - - diff --git a/Identity/Webenv/App/Home/links.xhtml b/Identity/Webenv/App/Home/links.xhtml new file mode 100644 index 0000000..955a262 --- /dev/null +++ b/Identity/Webenv/App/Home/links.xhtml @@ -0,0 +1,311 @@ + + + + + + + + + + + + + Links - Home + + + + + + + + + +
+ + + + + +
+ + + +
+ + + + + + +

Links

+ +

CentOS Links Visual Style Guide.

+ + + +

Common link style

+ +

This is a common text link style

+

This is a common nonexistant text link style

+ +

Image link style

+ +

Powered by CentOS

+ +

Decorative link styles

+ +

http://www.centos.org/. This is + the "www" and "http" link style. It is generally used to link + external sites.

+ +

centos-devel@centos.org. This + is the "mailto" link style. It is generally used to + display email addresses.

+ +

header-bg.jpg. This is the + "attachment" link style. It is generally used to display + an attachment.

+ +

Recommendations

+ +
    +
  • ...
  • +
+ + +
+ +

+ +
+ + + +

+ + +
+ + + + diff --git a/Identity/Webenv/App/Home/lists.html b/Identity/Webenv/App/Home/lists.html deleted file mode 100644 index 501d809..0000000 --- a/Identity/Webenv/App/Home/lists.html +++ /dev/null @@ -1,319 +0,0 @@ - - - - - - - - - - - - - Lists - Home - - - - - - - - - -
- - - - - -
- - - -
- - - - - - -

Lists

- -

CentOS Lists Visual Style Guide.

- - - -

Unordered Lists

- -

This section illustrates the visual style of unordered lists.

- -
    -
  • This is a list element.
  • -
  • This is another list element.
  • -
  • This is even another list element.
  • -
- -

Ordered Lists

- -

This section illustrates the visual style of ordered lists.

- -
    -
  1. This is a list element.
  2. -
  3. This is another list element.
  4. -
  5. This is even another list element.
  6. -
- -

Definition Lists

- -

This section illustrates the visual style of definition lists.

- -
-
WWW
-
World Wide Web
- -
CentOS
-
Community Enterprise Operating System
-
- -

Nested Lists

- -

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):

- -
-
The ingredients
-
-
    -
  • 100 g. flour
  • -
  • 10 g. sugar
  • -
  • 1 cup water
  • -
  • 2 eggs
  • -
  • salt, pepper
  • -
-
- -
The procedure
-
-
    -
  1. Mix dry ingredients thoroughly.
  2. -
  3. Pour in wet ingredients.
  4. -
  5. Mix for 10 minutes.
  6. -
  7. Bake for one hour at 300 degrees.
  8. -
-
- -
- -
- - -

- -
- - - -

- - -
- - - - diff --git a/Identity/Webenv/App/Home/lists.xhtml b/Identity/Webenv/App/Home/lists.xhtml new file mode 100644 index 0000000..c761e11 --- /dev/null +++ b/Identity/Webenv/App/Home/lists.xhtml @@ -0,0 +1,344 @@ + + + + + + + + + + + + + Lists - Home + + + + + + + + + +
+ + + + + +
+ + + +
+ + + + + + +

Lists

+ +

CentOS Lists Visual Style Guide.

+ + + +

Unordered Lists

+ +

This section illustrates the visual style of unordered lists.

+ +
    +
  • This is a list element.
  • +
  • This is another list element.
  • +
  • This is even another list element.
  • +
+ +

Ordered Lists

+ +

This section illustrates the visual style of ordered lists.

+ +
    +
  1. This is a list element.
  2. +
  3. This is another list element.
  4. +
  5. This is even another list element.
  6. +
+ +

Definition Lists

+ +

This section illustrates the visual style of definition lists.

+ +
+
WWW
+
World Wide Web
+ +
CentOS
+
Community Enterprise Operating System
+
+ +

Nested Lists

+ +

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):

+ +
+
The ingredients
+
+
    +
  • 100 g. flour
  • +
  • 10 g. sugar
  • +
  • 1 cup water
  • +
  • 2 eggs
  • +
  • salt, pepper
  • +
+
+ +
The procedure
+
+
    +
  1. Mix dry ingredients thoroughly.
  2. +
  3. Pour in wet ingredients.
  4. +
  5. Mix for 10 minutes.
  6. +
  7. Bake for one hour at 300 degrees.
  8. +
+
+ +
+ +
+ + +

+ +
+ + + +

+ + +
+ + + + diff --git a/Identity/Webenv/App/Home/pagination.html b/Identity/Webenv/App/Home/pagination.html deleted file mode 100644 index a6f0327..0000000 --- a/Identity/Webenv/App/Home/pagination.html +++ /dev/null @@ -1,398 +0,0 @@ - - - - - - - - - - - - - Pagination - Home - - - - - - - - - -
- - - - - -
- - - -
- - - - - - -

Pagination

- -

CentOS Pagination Visual Style Guide.

- - - -

Basic

- -

-
-
-
- - - - - - - 3 records found. -
- -
    -
  • - Name - Description -
  • -
  • - Alain Reguera Delgado - alain.reguera@localhost.localdomain -
  • -
  • - Ana Tamara Reguera Gattorno - ana.reguera@localhost.localdomain -
  • -
  • - Alina Reguera Gattorno - alina.reguera@localhost.localdomain -
  • -
-
-
- -

- -

- -

Administrative

- -
- Success -

Success

-

Use this message to notify action success.

-
-
- Warning -

Warning

-

Use this message to notify action warnings.

-
-
- Error -

Error

-

Use this message to notify action errors.

-
- -

-
-
-
- - - - - - - - - - - - -
- -
    -
  • - - - - Name - Description -
  • -
  • - - - - Alain Reguera Delgado - alain.reguera@localhost.localdomain -
  • -
  • - - - - Ana Tamara Reguera Gattorno - ana.reguera@localhost.localdomain -
  • -
  • - - - - Alina Reguera Gattorno - alina.reguera@localhost.localdomain -
  • -
-
-
- -

- -

- -

Recommendations

- -
    -
  • ...
  • -
- - -

- -
- - - -

- - -
- - - - diff --git a/Identity/Webenv/App/Home/pagination.xhtml b/Identity/Webenv/App/Home/pagination.xhtml new file mode 100644 index 0000000..dbb1e85 --- /dev/null +++ b/Identity/Webenv/App/Home/pagination.xhtml @@ -0,0 +1,424 @@ + + + + + + + + + + + + + Pagination - Home + + + + + + + + + +
+ + + + + +
+ + + +
+ + + + + + +

Pagination

+ +

CentOS Pagination Visual Style Guide.

+ + + +

Basic

+ +

+
+
+
+ + + + + + + 3 records found. +
+ +
    +
  • + Name + Description +
  • +
  • + Alain Reguera Delgado + alain.reguera@localhost.localdomain +
  • +
  • + Ana Tamara Reguera Gattorno + ana.reguera@localhost.localdomain +
  • +
  • + Alina Reguera Gattorno + alina.reguera@localhost.localdomain +
  • +
+
+
+ +

+ +

+ +

Administrative

+ +
+ Success +

Success

+

Use this message to notify action success.

+
+
+ Warning +

Warning

+

Use this message to notify action warnings.

+
+
+ Error +

Error

+

Use this message to notify action errors.

+
+ +

+
+
+
+ + + + + + + + + + + + +
+ +
    +
  • + + + + Name + Description +
  • +
  • + + + + Alain Reguera Delgado + alain.reguera@localhost.localdomain +
  • +
  • + + + + Ana Tamara Reguera Gattorno + ana.reguera@localhost.localdomain +
  • +
  • + + + + Alina Reguera Gattorno + alina.reguera@localhost.localdomain +
  • +
+
+
+ +

+ +

+ +

Recommendations

+ +
    +
  • ...
  • +
+ +
+ + +

+ +
+ + +

+ + +
+ + + + diff --git a/Identity/Webenv/App/Home/tables.html b/Identity/Webenv/App/Home/tables.html deleted file mode 100644 index f0fa65b..0000000 --- a/Identity/Webenv/App/Home/tables.html +++ /dev/null @@ -1,290 +0,0 @@ - - - - - - - - - - - - - Tables - Home - - - - - - - - - -
- - - - - -
- - - -
- - - - - - -

Tables

- -

CentOS Tables Visual Style Guide.

- -

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.

- - - - - - - - - - - - - - - - - - - - - - - - -
A test table with merged cells
AverageRed
eyes
heightweight
Males1.90.00340%
Females1.70.00243%
- -

Recommendations

- -
    -
  • ...
  • -
- - - -

- -
- - - -

- - -
- - - - diff --git a/Identity/Webenv/App/Home/tables.xhtml b/Identity/Webenv/App/Home/tables.xhtml new file mode 100644 index 0000000..6d5c3c7 --- /dev/null +++ b/Identity/Webenv/App/Home/tables.xhtml @@ -0,0 +1,318 @@ + + + + + + + + + + + + + Tables - Home + + + + + + + + + +
+ + + + + +
+ + + +
+ + + + + + +

Tables

+ +

CentOS Tables Visual Style Guide.

+ +

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.

+ + + + + + + + + + + + + + + + + + + + + + + + +
A test table with merged cells
AverageRed
eyes
heightweight
Males1.90.00340%
Females1.70.00243%
+ +

Recommendations

+ +
    +
  • ...
  • +
+ +
+ + +

+ +
+ + + +

+ + +
+ + + + diff --git a/Identity/Webenv/App/Home/texts.html b/Identity/Webenv/App/Home/texts.html deleted file mode 100644 index f30d7d8..0000000 --- a/Identity/Webenv/App/Home/texts.html +++ /dev/null @@ -1,558 +0,0 @@ - - - - - - - - - - - - - Texts - Home - - - - - - - - - -
- - - - - -
- - - -
- - - - - - -

Texts

- -

CentOS Texts Visual Style Guide.

- - - -

Phrase elements

- -
-
EM
-
Indicates emphasis.
- -
STRONG
-
Indicates stronger emphasis.
- -
CITE
-
Contains a citation or a reference to other - sources.
- -
DFN
-
Indicates that this is the defining instance of the - enclosed term.
- -
CODE
-
Designates a fragment of computer code.
- -
SAMP
-
Designates sample output from programs, scripts, - etc.
- -
KBD
-
Indicates text to be entered by the user.
- -
VAR
-
Indicates an instance of a variable or program - argument.
- -
ABBR
-
Indicates an abbreviated form (e.g., WWW, HTTP, URI, - Mass., etc.).
- -
ACRONYM
-
Indicates an acronym (e.g., WAC, radar, - etc.).
- -
- -

Subscripts and superscripts

- -
- -
SUB
-
H2O
- -
SUP
-
E = mc2
-
Mlle Dupont
-
- -

Paragraphs

- -

CentOS 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.)

- -

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.

- -

CentOS has numerous advantages including: an active and growing - user community, quickly rebuilt, tested, and QA'ed errata - packages, an extensive mirror - network, developers who are contactable and responsive - reliable Enterprise Linux class distribution, multiple free - support avenues including a wiki, IRC - Chat, Email - Lists, Forums,and a - dynamic FAQ. -

- - -

Preformatted texts

- -
This is a small one-line pre formatted element.
- -
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.
- -

Quotations

- -
-

The simplest quotation.

-
<blockquote>
-    <p>The simplest quotation.</p>
-</blockquote>
-
- -
-

Tip

-

The simplest quotation using heading.

-
<blockquote>
-    <h3>Tip</h3>
-    <p>The simplest quotation using heading.</p>
-</blockquote>
-
- -
- Tip -

Tip

-

Simple quotations can be combined with color classes, icons - and headings to make your message more attractive. To set - quotation with icons, use the icon class in the - blockquote html tag. The heading is set using - h3 heading level.

-
<blockquote class="icon orange">
-    <img src="/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-idea.png" alt="Tip" />
-    <h3>Tip</h3>
-    <p>This is a simple quotation with an icon.</p>
-</blockquote>
-

The following color classes are available:

- -
    -
  • blue
  • -
  • orange
  • -
  • green
  • -
  • violet
  • -
  • red
  • -
- -

The following icon paths are available:

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Tip/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-idea.png
Info/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-info.png
Attention/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-attention.png
Alert/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-alert.png
Convenction/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-ruler.png
Star/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-star.png
Error/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-error.png
Success/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-success.png
-

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.

-
- -
-

This admonition style is used to output web application - messages like action results. This one is the simplest.

-
<blockquote class="message">
-    <p>This is the simplest administrative admonition.</p>
-</blockquote>
-
- -
- Success -

Success

-

This admonition style is used to output web application - messages like action results. This one combines color classes, - heading, and icon.

-
<blockquote class="icon message green">
-    <img src="/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-success.png" alt="Success" />
-    <p>This admonition style is used to output web application messages like action results. This one combines color classes, heading, and icon.</p>
-</blockquote>
-
- -
- Error -

Error

-

This admonition style is used to output web application - messages like action results. This one combines color classes, - heading, and icon.

-
<blockquote class="icon message error">
-    <img src="/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-error.png" alt="Error" />
-    <p>This admonition style is used to output web application messages like action results. This one combines color classes, heading, and icon.</p>
-</blockquote>
-
- -

The Community Enterprise - Operating System is a GNU/Linux Distribution based on the - freely available sources of a prominet Linux vendor.

- -
<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>
- -

John said, I saw Lucy at lunch, she told me - Mary wants you to get some ice cream on your - way home. I think I will get some at Ben and Jerry’s, on - Gloucester Road.

- -
<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>
- -

Recommendations

- -

In order to maintain a consistent quotation style, consider the - following recomendations:

- -
- Note -

Note

-

Use this quotation style to remark notes inside your content.

-
<blockquote class="icon blue">
-    <img src="/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-info.png" alt="Note" />
-    <h3>Note</h3>
-    <p>Use this quotation style to remark notes inside your content.</p>
-</blockquote>
-
- -
- Tip -

Tip

-

Use this quotation style to remark tips inside your content.

-
<blockquote class="icon orange">
-    <img src="/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-idea.png" alt="Tip" />
-    <h3>Tip</h3>
-    <p>Use this quotation style to remark tips inside your content.</p>
-</blockquote>
-
- -
- Important -

Important

-

Use this quotation style to remark important ideas inside your - content.

-
<blockquote class="icon orange">
-    <h3>Important</h3>
-    <img src="/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-star.png" alt="Important" />
-    <p>Use this quotation style to remark important ideas inside your content.</p>
-</blockquote>
-
- -
- Convenction -

Convenction

-

Use this quotation style to remark convenctions inside your - content.

-
<blockquote class="icon orange">
-    <h3>Convenction</h3>
-    <img src="/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-ruler.png" alt="Convenction" />
-    <p>Use this quotation style to remark convenctions inside your content.</p>
-</blockquote>
-
- -
- Alert -

Warning

-

Use this quotation style to remark warnings inside your content.

-
<blockquote class="icon orange">
-    <img src="/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-alert.png" alt="Alert" />
-    <h3>Warning</h3>
-    <p>Use this quotation style to remark warnings inside your content.</p>
-</blockquote>
-
- -
- Important -

Caution

-

Use this quotation style to remark caution ideas inside your - content.

-
<blockquote class="icon orange">
-    <h3>Caution</h3>
-    <img src="/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-attention.png" alt="Important" />
-    <p>Use this quotation style to remark caution ideas inside your content.</p>
-</blockquote>
-
- -
    -
  • ...
  • -
- - -
-

- -
- - - -

- - -
- - - - diff --git a/Identity/Webenv/App/Home/texts.xhtml b/Identity/Webenv/App/Home/texts.xhtml new file mode 100644 index 0000000..e54f47b --- /dev/null +++ b/Identity/Webenv/App/Home/texts.xhtml @@ -0,0 +1,597 @@ + + + + + + + + + + + + + Texts - Home + + + + + + + + + +
+ + + + + +
+ + + +
+ + + + + + +

Texts

+ +

CentOS Texts Visual Style Guide.

+ + + +

Phrase elements

+ +
+
EM
+
Indicates emphasis.
+ +
STRONG
+
Indicates stronger emphasis.
+ +
CITE
+
Contains a citation or a reference to other + sources.
+ +
DFN
+
Indicates that this is the defining instance + of the enclosed term.
+ +
CODE
+
Designates a fragment of computer code.
+ +
SAMP
+
Designates sample output from programs, + scripts, etc.
+ +
KBD
+
Indicates text to be entered by the user.
+ +
VAR
+
Indicates an instance of a variable or + program argument.
+ +
ABBR
+
Indicates an + abbreviated form (e.g., WWW, HTTP, URI, Mass., + etc.).
+ +
ACRONYM
+
Indicates an acronym + (e.g., WAC, radar, etc.).
+ +
+ +

Subscripts and superscripts

+ +
+ +
SUB
+
H2O
+ +
SUP
+
E = mc2
+
Mlle Dupont
+
+ +

Paragraphs

+ +

CentOS 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.)

+ +

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.

+ +

CentOS has numerous advantages including: an active and + growing user community, quickly rebuilt, tested, and QA'ed + errata packages, an extensive mirror + network, developers who are contactable and responsive + reliable Enterprise Linux class distribution, multiple + free support avenues including a wiki, IRC + Chat, Email + Lists, Forums,and + a dynamic FAQ. +

+ + +

Preformatted texts

+ +
This is a small one-line pre formatted element.
+ +
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.
+ +

Quotations

+ +
+

The simplest quotation.

+
<blockquote>
+    <p>The simplest quotation.</p>
+</blockquote>
+
+ +
+

Tip

+

The simplest quotation using heading.

+
<blockquote><h3>Tip</h3> 
+    <p>The simplest quotation using heading.</p>
+</blockquote>
+
+ +
+ Tip +

Tip

+

Simple quotations can be combined with color classes, icons + and headings to make your message more attractive. To set + quotation with icons, use the icon class in the + blockquote html tag. The heading is set using + h3 heading level.

+
<blockquote class="icon orange">
+    <img src="/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-idea.png" alt="Tip" />
+    <h3>Tip</h3>
+    <p>This is a simple quotation with an icon.</p>
+</blockquote>
+

The following color classes are available:

+ +
    +
  • blue
  • +
  • orange
  • +
  • green
  • +
  • violet
  • +
  • red
  • +
+ +

The following icon paths are available:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Tip/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-idea.png
Info/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-info.png
Attention/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-attention.png
Alert/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-alert.png
Convenction/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-ruler.png
Star/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-star.png
Error/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-error.png
Success/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-success.png
+

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.

+
+ +
+

This admonition style is used to output web application + messages like action results. This one is the simplest.

+
<blockquote class="message">
+    <p>This is the simplest administrative admonition.</p>
+</blockquote>
+
+ +
+ Success +

Success

+

This admonition style is used to output web application + messages like action results. This one combines color classes, + heading, and icon.

+
<blockquote class="icon message green">
+    <img src="/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-success.png" alt="Success" />
+    <p>This admonition style is used to output web application messages like action results. This one combines color classes, heading, and icon.</p>
+</blockquote>
+
+ +
+ Error +

Error

+

This admonition style is used to output web application + messages like action results. This one combines color classes, + heading, and icon.

+
<blockquote class="icon message error">
+    <img src="/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-error.png" alt="Error" />
+    <p>This admonition style is used to output web application messages like action results. This one combines color classes, heading, and icon.</p>
+</blockquote>
+
+ +

The Community Enterprise + Operating System is a GNU/Linux Distribution based on the + freely available sources of a prominet Linux vendor.

+ +
<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>
+ +

John said, I saw Lucy at lunch, she told me + Mary wants you to get some ice cream on your + way home. I think I will get some at Ben and Jerry’s, on + Gloucester Road.

+ +
<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>
+ +

Recommendations

+ +

In order to maintain a consistent quotation style, consider the + following recomendations:

+ +
+ Note +

Note

+

Use this quotation style to remark notes inside your content.

+
<blockquote class="icon blue">
+    <img src="/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-info.png" alt="Note" />
+    <h3>Note</h3>
+    <p>Use this quotation style to remark notes inside your content.</p>
+</blockquote>
+
+ +
+ Tip +

Tip

+

Use this quotation style to remark tips inside your content.

+
<blockquote class="icon orange">
+    <img src="/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-idea.png" alt="Tip" />
+    <h3>Tip</h3>
+    <p>Use this quotation style to remark tips inside your content.</p>
+</blockquote>
+
+ +
+ Important +

Important

+

Use this quotation style to remark important ideas inside your + content.

+
<blockquote class="icon orange">
+    <h3>Important</h3>
+    <img src="/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-star.png" alt="Important" />
+    <p>Use this quotation style to remark important ideas inside your content.</p>
+</blockquote>
+
+ +
+ Convenction +

Convenction

+

Use this quotation style to remark convenctions inside your + content.

+
<blockquote class="icon orange">
+    <h3>Convenction</h3>
+    <img src="/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-ruler.png" alt="Convenction" />
+    <p>Use this quotation style to remark convenctions inside your content.</p>
+</blockquote>
+
+ +
+ Alert +

Warning

+

Use this quotation style to remark warnings inside your content.

+
<blockquote class="icon orange">
+    <img src="/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-alert.png" alt="Alert" />
+    <h3>Warning</h3>
+    <p>Use this quotation style to remark warnings inside your content.</p>
+</blockquote>
+
+ +
+ Important +

Caution

+

Use this quotation style to remark caution ideas inside your + content.

+
<blockquote class="icon orange">
+    <h3>Caution</h3>
+    <img src="/home/centos/artwork/trunk/Identity/Images/Webenv/icon-admonition-attention.png" alt="Important" />
+    <p>Use this quotation style to remark caution ideas inside your content.</p>
+</blockquote>
+
+ +
    +
  • ...
  • +
+ + +
+

+ +
+ + + +

+ + +
+ + + + diff --git a/Identity/Webenv/Css/base-app.css b/Identity/Webenv/Css/base-app.css index ea443a3..edd7e3b 100755 --- a/Identity/Webenv/Css/base-app.css +++ b/Identity/Webenv/Css/base-app.css @@ -46,7 +46,7 @@ div#page-header, div#wrap, div#page-body, div#page-footer { - min-width: 730px; + min-width: 680px; } div#page-body { @@ -539,3 +539,10 @@ div#page-body div.records-list ul li.title { border-bottom: 1px #AAA solid; } +/* Google advertisement (468x60px) +-----------------------------------------------*/ +div#page-header div.advertisement { + float: right; + margin: 5px; + margin-bottom: 1px; + } diff --git a/Identity/Webenv/Css/base.css b/Identity/Webenv/Css/base.css index 93aed0d..62f035b 100755 --- a/Identity/Webenv/Css/base.css +++ b/Identity/Webenv/Css/base.css @@ -55,7 +55,7 @@ html { background-color: #FFF; - background-image: url(/home/centos/artwork/trunk/Identity/Patterns/centos-background-1.png); + background-image: url(/home/centos/artwork/trunk/Identity/Images/Webenv/html-bg.png); } /* Define body diff --git a/Identity/Webenv/Css/tabs.css b/Identity/Webenv/Css/tabs.css index ff912f9..fcb64c6 100644 --- a/Identity/Webenv/Css/tabs.css +++ b/Identity/Webenv/Css/tabs.css @@ -18,13 +18,11 @@ div#page-header div.tabs1 { margin-left: 10px; margin-right: 10px; - margin-top: 43px; - float:right; } div#page-header div.links div.tabs1 { - margin-top: 10px; -} + margin-top: 15px; + } div#page-header div.tabs1 a { color: #FFF;