From 7519de490f22a23f73c888064467a6a0f0c433f1 Mon Sep 17 00:00:00 2001 From: Alain Reguera Delgado Date: Oct 05 2010 03:37:52 +0000 Subject: Update home's html and css design model under trunk/Identity/Models. --- diff --git a/Identity/Models/Css/Home/base.css b/Identity/Models/Css/Home/base.css index 2e937cb..d48f62c 100755 --- a/Identity/Models/Css/Home/base.css +++ b/Identity/Models/Css/Home/base.css @@ -81,21 +81,12 @@ body { /* 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 -----------------------------------------------*/ @@ -180,74 +171,25 @@ blockquote { 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; + margin-left: 1.5em; } 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: " “"; } @@ -280,7 +222,6 @@ pre { border-style: solid; border-color: #E5E5E5; border-left-width: 4px; - white-space: pre; background: #FFFAE9; overflow: auto; } @@ -387,7 +328,7 @@ table.menu { margin:0; margin-left: 3.5em; padding:0; -} + } table caption { font-style: italic; @@ -409,7 +350,8 @@ table tr th { padding-left: 0.5em; } -table tr td p { +table tr td p, +table tr td pre { margin: 0; padding: 0; } @@ -424,41 +366,20 @@ form { 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"], +input[type="password"], 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 { @@ -467,14 +388,6 @@ form p { margin-right: 5px; } -textarea { - padding: 2px; - } - -input[type="text"] { - padding: 1px; - } - /* Select ---------------------------------------- */ @@ -510,3 +423,4 @@ fieldset legend { font-weight: bold; color: #AAA; } + diff --git a/Identity/Models/Css/Home/home.css b/Identity/Models/Css/Home/home.css index 45892d6..3ece3fd 100755 --- a/Identity/Models/Css/Home/home.css +++ b/Identity/Models/Css/Home/home.css @@ -24,7 +24,7 @@ div#page-footer div.top img { div#page-header div.links, div#page-footer div.credits { - font-size: x-small; + font-size: small; color: #FFF; } @@ -47,21 +47,22 @@ div#page-footer { div#page-body { clear: both; - background-color: #ECF4FF; + background-color: #F8F8F8; } -div#page-body-left { - border-right: 3px #729FCF solid; +div#page-body div#left { margin-right: 180px; padding: 20px; + border-right: 3px #EEE solid; background-color: #FFF; -} + } -div#page-body-right { - width: 180px; +div#page-body div#right { float:right; + width: 180px; font-size: small; -} + border-left: 3px #EEE solid; + } /* Logo -----------------------------------------------*/ @@ -75,14 +76,6 @@ div#page-header div#logo img { /* 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, @@ -131,12 +124,11 @@ 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 { +div#page-body div#left div.trail a { font-size: small; } @@ -169,12 +161,12 @@ div#page-header div.links div.trail span.last a { } div#page-header div.links div.trail span:after, -div#page-body-left div.trail span:after { +div#page-body div#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 { +div#page-body div#left div.trail span.last:after { content: none; } @@ -277,30 +269,78 @@ div#page-body p { line-height: 1.5em; } +/* Page Lines +-----------------------------------------------*/ + +div.page-line { + clear: both; + margin: 0; + padding: 0; + background-color: transparent; + } + +div.page-line.white { + height: 3px; + 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 div#right ul { + padding: 1em; + margin: 0; + list-style: none; + border-top: 1px #EEE solid; +} + +div#page-body div#right ul.first { + border-top: none; + } + +div#page-body div#right ul li { + padding: 2px; + } + +div#page-body div#right ul li.current { + font-weight: bold; + } + /* 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; + background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/msg-bg-gray.png"); } -div#page-body blockquote p { - margin: 1em; - } +div#page-body blockquote h3 { + line-height: 0; + border: none; + color: #000000; + padding: 0; + margin-left: 1.2em; + } + +div#page-body blockquote.icon h3 { + margin-left: 3.2em; + } + +div#page-body blockquote.icon hr, +div#page-body blockquote.icon pre, +div#page-body blockquote.icon table, +div#page-body blockquote.icon p { + margin-left: 4em; + } div#page-body blockquote.message { border: none; border-top: 4px solid; border-bottom: 4px solid; - margin-left: 15%; - margin-right: 15%; - border-color: #CFCFCF; + border-color: #CFCFCF; padding: 0 2em; } @@ -344,97 +384,3 @@ div#page-body blockquote.green { 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/Html/Home/forms.html b/Identity/Models/Html/Home/forms.html index defc6a3..a4e44df 100644 --- a/Identity/Models/Html/Home/forms.html +++ b/Identity/Models/Html/Home/forms.html @@ -12,7 +12,7 @@ - Headings - Home + Forms - Home @@ -49,7 +49,7 @@ Home - + Welcome - Headings Tables - Forms + Forms Pagination @@ -165,52 +165,236 @@
-
- -
    -
  • The following links are specific to major release of - CentOS distribution:
    • -
- - - -
    -
  • In this bar, it is possible to separate links by - blocks.
    • -
-
+