From 838f5d5a34058f194f12315875e8cd2ab4f70e44 Mon Sep 17 00:00:00 2001 From: Alain Reguera Delgado Date: Oct 07 2010 13:17:35 +0000 Subject: Inside trunk/Identity/Models: - Update Html/Home and Css/Home design models. --- 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 @@ - - + + Forms - Home @@ -207,173 +207,172 @@ + +

Forms

-

Forms

- -

CentOS Forms Visual Style Guide.

- -
-
- Fieldset: -
- input[type="text"] -
-
- -
- input[type="password"] -
-
- -
- textarea -
-
- -
- select -
- - - - - - -
-
- -
- checkbox -
- -
-
-
-
-
-
- -
-
-
-
-
-
- -
-
-
-
-
-
- -
- -
- -
- radio -
- -
-
-
-
- -
- -
-
-
-
- -
- -
-
- -
- -
- - -
Brief fieldset description here ... Brief - fieldset description here ... Brief fieldset description here - ... -
+

CentOS Forms Visual Style Guide.

-
+ +
+ Fieldset: +
+ input[type="text"] +
+
-
- +
+ input[type="password"] +
+
- +
+ textarea +
+
+ +
+ select +
+ + + + + + +
+
+ +
+ checkbox +
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+ +
+ +
+ radio +
+ +
+
+
+
+ +
+ +
+
+
+
+ +
+ +
+
+ +
+ +
+ + +
Brief fieldset description here ... Brief + fieldset description here ... Brief fieldset description here + ... +
+ +
+ +
+ + -

Headings

+

Headings

CentOS Headings Visual Style Guide.

-

Table of contents

+

Table of contents

-

H

-

Hello

+
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 @@ - - + + Tables - Home @@ -205,11 +205,12 @@ -

H

-

Hello

+
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 @@ - - + + Texts - Home @@ -208,34 +208,23 @@ The content of left column goes here. --> -

Texts

+

Texts

CentOS Texts Visual Style Guide.

Table of contents

-

Recommendations

- - - -

Examples

- -

Phrase elements

+

Phrase elements

EM
@@ -276,7 +265,7 @@
-

Subscripts and superscripts

+

Subscripts and superscripts

@@ -288,7 +277,7 @@
Mlle Dupont
-

Paragraphs

+

Paragraphs

CentOS is an Enterprise-class Linux Distribution derived from sources freely @@ -322,13 +311,13 @@

-

Preformatted text

+

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.

@@ -357,7 +346,7 @@ 
<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>

The following color classes are available:

@@ -418,11 +407,11 @@ Success

Success

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.

<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>
@@ -430,30 +419,90 @@ Error

Error

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.

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

Inline quotation

-

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

-

John said, I saw Lucy at lunch, she told me - Mary wants you to get some ice cream on your + 

<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/Widgets/Img/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/Widgets/Img/icon-admonition-idea.png" alt="Tip" />
+    <h3>Tip</h3>
+    <p>Use this quotation style to remark tips 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/Widgets/Img/icon-admonition-alert.png" alt="Alert" />
+    <h3>Warning</h3>
+    <p>Use this quotation style to remark warnings 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/Widgets/Img/icon-admonition-attention.png" alt="Important" />
+    <p>Use this quotation style to remark important ideas inside your content.</p>
+</blockquote>
+
+ + +