diff --git a/Identity/Webenv/App/Home/texts.xhtml b/Identity/Webenv/App/Home/texts.xhtml index 2aacdfb..9eaeb04 100644 --- a/Identity/Webenv/App/Home/texts.xhtml +++ b/Identity/Webenv/App/Home/texts.xhtml @@ -336,13 +336,13 @@

-

Preformatted texts

+

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

+

Quotations

The simplest quotation.

@@ -352,24 +352,24 @@
-

Tip

+

Tip

The simplest quotation using heading.

-
<blockquote><h2>Tip</h2> 
+                
<blockquote><h3 class="title">Tip</h3> 
     <p>The simplest quotation using heading.</p>
 </blockquote>
Tip -

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 - h2 heading level.

+ h3 heading level.

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

The following color classes are available:

@@ -433,24 +433,26 @@
Success -

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

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/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>
@@ -473,40 +475,40 @@ 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

+

Recommendations

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

Note -

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/note.png" alt="Note" />
-    <h2>Note</h2>
+    <h3 class="title">Note</h3>
     <p>Use this quotation style to remark notes inside your content.</p>
 </blockquote>
Tip -

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/tip.png" alt="Tip" />
-    <h2>Tip</h2>
+    <h3 class="title">Tip</h3>
     <p>Use this quotation style to remark tips inside your content.</p>
 </blockquote>
Important -

Important

+

Important

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

<blockquote class="icon orange">
-    <h2>Important</h2>
+    <h3 class="title">Important</h3>
     <img src="/home/centos/artwork/trunk/Identity/Images/Webenv/important.png" alt="Important" />
     <p>Use this quotation style to remark important ideas inside your content.</p>
 </blockquote>
@@ -514,11 +516,11 @@ Jerry’s, on Gloucester Road.</q></p>
Caution -

Caution

+

Caution

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

<blockquote class="icon orange">
-    <h2>Caution</h2>
+    <h3 class="title">Caution</h3>
     <img src="/home/centos/artwork/trunk/Identity/Images/Webenv/caution.png" alt="Caution" />
     <p>Use this quotation style to remark caution ideas inside your content.</p>
 </blockquote>
@@ -526,11 +528,11 @@ Jerry’s, on Gloucester Road.</q></p>
Warning -

Warning

+

Warning

Use this quotation style to remark warnings inside your content.

<blockquote class="icon orange">
     <img src="/home/centos/artwork/trunk/Identity/Images/Webenv/warning.png" alt="Warning" />
-    <h2>Warning</h2>
+    <h3 class="title">Warning</h3>
     <p>Use this quotation style to remark warnings inside your content.</p>
 </blockquote>
@@ -539,11 +541,11 @@ Jerry’s, on Gloucester Road.</q></p>
Convenction -

Convenction

+

Convenction

Use this quotation style to remark convenctions inside your content.

<blockquote class="icon orange">
-    <h2>Convenction</h2>
+    <h3 class="title">Convenction</h3>
     <img src="/home/centos/artwork/trunk/Identity/Images/Webenv/ruler.png" alt="Convenction" />
     <p>Use this quotation style to remark convenctions inside your content.</p>
 </blockquote>
@@ -551,11 +553,11 @@ Jerry’s, on Gloucester Road.</q></p>
Redirection -

Redirection

+

Redirection

Use this quotation style to remark redirections inside your content.

<blockquote class="icon orange">
-    <h2>Convenction</h2>
+    <h3 class="title">Convenction</h3>
     <img src="/home/centos/artwork/trunk/Identity/Images/Webenv/redirect.png" alt="Redirection" />
     <p>Use this quotation style to remark redirections inside your content.</p>
 </blockquote>