diff --git a/Identity/Models/Css/Home/base.css b/Identity/Models/Css/Home/base.css
new file mode 100755
index 0000000..2e937cb
--- /dev/null
+++ b/Identity/Models/Css/Home/base.css
@@ -0,0 +1,512 @@
+/* CSS
+ *
+ * Webenv/base.css -- This file provides the base visual style
+ * definitions to CentOS web environment. Definition in this file are
+ * common for all applications inside CentOS web environment. This
+ * definitions apply to html tags without options like classes, ids,
+ * etc, just the base defintion for clean html tags.
+ *
+ * Specific CSS definitions, like those used in specific web
+ * applications, are declared using the HTML link element in the head
+ * section of the specific web application who needs it. Specific CSS
+ * definitions extend CentOS webenv CSS definitions.
+ *
+ * Specific CSS definitions can overlap CentOS base CSS definitions.
+ * This way specific web applications retain their own visual style
+ * under CentOS web environment. Changing this may be not very
+ * convenient since different web applications have different html/css
+ * definitions. The best way I can see, is retain their own
+ * definitions and update them, in their own, to fit CentOS visual
+ * style.
+ *
+ * Copyright (C) 2009-2010 Alain Reguera Delgado
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU General Public License as
+ * published by the Free Software Foundation; either version 2 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful, but
+ * WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program; if not, write to the Free Software
+ * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307
+ * USA.
+ *
+ * ----------------------------------------------------------------------
+ * $Id$
+ * ----------------------------------------------------------------------
+ */
+
+
+/* Reset browsers default margins and paddings
+-----------------------------------------------*/
+
+* {
+ margin: 0;
+ padding: 0;
+ }
+
+/* Define html
+-----------------------------------------------*/
+
+html {
+ background-color: #FFF;
+ background-image: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/html-bg.png);
+ }
+
+/* Define body
+-----------------------------------------------*/
+
+body {
+ font-family: "DejaVu Sans", "Liberation Sans", sans-serif;
+ font-size: 0.85em;
+ line-height: 1.25em;
+ /* margin: 0; /* <- full screen */
+ /* margin: 0 1% 0 1%; /* <- with 1% of left and right margin */
+ /* margin: 0 2% 0 2%; /* <- with 2% of left and right margin */
+ margin: 0 3% 0 3%; /* <- with 3% of left and right margin */
+ /* margin: 0 10% 0 10%; /* <- with 10% of left and right margin */
+ }
+
+/* Main Blocks
+-----------------------------------------------*/
+
+/* Logo
+-----------------------------------------------*/
+
+/* Links
+-----------------------------------------------*/
+
+/* Base */
+
+a:link { text-decoration: none; color: #0044B3; }
+a:hover { text-decoration: underline; color: green; }
+a:active { text-decoration: underline; color: green; }
+a:visited { text-decoration: none; color: #0044B3; }
+a:visited:hover { text-decoration: underline; color: green; }
+
+/* Broken or nonexistent links */
+
+a.nonexistent,
+a.nonexistent:hover { color: gray; }
+
+/* Special decoration for some links' classes */
+
+/* Headings
+-----------------------------------------------*/
+
+h1 {
+ font-size: 1.7em;
+ font-weight: bold;
+ line-height: 1.9em;
+ color: #000;
+ }
+
+h2 {
+ font-size: 1.4em;
+ line-height: 1.8em;
+ border: none;
+ color: #000;
+ }
+
+h3 {
+ font-size: 1.25em;
+ line-height: 1.6em;
+ margin-top: 1em;
+ color: #000;
+ }
+
+h4 {
+ font-size: 1.2em;
+ line-height: 1.4em;
+ color: #000;
+ }
+
+h5 {
+ font-size: 1.1em;
+ line-height: 1.1em;
+ color: #000;
+ }
+
+h6 {
+ font-size: 1em;
+ line-height: 1.1em;
+ color: #000;
+ }
+
+h1 a:link,
+h1 a:active,
+h1 a:visited,
+h1 a:visited:hover,
+h2 a:link,
+h2 a:active,
+h3 a:link,
+h3 a:active,
+h4 a:link,
+h4 a:active,
+h5 a:link,
+h5 a:active,
+h6 a:link,
+h6 a:active {
+ color: #000;
+ text-decoration: none;
+ }
+
+/* Paragraphs
+-----------------------------------------------*/
+
+p {
+ margin: 1em;
+ margin-left: 1.5em;
+ line-height: 1.5em;
+ }
+
+/* Quotations
+-----------------------------------------------*/
+
+blockquote {
+ background-color: #ECECEC;
+ border-width: 1px;
+ border-style: solid;
+ border-color: #CFCFCF;
+ border-left-width: 4px;
+ margin-left: 1.5em;
+ padding: 0.5em;
+ margin-top: 1em;
+ margin-bottom: 1em;
+ }
+
+blockquote p {
+ padding-left: 2.5em;
+ }
+
+blockquote h3 {
+ margin-left: 2.5em;
+ line-height: 0;
+ border: none;
+ color: #000000;
+}
+
+blockquote pre {
+ border: none;
+ background-color: #000000;
+ color: #FFFFFF;
+ margin: 0;
+ margin-left: 4em;
+ }
+
+blockquote img {
+ float: left;
+ }
+
+blockquote.message {
+ border: none;
+ border-top: 4px solid;
+ border-bottom: 4px solid;
+ margin-left: 15%;
+ margin-right: 15%;
+ border-color: #CFCFCF;
+ padding: 0 2em;
+ }
+
+blockquote.message p.content {
+ font-weight: bold;
+ margin-left: 0;
+ }
+
+blockquote.message p.links {
+ font-size: x-small;
+ margin-left: 0;
+ }
+
+blockquote.blue {
+ border-color: #D2E0F6;
+ background-color: #ECF4FF;
+ }
+
+blockquote.orange {
+ border-color: #F6E7D2;
+ background-color: #FFF8EC;
+ }
+
+blockquote.violet {
+ border-color: #F6D2F6;
+ background-color: #FFECFF;
+ }
+
+blockquote.red {
+ border-color: #E0B7B7;
+ background-color: #FFECEC;
+ }
+
+blockquote.green {
+ border-color: #D6F6D2;
+ background-color: #EEFFEC;
+ }
+
+q:before {
+ content: " “";
+ }
+
+q:after {
+ content: "” ";
+ }
+
+q q:before {
+ content: " ‘";
+ }
+
+q q:after {
+ content: "’ ";
+ }
+
+address {
+ margin-left: 1.5em;
+ }
+
+/* Preformatted Texts
+-----------------------------------------------*/
+
+pre {
+ font-family: "DejaVu Sans Mono", "Liberation Mono", monospace;
+ padding: 0.5em 1em;
+ margin: 0.5em 0 0.5em 1.5em;
+ white-space: pre;
+ border-width: 1px;
+ border-style: solid;
+ border-color: #E5E5E5;
+ border-left-width: 4px;
+ white-space: pre;
+ background: #FFFAE9;
+ overflow: auto;
+ }
+
+/* Phrase Elements
+-----------------------------------------------*/
+
+tt,
+samp,
+kbd,
+code {
+ font-family: "DejaVu Sans Mono", "Liberation Mono", monospace;
+ }
+
+/* Page Lines
+-----------------------------------------------*/
+
+hr {
+ clear: both;
+ margin: 0;
+ padding: 0;
+ height: 1px ! important;
+ border: none;
+ background-color: #DADADA;
+ }
+
+/* Lists
+-----------------------------------------------*/
+
+ul,
+ol {
+ margin-top: 1.5em;
+ margin-bottom: 1.5em;
+ padding-left: 1.9em;
+ margin-left: 3.5em;
+ }
+
+ul {
+ list-style: circle;
+ }
+
+ol {
+ list-style-image: none !important;
+ }
+
+ul li,
+ol li {
+ line-height: 1.5em;
+ }
+
+ul ul,
+ul ol,
+ol ul,
+ol ol {
+ margin-left: 0.5em;
+ margin-top: 0.3em;
+ margin-bottom: 0.3em;
+ }
+
+ul li p,
+ol li p {
+ margin-bottom: 0.3em;
+ line-height: 1.5em;
+ margin-left: 0 !important;
+ }
+
+dl {
+ margin-top: 1.5em;
+ margin-left: 3.5em;
+ }
+
+dl dt {
+ font-weight: bold;
+ }
+
+dl dt:after {
+ content: ": "
+ }
+
+dl dd {
+ margin-left: 2em;
+ margin-bottom: 1em;
+ line-height: 1.5em;
+ }
+
+dl dd ul,
+dl dd ol {
+ margin: 0;
+ padding-top: 0;
+ margin-left: 4em;
+ }
+
+/* Tables
+-----------------------------------------------*/
+
+table {
+ margin-top: 0.5em;
+ margin-bottom: 0.5em;
+ margin-left: 1.5em;
+ border-collapse: collapse;
+ }
+
+table.menu {
+ margin:0;
+ margin-left: 3.5em;
+ padding:0;
+}
+
+table caption {
+ font-style: italic;
+ text-align: center;
+ }
+
+table tr th {
+ font-weight: bold;
+ }
+
+table tr td,
+table tr th {
+ border: 1pt;
+ border-style: solid;
+ border-color: #CCC;
+ padding-top: 0.25em;
+ padding-right: 0.5em;
+ padding-bottom: 0.25em;
+ padding-left: 0.5em;
+ }
+
+table tr td p {
+ margin: 0;
+ padding: 0;
+ }
+
+/* Forms
+-----------------------------------------------*/
+
+form {
+ display: inline;
+ }
+
+input[type="submit"],
+input[type="button"] {
+ padding: 1px;
+ }
+
+input[type="submit"],
+input[type="button"],
+input[type="button"],
+input[type="submit"] {
+ font-size: 0.8em;
+ border-width: 1px;
+ border-style: solid;
+ border-color: #628ECA;
+ background-color: #204a87;
+ color: #FFF;
+ cursor: pointer;
+ display: inline;
+ text-decoration: none;
+ }
+
+input[type="text"],
+textarea {
+ font-size: 0.8em;
+ display: inline;
+ padding: 2px;
+ padding-left: 4px;
+ border: 1px solid #628ECA;
+ background-color: #EFF5FE;
+ color: #204a87;
+ }
+
+select {
+ font-size: 0.8em;
+ display: inline;
+ padding: 1px;
+ border: 1px solid #628ECA;
+ background-color: #EFF5FE;
+ color: #204a87;
+ }
+
+form p {
+ display: inline;
+ margin-left: 5px;
+ margin-right: 5px;
+ }
+
+textarea {
+ padding: 2px;
+ }
+
+input[type="text"] {
+ padding: 1px;
+ }
+
+/* Select
+---------------------------------------- */
+
+select option {
+ padding-left: 3px;
+ padding-right: 3px;
+ }
+
+select optgroup {
+ font-style: normal;
+ font-weight: bold;
+ padding-left: 3px;
+ }
+
+select optgroup option {
+ margin-left: 1em;
+ }
+
+input[type="radio"],
+input[type="checkbox"] {
+ vertical-align: middle;
+ }
+
+fieldset {
+ margin: 1em;
+ padding: 1em;
+ padding-bottom: 5px;
+ margin-left: 1.5em;
+ border: 1px solid #AAA;
+ }
+
+fieldset legend {
+ font-weight: bold;
+ color: #AAA;
+ }
diff --git a/Identity/Models/Css/Home/home.css b/Identity/Models/Css/Home/home.css
new file mode 100755
index 0000000..45892d6
--- /dev/null
+++ b/Identity/Models/Css/Home/home.css
@@ -0,0 +1,440 @@
+/* CSS
+ *
+ * Webenv/webenv.css -- This file provides CentOS customization to
+ *
+ */
+
+/* Main Blocks
+-----------------------------------------------*/
+
+div#page-header {
+ background: #204C8D url("/home/centos/artwork/trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds/Img/1360x250.jpg") 0 0;
+ min-height: 46px;
+ }
+
+div#page-footer {
+ background: #204C8D url("/home/centos/artwork/trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds/Img/1360x250.jpg") 0 100%;
+ padding: 10px;
+ }
+
+div#page-footer div.top img {
+ border:none;
+ float:right;
+ }
+
+div#page-header div.links,
+div#page-footer div.credits {
+ font-size: x-small;
+ color: #FFF;
+ }
+
+div#page-footer div.credits a {
+ color: #FFF;
+ font-style: italic;
+ }
+
+div#wrap {
+ padding: 0 10px 0 10px;
+ background-color: #FFF;
+ }
+
+div#page-header,
+div#wrap,
+div#page-body,
+div#page-footer {
+ min-width: 650px;
+ }
+
+div#page-body {
+ clear: both;
+ background-color: #ECF4FF;
+ }
+
+div#page-body-left {
+ border-right: 3px #729FCF solid;
+ margin-right: 180px;
+ padding: 20px;
+ background-color: #FFF;
+}
+
+div#page-body-right {
+ width: 180px;
+ float:right;
+ font-size: small;
+}
+
+/* Logo
+-----------------------------------------------*/
+
+div#page-header div#logo img {
+ border: none;
+ float: left;
+ margin: 5px;
+ }
+
+/* Links
+-----------------------------------------------*/
+
+/* Base */
+
+a:link { text-decoration: none; color: #0044B3; }
+a:hover { text-decoration: underline; color: green; }
+a:active { text-decoration: underline; color: green; }
+a:visited { text-decoration: none; color: #0044B3; }
+a:visited:hover { text-decoration: underline; color: green; }
+
+/* Broken or nonexistent links */
+
+div#page-body a.nonexistent,
+div#page-body a.nonexistent:hover { color: gray; }
+
+/* Special decoration for some links' classes */
+
+div#page-body a.www:before {
+ white-space:nowrap;
+ content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/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);
+ 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);
+ 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);
+ 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);
+ margin: 0 0.2em;
+ }
+
+/* */
+
+div#page-header div.links {
+ margin-right: 10px;
+ margin-top: 10px;
+ }
+
+div#page-header div.links div.user,
+div#page-header div.links div.trail {
+ display: block;
+ margin: 5px;
+ font-size: x-small;
+ text-align: right;
+ color: #fff;
+ }
+
+div#page-body-left div.trail a {
+ font-size: small;
+ }
+
+div#page-header div.links div.user a,
+div#page-header div.links div.trail a {
+ color: #FFF;
+ margin-right: 5px;
+ }
+
+div#page-header div.links div.user span {
+ border-right: 1px dotted #FFF;
+ padding-right: 3px;
+ }
+
+div#page-header div.links div.user span,
+div#page-header div.links div.trail span {
+ display: inline;
+ margin-left: 5px;
+ }
+
+div#page-header div.links div.user span.last,
+div#page-header div.links div.trail span.last {
+ border-right: none;
+ padding-right: 0;
+ }
+
+div#page-header div.links div.user span.last a,
+div#page-header div.links div.trail span.last a {
+ margin-right: 0;
+ }
+
+div#page-header div.links div.trail span:after,
+div#page-body-left div.trail span:after {
+ content: " » ";
+ }
+
+div#page-header div.links div.trail span.last:after,
+div#page-body-left div.trail span.last:after {
+ content: none;
+ }
+
+/* Headings
+-----------------------------------------------*/
+
+div#page-body h1 {
+ font-size: 1.7em;
+ font-weight: bold;
+ line-height: 1.9em;
+ margin-top: 0.9em;
+ margin-bottom: 0.9em;
+ padding-left: 0.7em;
+ color: #FFF;
+ border: none;
+ background: #204C8D url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/h1-bg.png");
+ }
+
+div#page-body h2 {
+ font-size: 1.4em;
+ line-height: 1.8em;
+ 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");
+ border: none;
+ color: #072B61;
+ }
+
+div#page-body h3 {
+ font-size: 1.25em;
+ line-height: 1.6em;
+ margin-top: 1em;
+ margin-bottom: 0.5em;
+ padding-left: 0.7em;
+ color: #072B61;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ border-bottom-color: #DADADA;
+ }
+
+div#page-body h4 {
+ font-size: 1.2em;
+ line-height: 1.4em;
+ margin-top: 1em;
+ margin-bottom: 0.5em;
+ padding-left: 0.7em;
+ color: #072B61;
+ border-bottom: none;
+ }
+
+div#page-body h5 {
+ font-size: 1.1em;
+ line-height: 1.1em;
+ margin-top: 1em;
+ margin-bottom: 0.5em;
+ padding-left: 0.7em;
+ color: #072B61;
+ font-weight: bold;
+ border-bottom: none;
+ }
+
+div#page-body h6 {
+ font-size: 1em;
+ line-height: 1.1em;
+ margin-top: 1em;
+ margin-bottom: 0.5em;
+ padding-left: 0.7em;
+ color: #072B61;
+ font-weight: bold;
+ border-bottom: none;
+ }
+
+div#page-body h1 a:link { text-decoration: none; color: #FFF }
+div#page-body h1 a:hover { text-decoration: none; color: #FFF; }
+div#page-body h1 a:active { text-decoration: underline; color: #FFF; }
+div#page-body h1 a:visited { text-decoration: none; color: #FFF; }
+div#page-body h1 a:visited:hover { text-decoration: none; color: #FFF; }
+
+div#page-body h2 a:link, div#page-body h2 a:visited, div#page-body h2 a:hover,
+div#page-body h2 a:active, div#page-body h2 a:visited:hover,
+div#page-body h3 a:link, div#page-body h3 a:visited, div#page-body h3 a:hover,
+div#page-body h3 a:active, div#page-body h3 a:visited:hover,
+div#page-body h4 a:link, div#page-body h4 a:visited, div#page-body h4 a:hover,
+div#page-body h4 a:active, div#page-body h4 a:visited:hover,
+div#page-body h5 a:link, div#page-body h5 a:visited, div#page-body h5 a:hover,
+div#page-body h5 a:active, div#page-body h5 a:visited:hover,
+div#page-body h6 a:link, div#page-body h6 a:visited, div#page-body h6 a:hover,
+div#page-body h6 a:active, div#page-body h6 a:visited:hover {
+ color: #072B61;
+ text-decoration: none;
+}
+
+/* Paragraphs
+-----------------------------------------------*/
+
+div#page-body p {
+ margin: 1em;
+ margin-left: 1.5em;
+ line-height: 1.5em;
+ }
+
+/* Quotations
+-----------------------------------------------*/
+
+div#page-body blockquote {
+ background-color: #ECECEC;
+ background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/msg-bg-gray.png");
+ border-width: 1px;
+ border-style: solid;
+ border-color: #CFCFCF;
+ border-left-width: 4px;
+ margin: 1em;
+ }
+
+div#page-body blockquote p {
+ margin: 1em;
+ }
+
+div#page-body blockquote.message {
+ border: none;
+ border-top: 4px solid;
+ border-bottom: 4px solid;
+ margin-left: 15%;
+ margin-right: 15%;
+ border-color: #CFCFCF;
+ padding: 0 2em;
+ }
+
+div#page-body blockquote.message p.content {
+ font-weight: bold;
+ margin-left: 0;
+ }
+
+div#page-body blockquote.message p.links {
+ font-size: x-small;
+ margin-left: 0;
+ }
+
+div#page-body blockquote.blue {
+ background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/msg-bg-blue.png");
+ border-color: #D2E0F6;
+ background-color: #ECF4FF;
+ }
+
+div#page-body blockquote.orange {
+ border-color: #F6E7D2;
+ background-color: #FFF8EC;
+ background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/msg-bg-orange.png");
+ }
+
+div#page-body blockquote.violet {
+ border-color: #F6D2F6;
+ background-color: #FFECFF;
+ background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/msg-bg-violet.png");
+ }
+
+div#page-body blockquote.red {
+ border-color: #E0B7B7;
+ background-color: #FFECEC;
+ background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/msg-bg-red.png");
+ }
+
+div#page-body blockquote.green {
+ border-color: #D6F6D2;
+ background-color: #EEFFEC;
+ background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/msg-bg-green.png");
+ }
+
+div#page-body blockquote img {
+ vertical-align: middle;
+ margin-right: 20px;
+ }
+
+div#page-body q:before {
+ content: " “";
+ }
+
+div#page-body q:after {
+ content: "” ";
+ }
+
+div#page-body q q:before {
+ content: " ‘";
+ }
+
+div#page-body q q:after {
+ content: "’ ";
+ }
+
+div#page-body address {
+ margin-left: 1.5em;
+ }
+
+/* Preformatted Texts
+-----------------------------------------------*/
+
+div#page-body pre {
+ font-family: "DejaVu Sans Mono", "Liberation Mono", monospace;
+ padding: 0.5em 1em;
+ margin: 0.5em 0 0.5em 1.5em;
+ white-space: pre;
+ border-width: 1px;
+ border-style: solid;
+ border-color: #E5E5E5;
+ border-left-width: 4px;
+ white-space: pre;
+ background: #FFFAE9;
+ overflow: auto;
+ }
+
+/* Phrase Elements
+-----------------------------------------------*/
+
+div#page-body tt,
+div#page-body samp,
+div#page-body kbd,
+div#page-body code {
+ font-family: "DejaVu Sans Mono", "Liberation Mono", monospace;
+ }
+
+/* Page Lines
+-----------------------------------------------*/
+
+div.page-line {
+ clear: both;
+ margin: 0;
+ padding: 0;
+ background-color: transparent;
+ }
+
+div.page-line.white {
+ height: 1px;
+ background-color: #FFF;
+ }
+
+/* Lists
+-----------------------------------------------*/
+
+div#page-body ul {
+ list-style: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/ul.png") circle;
+ }
+
+div#page-body-right ul {
+ padding: 1em;
+ margin: 0;
+ list-style: none;
+ border-top: 1px #FFF solid;
+}
+
+div#page-body-right ul.first {
+ border-top: none;
+ }
+
+div#page-body-right ul li {
+ padding: 0.3em;
+ }
+
+div#page-body-right ul li.current {
+ font-weight: bold;
+ }
+
+
diff --git a/Identity/Models/Css/Home/stylesheet.css b/Identity/Models/Css/Home/stylesheet.css
new file mode 100644
index 0000000..1c887db
--- /dev/null
+++ b/Identity/Models/Css/Home/stylesheet.css
@@ -0,0 +1,42 @@
+/* CSS
+ *
+ * Home/stylesheet.css -- This file provides the visual style
+ * import list of CentOS web environment.
+ *
+ * Copyright (C) 2009-2010 Alain Reguera Delgado
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU General Public License as
+ * published by the Free Software Foundation; either version 2 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful, but
+ * WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program; if not, write to the Free Software
+ * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307
+ * USA.
+ *
+ * ----------------------------------------------------------------------
+ * $Id$
+ * ----------------------------------------------------------------------
+ */
+
+/* Common:
+ *
+ * CSS definitions used to build the base visual style of CentOS web
+ * environment. It should always be loaded in first place.
+ */
+
+@import url("/home/centos/artwork/trunk/Identity/Models/Css/Home/base.css") screen, projection;
+@import url("/home/centos/artwork/trunk/Identity/Models/Css/Home/home.css") screen, projection;
+
+/* Miscellaneous:
+ *
+ * CSS definitions used to build visual effects. New definitions may
+ * be added as time goes by.
+ */
+@import url("/home/centos/artwork/trunk/Identity/Models/Css/Home/tabs.css") screen, projection;
diff --git a/Identity/Models/Css/Home/tabs.css b/Identity/Models/Css/Home/tabs.css
new file mode 100644
index 0000000..09f06b4
--- /dev/null
+++ b/Identity/Models/Css/Home/tabs.css
@@ -0,0 +1,75 @@
+/* CentOS Cascading Style Sheet
+ * -----------------------------------------------
+ * File : tabs.css
+ * Category : root / common / miscellaneous
+ * Theme : Modern
+ * Description : CSS definitions used to build the CentOS common
+ * visual style for tabs.
+ * -----------------------------------------------
+ * Author : CentOS Artwork SIG
+ * License : GPL (http://www.fsf.org/licensing/licenses/gpl.txt)
+ * -----------------------------------------------
+ */
+
+
+/* Tabs (Style 2): Two Rounded Borders
+-----------------------------------------------*/
+
+div#page-header div.tabs1 {
+ margin-left: 10px;
+ margin-right: 10px;
+ margin-top: 21px;
+ float:right;
+ }
+
+div#page-header div.tabs1 a {
+ color: #FFF;
+ float: left;
+ font-weight: bold;
+ margin-right: 3px;
+ padding: 0px 8px 0 0px;
+ text-decoration: none;
+ }
+
+div#page-header div.tabs1 span.current a,
+div#page-header div.tabs1 span.current a:hover,
+div#page-header div.tabs1 span.current a span,
+div#page-header div.tabs1 span.current a:hover span {
+ color: #204A87;
+ text-decoration: none;
+ }
+
+div#page-header div.tabs1 a span,
+div#page-footer div.tabs1 a span {
+ float: left;
+ padding: 5px 0px 3px 8px;
+ }
+
+/* */
+
+div#page-header div.tabs1 a {
+ background: none;
+ }
+
+div#page-header div.tabs1 a span {
+ background: none;
+ }
+
+div#page-header div.tabs1 span.current a,
+div#page-header div.tabs1 span.current a:hover {
+ background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -50px no-repeat;
+ }
+
+div#page-header div.tabs1 span.current a span,
+div#page-header div.tabs1 span.current a:hover span {
+ background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -50px no-repeat;
+ }
+
+div#page-header div.tabs1 span:hover a {
+ background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% 0 no-repeat;
+ }
+
+div#page-header div.tabs1 span:hover a span {
+ background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 0;
+ }
+
diff --git a/Identity/Models/Html/Home/forms.html b/Identity/Models/Html/Home/forms.html
index 645cb93..defc6a3 100644
--- a/Identity/Models/Html/Home/forms.html
+++ b/Identity/Models/Html/Home/forms.html
@@ -12,7 +12,7 @@
Forms - Home
+ Headings - Home
Headings
+
+ CentOS Headings Visual Style Guide.
+
+ Recommendations
+
+
+
+ Defining headings' HTML structure both as anchor
+ and link. This may help to make references to specific
+ topics.
+
+ 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.
+
+ ...
+
+
+
+ Example
+
+
+ <h1><a name="head-5871b1272673f7cf89bcaf48972c848a" href="#head-5871b1272673f7cf89bcaf48972c848a">Heading Level 1</a></h1>
+
+
+
+ <h2><a name="head-d33a28a4193cffb949f506cfdf770f05" href="#head-d33a28a4193cffb949f506cfdf770f05">Heading Level 2</a></h2>
+
+
+
+ <h3><a name="head-82dd23c665d8ee437a980459c8b80d7a" href="#head-82dd23c665d8ee437a980459c8b80d7a">Heading Level 3</a></h3>
+
+
+
+ <h4><a name="head-157dc030ea314f4b53a6ed238113a3f8" href="#head-157dc030ea314f4b53a6ed238113a3f8">Heading Level 4</a></h4>
+
+
+
+ <h5><a name="head-33628cc07bcbefc4e4732407b8680bf6" href="#head-33628cc07bcbefc4e4732407b8680bf6">Heading Level 5</a></h5>
+
+
+
+ <h6><a name="head-93b42a4a61a0b05a81aff6224555603c" href="#head-93b42a4a61a0b05a81aff6224555603c">Heading Level 5</a></h6>
+
+
+
-
+
+
+
+
+
+ image/svg+xml
+
+
+
+
+
+